/* HastiGem Home Redesign — v1.1.25 */
:root{
    --hg-bg:#f7f7f4;
    --hg-bg-2:#fcfcfa;
    --hg-surface:rgba(255,255,255,.68);
    --hg-surface-2:rgba(255,255,255,.5);
    --hg-surface-3:rgba(255,255,255,.34);
    --hg-ink:#17181b;
    --hg-muted:#505860;
    --hg-line:rgba(23,24,27,.08);
    --hg-line-soft:rgba(23,24,27,.05);
    --hg-shadow:0 22px 56px rgba(20,23,28,.06);
    --hg-shadow-soft:0 10px 24px rgba(20,23,28,.045);
    --hg-shadow-3d:0 28px 80px rgba(31,41,55,.12),0 12px 24px rgba(31,41,55,.06);
    --hg-solid:#17181b;
    --hg-solid-text:#fff;
    --hg-accent:#34c759;
    --hg-highlight:rgba(23,24,27,.08);
    --hg-dropdown-shadow:0 18px 42px rgba(20,23,28,.12);
    --hg-backdrop:blur(18px) saturate(180%);
}
html[data-hg-theme="dark"]{
    --hg-bg:#0d1015;
    --hg-bg-2:#10141b;
    --hg-surface:rgba(26,31,40,.72);
    --hg-surface-2:rgba(31,37,47,.65);
    --hg-surface-3:rgba(255,255,255,.06);
    --hg-ink:#eef2f7;
    --hg-muted:#a2adba;
    --hg-line:rgba(255,255,255,.09);
    --hg-line-soft:rgba(255,255,255,.05);
    --hg-shadow:0 24px 64px rgba(0,0,0,.28);
    --hg-shadow-soft:0 10px 26px rgba(0,0,0,.22);
    --hg-shadow-3d:0 30px 84px rgba(0,0,0,.34),0 12px 24px rgba(0,0,0,.16);
    --hg-solid:#eef2f7;
    --hg-solid-text:#11161d;
    --hg-accent:#3ddc84;
    --hg-highlight:rgba(255,255,255,.10);
    --hg-dropdown-shadow:0 22px 54px rgba(0,0,0,.32);
}
html[data-hg-theme="dark"] body{
    background:
        radial-gradient(circle at 82% 0%, rgba(98,110,128,.15), transparent 32%),
        radial-gradient(circle at 14% 88%, rgba(98,110,128,.10), transparent 24%),
        linear-gradient(180deg,var(--hg-bg-2),var(--hg-bg))!important;
    color:var(--hg-ink)!important;
}
.hg-home{
    position:relative;
    overflow:hidden;
    color:var(--hg-ink);
    padding:28px 0 0;
}
.hg-home::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-3;
    background-image:
        linear-gradient(var(--hg-line-soft) 1px, transparent 1px),
        linear-gradient(90deg, var(--hg-line-soft) 1px, transparent 1px);
    background-size:42px 42px;
    opacity:.6;
    mask-image:radial-gradient(circle at center,#000 0,transparent 72%);
    -webkit-mask-image:radial-gradient(circle at center,#000 0,transparent 72%);
    pointer-events:none;
}
.hg-wrap{
    width:min(1180px, calc(100vw - 28px));
    margin:0 auto;
    position:relative;
    z-index:2;
}
.hg-scene-3d{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
}
.hg-orb{
    position:absolute;
    border-radius:50%;
    background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.98), rgba(255,255,255,.52) 42%, rgba(255,255,255,.14) 72%, rgba(255,255,255,.02) 100%);
    border:1px solid rgba(255,255,255,.52);
    box-shadow:inset 0 10px 22px rgba(255,255,255,.45), 0 26px 64px rgba(15,23,42,.08);
    animation:hgFloatY 9s ease-in-out infinite;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
html[data-hg-theme="dark"] .hg-orb{
    background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.18), rgba(255,255,255,.08) 48%, rgba(255,255,255,.03) 76%, rgba(255,255,255,.01) 100%);
    border-color:rgba(255,255,255,.11);
    box-shadow:inset 0 8px 18px rgba(255,255,255,.04), 0 26px 64px rgba(0,0,0,.18);
}
.hg-orb-1{width:112px;height:112px;right:2%;top:142px;}
.hg-orb-2{width:82px;height:82px;left:3%;top:310px;animation-duration:10.5s;}
.hg-orb-3{width:58px;height:58px;right:18%;top:580px;animation-duration:8.3s;}
.hg-cube{
    position:absolute;
    border-radius:22px;
    background:linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.38));
    border:1px solid rgba(255,255,255,.66);
    box-shadow:var(--hg-shadow-3d);
    transform-style:preserve-3d;
    animation:hgTiltFloat 12s ease-in-out infinite;
}
html[data-hg-theme="dark"] .hg-cube{
    background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
    border-color:rgba(255,255,255,.08);
}
.hg-cube::before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:16px;
    background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.12));
}
html[data-hg-theme="dark"] .hg-cube::before{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));}
.hg-cube-1{width:74px;height:74px;left:4%;top:104px;}
.hg-cube-2{width:54px;height:54px;right:7%;top:460px;animation-duration:9s;}
@keyframes hgFloatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes hgTiltFloat{0%,100%{transform:perspective(700px) rotateX(14deg) rotateY(-16deg) translateY(0)}50%{transform:perspective(700px) rotateX(18deg) rotateY(-8deg) translateY(-12px)}}
.hg-hero{
    text-align:center;
    padding-top:18px;
    position:relative;
}
.hg-live-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    padding:7px 12px;
    border:1px solid var(--hg-line);
    border-radius:999px;
    background:var(--hg-surface-2);
    color:var(--hg-muted);
    font-size:10.5px;
    font-weight:950;
    box-shadow:var(--hg-shadow-soft);
}
.hg-live-pill i{width:7px;height:7px;background:var(--hg-accent);border-radius:999px;display:inline-block;}
.hg-hero h1{
    margin:16px 0 0;
    font-size:clamp(38px, 7vw, 78px);
    line-height:1.06;
    letter-spacing:-1.8px;
    font-weight:1000;
    color:var(--hg-ink);
}
.hg-hero h1 span{color:var(--hg-muted);}
.hg-hero-sub{
    width:min(650px,100%);
    margin:12px auto 0;
    font-size:13px;
    line-height:1.95;
    color:var(--hg-muted);
    font-weight:780;
}
.hg-floating-pills{
    width:min(760px,100%);
    margin:18px auto 0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
}
.hg-float-pill{
    min-height:42px;
    padding:8px 12px;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:16px;
    background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.46));
    box-shadow:var(--hg-shadow-3d);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
