/* Hormoz v61 — shared components: product card, tickets, comments, shop, pages */
:root{--hm61-r:#ef4056;--hm61-rd:#d92f48;--hm61-rw:#fff2f4;--hm61-rl:#ffdfe4;--hm61-ink:#1d1f2b;--hm61-sub:#6f7380;--hm61-line:#e8e8ec;--hm61-soft:#f6f6f8;--hm61-ok:#0a9f6b}

/* ---------- product card ---------- */
.hm-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hm-pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hm61-line);border-radius:18px;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;min-width:0}
.hm-pcard:hover{transform:translateY(-3px);border-color:#dcdce2;box-shadow:0 20px 40px -26px rgba(20,23,31,.45)}
.hm-pcard a{text-decoration:none;color:inherit}
.hm-pcard-media{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(150deg,#fafafb,#f1f1f4);overflow:hidden}
.hm-pcard-media img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .35s ease}
.hm-pcard:hover .hm-pcard-media img{transform:scale(1.04)}
.hm-pcard-ph{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:20px;letter-spacing:2px;color:#e7b7bf}
.hm-pcard-badges{position:absolute;top:10px;right:10px;display:flex;gap:5px;flex-wrap:wrap}
.hm-pcard-badges b{font-size:11px;font-weight:800;padding:4px 9px;border-radius:20px;background:#fff;color:var(--hm61-ink);box-shadow:0 4px 12px -4px rgba(0,0,0,.2)}
.hm-pcard-badges .is-off{background:var(--hm61-r);color:#fff}
.hm-pcard-badges .is-free{background:var(--hm61-ok);color:#fff}
.hm-pcard-badges .is-owned{background:#16181d;color:#fff}
.hm-pcard-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1}
.hm-pcard-type{font-size:11px;font-weight:700;color:var(--hm61-r)}
.hm-pcard h3{font-size:14px;line-height:1.8;font-weight:800;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}
.hm-pcard h3 a:hover{color:var(--hm61-r)}
.hm-pcard-compat{font-size:11px;color:var(--hm61-sub);direction:ltr;text-align:right;unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-pcard-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f1f3}
.hm-pcard-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 5px;min-width:0}
.hm-pcard-price del{width:100%;font-size:11px;color:#b1b4bb}
.hm-pcard-price strong{font-size:15.5px;font-weight:900;color:var(--hm61-ink)}
.hm-pcard-price i{font-style:normal;font-size:10.5px;color:var(--hm61-sub)}
.hm-pcard-cta{display:flex;gap:5px;flex:none}
.hm-pcard-cta a{font-size:12px;font-weight:800;padding:7px 11px;border-radius:10px;transition:.15s}
.hm-pcard-go{background:var(--hm61-rw);color:var(--hm61-r)!important}
.hm-pcard-go:hover{background:var(--hm61-r);color:#fff!important}
.hm-pcard-demo{border:1px solid var(--hm61-line);color:#4b4f5c!important}
.hm-pcard-demo:hover{border-color:var(--hm61-r);color:var(--hm61-r)!important}
@media (max-width:1100px){.hm-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .hm-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hm-pcard{border-radius:14px}
  .hm-pcard-body{padding:10px 10px 12px}
  .hm-pcard h3{font-size:12.8px;min-height:46px}
  .hm-pcard-foot{flex-direction:column;align-items:stretch}
  .hm-pcard-cta a{flex:1;text-align:center}
  .hm-pcard-price strong{font-size:14px}
}

/* ---------- shop archive ---------- */
.hm-shop61{padding:22px 0 60px}
.hm-shop61 .container{width:min(1240px,calc(100% - 32px));margin-inline:auto;padding:0}
.hm-shop61-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.hm-shop61-head h1{font-size:clamp(20px,2.6vw,26px);font-weight:900;margin:0 0 4px}
.hm-shop61-head p{margin:0;color:var(--hm61-sub);font-size:13.5px}
.hm-shop61-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.hm-shop61-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.hm-shop61-cats::-webkit-scrollbar{display:none}
.hm-shop61-cats a{flex:none;font-size:12.5px;font-weight:700;padding:8px 13px;border-radius:100px;background:#fff;border:1px solid var(--hm61-line);color:#454956;text-decoration:none;white-space:nowrap}
.hm-shop61-cats a.on,.hm-shop61-cats a:hover{background:var(--hm61-r);border-color:var(--hm61-r);color:#fff}
.hm-shop61-tools{display:flex;gap:8px}
.hm-shop61-tools form{display:flex;background:#fff;border:1px solid var(--hm61-line);border-radius:12px;overflow:hidden}
.hm-shop61-tools input{border:0;outline:0;padding:9px 12px;font:inherit;font-size:13px;min-width:0;width:180px}
.hm-shop61-tools button{border:0;background:var(--hm61-r);color:#fff;padding:0 14px;font:inherit;font-weight:800;cursor:pointer}
.hm-shop61-tools select{border:1px solid var(--hm61-line);border-radius:12px;padding:9px 10px;font:inherit;font-size:13px;background:#fff}
.hm-shop61-empty{text-align:center;padding:50px 20px;background:#fff;border:1px dashed var(--hm61-line);border-radius:18px;color:var(--hm61-sub)}
.hm-shop61-empty b{display:block;font-size:16px;color:var(--hm61-ink);margin-bottom:6px}
.hm-shop61 .page-numbers{display:flex;justify-content:center;gap:6px;list-style:none;padding:0;margin:26px 0 0;flex-wrap:wrap}
.hm-shop61 .page-numbers a,.hm-shop61 .page-numbers span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:12px;background:#fff;border:1px solid var(--hm61-line);text-decoration:none;color:var(--hm61-ink);font-weight:700}
.hm-shop61 .page-numbers .current{background:var(--hm61-r);border-color:var(--hm61-r);color:#fff}
@media (max-width:640px){.hm-shop61 .container{width:calc(100% - 20px)}.hm-shop61-tools{width:100%}.hm-shop61-tools form{flex:1}.hm-shop61-tools input{width:100%}}

/* ---------- generic page / search / 404 ---------- */
.hm-page61{padding:28px 0 60px}
.hm-page61 .container{width:min(900px,calc(100% - 32px));margin-inline:auto;padding:0}
.hm-page61-card{background:#fff;border:1px solid var(--hm61-line);border-radius:20px;padding:30px}
.hm-page61 h1{font-size:clamp(21px,3vw,28px);font-weight:900;margin:0 0 16px}
.hm-page61-content{font-size:15px;line-height:2.1;color:#43475a;overflow-wrap:anywhere}
.hm-page61-content img{max-width:100%;height:auto;border-radius:12px}
.hm-page61-content a{color:var(--hm61-r)}
.hm-404{text-align:center;padding:60px 20px}
.hm-404 b{display:block;font-size:64px;font-weight:900;color:var(--hm61-r);line-height:1}
.hm-404 h1{font-size:22px;margin:12px 0 8px}
.hm-404 p{color:var(--hm61-sub)}
.hm-404 form{display:flex;max-width:420px;margin:18px auto;border:1.5px solid var(--hm61-line);border-radius:14px;overflow:hidden;background:#fff}
.hm-404 input{flex:1;border:0;outline:0;padding:12px;font:inherit}
.hm-404 button{border:0;background:var(--hm61-r);color:#fff;padding:0 18px;font:inherit;font-weight:800}
@media (max-width:640px){.hm-page61-card{padding:20px 16px;border-radius:16px}}

/* ---------- comments ---------- */
.hm-comments{margin-top:24px;background:#fff;border:1px solid var(--hm61-line);border-radius:20px;padding:24px}
.hm-comments-title{font-size:18px;font-weight:900;margin:0 0 16px}
.hm-comment-list,.hm-comment-list .children{list-style:none;margin:0;padding:0}
.hm-comment-list .children{margin-right:28px}
.hm-comment-body{border:1px solid #f0f0f2;border-radius:14px;padding:14px;margin-bottom:10px}
.hm-comment-body header{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.hm-comment-avatar{width:38px;height:38px;border-radius:50%;background:var(--hm61-rw);color:var(--hm61-r);display:grid;place-items:center;font-weight:900}
.hm-comment-body strong{font-size:13.5px}.hm-comment-body time{display:block;font-size:11.5px;color:var(--hm61-sub)}
.hm-comment-badge{font-style:normal;font-size:10.5px;background:var(--hm61-r);color:#fff;border-radius:10px;padding:1px 7px;margin-right:6px}
.hm-comment-text{font-size:14px;line-height:2}
.hm-comment-wait{font-size:12px;color:#8a6100;background:#fff7e0;border-radius:8px;padding:6px 10px}
.hm-comment-body .comment-reply-link{font-size:12px;font-weight:800;color:var(--hm61-r)}
.hm-comment-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hm-comment-form .comment-form-comment,.hm-comment-form .hm-comment-note,.hm-comment-form .form-submit,.hm-comment-form .comment-notes{grid-column:1/-1}
.hm-comment-form label{display:block;font-size:12.5px;font-weight:700;margin-bottom:5px}
.hm-comment-form input[type=text],.hm-comment-form input[type=email],.hm-comment-form textarea{width:100%;border:1.5px solid var(--hm61-line);border-radius:12px;padding:11px 12px;font:inherit;font-size:14px;background:#fafafb;box-sizing:border-box}
.hm-comment-form input:focus,.hm-comment-form textarea:focus{outline:0;border-color:var(--hm61-r);background:#fff}
.hm-comment-form .submit{border:0;background:var(--hm61-r);color:#fff;font:inherit;font-weight:800;padding:12px 26px;border-radius:12px;cursor:pointer}
.hm-comment-note{font-size:12px;color:var(--hm61-sub);margin:0}
#reply-title{font-size:16px;font-weight:900}
@media (max-width:640px){.hm-comments{padding:16px;border-radius:16px}.hm-comment-form{grid-template-columns:1fr}}

/* ---------- tickets ---------- */
.hm-v55-ticket-app{position:relative}
.hm-v55-ticket-app.is-busy .hm-v55-ticket-content{opacity:.55;pointer-events:none;transition:opacity .2s}
.hm-v55-ticket-loader{display:none;align-items:center;gap:10px;font-size:13px;color:var(--hm61-sub);padding:10px 0}
.hm-v55-ticket-loader.is-active{display:flex}
.hm-v55-ticket-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--hm61-rl);border-top-color:var(--hm61-r);animation:hm61spin .8s linear infinite}
@keyframes hm61spin{to{transform:rotate(360deg)}}
.hm-v55-inline-notice{margin:0 0 12px;padding:11px 14px;border-radius:12px;font-size:13.5px;font-weight:700;transition:opacity .5s}
.hm-v55-inline-notice.success{background:#ebf9f2;color:#0b7a53;border:1px solid #c5ecd9}
.hm-v55-inline-notice.error{background:#fff0f1;color:#b02a37;border:1px solid #f5c2c7}
.hm-v55-inline-notice.is-fading{opacity:0}
.hm-tk{direction:rtl;font-size:14px;color:var(--hm61-ink)}
.hm-tk h2,.hm-tk h3{font-weight:900;color:var(--hm61-ink)}
.hm-tk-head h2{font-size:20px;margin:2px 0 4px}.hm-tk-head p{margin:0 0 14px;color:var(--hm61-sub);font-size:13px}
.hm-tk-kicker{font-size:12px;font-weight:800;color:var(--hm61-r)}
.hm-tk-tg{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#eaf5ff,#f5faff);border:1px solid #d3e8fb;margin-bottom:16px}
.hm-tk-tg.is-on{background:#ebf9f2;border-color:#c5ecd9}
.hm-tk-tg-ic{font-size:22px}
.hm-tk-tg div{flex:1;min-width:0}.hm-tk-tg strong{display:block;font-size:13.5px}.hm-tk-tg small{display:block;font-size:12px;color:var(--hm61-sub)}
.hm-tk-tg a{flex:none;background:#229ed9;color:#fff!important;text-decoration:none;font-size:12.5px;font-weight:800;padding:9px 14px;border-radius:10px}
.hm-tk-create,.hm-tk-list,.hm-tk-thread{background:#fff;border:1px solid var(--hm61-line);border-radius:16px;padding:18px;margin-bottom:14px}
.hm-tk-create h3,.hm-tk-list h3{font-size:15.5px;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.hm-tk-list h3 small{font-size:11px;background:var(--hm61-soft);border-radius:10px;padding:2px 8px;color:var(--hm61-sub)}
.hm-tk label{display:block;font-size:12.5px;font-weight:700;color:#454956}
.hm-tk select,.hm-tk input[type=text],.hm-tk textarea{display:block;width:100%;margin-top:6px;border:1.5px solid var(--hm61-line);border-radius:12px;padding:11px 12px;font:inherit;font-size:14px;background:#fafafb;color:var(--hm61-ink);box-sizing:border-box}
.hm-tk select:focus,.hm-tk input:focus,.hm-tk textarea:focus{outline:0;border-color:var(--hm61-r);background:#fff}
.hm-tk textarea{resize:vertical;min-height:110px;line-height:1.9}
.hm-tk-form{display:grid;gap:12px;margin-top:12px}
.hm-tk-row2{display:grid;grid-template-columns:1fr 180px;gap:12px}
.hm-tk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hm-tk-file{position:relative;flex:1;min-width:180px;display:flex!important;align-items:center;gap:6px;border:1.5px dashed #d6d7dd;border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--hm61-sub)!important;font-weight:600!important;overflow:hidden}
.hm-tk-file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-tk-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.hm-tk-file:hover{border-color:var(--hm61-r);color:var(--hm61-r)!important}
.hm-tk-btn{border:0;background:var(--hm61-r);color:#fff;font:inherit;font-weight:800;font-size:14px;padding:11px 22px;border-radius:12px;cursor:pointer;transition:.15s}
.hm-tk-btn:hover{background:var(--hm61-rd)}
.hm-tk-btn:disabled{opacity:.6;cursor:wait}
.hm-tk-btn.ghost{background:#fff;color:var(--hm61-ok);border:1.5px solid #c5ecd9}
.hm-tk-btn.ghost:hover{background:#ebf9f2}
.hm-tk-note{padding:11px 14px;border-radius:12px;background:var(--hm61-soft);font-size:13px;line-height:1.9;margin:10px 0}
.hm-tk-note.ok{background:#ebf9f2;color:#0b7a53}.hm-tk-note.bad{background:#fff0f1;color:#b02a37}
.hm-tk-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.hm-tk-plan{display:flex;flex-direction:column;gap:3px;border:1.5px solid var(--hm61-line);border-radius:14px;padding:12px;text-decoration:none!important;color:var(--hm61-ink)!important;transition:.15s}
.hm-tk-plan:hover{border-color:var(--hm61-r);background:var(--hm61-rw)}
.hm-tk-plan small{color:var(--hm61-sub);font-size:11.5px}.hm-tk-plan strong{color:var(--hm61-r);font-size:15px}
.hm-tk-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none!important;color:inherit!important;border:1px solid transparent;transition:.15s}
.hm-tk-item+.hm-tk-item{border-top-color:#f1f1f3}
.hm-tk-item:hover{background:var(--hm61-soft)}
.hm-tk-item.is-new{background:#f2fbf7;border-color:#d4f0e2}
.hm-tk-id{flex:none;font-size:12px;font-weight:800;color:var(--hm61-sub);min-width:38px}
.hm-tk-item-main{flex:1;min-width:0}
.hm-tk-item-main b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-tk-item-main small{display:block;font-size:11.5px;color:var(--hm61-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-tk-status{flex:none;font-style:normal;font-size:11px;font-weight:800;padding:4px 10px;border-radius:20px;background:#eee;color:#555}
.hm-tk-status.open{background:#fff4d6;color:#8a6100}.hm-tk-status.answered{background:#dff6ea;color:#0b7a53}
.hm-tk-status.pending{background:#e8f0fe;color:#1a56b8}.hm-tk-status.closed{background:#eee;color:#666}
.hm-tk-empty{text-align:center;padding:26px;color:var(--hm61-sub);border:1px dashed var(--hm61-line);border-radius:12px}
.hm-tk-thread-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #f1f1f3}
.hm-tk-back{font-size:12.5px;font-weight:800;color:var(--hm61-r)!important;text-decoration:none!important;background:var(--hm61-rw);padding:7px 12px;border-radius:10px}
.hm-tk-title{flex:1;min-width:0}
.hm-tk-title span{display:block;font-size:11.5px;color:var(--hm61-sub)}.hm-tk-title strong{display:block;font-size:15px}
.hm-tk-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--hm61-sub);padding:10px 0}
.hm-tk-meta b.ok{color:var(--hm61-ok)}.hm-tk-meta b.bad{color:#b02a37}
.hm-tk-msgs{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding:6px 2px 12px;scroll-behavior:smooth}
.hm-tk-msg{max-width:84%;align-self:flex-start;background:var(--hm61-rw);border-radius:16px 16px 4px 16px;padding:10px 14px}
.hm-tk-msg.admin{align-self:flex-end;background:#eef6ff;border-radius:16px 16px 16px 4px}
.hm-tk-msg-meta{font-size:11px;color:var(--hm61-sub);margin-bottom:3px;font-weight:700}
.hm-tk-msg-body{font-size:13.5px;line-height:1.95;overflow-wrap:anywhere}
.hm-tk-msg-body p{margin:0 0 6px}.hm-tk-msg-body p:last-child{margin:0}
.hm-tk-msg-body img{max-width:240px;max-height:240px;border-radius:10px;display:block}
.hm-v54-attachment-file{display:inline-block;font-weight:800;color:var(--hm61-r)!important}
@media (max-width:640px){
  .hm-tk-create,.hm-tk-list,.hm-tk-thread{padding:14px 12px;border-radius:14px}
  .hm-tk-row2{grid-template-columns:1fr}
  .hm-tk-actions>*{flex:1 1 100%}
  .hm-tk-msg{max-width:92%}
  .hm-tk-tg{flex-wrap:wrap}.hm-tk-tg a{width:100%;text-align:center}
}

/* ---------- global mobile polish ---------- */
.hm-mobile-bottom-nav{transition:transform .25s ease,opacity .25s ease}
@media (max-width:991px){
  .hm-mobile-bottom-nav a.is-current{color:var(--hm61-r)}
  .hm-mobile-bottom-nav a:first-child{color:#777}
  .hm-mobile-bottom-nav a.is-current:first-child{color:var(--hm61-r)}
}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--hm61-r);outline-offset:2px}

/* neutralise legacy v45–v55 ticket rules for the v61 markup */
.hm-tk.hm-v45-ticket-panel{background:transparent;border:0;padding:0;border-radius:0}
.hm-tk .hm-v45-ticket-create,.hm-tk .hm-v45-ticket-list,.hm-tk .hm-v45-ticket-thread{background:#fff;border:1px solid var(--hm61-line);border-radius:16px;padding:18px}
.hm-tk .hm-v45-ticket-list{display:block}
.hm-tk .hm-v45-ticket-create label,.hm-tk label{font-size:12.5px;display:block}
.hm-tk .hm-v45-ticket-row{display:flex;grid-template-columns:none;background:transparent;border:1px solid transparent;padding:12px;border-radius:12px}
.hm-tk .hm-v45-ticket-row.is-new{background:#f2fbf7;border-color:#d4f0e2}
.hm-tk .hm-v45-ticket-row small,.hm-tk .hm-v45-ticket-row em{grid-column:auto;grid-row:auto}
.hm-tk .hm-v51-selected-product{background:transparent;border:0;padding:0;margin:0}
.hm-tk .hm-v45-ticket-back{font-size:12.5px}
@media (max-width:640px){.hm-tk .hm-v45-ticket-create,.hm-tk .hm-v45-ticket-list,.hm-tk .hm-v45-ticket-thread{padding:14px 12px}}
.hm-footer a.hm-footer-cta{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--hm61-r);color:#fff;border-radius:10px;padding:10px 12px;font-weight:700;margin:0 0 8px}
.hm-footer a.hm-footer-cta.tg{background:#229ed9}
.hm-footer a.hm-footer-cta:hover{filter:brightness(1.07);color:#fff}
[hidden]{display:none!important}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- v62 product card ---------- */
.hm-pcard{position:relative}
.hm-pcard-ph{color:#f2a9b4;background:radial-gradient(70% 60% at 50% 40%,#fff,transparent),linear-gradient(150deg,#fff4f6,#f3f3f7)}
.hm-pcard-ph .hm-ic{width:52px;height:52px;padding:12px;border-radius:18px;background:#fff;box-shadow:0 14px 30px -14px rgba(239,64,86,.45);color:var(--hm61-r);box-sizing:content-box}
.hm-pcard-badges b{display:inline-flex;align-items:center;gap:3px}
.hm-pcard-hover{position:absolute;bottom:10px;left:50%;transform:translate(-50%,8px);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11.5px;font-weight:800;color:#fff;background:rgba(13,16,23,.78);backdrop-filter:blur(8px);padding:6px 11px;border-radius:100px;opacity:0;transition:.2s}
.hm-pcard:hover .hm-pcard-hover{opacity:1;transform:translate(-50%,0)}
.hm-pcard-type{display:inline-flex;align-items:center;gap:5px}
.hm-pcard-type em{font-style:normal;color:var(--hm61-sub);background:var(--hm61-soft);border-radius:6px;padding:0 6px;font-size:10.5px;direction:ltr}
.hm-pcard-foot{align-items:center}
.hm-pcard-cta a{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:12px}
.hm-pcard-go{background:var(--hm61-ink)!important;color:#fff!important}
.hm-pcard-go:hover{background:var(--hm61-r)!important}
.hm-pcard-demo{background:#fff}
@media (max-width:640px){
  .hm-pcard-foot{flex-direction:row;align-items:center}
  .hm-pcard-cta a{flex:none;width:34px;height:34px;border-radius:10px}
  .hm-pcard-hover{display:none}
}
/* v62 bottom nav */
@media (max-width:991px){
  .hm-mobile-bottom-nav{height:64px;border-radius:20px;box-shadow:0 14px 36px -12px rgba(13,16,23,.28)}
  .hm-mobile-bottom-nav a{position:relative;gap:4px;color:#8a8f9c}
  .hm-mobile-bottom-nav a>span{display:grid;place-items:center;width:40px;height:30px;border-radius:12px;transition:background .2s,color .2s}
  .hm-mobile-bottom-nav a.is-current{color:var(--hm61-r)}
  .hm-mobile-bottom-nav a.is-current>span{background:var(--hm61-rw)}
  .hm-mobile-bottom-nav a small{font-weight:700}
  .hm-mobile-bottom-cart b{top:-3px!important;right:1px!important}
}
.hm-category-trigger span,.hm-category-trigger i{display:inline-flex;vertical-align:middle}
.hm-category-trigger i .hm-ic{transform:rotate(-90deg)}
.hm-ajax-cart-empty span{filter:none!important;color:#d6d8de}
.hm-tk .hm-ic{flex:none;vertical-align:-3px}
.hm-tk-tg-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff;color:#1e96c8}
.hm-tk-back,.hm-tk-btn,.hm-tk-note,.hm-tk-msg-meta{display:inline-flex;align-items:center;gap:6px}
.hm-tk-note{display:flex}
.hm-tk-empty .hm-ic{color:#d4d6de}