html[data-hg-theme="dark"] .hg-float-pill{
    background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
    border-color:rgba(255,255,255,.08);
}
.hg-dot{
    width:14px;height:14px;border-radius:50%;
    background:linear-gradient(180deg,#fefefe,#d7dbe0);
    box-shadow:inset 0 2px 4px rgba(255,255,255,.8), 0 4px 10px rgba(15,23,42,.14);
    flex:0 0 14px;
}
html[data-hg-theme="dark"] .hg-dot{background:linear-gradient(180deg,#cfd7e1,#8c97a5);}
.hg-float-pill span:last-child{font-size:10.6px;font-weight:900;color:var(--hg-muted);}
.hg-quick-links{
    width:min(760px,100%);
    margin:10px auto 0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px;
}
.hg-quick-links a{
    min-height:30px;
    padding:6px 11px;
    display:inline-flex;
    align-items:center;
    border:1px solid var(--hg-line-soft);
    border-radius:999px;
    background:var(--hg-surface-3);
    color:var(--hg-muted);
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}
.hg-section{margin-top:28px;position:relative;z-index:2;}
.hg-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 12px;}
.hg-section-head h2{margin:0;font-size:18px;font-weight:1000;color:var(--hg-ink);}
.hg-section-head p{margin:4px 0 0;color:var(--hg-muted);font-size:11.5px;font-weight:780;}
.hg-section-head a{color:var(--hg-muted);font-size:11.5px;font-weight:950;white-space:nowrap;text-decoration:none;}
.hg-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.hg-cat-card{
    min-height:130px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:24px;
    background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.55));
    box-shadow:var(--hg-shadow-3d);
    position:relative;
    overflow:hidden;
}
html[data-hg-theme="dark"] .hg-cat-card{
    background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
    border-color:rgba(255,255,255,.08);
}
.hg-cat-card::before{content:"";position:absolute;right:-14px;top:-14px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.82), rgba(255,255,255,0));opacity:.72;}
html[data-hg-theme="dark"] .hg-cat-card::before{background:radial-gradient(circle, rgba(255,255,255,.08), rgba(255,255,255,0));}
.hg-cat-card a{display:block;padding:14px;height:100%;text-decoration:none;}
.hg-cat-ico{
    width:44px;height:44px;border-radius:16px;display:grid;place-items:center;
    background:linear-gradient(145deg,#17181b,#4a4e56);color:#fff;font-size:10px;font-weight:1000;
    box-shadow:0 12px 18px rgba(17,24,39,.18), inset 0 1px 0 rgba(255,255,255,.12);
}
html[data-hg-theme="dark"] .hg-cat-ico{background:linear-gradient(145deg,#eef2f7,#98a6b8);color:#11161d;}
.hg-cat-ico svg{width:21px;height:21px;}
.hg-cat-ico img{display:block;width:72%;height:72%;object-fit:contain;}
.hg-cat-card b{display:block;margin-top:12px;font-size:14px;font-weight:1000;color:var(--hg-ink);}
.hg-cat-card span{display:block;margin-top:6px;color:var(--hg-muted);font-size:10.8px;line-height:1.8;font-weight:780;}
.hg-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.hg-blog-card,.hg-testimonial-card,.hg-faq-note,.hg-faq-item{
    border:1px solid var(--hg-line);
    background:var(--hg-surface);
    box-shadow:var(--hg-shadow);
    backdrop-filter:var(--hg-backdrop);
    -webkit-backdrop-filter:var(--hg-backdrop);
}
.hg-blog-card{border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-height:100%;}
.hg-blog-cover{
    min-height:138px;
    position:relative;
    overflow:hidden;
    background:radial-gradient(circle at 18% 24%, rgba(255,255,255,.34), transparent 24%),linear-gradient(135deg, rgba(23,24,27,.92), rgba(78,84,94,.68));
    display:block;
}
html[data-hg-theme="dark"] .hg-blog-cover{background:radial-gradient(circle at 18% 24%, rgba(255,255,255,.12), transparent 24%),linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.03));}
.hg-blog-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.hg-blog-badge{position:absolute;top:12px;right:12px;min-height:28px;padding:5px 10px;display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.82);color:#17181b;font-size:9.8px;font-weight:1000;z-index:2;}
html[data-hg-theme="dark"] .hg-blog-badge{background:rgba(20,24,30,.72);color:#eef2f7;border:1px solid rgba(255,255,255,.07);}
.hg-blog-cover::after{content:"";position:absolute;left:16px;bottom:14px;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,255,255,.42));box-shadow:var(--hg-shadow-3d);}
html[data-hg-theme="dark"] .hg-blog-cover::after{background:linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.04));}
.hg-blog-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.hg-blog-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--hg-muted);font-size:10px;font-weight:900;}
.hg-blog-title{margin:0;font-size:15px;line-height:1.8;font-weight:1000;color:var(--hg-ink);}
.hg-blog-title a{text-decoration:none;}
.hg-blog-text{margin:0;color:var(--hg-muted);font-size:11px;line-height:1.95;font-weight:780;}
.hg-blog-link{margin-top:auto;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--hg-solid);color:var(--hg-solid-text);font-size:11px;font-weight:1000;text-decoration:none;}
.hg-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.hg-testimonial-card{border-radius:24px;padding:16px;min-height:210px;display:flex;flex-direction:column;}
.hg-testi-top{display:flex;align-items:center;gap:12px;}
.hg-avatar{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;flex:0 0 48px;background:linear-gradient(145deg,#17181b,#4b5058);color:#fff;font-weight:1000;box-shadow:var(--hg-shadow-soft);}
html[data-hg-theme="dark"] .hg-avatar{background:linear-gradient(145deg,#eef2f7,#9aa8ba);color:#11161d;}
.hg-testi-name strong{display:block;font-size:13px;font-weight:1000;color:var(--hg-ink);}
.hg-testi-name span{display:block;margin-top:3px;font-size:10px;color:var(--hg-muted);font-weight:850;}
.hg-stars{margin-top:14px;color:#ffb800;letter-spacing:2px;font-size:15px;}
.hg-testimonial-card p{margin:12px 0 0;color:var(--hg-muted);font-size:11px;line-height:2;font-weight:780;}
.hg-testi-tag{margin-top:auto;padding-top:12px;color:var(--hg-muted);font-size:10px;font-weight:900;}
.hg-faq-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start;}
.hg-faq-note{border-radius:28px;padding:18px;min-height:100%;}
.hg-faq-note h3{margin:0;font-size:19px;line-height:1.7;font-weight:1000;color:var(--hg-ink);}
.hg-faq-note p{margin:10px 0 0;color:var(--hg-muted);font-size:11.5px;line-height:2;font-weight:780;}
.hg-mini-points{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;}
.hg-mini-points span{min-height:32px;padding:7px 12px;border-radius:999px;border:1px solid var(--hg-line-soft);background:var(--hg-surface-2);color:var(--hg-muted);font-size:10px;font-weight:900;}
.hg-faq-list{display:flex;flex-direction:column;gap:10px;}
.hg-faq-item{border-radius:22px;overflow:hidden;}
.hg-faq-btn{width:100%;min-height:56px;padding:0 16px;border:0;background:transparent;color:var(--hg-ink);display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;cursor:pointer;}
.hg-faq-btn strong{font-size:12.2px;font-weight:1000;}
.hg-faq-btn i{font-style:normal;color:var(--hg-muted);transition:transform .2s ease;}
.hg-faq-answer{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;padding:0 16px;color:var(--hg-muted);font-size:11px;line-height:1.95;font-weight:780;}
.hg-faq-item.open .hg-faq-answer{max-height:180px;padding:0 16px 14px;}
.hg-faq-item.open .hg-faq-btn i{transform:rotate(45deg);}
@media(max-width:980px){
    .hg-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .hg-blog-grid,.hg-testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .hg-faq-wrap{grid-template-columns:1fr;}
}@media(max-width:640px){

    .hg-wrap{width:min(100vw - 14px,100%);}

    .hg-home{padding-top:16px;}

    .hg-hero h1{font-size:clamp(30px,9vw,38px);letter-spacing:-1px;line-height:1.12;}

    .hg-hero-sub{font-size:12px;line-height:1.9;}

    .hg-orb-1{width:84px;height:84px;right:-14px;top:170px;}

    .hg-orb-2{width:58px;height:58px;left:-12px;top:330px;}

    .hg-orb-3,.hg-cube-2{display:none;}

    .hg-cube-1{width:52px;height:52px;left:-6px;top:110px;}

    .hg-floating-pills{gap:8px;}

    .hg-float-pill{padding:7px 10px;border-radius:14px;}

    .hg-float-pill span:last-child{font-size:10px;}

    .hg-quick-links a{min-height:28px;font-size:9.5px;padding:5px 9px;}

    .hg-section-head{align-items:flex-start;flex-direction:column;gap:4px;}

    .hg-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}

    .hg-cat-card{min-height:110px;border-radius:20px;}

    .hg-cat-card a{padding:11px;}

    .hg-cat-ico{width:36px;height:36px;border-radius:13px;font-size:9px;}

    .hg-cat-card b{font-size:12.5px;}

    .hg-cat-card span{font-size:9.8px;line-height:1.7;}

    .hg-blog-grid,.hg-testimonial-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;-webkit-overflow-scrolling:touch;}

    .hg-blog-grid::-webkit-scrollbar,.hg-testimonial-grid::-webkit-scrollbar{display:none;}

    .hg-blog-card,.hg-testimonial-card{min-width:84%;flex:0 0 84%;scroll-snap-align:start;border-radius:22px;}

    .hg-blog-cover{min-height:130px;}

    .hg-blog-title{font-size:14px;}

    .hg-blog-text,.hg-testimonial-card p{font-size:10.5px;}

    .hg-faq-note{border-radius:24px;padding:16px;}

    .hg-faq-note h3{font-size:16px;}

    .hg-faq-btn{min-height:52px;padding:0 14px;}

    .hg-faq-btn strong{font-size:11.5px;}
}


/* v1.1.26 — search icon, iPhone responsiveness, day/night live results */

/* Search dropdown should follow the active theme */.search-overlay-results{
    color:var(--hg-ink);
}.search-overlay-results .dropdown-header{
    color:var(--hg-muted)!important;
    background:var(--hg-surface-2)!important;
    border-bottom:1px solid var(--hg-line-soft)!important;
}.search-overlay-results .result-item{
    color:var(--hg-ink)!important;
    background:transparent!important;
    border-bottom:1px solid var(--hg-line-soft)!important;
}.search-overlay-results .result-item:hover{
    background:var(--hg-surface-3)!important;
}.search-overlay-results .result-thumb{
    background:var(--hg-bg-2)!important;
    border:1px solid var(--hg-line-soft)!important;
    border-radius:14px!important;
}.search-overlay-results .result-thumb svg,
.search-overlay-results .result-thumb svg *{
    stroke:var(--hg-muted)!important;
    fill:none!important;
}.search-overlay-results .result-name{
    color:var(--hg-ink)!important;
}.search-overlay-results .result-cat,
.search-overlay-results .result-price span{
    color:var(--hg-muted)!important;
}.search-overlay-results .result-price{
    color:var(--hg-ink)!important;
}.search-overlay-results .dropdown-footer{
    color:var(--hg-muted)!important;
    background:var(--hg-surface-2)!important;
    border-top:1px solid var(--hg-line-soft)!important;
}.search-overlay-results .dropdown-footer:hover{
    color:var(--hg-ink)!important;
    background:var(--hg-surface-3)!important;
}.search-overlay-results .dropdown-loading,
.search-overlay-results .dropdown-empty{
    color:var(--hg-muted)!important;
    background:var(--hg-surface)!important;
}.search-overlay-results mark,
.result-highlight{
    background:var(--hg-highlight)!important;
    color:var(--hg-ink)!important;
    border-radius:5px!important;
    padding:0 3px!important;
}

/* Mobile search should never overflow on iPhone */@media(max-width:640px){
  .search-overlay-results .result-item{
        gap:10px!important;
        padding:11px 12px!important;
    }
  .search-overlay-results .result-thumb{
        width:38px!important;
        height:38px!important;
        flex-basis:38px!important;
    }
  .search-overlay-results .result-name{
        font-size:12.5px!important;
    }
  .search-overlay-results .result-price{
        font-size:11.5px!important;
    }
}


/* ═══════════════════════════════════════
   FIX v53 — compact blog/testimonials + iPhone search zoom fix
═══════════════════════════════════════ */

/* Prevent iPhone auto zoom on search inputs */.search-overlay-input{
    font-size:16px!important;
}

/* More compact homepage vertical rhythm */
.hg-section{
    margin-top:24px!important;
}
.hg-section-head{
    margin-bottom:10px!important;
}
.hg-section-head h2{
    font-size:17px!important;
}
.hg-section-head p{
    font-size:11px!important;
}

/* Blog cards smaller */
.hg-blog-grid{
    gap:10px!important;
}
.hg-blog-card{
    border-radius:20px!important;
    min-height:0!important;
}
.hg-blog-cover{
    min-height:104px!important;
}
.hg-blog-cover::after{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    left:12px!important;
    bottom:10px!important;
}
.hg-blog-badge{
    min-height:24px!important;
    padding:4px 8px!important;
    font-size:9px!important;
    top:10px!important;
    right:10px!important;
}
.hg-blog-body{
    padding:11px 12px 12px!important;
    gap:7px!important;
}
.hg-blog-meta{
    font-size:9.2px!important;
}
.hg-blog-title{
    font-size:13px!important;
    line-height:1.65!important;
}
.hg-blog-text{
    font-size:10px!important;
    line-height:1.8!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}
.hg-blog-link{
    min-height:32px!important;
    border-radius:13px!important;
    font-size:10px!important;
}

/* Testimonials smaller */
.hg-testimonial-grid{
    gap:10px!important;
}
.hg-testimonial-card{
    min-height:158px!important;
    padding:12px!important;
    border-radius:20px!important;
}
.hg-testi-top{
    gap:9px!important;
}
.hg-avatar{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border-radius:14px!important;
    font-size:13px!important;
}
.hg-testi-name strong{
    font-size:11.5px!important;
}
.hg-testi-name span{
    font-size:9px!important;
}
.hg-stars{
    margin-top:10px!important;
    font-size:12px!important;
    letter-spacing:1px!important;
}
.hg-testimonial-card p{
    margin-top:8px!important;
    font-size:10px!important;
    line-height:1.85!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}
.hg-testi-tag{
    padding-top:8px!important;
    font-size:9px!important;
}

/* Mobile polish */@media(max-width:640px){
  .search-overlay-input{
        font-size:16px!important;
        line-height:42px!important;
    }

    .hg-blog-grid,
    .hg-testimonial-grid{
        gap:9px!important;
    }

    .hg-blog-card{
        min-width:72%!important;
        flex-basis:72%!important;
        border-radius:18px!important;
    }

    .hg-blog-cover{
        min-height:92px!important;
    }

    .hg-blog-body{
        padding:10px!important;
        gap:6px!important;
    }

    .hg-blog-title{
        font-size:12px!important;
        line-height:1.6!important;
    }

    .hg-blog-text{
        font-size:9.6px!important;
        -webkit-line-clamp:2!important;
    }

    .hg-blog-link{
        min-height:30px!important;
        font-size:9.5px!important;
        border-radius:12px!important;
    }

    .hg-testimonial-card{
        min-width:72%!important;
        flex-basis:72%!important;
        min-height:140px!important;
        padding:11px!important;
        border-radius:18px!important;
    }

    .hg-avatar{
        width:34px!important;
        height:34px!important;
        flex-basis:34px!important;
        border-radius:12px!important;
    }

    .hg-stars{
        margin-top:8px!important;
        font-size:11px!important;
    }

    .hg-testimonial-card p{
        font-size:9.5px!important;
        line-height:1.75!important;
        -webkit-line-clamp:3!important;
    }

    .hg-testi-tag{
        font-size:8.8px!important;
    }
}


/* ═══════════════════════════════════════
   FIX v54 — opaque search results, compact mobile search,
   disable mobile floating 3D, smaller blog/reviews
═══════════════════════════════════════ */

/* Search dropdown: opaque and readable, not transparent glass */.search-overlay-results{
    background:#ffffff!important;
    background-color:#ffffff!important;
    opacity:1!important;
    border:1px solid rgba(23,24,27,.10)!important;
    box-shadow:0 20px 48px rgba(15,23,42,.16)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}html[data-hg-theme="dark"] .search-overlay-results{
    background:#111821!important;
    background-color:#111821!important;
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.42)!important;
}.search-overlay-results .result-item{
    background:transparent!important;
}.search-overlay-results .result-item:hover{
    background:#f3f4f6!important;
}html[data-hg-theme="dark"] .search-overlay-results .result-item:hover{
    background:rgba(255,255,255,.06)!important;
}.search-overlay-results .dropdown-header,
.search-overlay-results .dropdown-footer{
    background:#f8f8f6!important;
}html[data-hg-theme="dark"] .search-overlay-results .dropdown-header,
html[data-hg-theme="dark"] .search-overlay-results .dropdown-footer{
    background:#151e29!important;
}

/* Desktop blog/testimonial slightly smaller */
.hg-blog-cover{
    min-height:96px!important;
}
.hg-blog-card{
    border-radius:18px!important;
}
.hg-blog-body{
    padding:10px 11px 11px!important;
}
.hg-blog-title{
    font-size:12.5px!important;
    line-height:1.55!important;
}
.hg-blog-text{
    font-size:9.7px!important;
    line-height:1.7!important;
}
.hg-blog-link{
    min-height:30px!important;
    font-size:9.5px!important;
}

.hg-testimonial-card{
    min-height:138px!important;
    padding:10px!important;
    border-radius:18px!important;
}
.hg-avatar{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:12px!important;
}
.hg-testi-name strong{
    font-size:10.8px!important;
}
.hg-testi-name span{
    font-size:8.7px!important;
}
.hg-stars{
    margin-top:7px!important;
    font-size:10.5px!important;
}
.hg-testimonial-card p{
    margin-top:6px!important;
    font-size:9.3px!important;
    line-height:1.65!important;
    -webkit-line-clamp:2!important;
}
.hg-testi-tag{
    padding-top:6px!important;
    font-size:8.5px!important;
}

/* Mobile fixes */@media(max-width:640px){
/* Disable animated floating circles/cubes on mobile */

    .hg-scene-3d,
    .hg-orb,
    .hg-cube{
        display:none!important;
        animation:none!important;
    }
/* small static minimal background instead of floating objects */

    .hg-hero{
        position:relative!important;
    }

    .hg-hero::before{
        content:""!important;
        position:absolute!important;
        top:28px!important;
        left:50%!important;
        transform:translateX(-50%)!important;
        width:120px!important;
        height:120px!important;
        border-radius:999px!important;
        background:radial-gradient(circle, rgba(148,163,184,.14), transparent 72%)!important;
        pointer-events:none!important;
        z-index:-1!important;
    }
/* Search box smaller on iPhone/mobile */
/* Blog smaller */

    .hg-blog-card{
        min-width:66%!important;
        flex-basis:66%!important;
        border-radius:16px!important;
    }


    .hg-blog-cover{
        min-height:74px!important;
    }


    .hg-blog-cover::after{
        width:32px!important;
        height:32px!important;
        border-radius:11px!important;
        left:9px!important;
        bottom:8px!important;
    }


    .hg-blog-badge{
        min-height:21px!important;
        padding:3px 7px!important;
        font-size:8.2px!important;
        top:8px!important;
        right:8px!important;
    }


    .hg-blog-body{
        padding:8px!important;
        gap:5px!important;
    }


    .hg-blog-meta{
        font-size:8.4px!important;
    }


    .hg-blog-title{
        font-size:11px!important;
        line-height:1.5!important;
    }


    .hg-blog-text{
        font-size:9px!important;
        line-height:1.6!important;
        -webkit-line-clamp:2!important;
    }


    .hg-blog-link{
        min-height:27px!important;
        border-radius:10px!important;
        font-size:8.8px!important;
    }
/* Testimonials smaller than blog */

    .hg-testimonial-card{
        min-width:58%!important;
        flex-basis:58%!important;
        min-height:112px!important;
        padding:8px!important;
        border-radius:16px!important;
    }


    .hg-testi-top{
        gap:7px!important;
    }


    .hg-avatar{
        width:28px!important;
        height:28px!important;
        flex-basis:28px!important;
        border-radius:10px!important;
        font-size:10px!important;
    }


    .hg-testi-name strong{
        font-size:9.8px!important;
    }


    .hg-testi-name span{
        font-size:8px!important;
    }


    .hg-stars{
        margin-top:6px!important;
        font-size:9.2px!important;
        letter-spacing:.5px!important;
    }


    .hg-testimonial-card p{
        margin-top:5px!important;
        font-size:8.6px!important;
        line-height:1.55!important;
        -webkit-line-clamp:2!important;
    }


    .hg-testi-tag{
        padding-top:5px!important;
        font-size:7.8px!important;
    }
}@media(max-width:360px){

    .hg-blog-card{
        min-width:74%!important;
        flex-basis:74%!important;
    }

    .hg-testimonial-card{
        min-width:66%!important;
        flex-basis:66%!important;
    }
}


/* v86 — iPhone mobile bottom nav: glass surface + dark active state fix */
@media(max-width:768px){
  html[data-hg-theme]{
    --hg-mnav-z:2147483600;
  }

  html[data-hg-theme] body::after{
    z-index:2147480500!important;
    height:max(12px,env(safe-area-inset-bottom,0px))!important;
    background:var(--hg-safe-area-bottom-color,var(--hg-browser-bottom-chrome,#f6f6f2))!important;
    pointer-events:none!important;
  }

  html[data-hg-theme] .mobile-nav{
    display:block!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    transform:none!important;
    z-index:var(--hg-mnav-z)!important;
    overflow:visible!important;
    isolation:isolate!important;
    background:transparent!important;
    background-color:transparent!important;
    border-top:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html[data-hg-theme] .mobile-nav::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    border-top:1px solid rgba(20,23,28,.08);
    background:rgba(255,255,255,.58);
    -webkit-backdrop-filter:blur(24px) saturate(160%);
    backdrop-filter:blur(24px) saturate(160%);
    box-shadow:0 -10px 34px rgba(20,23,28,.075);
  }

  html[data-hg-theme] .mobile-nav::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:calc(-1 * env(safe-area-inset-bottom,0px));
    height:env(safe-area-inset-bottom,0px);
    z-index:0;
    pointer-events:none;
    background:rgba(255,255,255,.58)!important;
    -webkit-backdrop-filter:blur(24px) saturate(160%);
    backdrop-filter:blur(24px) saturate(160%);
  }

  html[data-hg-theme] .mobile-nav-inner{
    position:relative!important;
    z-index:2!important;
    background:transparent!important;
    background-color:transparent!important;
    height:100%!important;
  }

  html[data-hg-theme] .mnav-item{
    position:relative!important;
    z-index:2!important;
    color:rgba(76,86,99,.82)!important;
    background:transparent!important;
    border:1px solid transparent!important;
    box-shadow:none!important;
  }

  html[data-hg-theme] .mnav-item svg,
  html[data-hg-theme] .mnav-item .mnav-label{
    position:relative!important;
    z-index:2!important;
  }

  html[data-hg-theme] .mnav-item.active{
    color:#11161d!important;
    background:rgba(255,255,255,.44)!important;
    border-color:rgba(20,23,28,.07)!important;
    box-shadow:0 8px 18px rgba(20,23,28,.06)!important;
  }

  html[data-hg-theme] .mnav-dot{
    background:#11161d!important;
    box-shadow:none!important;
    opacity:.72!important;
  }

  html[data-hg-theme="dark"] .mobile-nav::before{
    border-top-color:rgba(255,255,255,.075)!important;
    background:linear-gradient(180deg,rgba(19,25,35,.46),rgba(11,15,22,.62))!important;
    -webkit-backdrop-filter:blur(26px) saturate(150%);
    backdrop-filter:blur(26px) saturate(150%);
    box-shadow:0 -14px 38px rgba(0,0,0,.30)!important;
  }

  html[data-hg-theme="dark"] .mobile-nav::after{
    background:rgba(11,15,22,.86)!important;
    -webkit-backdrop-filter:blur(26px) saturate(150%);
    backdrop-filter:blur(26px) saturate(150%);
  }

  html[data-hg-theme="dark"] .mnav-item{
    color:rgba(203,213,225,.72)!important;
    background:transparent!important;
    border-color:transparent!important;
  }

  html[data-hg-theme="dark"] .mnav-item.active,
  html[data-hg-theme="dark"] .mnav-item[aria-current="page"]{
    color:#eef2f7!important;
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(255,255,255,.09)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.16)!important;
  }

  html[data-hg-theme="dark"] .mnav-dot{
    background:#eef2f7!important;
    opacity:.55!important;
    box-shadow:0 0 10px rgba(238,242,247,.18)!important;
  }

  html[data-hg-theme="dark"] .cart-badge-mobile{
    background:#eef2f7!important;
    color:#11161d!important;
    box-shadow:0 0 0 2px rgba(15,19,26,.82)!important;
  }

  html[data-hg-theme="light"] .cart-badge-mobile{
    background:#11161d!important;
    color:#fff!important;
  }
}

/* HastiGem v105: make live search suggestion results fully opaque and readable over the home category cards. */body.home .hg-hero,
body.home .hg-wrap{
  overflow:visible!important;
}

body.home .hg-hero{
  position:relative!important;
  z-index:20!important;
}body.home .search-overlay-results{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#151923!important;
  opacity:1!important;
  border:1px solid rgba(17,24,39,.16)!important;
  box-shadow:0 26px 70px rgba(15,23,42,.24)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  mix-blend-mode:normal!important;
}body.home .search-overlay-results .dropdown-header,
body.home .search-overlay-results .dropdown-footer{
  background:#f7f7f3!important;
  background-color:#f7f7f3!important;
  color:#68707c!important;
  border-color:rgba(17,24,39,.10)!important;
  opacity:1!important;
}body.home .search-overlay-results .result-item{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#151923!important;
  opacity:1!important;
  border-bottom:1px solid rgba(17,24,39,.08)!important;
}body.home .search-overlay-results .result-item:hover{
  background:#f2f4f7!important;
  background-color:#f2f4f7!important;
}body.home .search-overlay-results .result-thumb{
  background:#f1f3f5!important;
  background-color:#f1f3f5!important;
  border-color:rgba(17,24,39,.10)!important;
}body.home .search-overlay-results .result-name{
  color:#111827!important;
}body.home .search-overlay-results .result-cat,
body.home .search-overlay-results .result-price span,
body.home .search-overlay-results .result-price del{
  color:#6b7280!important;
}body.home .search-overlay-results .result-price,
body.home .search-overlay-results .result-price bdi,
body.home .search-overlay-results .result-price ins,
body.home .search-overlay-results .result-price .amount{
  color:#111827!important;
}html[data-hg-theme="dark"] body.home .search-overlay-results{
  background:#111821!important;
  background-color:#111821!important;
  color:#edf2f7!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.54)!important;
}html[data-hg-theme="dark"] body.home .search-overlay-results .dropdown-header,
html[data-hg-theme="dark"] body.home .search-overlay-results .dropdown-footer{
  background:#151e29!important;
  background-color:#151e29!important;
  color:#a3adba!important;
  border-color:rgba(255,255,255,.09)!important;
}html[data-hg-theme="dark"] body.home .search-overlay-results .result-item{
  background:#111821!important;
  background-color:#111821!important;
  color:#edf2f7!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}html[data-hg-theme="dark"] body.home .search-overlay-results .result-item:hover{
  background:#182231!important;
  background-color:#182231!important;
}html[data-hg-theme="dark"] body.home .search-overlay-results .result-thumb{
  background:#182231!important;
  background-color:#182231!important;
  border-color:rgba(255,255,255,.10)!important;
}html[data-hg-theme="dark"] body.home .search-overlay-results .result-name,
html[data-hg-theme="dark"] body.home .search-overlay-results .result-price,
html[data-hg-theme="dark"] body.home .search-overlay-results .result-price bdi,
html[data-hg-theme="dark"] body.home .search-overlay-results .result-price ins,
html[data-hg-theme="dark"] body.home .search-overlay-results .result-price .amount{
  color:#edf2f7!important;
}html[data-hg-theme="dark"] body.home .search-overlay-results .result-cat,
html[data-hg-theme="dark"] body.home .search-overlay-results .result-price span,
html[data-hg-theme="dark"] body.home .search-overlay-results .result-price del{
  color:#a3adba!important;
}

/* ═══════════════════════════════════════
   v1.1.206 — بنر تصویری + بخش‌های محصول صفحه اصلی
   بنر: <picture> با source موبایل؛ aspect-ratio جلوی CLS را می‌گیرد.
   محصولات: کارت استاندارد .product-card از main.css، فقط گرید اینجاست.
═══════════════════════════════════════ */
/* v1.1.213 — بدون پس‌زمینه/قاب/سایه: عکس‌های ترنسپرنت (WebP/PNG) پشت‌شان سفید نمی‌شود */
.hg-home-banner{
    display:block;
    border-radius:28px;
    overflow:hidden;
    background:transparent;
}
.hg-home-banner picture{display:block;line-height:0;}
/* v1.1.212 — بنر هر سایزی باشد کامل و بدون crop نمایش داده می‌شود (نسبت خود تصویر)؛
   ضد CLS با width/height واقعی که موقع ذخیره در تنظیمات قالب خوانده می‌شود. */
.hg-home-banner img{
    display:block;
    width:100%;
    height:auto;
}
a.hg-home-banner{transition:transform .25s ease;}
a.hg-home-banner:hover{transform:translateY(-2px);}

.hg-home-products{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

@media(max-width:980px){
    .hg-home-products{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
    .hg-home-banner{border-radius:20px;}
    /* v1.1.234 — موبایل: بخش‌های محصول = ردیف اسلایدری افقی (۲ کارت در هر صفحه، سوایپ + پخش خودکار در JS) */
    .hg-home-products{
        gap:8px;
        grid-template-columns:none;
        grid-auto-flow:column;
        grid-auto-columns:calc(50% - 4px);
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }
    .hg-home-products::-webkit-scrollbar{display:none;}
    .hg-home-products>*{scroll-snap-align:start;}
}
@media(prefers-reduced-motion:reduce){
    a.hg-home-banner{transition:none;}
    a.hg-home-banner:hover{transform:none;}
}

/* ═══════════════════════════════════════
   v1.1.207 — چیدمان الگوی demo1:
   بنر داخل هیرو شد (hg-banner-block).
   دسکتاپ: انتهای هیرو (بعد از لینک‌های سریع).
   موبایل: هیرو flex-column می‌شود و با order،
   سرچ تمام‌عرض می‌چسبد به هدر و بنر بلافاصله زیرش؛
   تیتر و بقیه محتوا بعد از بنر می‌آیند.
   نکته: قوانین سرچ موبایل بالاتر (v55/…) !important دارند،
   این بلاک آخر فایل است و specificity بالاتر (.hg-hero …) دارد.
═══════════════════════════════════════ */
.hg-banner-block{margin-top:26px;}@media(max-width:640px){

    .hg-hero .hg-wrap{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
    }

    .hg-home{padding-top:10px!important;}

    .hg-hero{padding-top:0!important;}

    .hg-hero .hg-banner-block{
        order:-1;
        width:100%;
        margin-top:12px;
    }
/* برچسب بالای تیتر حالا بعد از بنر می‌آید — فاصله لازم دارد */

    .hg-hero .hg-live-pill{margin-top:20px;}
/* دایره دکوری پس‌زمینه هیرو با چیدمان جدید وسط بنر می‌افتاد */

    .hg-hero::before{display:none!important;}
/* ── v1.1.208: سرچ ساده و تختِ الگوی demo1 — بدون کارت شیشه‌ای/سایه/دکمه، فقط نوار خاکستری با ذره‌بین ── */
/* آیکون بدون قاب، مثل دمو در انتهای چپ نوار */
/* دکمه «جستجو» در موبایل حذف — جستجوی زنده و Enter کافی است (مثل دمو) */
}

/* ═══════════════════════════════════════
   v1.1.209 — گرید عکس‌های تبلیغاتی (تا ۴ عکس عمودی 4:5)
   موبایل ۲×۲ مثل مرجع کاربر، دسکتاپ ۴تایی.
   aspect-ratio جلوی CLS را می‌گیرد؛ اسلات بدون عکس اصلاً رندر نمی‌شود.
═══════════════════════════════════════ */
.hg-tiles-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
/* v1.1.213 — بدون پس‌زمینه/قاب (ترنسپرنت‌ها سفید نشوند) + نسبت آزاد (هر سایزی کامل نمایش داده شود) */
.hg-tile{
    display:block;
    border-radius:24px;
    overflow:hidden;
    background:transparent;
    align-self:start;
}
.hg-tile img{
    display:block;
    width:100%;
    height:auto;
}
/* ═══════════════════════════════════════
   v1.1.215 — سرچ تختِ ساده (سبک demo1) حالا در دسکتاپ هم
   (v1.1.208 فقط موبایل بود؛ با خاموش‌شدن متن‌های هیرو، کارت
   شیشه‌ای سرچ در دسکتاپ تنها بالای بنر می‌ماند و زشت می‌شد.)
   هم‌عرض بنر، بدون قاب/سایه، آیکون چپ، بدون دکمه.
═══════════════════════════════════════ */@media(min-width:641px){

    .hg-home{padding-top:14px;}

    .hg-hero{padding-top:0;}
}

/* ═══════════════════════════════════════
   v1.1.218 — جستجو حالا در هدر است (دسکتاپ + موبایل)؛
   پس نوار جستجوی هیروِ صفحه اصلی در همه‌ی عرض‌ها مخفی می‌شود تا تکراری نباشد.
═══════════════════════════════════════ */
@media(min-width:782px){
    .hg-home{padding-top:10px!important;}
}

/* ═══════════════════════════════════════
   v1.1.214 — نوار لوگوی سرویس‌ها (marquee)
   دو کپی یکسان از گروه لوگوها + translateX(-50%) = حلقه‌ی بی‌درز.
   hover = مکث؛ reduced-motion = بدون حرکت؛ ماسک محوشدگی دو طرف.
═══════════════════════════════════════ */
.hg-brands-section{margin-top:22px;}
.hg-brands-marquee{
    overflow:hidden;
    direction:ltr;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.hg-brands-track{
    display:flex;
    width:max-content;
    animation:hgBrandsScroll 30s linear infinite;
}
.hg-brands-marquee:hover .hg-brands-track{animation-play-state:paused;}
.hg-brands-group{
    display:flex;
    align-items:center;
    gap:40px;
    padding-inline-end:40px;
}
.hg-brand{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--hg-muted);
    font-size:14px;
    font-weight:850;
    text-decoration:none;
    white-space:nowrap;
    opacity:.7;
    transition:opacity .2s ease;
}
a.hg-brand:hover{opacity:1;color:var(--hg-ink);}
.hg-brand img{height:22px;width:auto;display:block;}
@keyframes hgBrandsScroll{to{transform:translateX(-50%);}}
@media(max-width:640px){
    .hg-brands-section{margin-top:16px;}
    .hg-brand{font-size:12.5px;gap:7px;}
    .hg-brand img{height:18px;}
    .hg-brands-group{gap:26px;padding-inline-end:26px;}
}
@media(prefers-reduced-motion:reduce){
    .hg-brands-track{animation:none;}
}

/* v1.1.211 — تصویر روز/شب عکس تبلیغاتی (specificity بالاتر از .hg-tile img — درس v1.1.210) */
.hg-tile .hg-tile-img--dark{display:none;}
html[data-hg-theme="dark"] .hg-tile.has-dark .hg-tile-img--light{display:none;}
html[data-hg-theme="dark"] .hg-tile.has-dark .hg-tile-img--dark{display:block;}
a.hg-tile{transition:transform .25s ease;}
a.hg-tile:hover{transform:translateY(-3px);}
@media(max-width:980px){
    .hg-tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
    .hg-tiles-grid{gap:9px;}
    .hg-tile{border-radius:18px;}
}
@media(prefers-reduced-motion:reduce){
    a.hg-tile{transition:none;}
    a.hg-tile:hover{transform:none;}
}

/* ═══════════════════════════════════════
   v1.1.210 — بنر روز/شب + اسلایدر چندبنری
   سوییچ شب مثل تصاویر دسته‌بندی (v1.1.200):
   html[data-hg-theme="dark"] + کلاس has-dark روی بنر.
   اسلایدر: scroll-snap بومی + نقطه‌ها (JS در home-redesign.js).
═══════════════════════════════════════ */
/* specificity باید از «.hg-home-banner picture» (0,1,1) بالاتر باشد — درس v1.1.201 */
.hg-home-banner .hg-banner-pic--dark{display:none;}
html[data-hg-theme="dark"] .hg-home-banner.has-dark .hg-banner-pic--light{display:none;}
html[data-hg-theme="dark"] .hg-home-banner.has-dark .hg-banner-pic--dark{display:block;}

.hg-banner-slider{position:relative;}
.hg-banner-track{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    border-radius:28px;
}
.hg-banner-track::-webkit-scrollbar{display:none;}
.hg-banner-track .hg-home-banner{
    flex:0 0 100%;
    scroll-snap-align:start;
    scroll-snap-stop:always;
}
/* داخل اسلایدر hover لیفت نمی‌خواهیم — قاب می‌پرد */
.hg-banner-track a.hg-home-banner:hover{transform:none;}
.hg-banner-dots{
    position:absolute;
    bottom:12px;
    left:0;right:0;
    display:flex;
    justify-content:center;
    gap:6px;
    z-index:2;
    pointer-events:none;
}
.hg-banner-dots button{
    pointer-events:auto;
    width:8px;height:8px;
    min-width:8px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.55);
    box-shadow:0 1px 4px rgba(0,0,0,.25);
    cursor:pointer;
    transition:width .2s ease,background .2s ease;
}
.hg-banner-dots button.on{width:22px;background:#fff;}
@media(max-width:640px){
    .hg-banner-track{border-radius:20px;}
    .hg-banner-dots{bottom:8px;}
}

/* ═══════════════════════════════════════
   v1.1.219 — فیکس فیت عکس محصولات صفحه اصلی در موبایل
   قوانین قدیمی شاپ (main.css ~7087/7532: height:112/116px!important روی .pcard-img
   در max-width:760) گرید خانه را هم می‌گرفتند و عکس مربعی با contain کوچک وسط می‌افتاد.
   همان الگوی فیکس شاپ (main.css ~11116) این‌بار scope شده روی گرید خانه.
═══════════════════════════════════════ */
.hg-home-products .pcard-img{
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
}

/* ═══════════════════════════════════════
   v1.1.239 — حذف مربع تزئینی گوشه کاور کارت‌های وبلاگ
   (::after شیشه‌ای 54px که کاربر با آواتار پروفایل ادمین اشتباه می‌گرفت؛
   روی عکس واقعی هم می‌افتاد. تمام سایزهای breakpoint ها با همین یک قانون خنثی می‌شوند.)
═══════════════════════════════════════ */
.hg-blog-cover::after{display:none!important;}