@media screen and (max-width:380px){

  /* حذف آیکون حساب کاربری */
  .mobile-header-left > a.mobile-icon-btn[href*="my-account"]{
    display:none !important;
  }

  /* هدر: فلکس با کنترل کامل عرض */
  .mobile-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    padding-inline:8px;
    gap:8px;
    overflow:hidden; /* فقط ضامن نهایی */
  }

  .mobile-header-side.mobile-header-right,
  .mobile-header-side.mobile-header-left{
    display:contents;
  }

  /* اندازه‌ی معمولی و متعادل برای دکمه‌های آیکون */
  .mobile-header-right [data-mobile-menu-open],
  .mobile-amr-ls-widget > .mobile-icon-btn,
  .mobile-header-cart .mobile-icon-btn{
    flex:0 0 auto;
    width:40px;
    height:40px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
  }
  .mobile-header-right [data-mobile-menu-open] img,
  .mobile-amr-ls-widget > .mobile-icon-btn img{
    width:26px;
    height:26px;
    object-fit:contain;
    display:block;
  }

  /* دکمه همبرگری: اول */
  .mobile-header-right [data-mobile-menu-open]{
    order:1;
  }

  /* لوگو: وسط، سایز طبیعی‌تر */
  .mobile-header-brand{
    position:static !important;
    transform:none !important;
    left:auto !important;
    top:auto !important;
    order:2;
    flex:1 1 auto;
    min-width:0;
    display:flex;
    justify-content:center;
  }
  .mobile-header-brand img{
    max-width:160px;
    width:auto;
    height:auto;
    max-height:36px;
    object-fit:contain;
  }

  /* سبد خرید */
  .mobile-header-cart{
    order:3;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    min-width:0;
  }
  .mobile-header-cart img{
    width:26px;
    height:26px;
    object-fit:contain;
  }

  /* ویجت سرچ */
  .mobile-amr-ls-widget{
    order:4;
    flex:0 0 auto;
    position:relative;
    min-width:0;
  }

  .mobile-amr-ls-widget [data-mobile-amr-panel]{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    width:min(90vw, 320px);
    max-width:calc(100vw - 16px);
    box-sizing:border-box;
    z-index:1000;
  }
}

/* برای عرض‌های خیلی تنگ‌تر (زیر ۳۴۰)، کمی جمع‌ترش کن نه همه‌جا */
@media screen and (max-width:340px){
  .mobile-header-inner{
    gap:5px;
    padding-inline:5px;
  }
  .mobile-header-brand img{
    max-width:110px;
  }
}
  /* جلوگیری از خراب شدن sticky */
  html,
  body,
  .website-wrapper,
  .elementor{
    overflow:visible !important;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE و Edge قدیمی */
   }
   
    :root{
      --bg-1:#f6fbff;
      --bg-2:#fff7fb;
      --bg-3:#f7fff8;
      --text:#17202a;
      --muted:#5f6b76;
      --line:rgba(255,255,255,.55);
      --line-strong:rgba(255,255,255,.8);
      --glass:rgba(255,255,255,.28);
      --glass-2:rgba(255,255,255,.38);
      --glass-3:rgba(255,255,255,.48);
      --shadow:0 18px 60px rgba(53,72,94,.10);
      --shadow-soft:0 10px 30px rgba(53,72,94,.08);
      --blue:#8fd3ff;
      --pink:#ffc6e7;
      --mint:#b9f4da;
      --lav:#d8c7ff;
      --peach:#ffd8b5;
      --gold:#ffe7a8;
      --radius-xl:36px;
      --radius-lg:28px;
      --radius-md:22px;
      --radius-sm:16px;
      --glass-text-dark: #2d2e36;
      --glass-text-muted: #62646c;
      --glass-accent-red: #EF394E;
      --glass-blue-accent: #00b3c7;
      --shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.06);
    }
    *{ box-sizing:border-box !important; }
    html{ scroll-behavior:smooth; }
    body{
      margin:0;
      direction:rtl;
      color:var(--text);
      background:
      radial-gradient(circle at 12% 12%, rgba(143,211,255,.38), transparent 24%),
      radial-gradient(circle at 88% 18%, rgba(255,198,231,.32), transparent 22%),
      radial-gradient(circle at 18% 82%, rgba(185,244,218,.28), transparent 26%),
      radial-gradient(circle at 82% 78%, rgba(216,199,255,.26), transparent 24%),
      linear-gradient(180deg, #d7d7d7, #cfcfcf);
      overflow-x:hidden;
    }
    a{ color:inherit; text-decoration:none; }
    /* img{ display:block; width:100%; height:auto;} */
  
     .glass-page {
      position:relative !important;
      width:98% !important;
      max-width: 98% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      isolation:isolate !important;
    }
    .glass-page::before,
    .glass-page::after{
      content:"";
      position:fixed;
      pointer-events:none;
      z-index:0;
      width:420px;
      height:420px;
      border-radius:50%;
      filter:blur(10px);
      opacity:.72;
      mix-blend-mode:screen;
    }
    .glass-page::before{
      top:-120px;
      left:-140px;
      background:radial-gradient(circle, rgba(143,211,255,.30), transparent 68%);
    }
    .glass-page::after{
      bottom:-140px;
      right:-140px;
      background:radial-gradient(circle, rgba(255,198,231,.24), transparent 68%);
    }
  
    .glass-bg-orb{
      position:fixed;
      z-index:0;
      pointer-events:none;
      border-radius:50%;
      filter:blur(22px);
      mix-blend-mode:screen;
      opacity:.82;
      transform-origin:center center;
    }
    .glass-orb-a{
      width:26vw;
      height:26vw;
      min-width:260px;
      min-height:260px;
      background:radial-gradient(circle at 30% 30%, rgba(255,198,231,.78), rgba(255,198,231,.16) 46%, transparent 72%);
      top:8%;
      left:-6%;
      animation:spiralFloatA 28s infinite linear;
    }
    .glass-orb-b{
      width:22vw;
      height:22vw;
      min-width:220px;
      min-height:220px;
      background:radial-gradient(circle at 40% 35%, rgba(143,211,255,.74), rgba(143,211,255,.16) 45%, transparent 72%);
      top:18%;
      right:-7%;
      animation:spiralFloatB 34s infinite linear;
    }
    .glass-orb-c{
      width:20vw;
      height:20vw;
      min-width:200px;
      min-height:200px;
      background:radial-gradient(circle at 35% 40%, rgba(185,244,218,.66), rgba(185,244,218,.15) 46%, transparent 72%);
      top:44%;
      left:-8%;
      animation:spiralFloatC 30s infinite linear;
    }
    .glass-orb-d{
      width:24vw;
      height:24vw;
      min-width:240px;
      min-height:240px;
      background:radial-gradient(circle at 38% 34%, rgba(216,199,255,.64), rgba(216,199,255,.16) 46%, transparent 72%);
      bottom:6%;
      right:-8%;
      animation:spiralFloatD 36s infinite linear;
    }
    .glass-orb-e{
      width:18vw;
      height:18vw;
      min-width:180px;
      min-height:180px;
      background:radial-gradient(circle at 35% 35%, rgba(255,231,168,.66), rgba(255,231,168,.15) 46%, transparent 72%);
      top:60%;
      left:28%;
      animation:spiralFloatE 26s infinite linear;
    }
    .glass-orb-f{
      width:15vw;
      height:15vw;
      min-width:150px;
      min-height:150px;
      background:radial-gradient(circle at 35% 35%, rgba(255,214,181,.62), rgba(255,214,181,.12) 45%, transparent 72%);
      top:30%;
      left:56%;
      animation:spiralFloatF 24s infinite linear;
    }
  
    @keyframes spiralFloatA{
      0%   { transform: translate(0,0) rotate(0deg) scale(1); }
      12%  { transform: translate(8vw,12vh) rotate(50deg) scale(1.08); }
      25%  { transform: translate(16vw,2vh) rotate(110deg) scale(.95); }
      38%  { transform: translate(8vw,-10vh) rotate(170deg) scale(1.12); }
      50%  { transform: translate(0,0) rotate(240deg) scale(1); }
      62%  { transform: translate(10vw,14vh) rotate(300deg) scale(1.1); }
      75%  { transform: translate(18vw,4vh) rotate(350deg) scale(.92); }
      88%  { transform: translate(8vw,-8vh) rotate(410deg) scale(1.06); }
      100% { transform: translate(0,0) rotate(480deg) scale(1); }
    }
    @keyframes spiralFloatB{
      0%   { transform: translate(0,0) rotate(0deg) scale(1); }
      14%  { transform: translate(-10vw,10vh) rotate(-70deg) scale(1.08); }
      28%  { transform: translate(-18vw,-2vh) rotate(-140deg) scale(.94); }
      42%  { transform: translate(-10vw,-12vh) rotate(-210deg) scale(1.1); }
      56%  { transform: translate(0,0) rotate(-280deg) scale(1); }
      70%  { transform: translate(-12vw,12vh) rotate(-350deg) scale(1.12); }
      84%  { transform: translate(-20vw,0vh) rotate(-420deg) scale(.92); }
      100% { transform: translate(0,0) rotate(-480deg) scale(1); }
    }
    @keyframes spiralFloatC{
      0%   { transform: translate(0,0) rotate(0deg) scale(1); }
      16%  { transform: translate(7vw,-10vh) rotate(65deg) scale(1.05); }
      32%  { transform: translate(15vw,2vh) rotate(130deg) scale(.96); }
      48%  { transform: translate(8vw,12vh) rotate(195deg) scale(1.12); }
      64%  { transform: translate(0,0) rotate(260deg) scale(1); }
      80%  { transform: translate(10vw,-12vh) rotate(325deg) scale(1.08); }
      100% { transform: translate(0,0) rotate(390deg) scale(1); }
    }
    @keyframes spiralFloatD{
      0%   { transform: translate(0,0) rotate(0deg) scale(1); }
      13%  { transform: translate(-8vw,-12vh) rotate(60deg) scale(1.08); }
      26%  { transform: translate(-16vw,-2vh) rotate(120deg) scale(.95); }
      39%  { transform: translate(-8vw,10vh) rotate(180deg) scale(1.1); }
      52%  { transform: translate(0,0) rotate(240deg) scale(1); }
      65%  { transform: translate(-10vw,-14vh) rotate(300deg) scale(1.08); }
      78%  { transform: translate(-18vw,-4vh) rotate(360deg) scale(.94); }
      100% { transform: translate(0,0) rotate(420deg) scale(1); }
    }
    @keyframes spiralFloatE{
      0%   { transform: translate(0,0) rotate(0deg) scale(1); }
      15%  { transform: translate(5vw,8vh) rotate(72deg) scale(1.1); }
      30%  { transform: translate(-3vw,16vh) rotate(144deg) scale(.95); }
      45%  { transform: translate(-10vw,4vh) rotate(216deg) scale(1.08); }
      60%  { transform: translate(0,0) rotate(288deg) scale(1); }
      75%  { transform: translate(8vw,10vh) rotate(360deg) scale(1.1); }
      100% { transform: translate(0,0) rotate(432deg) scale(1); }
    }
    @keyframes spiralFloatF{
      0%   { transform: translate(0,0) rotate(0deg) scale(1); }
      14%  { transform: translate(-6vw,9vh) rotate(-60deg) scale(1.08); }
      28%  { transform: translate(-12vw,-1vh) rotate(-120deg) scale(.96); }
      42%  { transform: translate(-6vw,-11vh) rotate(-180deg) scale(1.12); }
      56%  { transform: translate(0,0) rotate(-240deg) scale(1); }
      70%  { transform: translate(-8vw,10vh) rotate(-300deg) scale(1.08); }
      84%  { transform: translate(-14vw,0vh) rotate(-360deg) scale(.95); }
      100% { transform: translate(0,0) rotate(-420deg) scale(1); }
    }
  
    .glass-container{
      width:100%;
      max-width:100%;
      position:relative;
      z-index:1;
    }
  
    .glass{
      width: 100%;
      margin: 30px auto;
      border-radius: 28px;
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(22px);
      -webkit-backdrop-filter: blur(22px);
      border:1px solid rgba(255,255,255,.68);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);    }
 
 
    .glass-buy-link{
      padding:11px 14px;
      border-radius:999px;
      background:linear-gradient(135deg, rgba(120,191,255,.96), rgba(168,134,255,.96));
      color:#fff !important;
      font-size:15px;
      transition:.25s ease;
    }
    .glass-buy-link:hover{ transform:translateY(-2px); }
    
  
  .glass-header{
  position:sticky !important;
  top:14px;
  z-index:999999;
  width: 100%;
  width: 100%;
  margin:14px auto 0;
  pointer-events:none;
}

.glass-header-inner{
  width:100%;
  padding:12px 16px;
  border-radius:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  pointer-events:auto;
}
    .glass-brand{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:180px;
      flex:0 0 auto;
    }
    .glass-brand-mark{
      width:140px;
      height:48px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:none;
      border:none;
      box-shadow:none;
      padding:0;
      overflow:hidden;
      flex:0 0 auto;
    }
    .glass-brand-mark img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
    }
    .glass-brand-text{ display:none; }
  
    .glass-wd-header-nav{
      flex:1 1 auto;
      min-width:0;
      overflow:visible;
    }
    .glass-wd-header-nav .glass-menu{
      list-style:none;
      padding:0;
      margin:0;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      flex-wrap:nowrap;
      white-space:nowrap;
    }
    .glass-wd-header-nav .glass-menu > li{
      position:relative;
      flex:0 0 auto;
      white-space:nowrap;
    }
    .glass-nav-link{
      display:inline-flex;
      align-items:center;
      white-space:nowrap;
      padding:10px 12px;
      border-radius:999px;
      font-size:15px;
      color:rgba(0, 0, 0, 0.82);
      transition:.25s ease;
    }
    .glass-wd-header-nav .glass-menu > li > .glass-nav-link{
      padding:10px 14px;
    }
    .glass-nav-link:hover{
      background:rgba(255,255,255,.36);
      transform:translateY(-1px);
    }
    .glass-menu-item-has-children > a .glass-nav-link-text,
    .glass-menu-item-has-children > a{
      white-space:nowrap;
    }
    .glass-menu-item-has-children > a::after{
      content:"▾";
      font-size:10px;
      margin-right:8px;
      opacity:.55;
      transform:translateY(-1px);
    }
  
    .glass-dropdown-menu{
      position:absolute;
      top:calc(100% + 12px);
      right:0;
      min-width:280px;
      padding:14px;
      border-radius:24px;
      background:rgba(255,255,255,.82);
    backdrop-filter:blur(22px) saturate(160%);
    -webkit-backdrop-filter:blur(22px) saturate(160%);
    border:1px solid rgba(255,255,255,.92);
      box-shadow:0 18px 60px rgba(53,72,94,.14);
      opacity:0;
      visibility:hidden;
      transform:translateY(8px) scale(.98);
      transition:.24s ease;
      z-index:60;
    }
    .glass-menu > li:hover > .glass-dropdown-menu,
    .glass-menu > li:focus-within > .glass-dropdown-menu{
      opacity:1;
      visibility:visible;
      transform:translateY(0) scale(1);
    }
    .glass-dropdown-menu .glass-container{
      width:100%;
      max-width:100%;
      margin:0;
    }
    .glass-sub-menu{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap:6px;
    }
    .glass-sub-menu li{ white-space:nowrap; }
    .glass-sub-menu .glass-nav-link{
      width:100%;
      justify-content:flex-start;
      padding:11px 14px;
      border-radius:16px;
      background:rgba(255,255,255,.78);
    border:1px solid rgba(255,255,255,.88);
      color:rgba(23,32,42,.92);
      white-space:normal;
      word-break:break-word;
      line-height:1.35;
    }
    .glass-sub-menu .glass-nav-link:hover{
      background:rgba(255,255,255,.72);
      transform:translateX(-2px);
    }
  
    /* فقط dropdown اکسسوری قهوه وسط‌چین و داخل صفحه */
    /* dropdown اکسسوری قهوه - فیکس کامل وسط صفحه */
    .glass-design-full-width{
      position:fixed !important;
      top:92px !important;
      left:50% !important;
      right:auto !important;
  
      width:calc(100vw - 40px) !important;
      max-width:1240px !important;
      min-width:0 !important;
  
      transform:translateX(-50%) !important;
  
      margin:0 auto !important;
  
      opacity:0;
      visibility:hidden;
  
      overflow:hidden;
     }
  
    /* نمایش dropdown */
    .glass-menu > li:hover > .glass-design-full-width,
    .glass-menu > li:focus-within > .glass-design-full-width{
      opacity:1;
      visibility:visible;
      transform:translateX(-50%) !important;
    }
  
    .glass-sub-accented{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:8px;
      width:100%;
    }
    .glass-sub-accented .glass-col{ min-width:0; }
    .glass-sub-accented .glass-nav-link{
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .glass-wd-header-main-nav .glass-entry-content{
      max-width:100%;
    }
  
    .glass-header-actions{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:10px;
      min-width:210px;
    }
  
    .glass-icon-btn{
      width:44px;
      height:44px;
      border-radius:16px;
      background:rgba(255,255,255,.34);
      border:1px solid rgba(255,255,255,.64);
      box-shadow:var(--shadow-soft);
      display:grid;
      place-items:center;
      color:var(--text);
      transition:.25s ease;
      border:0;
      cursor:pointer;
      font:inherit;
    }
    .glass-icon-btn:hover{ transform:translateY(-2px); }
  
   
  
    .glass-icon-btn img.glass-magnifying{
      width:26px !important;
      height:26px !important;
      max-width:none !important;
      max-height:none !important;
      display:block;
      object-fit:contain;
      margin:0;
      padding:0;
    }
    
      /* ==========================================================================
       ۱. ویجت سرچ
       ========================================================================== */
    
       .glass-amr-ls-widget{
      position:relative;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      flex:0 0 auto;
      width:auto;
      z-index:9999;
    }
    
    .glass-amr-ls-widget [data-glass-amr-open]{
      transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
    }
    
    /* ==========================================================================
       ۲. پنل سرچ
       نکته مهم:
       پنل absolute شده تا از flow خارج شود
       و نتایج روی محتوا بیفتند، نه اینکه هلش بدهند
       ========================================================================== */
    
    .glass-amr-ls-widget [data-glass-amr-panel]{
      position:absolute;
      top:0;
      right:0;
      left:0;
    
      width:100%;
      max-width:none;
    
      z-index:99999;
    
      padding:14px;
    
      border-radius:28px;
    
      background:
        linear-gradient(
          180deg,
          rgba(255,255,255,.42),
          rgba(255,255,255,.30)
        ),
        radial-gradient(
          circle at 15% 10%,
          rgba(143,211,255,.18),
          transparent 28%
        ),
        radial-gradient(
          circle at 84% 18%,
          rgba(255,198,231,.14),
          transparent 24%
        ),
        rgba(255,255,255,.30);
    
      backdrop-filter:blur(26px) saturate(165%);
      -webkit-backdrop-filter:blur(26px) saturate(165%);
    
      border:1px solid rgba(255,255,255,.76);
    
      box-shadow:var(--shadow);
    
      display:flex;
      flex-direction:column;
      gap:14px;
    
      overflow:hidden;
     }
    
    /* مخفی */
    .glass-amr-ls-widget [data-glass-amr-panel][hidden]{
      display:none !important;
    }
    
    /* ردیف سرچ */
    .glass-amr-ls-widget [data-glass-amr-panel] > div:first-child{
      display:flex;
      align-items:center;
      gap:10px;
      flex:0 0 auto;
    }
    
    /* ==========================================================================
       ۳. اینپوت سرچ
       ========================================================================== */
    
    .glass-amr-ls-widget [data-glass-amr-input]{
      flex:1 1 auto;
      min-width:0;
    
      height:56px;
    
      border-radius:18px;
      border:1px solid rgba(255,255,255,.76);
    
      background:rgba(255,255,255,.45);
    
      padding:0 18px;
    
      outline:none;
    
      font:inherit;
      color:var(--text);
    
      box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
    }
    
    .glass-amr-ls-widget [data-glass-amr-input]::placeholder{
      color:rgba(23,32,42,.46);
    }
    
    /* ==========================================================================
       ۴. دکمه بستن
       ========================================================================== */
    
    .glass-amr-ls-widget [data-glass-amr-close]{
      width:56px;
      height:56px;
    
      border-radius:18px;
      border:1px solid rgba(255,255,255,.76);
    
      background:rgba(255,255,255,.42);
    
      color:var(--text);
    
      font-size:28px;
      line-height:1;
    
      cursor:pointer;
    
      transition:.22s ease;
    
      box-shadow:var(--shadow-soft);
    
      flex:0 0 56px;
    }
    
    .glass-amr-ls-widget [data-glass-amr-close]:hover{
      transform:translateY(-1px);
      background:rgba(255,255,255,.58);
    }
    
    /* ==========================================================================
       ۵. نتایج سرچ
       ========================================================================== */
    
    .glass-amr-ls-widget [data-glass-amr-results]{
      flex:1 1 auto;
    
      overflow-y:auto;
      overflow-x:hidden;
    
      padding-inline-end:6px;
    
      display:grid;
      gap:10px;
    
      min-height:0;
    
      max-height:calc(60vh);
    
      scrollbar-width:none;
      -ms-overflow-style:none;
    }
    
    .glass-amr-ls-widget [data-glass-amr-results]::-webkit-scrollbar{
      width:0;
      height:0;
      display:none;
    }
    
    /* کارت نتیجه */
    .glass-amr-ls-widget [data-glass-amr-results] > div{
      border-radius:22px;
    
      border:1px solid rgba(255,255,255,.68);
    
      background:rgba(255,255,255,.36);
    
      overflow:hidden;
    
      height:110px;
      min-height:110px;
    }
    
    /* لینک نتیجه */
    .glass-amr-ls-widget [data-glass-amr-results] > div > a{
      display:flex;
      flex-direction:row;
      direction:rtl;
    
      align-items:center;
      justify-content:space-between;
    
      gap:14px;
    
      padding:12px;
    
      height:100%;
    
      text-decoration:none;
      color:inherit;
    }
    
    /* عکس */
    .glass-amr-ls-widget [data-glass-amr-results] > div > a img{
      width:86px;
      height:86px;
    
      flex:0 0 86px;
    
      border-radius:18px;
    
      object-fit:cover;
    
      background:rgba(255,255,255,.35);
    
      border:1px solid rgba(255,255,255,.72);
    }
    
    /* متن */
    .amr-result-text{
      flex:1 1 auto;
      min-width:0;
    
      text-align:right;
    
      display:flex;
      flex-direction:column;
      justify-content:center;
    
      gap:3px;
    }
    
    .amr-result-title{
      margin:0;
    
      font-size:14px;
      line-height:1.35;
      font-weight:700;
    
      color:var(--text);
    
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    
    .amr-result-meta{
      margin:0;
    
      font-size:12px;
      line-height:1.45;
    
      color:var(--muted);
    
      display:flex;
      flex-direction:column;
    
      gap:1px;
    }
    
    .amr-result-meta .price{
      font-size:13px;
      font-weight:700;
      color:var(--text);
    }
    
    .amr-result-meta .stock{
      font-weight:700;
      color:#1f7a3d;
    }
    
    .amr-result-meta .outofstock{
      font-weight:700;
      color:#b24;
    }
    
    .amr-result-desc{
      font-size:12px;
      line-height:1.45;
    
      color:var(--muted);
    
      display:-webkit-box;
    
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
    
      overflow:hidden;
    }
    
    .glass-amr-ls-widget
    [data-glass-amr-results] h3,
    .glass-amr-ls-widget
    [data-glass-amr-results] p,
    .glass-amr-ls-widget
    [data-glass-amr-results] div{
      margin:0;
    }
    
    /* هایلایت */
    .glass-amr-ls-widget mark{
      background:rgba(255,231,168,.62);
      color:inherit;
    
      padding:0 2px;
    
      border-radius:4px;
    }
    
    /* ==========================================================================
       ۶. حالت خالی
       ========================================================================== */
    
    .glass-amr-ls-widget .amr-empty{
      min-height:100%;
    
      display:grid;
      place-items:center;
    
      text-align:center;
    
      padding:28px 18px;
    }
    
    .glass-amr-ls-widget .amr-empty h3{
      margin:0 0 8px;
      font-size:1.15rem;
    }
    
    .glass-amr-ls-widget .amr-empty p{
      margin:0;
    
      color:var(--muted);
    
      line-height:1.9;
    }
    
    /* ==========================================================================
       ۷. حالت باز شدن سرچ داخل هدر
       فقط لایه‌بندی تغییر می‌کند، نه ظاهر هدر
       ========================================================================== */
    
       .glass-header-inner.search-open,
.glass-header-inner.glass-search-open{
  position:relative !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  overflow:visible !important;
  z-index:9999;
}
    
    /* خود ویجت سرچ تمام فضای هدر را می‌گیرد، اما از layout بیرون می‌رود */
    .glass-header-inner.search-open .glass-amr-ls-widget,
.glass-header-inner.glass-search-open .glass-amr-ls-widget{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  z-index:99999;
}
    
    /* فقط دکمه باز کردن مخفی شود */
    .glass-header-inner.search-open
    .glass-amr-ls-widget
    [data-glass-amr-open],
    .glass-header-inner.glass-search-open
    .glass-amr-ls-widget
    [data-glass-amr-open]{
      visibility:hidden !important;
      opacity:0 !important;
      pointer-events:none !important;
    }
    
    /* پنل دقیقاً روی هدر باز شود */
    .glass-header-inner.search-open
    .glass-amr-ls-widget
    [data-glass-amr-panel],
    .glass-header-inner.glass-search-open
    .glass-amr-ls-widget
    [data-glass-amr-panel]{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:28px;
  z-index:99999;
}
  
    .glass-header-inner.search-open .glass-brand,
  .glass-header-inner.search-open .glass-wd-header-nav,
  .glass-header-inner.search-open .glass-header-account,
  .glass-header-inner.search-open .glass-header-cart,
  .glass-header-inner.search-open .glass-header-actions > :not(.glass-amr-ls-widget),
  .glass-header-inner.glass-search-open .glass-brand,
  .glass-header-inner.glass-search-open .glass-wd-header-nav,
  .glass-header-inner.glass-search-open .glass-header-account,
  .glass-header-inner.glass-search-open .glass-header-cart,
  .glass-header-inner.glass-search-open .glass-header-actions > :not(.glass-amr-ls-widget){
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  
  
  .mobile-header-shell{
  display:none;
  position:sticky;
  top:14px;
  z-index:9998;
  width: 100%;
  margin:14px auto 0;
  border-radius:34px;
  overflow:visible;
}

.mobile-header-glass{
  margin:auto;
  width:100% !important;
  background:rgba(255,255,255,.30);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 18px 60px rgba(53,72,94,.10);
}

.mobile-header{
  position:relative;
  z-index:9999;
  display:block;
  border-radius:34px;
  overflow:visible;
}

.mobile-header-inner{
  position:relative;
  min-height:76px;
  padding:10px 12px;
  border-radius:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  overflow:visible;
}

.mobile-header-side{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-width:0;
}

.mobile-header-right{
  justify-content:flex-start;
}

.mobile-header-left{
  justify-content:flex-end;
}

.mobile-header-brand{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:126px;
  height:44px;
  z-index:3;
  text-decoration:none;
  flex:0 0 auto;
}

.mobile-header-brand img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.mobile-icon-btn{
  width:44px;
  height:44px;
  border:0;
  border-radius:16px;
  background:rgba(255,255,255,.34);
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 10px 30px rgba(53,72,94,.08);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.22s ease;
  flex:0 0 auto;
  padding:0;
  text-decoration:none;
  color:#17202a;
}

.mobile-icon-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.46);
}

.mobile-icon-btn img{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
}

.mobile-header-cart{
  width:auto;
  min-width:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.mobile-header-cart > *{
  display:flex;
  align-items:center;
  justify-content:center;
}

  
    /* =========================================================
       Search widget
       ========================================================= */
  
       .mobile-amr-ls-widget{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
  width:auto;
  z-index:9999;
}

.mobile-amr-ls-widget [data-mobile-amr-open]{
  transition:
    opacity .18s ease,
    transform .18s ease,
    visibility .18s ease;
}

.mobile-amr-ls-widget [data-mobile-amr-panel]{
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:100%;
  max-width:none;
  z-index:99999;
  padding:14px;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.30)),
    radial-gradient(circle at 15% 10%, rgba(143,211,255,.18), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(255,198,231,.14), transparent 24%),
    rgba(255,255,255,.30);
  backdrop-filter:blur(26px) saturate(165%);
  -webkit-backdrop-filter:blur(26px) saturate(165%);
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 18px 60px rgba(53,72,94,.12);
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow:hidden;
}

.mobile-amr-ls-widget [data-mobile-amr-panel][hidden]{
  display:none !important;
}

.mobile-amr-ls-widget [data-mobile-amr-panel] > div:first-child{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.mobile-amr-ls-widget [data-mobile-amr-input]{
  flex:1 1 auto;
  min-width:0;
  height:54px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.76);
  background:rgba(255,255,255,.45);
  padding:0 16px;
  outline:none;
  font:inherit;
  color:#17202a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
}

.mobile-amr-ls-widget [data-mobile-amr-input]::placeholder{
  color:rgba(23,32,42,.46);
}

.mobile-amr-ls-widget [data-mobile-amr-close]{
  width:54px;
  height:54px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.76);
  background:rgba(255,255,255,.42);
  color:#17202a;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  transition:.22s ease;
  box-shadow:0 10px 30px rgba(53,72,94,.08);
  flex:0 0 54px;
}

.mobile-amr-ls-widget [data-mobile-amr-close]:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.58);
}

.mobile-amr-ls-widget [data-mobile-amr-results]{
  flex:1 1 auto;
  overflow-y:auto;
  overflow-x:hidden;
  padding-inline-end:6px;
  display:grid;
  gap:10px;
  min-height:0;
  max-height:100%;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.mobile-amr-ls-widget [data-mobile-amr-results]::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

.mobile-amr-ls-widget [data-mobile-amr-results] > div{
  border-radius:20px;
  border:1px solid rgba(255,255,255,.68);
  background:rgba(255,255,255,.36);
  overflow:hidden;
  height:96px;
  min-height:96px;
}

.mobile-amr-ls-widget [data-mobile-amr-results] > div > a{
  display:flex;
  flex-direction:row;
  direction:rtl;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px;
  height:100%;
  text-decoration:none;
  color:inherit;
}

.mobile-amr-ls-widget [data-mobile-amr-results] > div > a img{
  width:76px;
  height:76px;
  flex:0 0 76px;
  border-radius:16px;
  object-fit:cover;
  background:rgba(255,255,255,.35);
  border:1px solid rgba(255,255,255,.72);
}

.mobile-amr-result-text{
  flex:1 1 auto;
  min-width:0;
  text-align:right;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
}

.mobile-amr-result-title{
  margin:0;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  color:#17202a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mobile-amr-result-meta{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:#5f6b76;
  display:flex;
  flex-direction:column;
  gap:1px;
}

.mobile-amr-result-meta .price{
  font-size:13px;
  font-weight:700;
  color:#17202a;
}

.mobile-amr-result-meta .stock{
  font-weight:700;
  color:#1f7a3d;
}

.mobile-amr-result-meta .outofstock{
  font-weight:700;
  color:#b24;
}

.mobile-amr-result-desc{
  font-size:12px;
  line-height:1.45;
  color:#5f6b76;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.mobile-amr-ls-widget mark{
  background:rgba(255,231,168,.62);
  color:inherit;
  padding:0 2px;
  border-radius:4px;
}

.mobile-amr-empty{
  min-height:100%;
  display:grid;
  place-items:center;
  text-align:center;
  padding:26px 16px;
}

.mobile-amr-empty h3{
  margin:0 0 8px;
  font-size:1.05rem;
}

.mobile-amr-empty p{
  margin:0;
  color:#5f6b76;
  line-height:1.9;
  font-size:14px;
}

  
    /* =========================================================
       Search open state: header fully hidden, only search visible
       ========================================================= */
  
       .mobile-header-shell.mobile-search-open-shell{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  top:0 !important;
  left:0 !important;
  border-radius:0 !important;
  z-index:99996 !important;
  overflow:visible !important;
  pointer-events:none !important;
}

.mobile-header-shell.mobile-search-open-shell .mobile-header,
.mobile-header-shell.mobile-search-open-shell .mobile-header-glass,
.mobile-header-shell.mobile-search-open-shell .mobile-header-inner{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.mobile-header-shell.mobile-search-open-shell .mobile-header-inner{
  min-height:0 !important;
  height:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

.mobile-header-shell.mobile-search-open-shell .mobile-header-brand,
.mobile-header-shell.mobile-search-open-shell .mobile-header-side > :not(.mobile-amr-ls-widget){
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.mobile-header-shell.mobile-search-open-shell .mobile-amr-ls-widget{
  position:fixed !important;
  top:10px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(calc(100vw - 20px), 860px) !important;
  height:calc(100vh - 20px) !important;
  display:block !important;
  z-index:99999 !important;
  pointer-events:auto !important;
}

.mobile-header-shell.mobile-search-open-shell .mobile-amr-ls-widget [data-mobile-amr-open]{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.mobile-header-shell.mobile-search-open-shell .mobile-amr-ls-widget [data-mobile-amr-panel]{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:34px;
  z-index:99999;
}
  
    /* =========================================================
       Drawer menu
       ========================================================= */
  
       .mobile-overlay{
  position:fixed;
  inset:0;
  background:rgba(10,18,28,.32);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  z-index:99990;
}

.mobile-drawer{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:min(92vw, 420px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.30)),
    rgba(255,255,255,.24);
  backdrop-filter:blur(24px) saturate(165%);
  -webkit-backdrop-filter:blur(24px) saturate(165%);
  border-left:1px solid rgba(255,255,255,.76);
  box-shadow:-20px 0 60px rgba(53,72,94,.14);
  z-index:99995;
  display:flex;
  flex-direction:column;
  transform:translateX(100%);
  transition:transform .28s ease;
}

.mobile-drawer.mobile-is-open{
  transform:translateX(0);
}

.mobile-drawer-header{
  min-height:76px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.55);
  flex:0 0 auto;
}

.mobile-drawer-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  text-decoration:none;
  color:#17202a;
  font-weight:700;
  font-size:14px;
}

.mobile-drawer-brand img{
  width:120px;
  height:40px;
  object-fit:contain;
  display:block;
}

.mobile-drawer-close{
  width:42px;
  height:42px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.38);
  border:1px solid rgba(255,255,255,.70);
  cursor:pointer;
  font-size:26px;
  line-height:1;
  color:#17202a;
  display:grid;
  place-items:center;
}

.mobile-drawer-body{
  padding:12px;
  overflow:auto;
  flex:1 1 auto;
}

.mobile-nav{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}

.mobile-nav-item{
  border-radius:20px;
  background:rgba(255,255,255,.30);
  border:1px solid rgba(255,255,255,.70);
  overflow:hidden;
}

.mobile-nav-row{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 12px;
}

.mobile-nav-link{
  flex:1 1 auto;
  min-width:0;
  color:#17202a;
  text-decoration:none;
  font-size:15px;
  font-weight:700;
  line-height:1.5;
}

.mobile-nav-toggle{
  width:36px;
  height:36px;
  border:0;
  border-radius:12px;
  background:rgba(255,255,255,.44);
  border:1px solid rgba(255,255,255,.72);
  cursor:pointer;
  flex:0 0 36px;
  color:#17202a;
  font-size:16px;
  line-height:1;
  display:grid;
  place-items:center;
  transition:.22s ease;
}

.mobile-nav-toggle:hover{
  background:rgba(255,255,255,.60);
}

.mobile-submenu{
  list-style:none;
  margin:0;
  padding:0 10px 12px;
  display:grid;
  gap:6px;
}

.mobile-submenu[hidden]{
  display:none !important;
}

.mobile-submenu-item{
  border-radius:16px;
  background:rgba(255,255,255,.34);
  border:1px solid rgba(255,255,255,.66);
  overflow:hidden;
}

.mobile-submenu-link{
  display:block;
  padding:11px 12px;
  color:#17202a;
  text-decoration:none;
  font-size:14px;
  line-height:1.7;
}

.mobile-submenu-link:hover{
  background:rgba(255,255,255,.50);
}

.mobile-nav-actions{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.mobile-nav-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.32);
  border:1px solid rgba(255,255,255,.70);
  color:#17202a;
  text-decoration:none;
  font-size:14px;
  line-height:1.6;
}
  
@media screen and (min-width:1025px) and (max-width:1300px){
  .glass-header{
    display:none !important;
  }

  .mobile-header-shell{
    display:block !important;
    position:sticky !important;
    top:14px !important;
    z-index:999999 !important;
    width:98% !important;
    margin:14px auto 0 !important;
    pointer-events:auto !important;
  }

  .mobile-header-shell,
  .mobile-header,
  .mobile-header-inner,
  .mobile-overlay,
  .mobile-drawer{
    pointer-events:auto !important;
  }

  .mobile-drawer-close{
    position:relative;
    z-index:1000001;
    pointer-events:auto !important;
    touch-action:manipulation;
  }

  .mobile-overlay{
    z-index:99990;
  }

  .mobile-drawer{
    z-index:99995;
  }

  html,
  body,
  .website-wrapper,
  .elementor{
    overflow:visible !important;
  }
} 
  
  
@media screen and (max-width:1024px){
  .glass-header{
    display:none !important;
  }

  .mobile-header-shell{
    display:block !important;
    position:sticky !important;
    top:0 !important;
    z-index:999999 !important;
    width:95% !important;
    margin: 20px auto !important;
    pointer-events:auto !important;
  }

  .mobile-header,
  .mobile-header-inner,
  .mobile-overlay,
  .mobile-drawer{
    pointer-events:auto !important;
  }

  .mobile-drawer-close{
    position:relative;
    z-index:1000001;
    pointer-events:auto !important;
    touch-action:manipulation;
  }

  .mobile-overlay{
    z-index:99990;
  }

  .mobile-drawer{
    z-index:99995;
  }

  html,
  body,
  .website-wrapper,
  .elementor{
    overflow:visible !important;
  }
}

/* =========================================================
   1251px و بالاتر => این هدر نمایش داده نشود
   ========================================================= */

@media screen and (min-width:1301px){
  .mobile-header-shell{
    display:none !important;
  }

  .glass-header{
    display:block !important;
  }
}
  
    .mobile-no-scroll{
      overflow:hidden !important;
    }
  
    .glass-wd-header-nav a,
    .glass-wd-header-nav .menu-item > a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height:46px;
      padding:0 16px;
      font-size:17px !important;
      font-weight:600;
      line-height:1;
      white-space:nowrap;
    }
  
    .desktop-version{
    display:block;
  }
  
  .mobile-version{
    display:none;
  }
  
  .glass-image-wrap{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    min-height:700px;
    background:
      url('https://lianparstajhiz.com/wp-content/uploads/2026/05/0b5f25ef-ae9d-400f-8e8a-42d4058c2fd9.webp')
      center center / cover no-repeat;
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  
  .glass-overlay{
    position:absolute;
    inset:0;
    z-index:1;
  }
  
  .top-right-text{
    position:absolute;
    top:60px;
    right:30px;
    z-index:3;
    text-align:right;
  }
  
  .top-right-text h2{
    color:#fff;
    font-size:65px;
    font-weight:900;
    margin-bottom:20px;
    text-shadow:0 4px 20px rgba(0,0,0,.35);
  }
  
  .sub-text{
    color:rgba(255,255,255,.90);
    font-size:20px;
    text-shadow:0 2px 10px rgba(0,0,0,.35);
  }
  
  .buttons-wrap{
    position:absolute;
    right:30px;
    bottom:60px;
    z-index:3;
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    direction:rtl;
  }
  
  .spcace-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15rem;
    height: 3.5rem;
    overflow: hidden;
    cursor: pointer;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    border-radius: 5rem;
    border: 1px solid rgba(255,255,255,.18);
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    isolation: isolate;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, filter 0.35s ease;
    box-shadow: 0 0 0 rgba(0,0,0,0);
  }
  
  .btn-text{
    position: relative;
    z-index: 3;
    transition: 0.35s ease;
    transform: translateY(0);
  }
  
  .spcace-btn:hover{
    transform: translateY(-1px) scale(1.05);
    border-color: rgba(255,255,255,.32);
    box-shadow: 0 0 18px rgba(255,255,255,.08);
  }
  
  .container-stars {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
    background: transparent;
  }
  
  .container-stars::before {
    content: "";
    position: absolute;
    inset: -20%;
    background: transparent;
    filter: blur(26px) saturate(130%);
    opacity: 0;
    animation: none;
  }
  
  .container-stars::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      radial-gradient(circle at 12% 18%, rgba(255,255,255,0.85) 0 0.8px, transparent 1.4px),
      radial-gradient(circle at 34% 72%, rgba(255,255,255,0.78) 0 0.7px, transparent 1.3px),
      radial-gradient(circle at 58% 42%, rgba(255,255,255,0.90) 0 0.9px, transparent 1.5px),
      radial-gradient(circle at 81% 77%, rgba(255,255,255,0.70) 0 0.8px, transparent 1.4px),
      radial-gradient(circle at 66% 16%, rgba(255,255,255,0.82) 0 0.7px, transparent 1.3px);
    background-size: 180px 180px, 240px 240px, 300px 300px, 260px 260px, 210px 210px;
    opacity: 0.55;
    animation: microDrift 14s linear infinite;
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.35));
  }
  
  .stars {
    position: absolute;
    inset: -55rem;
    background: transparent;
    transform-origin: center;
    pointer-events: none;
  }
  
  .stars::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      radial-gradient(circle, rgba(255,255,255,0.95) 0 1px, transparent 1.8px),
      radial-gradient(circle, rgba(255,255,255,0.70) 0 0.8px, transparent 1.6px),
      radial-gradient(circle, rgba(255,255,255,0.60) 0 1px, transparent 2px);
    background-size: 42px 42px, 68px 68px, 96px 96px;
    background-position: 0 0, 18px 28px, 48px 12px;
    opacity: 0.42;
    animation:
      starScrollA 10s linear infinite,
      starTwinkleA 1.8s ease-in-out infinite;
  }
  
  .stars::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      radial-gradient(circle, rgba(255,255,255,0.98) 0 1.15px, transparent 1.9px),
      radial-gradient(circle, rgba(255,255,255,0.78) 0 0.9px, transparent 1.7px),
      radial-gradient(circle, rgba(255,255,255,0.62) 0 1px, transparent 2px),
      radial-gradient(circle, rgba(255,255,255,0.50) 0 0.8px, transparent 1.6px);
    background-size: 34px 34px, 54px 54px, 78px 78px, 120px 120px;
    background-position: 0 0, 12px 18px, 36px 8px, 60px 40px;
    opacity: 0.78;
    filter: drop-shadow(0 0 3px rgba(255,255,255,0.32));
    animation:
      starScrollB 18s linear infinite,
      starRotate 30s linear infinite,
      starTwinkleB 1.25s ease-in-out infinite;
  }
  
  .spcace-btn:hover .container-stars {
    background: transparent;
  }
  
  .spcace-btn:active {
    transform: scale(0.985);
    filter: brightness(1.05);
  }
  
  @keyframes starScrollA {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(0, -150rem, 0); }
  }
  
  @keyframes starScrollB {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(0, -240rem, 0); }
  }
  
  @keyframes starRotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }
  
  @keyframes starTwinkleA {
    0%, 100% { opacity: 0.34; }
    50%      { opacity: 0.56; }
  }
  
  @keyframes starTwinkleB {
    0%, 100% { opacity: 0.62; }
    50%      { opacity: 0.90; }
  }
  
  @keyframes microDrift {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(0, -90rem, 0); }
  }
  
  .corner-logo{
    position:absolute;
    left:20px;
    top:20px;
    width:320px;
    height:auto;
    z-index:2;
    display:block;
  }
  
  /* نسخه موبایل و تبلت */
  .glass-image-wrap-mobile{
    position:relative;
    overflow:hidden;
    border-radius:26px;
    max-height:580px;
    height:580px;
    background:
      url('https://lianparstajhiz.com/wp-content/uploads/2026/05/c8694d4e-bc9d-4bf5-bb5a-02c090e57a8d-1.webp')
      center center / cover no-repeat;
    border:1px solid rgba(255,255,255,.20);
  }
  
  .glass-overlay-mobile{
    position:absolute;
    inset:0;
    z-index:1;
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.12) 0%,
        rgba(0,0,0,.10) 35%,
        rgba(0,0,0,.18) 100%
      );
  }
  
  .top-right-text-mobile{
    display:none;
  }
  
  .top-right-text-mobile h2{
    display:none;
  }
  
  .sub-text-mobile{
    display:none;
  }
  
  .corner-logo-mobile{
    position:absolute;
    left:14px;
    top:14px;
    width:170px;
    height:auto;
    z-index:2;
    display:block;
  }
  
  .buttons-wrap-mobile{
    position:absolute;
    right:16px;
    left:16px;
    bottom:18px;
    z-index:3;
    display:flex;
    flex-direction:column;
    gap:12px;
    direction:rtl;
  }
  
  .buttons-wrap-mobile .spcace-btn{
    width:100%;
    height:3.2rem;
    font-size:15px;
    border-radius:999px;
  }
  
  /* نمایش نسخه مناسب */
  @media (max-width: 1024px){
    .desktop-version{
      display:none !important;
    }
    .mobile-version{
      display:block !important;
    }
  }
  
  @media (min-width: 1025px){
    .desktop-version{
      display:block !important;
    }
    .mobile-version{
      display:none !important;
    }
  }
  
  /* بهینه‌سازی موبایل‌های کوچک‌تر */
  @media (max-width: 480px){
    .glass-image-wrap-mobile{
      min-height: 500px;
      max-height: 500px;
      height: 500px;
      border-radius:22px;
      background-position:center center;
    }
  
    .corner-logo-mobile{
      width:140px;
    }
  
    .buttons-wrap-mobile{
      bottom:16px;
      gap:10px;
    }
  
    .buttons-wrap-mobile .spcace-btn{
      font-size:14px;
      height:3rem;
    }
  }
 
  
  .glass-product-slider {
  width: 100% !important;
  margin: 30px auto 0;
  padding: 12px 0px;
  --text: #17202a;
  --muted: #5f6b76;
}

.glass-product-slider h2 {
  margin: 0 0 18px;
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: -.2px;
  direction: rtl;
  word-break: break-word;
}

.glass-product-slider a {
  color: inherit;
  text-decoration: none;
}

.glass-product-slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
}

.glass-product-slider .section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  direction: rtl;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.glass-product-slider .chips-rail {
  flex: 1 1 500px;
  display: flex;
  justify-content: flex-start;
  min-width: 0;
}

.glass-product-slider .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 18px;
  border-radius: 999px;
  transition: .25s ease;
  white-space: nowrap;
  border: 0;
  cursor: pointer;
  font: inherit;
  flex: 0 0 auto;
}

.glass-product-slider .btn-secondary {
  color: var(--text);
  background: rgba(255, 255, 255, .30);
  border: 1px solid rgba(255, 255, 255, .70);
  padding: 16px;
  font-size: 18px;
}

.glass-product-slider .btn-secondary:hover {
  transform: translateY(-2px);
}

.glass-product-slider .slider-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.glass-product-slider .slider-arrow {
  width: 60px;
  height: 60px;
  padding: 0;
  border-radius: 999px;
  background: #DDECF4;
  border: 1px solid rgba(255, 255, 255, .70);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  cursor: pointer;
  transition: .25s ease;
  overflow: hidden;
  flex: 0 0 auto;
}

.glass-product-slider .slider-arrow:hover {
  transform: translateY(-2px);
}

.glass-product-slider .slider-arrow img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin: 0 auto;
  pointer-events: none;
}

.glass-product-slider .chips {
  width: 100%;
  max-width: 500px;
  margin: 0;
  padding: 6px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, .26);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    0 10px 25px rgba(0, 0, 0, .12);
  overflow: hidden;
  min-width: 0;
}

.glass-product-slider .chip {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 4px;
  border: 0;
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
  transition: .22s ease;
  position: relative;
  font: inherit;
  -webkit-tap-highlight-color: transparent;
}

.glass-product-slider .chip + .chip {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .10);
}

.glass-product-slider .chip:hover {
  background: rgba(255, 255, 255, .06);
}

.glass-product-slider .chip-icon {
  width: 45px;
  height: 45px;
  display: block;
  flex: 0 0 auto;
  opacity: .95;
}

.glass-product-slider .chip-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.glass-product-slider .chip.active {
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
}

.glass-product-slider .chip.active .chip-icon {
  opacity: 1;
}

.glass-product-slider .products-slider-wrap {
  position: relative;
  min-width: 0;
}

.glass-product-slider .products-viewport {
  overflow: hidden;
  width: 100%;
  position: relative;
  direction: ltr;
  touch-action: pan-y;
  min-width: 0;
}

.glass-product-slider .products-track {
  display: flex;
  gap: 18px;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  transition: transform .45s cubic-bezier(.22, .61, .36, 1);
  direction: ltr;
  min-width: 0;
}

.glass-product-slider .product-card {
  flex: 0 0 calc((100% - 36px) / 3);
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  border-radius: 28px;
  background: rgba(255, 255, 255, .24);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, .68);
  transition: .26s ease;
  direction: rtl;
  min-width: 0;
}

.glass-product-slider .product-media {
  min-height: 220px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  background:
    linear-gradient(135deg, rgba(143, 211, 255, .24), rgba(255, 255, 255, .34), rgba(255, 198, 231, .18)),
    linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .10));
  border: 1px solid rgba(255, 255, 255, .72);
}

.glass-product-slider .product-media img {
  position: absolute;
  inset: 0;
  object-fit: cover;
}

.glass-product-slider .product-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  min-width: 0;
}

.glass-product-slider .product-body h3 {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  word-break: break-word;
}

.glass-product-slider .product-body p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.85;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.glass-product-slider .product-meta {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 6px;
  min-width: 0;
}

.glass-product-slider .price {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.glass-product-slider .price strong {
  font-size: 18px;
  letter-spacing: -.3px;
  white-space: nowrap;
}

.glass-product-slider .glass-buy-link:hover {
  transform: translateY(-2px);
}

  
    @media (max-width: 1400px) {
      .glass-product-slider .product-card {
        flex-basis: calc((100% - 54px) / 4);
      }
    }
  
    @media (max-width: 1100px) {
      .glass-product-slider .product-card {
        flex-basis: calc((100% - 18px) / 2);
      }
    }
  
    @media (max-width: 760px) {
      .glass-product-slider {
        width: 100%;
        padding: 10px 12px;
      }
  
      .glass-product-slider .section-head {
        flex-direction: column;
        align-items: stretch;
      }
  
      .glass-product-slider .chips-rail {
        flex: 1 1 auto;
        width: 100%;
      }
  
      .glass-product-slider .slider-controls {
        display: none;
      }
  
      .glass-product-slider .chips {
        max-width: 100%;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        border-radius: 28px;
        padding: 6px;
        gap: 0;
      }
  
      .glass-product-slider .chips::-webkit-scrollbar {
        display: none;
      }
  
      .glass-product-slider .chip {
        flex: 0 0 76px;
        width: 76px;
        scroll-snap-align: center;
        padding: 8px 2px;
      }
  
      .glass-product-slider .chip-icon {
        width: 46px;
        height: 46px;
      }
  
      .glass-product-slider .product-card {
        flex-basis: 100%;
      }
  
      .glass-product-slider .product-media {
        min-height: 180px;
      }
    }
  
    @media (max-width: 520px) {
      .glass-product-slider h2 {
        font-size: clamp(18px, 5vw, 24px);
        margin-bottom: 14px;
      }
  
      .glass-product-slider .product-card {
        padding: 14px;
        border-radius: 24px;
        gap: 12px;
      }
  
      .glass-product-slider .product-media {
        min-height: 170px;
        border-radius: 20px;
      }
    }
  
    @media (max-width: 420px) {
      .glass-product-slider .chips {
        border-radius: 24px;
      }
  
      .glass-product-slider .chip {
        flex-basis: 72px;
        width: 72px;
      }
  
      .glass-product-slider .chip-icon {
        width: 42px;
        height: 42px;
      }
  
      .glass-product-slider .product-meta {
        gap: 8px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }
  
      .glass-product-slider .price strong {
        font-size: 16px;
      }
  
      .glass-product-slider .glass-buy-link {
        font-size: 12px;
      }
    }
  
    @media (prefers-reduced-motion: reduce) {
      .glass-product-slider *,
      .glass-product-slider *::before,
      .glass-product-slider *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
      }
    }
    .desktop-banana{
  display:inline-block;
}

@media (max-width:760px){
  .desktop-banana{
    display:none;
  }
}
 



.glass-slim-worm {
  width: 100%;
  margin: 30px auto 0;
  padding: 40px 18px;
  border-radius: 28px;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border:1px solid rgba(255,255,255,.68);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  direction: ltr;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 20px;
}

.partners-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(110px, 1fr));
  grid-template-rows: repeat(2, 120px);
  border-radius: 18px;
  overflow: hidden;
}

.partners-grid::before {
  opacity: .50;
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 20% 0 / 1px 100% no-repeat,
    linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 40% 0 / 1px 100% no-repeat,
    linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 60% 0 / 1px 100% no-repeat,
    linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 80% 0 / 1px 100% no-repeat,
    linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 0 50% / 100% 1px no-repeat;
  pointer-events: none;
}

.brand-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 18px 12px;
  overflow: hidden;
}

.brand-item span {
  display: block;
  color: #1f1f1f;
  line-height: 1;
  letter-spacing: -0.03em;
  position: relative;
  z-index: 2;
}

.brand-item small {
  display: block;
  margin-top: 8px;
  font-size: 9px;
  line-height: 1;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: rgba(70,70,70,.62);
  position: relative;
  z-index: 2;
}

.brand-mhw span,
.brand-lamarzocco span {
  font-family: Arial, sans-serif !important;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.brand-stroke {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 31px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}

.brand-fellow {
  font-size: 42px;
  font-weight: 300;
  letter-spacing: -3px;
  color: #1f1f1f;
  font-family: "Trebuchet MS", sans-serif !important;
  text-transform: capitalize;
}

.brand-normcore span {
  font-family: Arial, sans-serif !important;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: capitalize;
}

.brand-timemore span {
  font-family: Arial, sans-serif !important;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.brand-acaia .brand-fellow {
  font-size: 38px;
  letter-spacing: -2px;
}

.brand-lelit span {
  font-family: Arial, sans-serif !important;
  font-size: 27px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: capitalize;
}

.brand-rhino .brand-stroke {
  font-size: 24px;
  letter-spacing: .08em;
}

.brand-item::after {
  content: "";
  position: absolute;
  width: var(--accent-width, 70px);
  height: var(--accent-height, 10px);
  background: var(--accent-color, rgba(255,94,84,.92));
  opacity: var(--accent-opacity, .95);
  border-radius: var(--accent-radius, 999px);
  z-index: 1;
  top: var(--accent-top, auto);
  right: var(--accent-right, auto);
  bottom: var(--accent-bottom, auto);
  left: var(--accent-left, 50%);
  transform: var(--accent-transform, translateX(-50%));
}

.brand-mhw {
  --accent-width: 24px;
  --accent-height: 24px;
  --accent-radius: 50%;
  --accent-color: #ff6b63;
  --accent-top: 14px;
  --accent-left: 50%;
  --accent-transform: translateX(-50%);
}

.brand-zerohero {
  --accent-width: 26px;
  --accent-height: 3px;
  --accent-top: 18px;
  --accent-left: 50%;
  --accent-transform: translateX(-50%) rotate(14deg);
}

.brand-zerohero::after {
  content: "力";
  width: auto;
  height: auto;
  background: none;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
  color: rgba(255,94,84,.92);
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0;
}

.brand-brewista {
  position: relative;
  padding: 20px 25px;
}

.brand-brewista::after {
  content: "";
  position: absolute;
  width: 110%;
  height: 50%;
  top: 25%;
  left: -5%;
  border-top: 3px solid rgba(255, 94, 84, 0.95);
  border-left: 3px solid rgba(255, 94, 84, 0.95);
  pointer-events: none;
  z-index: 1;
}

.brand-normcore {
  position: relative;
  overflow: visible !important;
}

.brand-normcore::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 45px;
  background: linear-gradient(to bottom, transparent, #ff5e54);
  top: -5%;
  right: 10%;
  left: auto;
  box-shadow: 0 40px 0 2px #ff5e54;
  z-index: 1;
}

.brand-fellow-card {
  --accent-width: 92px;
  --accent-height: 12px;
  --accent-bottom: 24px;
  --accent-left: 50%;
  --accent-transform: translateX(-50%) rotate(-18deg);
}

.brand-timemore {
  --accent-width: 26px;
  --accent-height: 3px;
  --accent-top: 18px;
  --accent-left: 50%;
  --accent-transform: translateX(-50%) rotate(14deg);
}

.brand-timemore::after,
.brand-rhino::after {
  width: auto;
  height: auto;
  background: none;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
  color: rgba(255,94,84,.92);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0;
}

.brand-timemore::after {
  content: "タイム";
  top: 85px;
}

.brand-lamarzocco {
  position: relative;
  overflow: visible !important;
  --lm-red: rgba(255,94,84,.95);
}

.brand-lamarzocco::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  width: 84px;
  height: 28px;
  transform: translateX(-50%);
  background:
    linear-gradient(135deg, transparent 48%, var(--lm-red) 48% 52%, transparent 52%) left top/50% 100% no-repeat,
    linear-gradient(225deg, transparent 48%, var(--lm-red) 48% 52%, transparent 52%) right top/50% 100% no-repeat;
  opacity: .95;
  pointer-events: none;
  z-index: 1;
}

.brand-lamarzocco::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 56px;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    var(--lm-red) 18%,
    var(--lm-red) 82%,
    transparent
  );
  transform: translateX(-50%);
  opacity: .9;
  pointer-events: none;
  z-index: 1;
}

.brand-lamarzocco span {
  font-family: Arial, sans-serif !important;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  display: inline-block;
}

.brand-acaia {
  position: relative;
  overflow: visible !important;
}

.brand-acaia .acaia-brush {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 170px;
  height: auto;
  max-width: none;
  display: block;
  transform-origin: center center;
  transform: translate(-50%,-50%) rotate(14deg);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
}

.brand-acaia span,
.brand-acaia small {
  position: relative;
  z-index: 2;
}

.brand-lelit {
  position: relative;
}

.brand-lelit::before,
.brand-lelit::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 10px;
  background: rgba(255,94,84,.9);
  transform-origin: center;
  border-radius: 999px;
  filter: blur(0.6px);
  opacity: .9;
  z-index: 1;
  pointer-events: none;
}

.brand-lelit::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.brand-lelit::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.brand-rhino {
  --accent-width: 26px;
  --accent-height: 3px;
  --accent-top: 18px;
  --accent-left: 50%;
  --accent-transform: translateX(-50%) rotate(14deg);
}

.brand-rhino::after {
  content: "サイ";
  top: 85px;
}

@media (max-width: 992px) {
  .brand-timemore::after,
  .brand-rhino::after {
    font-size: 25px;
    top: 65px;
  }

  .glass-slim-worm {
    width: 95% !important;
    max-width: 95% !important;
    margin: 30px auto 0;
    padding: 28px 18px;
    gap: 28px;
  }

  .partners-grid {
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    grid-template-rows: repeat(4, 110px);
  }

  .partners-grid::before {
    background:
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 33.333% 0 / 1px 100% no-repeat,
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 66.666% 0 / 1px 100% no-repeat,
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 0 25% / 100% 1px no-repeat,
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 0 50% / 100% 1px no-repeat,
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 0 75% / 100% 1px no-repeat;
  }
}

@media (max-width: 640px) {
  .glass-slim-worm {
    width: 95% !important;
    max-width: 95% !important;
    margin: 30px auto 0;
    padding: 14px 12px;
    border-radius: 22px;
    gap: 18px;
  }

  .partners-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(5, minmax(96px, auto));
    border-radius: 16px;
  }

  .partners-grid::before {
    background:
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 50% 0 / 1px 100% no-repeat,
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 0 20% / 100% 1px no-repeat,
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 0 40% / 100% 1px no-repeat,
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 0 60% / 100% 1px no-repeat,
      linear-gradient(to right, rgba(120,120,120,.38), rgba(120,120,120,.38)) 0 80% / 100% 1px no-repeat;
  }

  .brand-item {
    padding: 14px 8px;
  }

  .brand-mhw span,
  .brand-normcore span,
  .brand-timemore span,
  .brand-lelit span {
    font-size: clamp(18px, 5vw, 22px);
  }

  .brand-stroke {
    font-size: clamp(20px, 5.5vw, 28px);
  }

  .brand-fellow {
    font-size: clamp(22px, 6vw, 30px);
    letter-spacing: -1.5px;
  }

  .brand-acaia .brand-fellow {
    font-size: clamp(22px, 6vw, 30px);
    letter-spacing: -1.5px;
  }

  .brand-item small {
    margin-top: 6px;
    font-size: 8px;
    letter-spacing: .18em;
  }

  .brand-item::after {
    transform-origin: center;
    max-width: 80%;
  }

  .brand-lamarzocco span {
    font-size: 18px;
    letter-spacing: .1em;
  }

  .brand-lamarzocco::before {
    width: 64px;
    height: 22px;
    top: 12px;
  }

  .brand-lamarzocco::after {
    width: 42px;
    bottom: 14px;
  }
}

@media (max-width: 420px) {
  .glass-slim-worm {
    width: 95% !important;
    max-width: 95% !important;
    margin: 30px auto 0;
    padding: 12px 10px;
    border-radius: 20px;
  }

  .brand-lelit::before,
  .brand-lelit::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 10px;
    background: rgba(255,94,84,.9);
    transform-origin: center;
    border-radius: 999px;
    filter: blur(0.6px);
    opacity: .9;
    z-index: 1;
    pointer-events: none;
  }

  .partners-grid {
    grid-template-rows: repeat(5, minmax(90px, auto));
  }

  .brand-mhw span,
  .brand-normcore span,
  .brand-timemore span,
  .brand-lelit span {
    font-size: 18px;
  }

  .brand-stroke {
    font-size: 22px;
  }

  .brand-fellow {
    font-size: 24px;
    letter-spacing: -1px;
  }

  .brand-acaia .brand-fellow {
    font-size: 24px;
    letter-spacing: -1px;
  }
}

.glass-circle-product{
  width: 100%;
  margin: 30px auto 0;
  padding: 40px 18px;
  border-radius: 28px;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border:1px solid rgba(255,255,255,.68);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  direction: ltr;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 20px;
}

.glass-circle-product .gc-track{
  width: 100%;
  direction: rtl;
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 72px) / 7);
  gap: 18px 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.glass-circle-product .gc-track::-webkit-scrollbar{
  width: 0;
  height: 0;
  display: none;
}

.glass-circle-product .gc-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  text-decoration: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.glass-circle-product .gc-img-wrap{
  width: clamp(72px, 11vw, 130px);
  aspect-ratio: 1 / 1;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 101%;
  background-position: center;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
  flex-shrink: 0;
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
  isolation: isolate;
}

.glass-circle-product .gc-img-wrap::after{
  content: "";
  position: absolute;
  top: -100%;
  left: -150%;
  width: 60%;
  height: 300%;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.05) 30%,
    rgba(255,255,255,0.95) 50%,
    rgba(255,255,255,0.05) 70%,
    rgba(255,255,255,0) 100%
  );
  transform: rotate(35deg);
  animation: gcCinematicSweep 8s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
}

@keyframes gcCinematicSweep{
  0%   { left: -150%; opacity: 0; }
  5%   { opacity: 0.8; }
  25%  { left: 120%; opacity: 0.8; }
  35%  { left: 80%; opacity: 1; }
  55%  { left: 150%; opacity: 0; }
  100% { left: 150%; opacity: 0; }
}


.glass-circle-product .gc-item h3{
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 800;
  color: #232936;
  word-break: break-word;
}

@media (max-width: 1200px){
  .glass-circle-product .gc-track{
    grid-auto-columns: calc((100% - 54px) / 6);
  }
}

@media (max-width: 992px){
  .glass-circle-product .gc-track{
    grid-auto-columns: calc((100% - 48px) / 5);
  }
}

@media (max-width: 768px){
  .glass-circle-product{
    width: 95% !important;
    max-width: 95% !important;
    margin: 30px auto 0 !important;
    padding: 28px 14px;
    border-radius: 24px;
  }

  .glass-circle-product .gc-track{
    grid-auto-columns: calc((100% - 36px) / 4);
    gap: 14px 10px;
  }

  .glass-circle-product .gc-img-wrap{
    width: clamp(70px, 20vw, 110px);
  }
}

@media (max-width: 560px){
  .glass-circle-product{
    width: 95% !important;
    max-width: 95% !important;
    margin: 30px auto 0 !important;
  }

  .glass-circle-product .gc-track{
    grid-auto-columns: calc((100% - 24px) / 3);
  }

  .glass-circle-product .gc-img-wrap{
    width: clamp(68px, 24vw, 96px);
  }

  .glass-circle-product .gc-item h3{
    font-size: 14px;
  }
}

@media (max-width: 400px){
  .glass-circle-product{
    width: 95% !important;
    max-width: 95% !important;
    margin: 30px auto 0 !important;
  }

  .glass-circle-product .gc-track{
    grid-auto-columns: calc((100% - 12px) / 2);
  }

  .glass-circle-product .gc-img-wrap{
    width: clamp(66px, 28vw, 88px);
  }
}





.testimonials-section {
    width: 100%;
    margin: 30px auto 0;
    /* padding: 40px 18px; */
    border-radius: 28px;
    /* background: rgba(255,255,255,.08); */
    /* backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px); */
    /* border: 1px solid rgba(255,255,255,.68); */
    direction: rtl;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 20px;
  }

  .testimonials-row {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 20px;
    align-items: stretch;
    direction: rtl;
  }

  .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    height: 100%;
  }

  .testimonial-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: rgba(255, 255, 255, .24);
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    padding: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .testimonial-card.square {
    min-height: 220px;
  }

  .testimonial-card.featured {
    min-height: 100%;
    padding: 30px;
  }

  .quote-mark {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
    margin-bottom: 14px;
    margin-right: auto;
    margin-left: 0;
  }

  .quote-image {
    object-position: center;
  }

  .testimonial-text,
  .featured-text {
    margin: 0;
    color: #444;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.9;
  }

  .featured-text {
    margin-bottom: 14px;
  }

  .featured-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 8px;
    align-items: center;
  }

  .highlight-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
  }

  .highlight-item img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .highlight-item span {
    font-size: 17px;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
  }

  .featured-divider {
    width: 100%;
    height: 1px;
    margin-top: 18px;
    background: linear-gradient(90deg, transparent, rgba(0,0,0,.08), transparent);
  }

  .testimonial-user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    direction: rtl;
  }

  .user-main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }

  .user-info {
    display: flex;
    align-items: center;
    min-width: 0;
  }

  .user-info-name {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #111;
    line-height: 1.2;
    white-space: nowrap;
  }

  .user-stars {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 0 0 auto;
  }

  .user-stars img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    display: block;
  }

  .avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    flex: 0 0 42px;
  }

  .avatar-img {
    object-fit: cover;
    object-position: center;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    background: #ddd;
  }

  .featured-user .avatar {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
  }

  .user-info-name {
    font-size: 20px;
  }

  .featured-user .user-stars {
    gap: 3px;
  }

  .featured-user .user-stars img {
    width: 18px;
    height: 18px;
  }

  @media (max-width: 992px) {
    .testimonials-row {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 640px) {
    .testimonials-section {
      width: 95%;
      padding: 18px 12px;
      overflow: hidden;
    }

    .featured {
      display: none;
    }

    .testimonials-row {
      grid-template-columns: 1fr;
    }

    .testimonials-grid {
      display: flex;
      flex-direction: row;
      gap: 14px;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding-bottom: 4px;
    }

    .testimonials-grid::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
    }

    .testimonial-card.square {
      flex: 0 0 88%;
      max-width: 88%;
      min-height: auto;
      scroll-snap-align: start;
    }

    .testimonial-user {
      width: 100%;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      gap: 8px;
    }

    .user-main {
      min-width: 0;
      flex: 1 1 auto;
    }

    .user-info {
      min-width: 0;
      flex: 1 1 auto;
    }

    .user-info-name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: clamp(14px, 4vw, 16px);
    }

    .user-stars {
      flex: 0 0 auto;
      gap: 2px;
      margin-inline-start: auto;
    }

    .user-stars img {
      width: clamp(14px, 3.2vw, 16px);
      height: clamp(14px, 3.2vw, 16px);
    }

    .avatar {
      width: clamp(38px, 10vw, 40px);
      height: clamp(38px, 10vw, 40px);
      flex: 0 0 clamp(38px, 10vw, 40px);
    }
  }


  .glass-thin-line{
    width: 100% !important;
    margin: 30px auto 0;
    padding: 12px 0px;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    direction: rtl;

    gap: 16px;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x;

    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .glass-thin-line::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  /* لپ‌تاپ: 3 کارت */
  .glass-thin-line-card {
    flex: 0 0 calc((100% - 32px) / 3);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    max-height: 166px;
    padding: 14px 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .24);
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, .68);
    box-sizing: border-box;
    direction: rtl;
  }

  .glass-thin-line-wrapper {
    width: 110px;
    height: 110px;
    min-width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: transparent;
    border: none;
    flex: 0 0 auto;
  }

  .glass-thin-line-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
  }

  .glass-thin-line-info-mid {
    flex: 1;
    height: 110px;
    margin-right: 18px;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    overflow: hidden;
    box-sizing: border-box;
    min-width: 0;
  }

  .glass-thin-line-title-text {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .glass-thin-line-price-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: ltr;
    gap: 0;
    color: #000000;
  }

  .glass-thin-line-price-side {
    display: flex;
    align-items: baseline;
    gap: 6px;
    direction: rtl;
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .glass-thin-line-price-num {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1;
  }

  .glass-thin-line-price-unit {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
  }

  .glass-thin-line-btn {
    background: linear-gradient(135deg, rgba(120,191,255,.96), rgba(168,134,255,.96));
    color: #fff !important;
    border: 0;
    border-radius: 12px;
    height: 34px;
    min-width: 88px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    flex: 0 0 auto;
  }

  /* تبلت: 2 کارت */
  @media (max-width: 1024px) {
    .glass-thin-line-card {
      flex-basis: calc((100% - 16px) / 2);
    }
  }

  /* موبایل */
  @media (max-width: 640px) {
    .glass-thin-line {
      width: 95% !important;
      gap: 12px;
      margin: 0 auto;
    }

    .glass-thin-line-card {
      flex-basis: 100%;
    }

    .glass-thin-line-info-mid {
      margin-right: 12px;
    }

    .glass-thin-line-btn {
      display: none !important;
    }
  }
  @font-face {
        font-family: 'Amsterdam Handwriting';
        src: url('http://lianparstajhiz.com/wp-content/uploads/2026/06/Amsterdam-Handwriting.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }
      @font-face {
        font-family: 'bolding';
        src: url('http://lianparstajhiz.com/wp-content/uploads/2026/06/greater-theory.regular.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
      }
    
      .glass-hero-banner {
        width: 100%;
        margin: 30px auto 0;
        border: 0;
      }
    
      .glass-hero-banner .glass-hero-media {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 28px;
      }
    
      .glass-hero-banner .hero-main-image {
        width: 100%;
        height: auto;
        display: block;
      }
    
      .glass-hero-banner .hero-main-image-mobile {
        display: none;
      }
    
      .glass-hero-banner .glass-hero-quote {
        position: absolute;
        top: 5%;
        left: 5%;
        z-index: 3;
        max-width: 52%;
        width: fit-content;
        padding: 0;
        margin: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
      }
    
      .glass-hero-banner .glass-hero-quote h2 {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        background: transparent;
        display: block;
        color: #fff;
        font-size: clamp(28px, 4.2vw, 64px);
        line-height: 2;
        font-weight: 400;
        letter-spacing: -0.03em;
        text-align: left;
        direction: ltr;
        font-family: 'Amsterdam Handwriting', cursive, sans-serif !important;
        text-shadow: 0 2px 14px rgba(0, 0, 0, 0.22);
        white-space: normal;
        word-break: normal;
        overflow-wrap: break-word;
        hyphens: auto;
      }
    
      .glass-hero-banner .glass-hero-attribution {
        position: absolute;
        left: 5%;
        bottom: 6%;
        z-index: 3;
        width: fit-content;
        color: #fff;
        text-align: left;
        direction: ltr;
        font-family: 'bolding', cursive, sans-serif !important;
        isolation:isolate !important;


      }
    
      .glass-hero-banner .glass-hero-attribution span {
        position: relative;
        display: inline-block;
        padding-top: 12px;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 500;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
        white-space: nowrap;
      }
    
      .glass-hero-banner .glass-hero-attribution span::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.9);
      }
    
      @media (max-width: 992px) {
        .glass-hero-banner {
          width: 95%;
        }
    
        .glass-hero-banner .glass-hero-media {
          border-radius: 22px;
        }
    
        .glass-hero-banner .glass-hero-quote {
          top: 5%;
          left: 4.5%;
          max-width: 60%;
        }
    
        .glass-hero-banner .glass-hero-quote h2 {
          font-size: clamp(24px, 3.8vw, 48px);
        }
    
        .glass-hero-banner .glass-hero-attribution {
          left: 4.5%;
          bottom: 5.5%;
        }
    
        .glass-hero-banner .glass-hero-attribution span {
          font-size: 14px;
          padding-top: 10px;
        }
      }
    
      @media (max-width: 768px) {
        .glass-hero-banner {
          width: 95%;
        }
    
        .glass-hero-banner .glass-hero-quote {
          top: 4.5%;
          left: 4%;
          max-width: 70%;
        }
    
        .glass-hero-banner .glass-hero-quote h2 {
          font-size: clamp(22px, 4vw, 40px);
        }
    
        .glass-hero-banner .glass-hero-attribution {
          left: 4%;
          bottom: 5%;
        }
    
        .glass-hero-banner .glass-hero-attribution span {
          font-size: 13px;
          padding-top: 9px;
          letter-spacing: 0.14em;
        }
      }
    
      @media (max-width: 576px) {
        .glass-hero-banner {
          width: 95%;
        }
    
        .glass-hero-banner .glass-hero-media {
          border-radius: 22px;
        }
    
        .glass-hero-banner .hero-main-image-desktop , .glass-hero-attribution{
          display: none;
        }
    
        .glass-hero-banner .hero-main-image-mobile {
          display: block;
          width: 100%;
          height: auto;
          object-fit: contain;
          object-position: center center;
        }
    
        .glass-hero-banner .glass-hero-quote {
          top: 4%;
          left: 4%;
          max-width: 70%;
        }
    
        .glass-hero-banner .glass-hero-quote h2 {
          font-size: clamp(18px, 5vw, 28px);
          line-height: 2 !important;
        }
    
        .glass-hero-banner .glass-hero-attribution {
          left: 4%;
          bottom: 4.5%;
        }
    
        .glass-hero-banner .glass-hero-attribution span {
          font-size: 11px;
          padding-top: 8px;
          letter-spacing: 0.12em;
        }
      }
      .glass-hero-banner,
  .glass-hero-banner * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
  }

  .glass-hero-banner img {
    -webkit-user-drag: none;
    user-drag: none;
    pointer-events: none;
    touch-action: manipulation;
  }

  .glass-hero-banner .glass-hero-quote,
  .glass-hero-banner .glass-hero-attribution {
    pointer-events: none;
  }
  .glass-internal-blog {
        width: 100% !important;
        margin: 30px auto 0;
        padding: 12px 0px;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }
    
      .glass-blog-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0 0 14px;
        direction: rtl;
        flex-direction: row-reverse;
      }
    
      .glass-blog-topbar__title {
        margin: 0;
        font-size: 22px;
        line-height: 1.3;
        font-weight: 800;
        letter-spacing: -0.2px;
        color: #111;
      }
    
      .glass-blog-topbar__link {
        margin: 0;
        font-size: 18px;
        line-height: 1.4;
        font-weight: 600;
        color: #111;
        text-decoration: none;
        white-space: nowrap;
      }
    
      .glass-blog-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        align-items: stretch;
      }
    
      .glass-blog-card {
        position: relative;
        overflow: hidden;
        border-radius: 24px;
        background: rgba(255, 255, 255, .24);
        backdrop-filter: blur(20px) saturate(150%);
        -webkit-backdrop-filter: blur(20px) saturate(150%);
        min-width: 0;
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        height: 100%;
      }
    
      .glass-blog-card__media {
        width: 100%;
        aspect-ratio: 1.18 / 0.86;
        overflow: hidden;
        background: rgba(0, 0, 0, .04);
        flex: 0 0 auto;
      }
    
      .glass-blog-card__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
    
      .glass-blog-card__content {
        padding: 14px 14px 16px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 1;
        direction: rtl;
        text-align: right;
        min-height: 92px;
      }
    
      .glass-blog-card__title {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
        font-weight: 700;
        color: #111;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        min-height: calc(1.8em * 2);
      }
    
      .glass-blog-card__meta {
        margin-top: auto;
        font-size: 12px;
        color: rgba(0, 0, 0, .56);
      }
    
      @media (max-width: 1100px) {
        .glass-blog-grid {
          display: flex;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          gap: 12px;
          scroll-snap-type: x proximity;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          overscroll-behavior-x: contain;
          -ms-overflow-style: none;
          scrollbar-width: none;
          padding-bottom: 2px;
        }
    
        .glass-blog-grid::-webkit-scrollbar {
          width: 0;
          height: 0;
          display: none;
        }
    
        .glass-blog-card {
          flex: 0 0 calc((100% - 12px) / 2);
          scroll-snap-align: start;
        }
      }
    
      @media (max-width: 640px) {
        .glass-internal-blog {
          width: 95% !important;
          padding: 8px 0;
        }
    
        .glass-blog-topbar {
          margin-bottom: 12px;
        }
    
        .glass-blog-topbar__title {
          font-size: 20px;
        }
    
        .glass-blog-topbar__link {
          font-size: 16px;
        }
    
        .glass-blog-grid {
          display: flex;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          gap: 12px;
          scroll-snap-type: x proximity;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          overscroll-behavior-x: contain;
          -ms-overflow-style: none;
          scrollbar-width: none;
          padding-bottom: 2px;
        }
    
        .glass-blog-grid::-webkit-scrollbar {
          width: 0;
          height: 0;
          display: none;
        }
    
        .glass-blog-card {
          flex: 0 0 100%;
          scroll-snap-align: start;
        }
    
        .glass-blog-card__content {
          padding: 12px 12px 14px;
          min-height: 88px;
        }
    
        .glass-blog-card__title {
          font-size: 14px;
          line-height: 1.75;
          min-height: calc(1.75em * 2);
        }
      }

      .glass-footer{
        width: 100%;
        margin: 30px auto 30px;
        padding: 34px 18px 26px;
        border-radius: 28px;
        background: rgba(255,255,255,.08);
        backdrop-filter: blur(22px);
        -webkit-backdrop-filter: blur(22px);
        border: 1px solid rgba(255,255,255,.68);
        box-shadow: 0 10px 30px rgba(0,0,0,.08);
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 16px;
      }
    
      .glass-footer__top{
        width: 100%;
        display: grid;
        grid-template-columns:
          minmax(270px, 1.65fr)
          minmax(120px, .72fr)
          minmax(120px, .72fr)
          minmax(300px, 1.55fr)
          minmax(280px, 1.18fr);
        gap: 16px;
        align-items: start;
      }
    
      .glass-footer__brand,
      .glass-footer__links,
      .glass-footer__contact{
        text-align: right;
        color: rgba(34, 47, 62, .88);
        min-width: 0;
      }
    
      .glass-footer__brand{
        padding-inline-start: 8px;
      }
    
      .glass-footer__brand-title{
        margin: 0 0 12px;
        font-size: 20px;
        line-height: 1.18;
        font-weight: 900;
        color: #1d1d1d;
        letter-spacing: -.2px;
      }
    
      .glass-footer__brand-text{
        margin: 0;
        max-width: 420px;
        font-size: 16px;
        line-height: 1.95;
        color:#494949;
      }
    
      .glass-footer__brand-text--scroll{
        max-height: 200px;
        overflow-y: auto;
        padding-inline-end: 8px;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }
    
      .glass-footer__brand-text--scroll::-webkit-scrollbar{
        width: 0;
        height: 0;
      }
    
      .glass-footer__links--compact{
        max-width: 165px;
      }
    
      .glass-footer__contact--wide{
        min-width: 0;
      }
    
      .glass-footer__links-title,
      .glass-footer__contact-title{
        margin: 0 0 14px;
        font-size: 18px;
        line-height: 1.2;
        font-weight: 800;
        color: #1f2733;
      }
    
      .glass-footer__links-list,
      .glass-footer__contact-list{
        margin: 0;
        padding: 0;
        list-style: none;
      }
    
      .glass-footer__links-list{
        display: grid;
        gap: 10px;
      }
    
      .glass-footer__links-list a,
      .glass-footer__contact-list a,
      .glass-footer__contact-list span{
        color: #494949;
        text-decoration: none;
        font-size: 16px;
        line-height: 1.75;
        transition: .2s ease;
      }
    
      .glass-footer__links-list a:hover,
      .glass-footer__contact-list a:hover{
        color: rgba(31, 39, 51, .98);
      }
    
      .glass-footer__contact-list{
        display: grid;
        gap: 9px;
      }
    
      .glass-footer__contact-list--split li{
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        direction: rtl;
      }
    
      .glass-footer__contact-label{
        white-space: nowrap;
        text-align: right;
        color: #494949;
        font-size: 14px;
        line-height: 1.75;
      }
    
      .glass-footer__contact-value{
        white-space: nowrap;
        text-align: left;
        direction: ltr;
        unicode-bidi: plaintext;
        color: #494949;
        font-size: 14px;
        line-height: 1.75;
      }
    
      .glass-footer__contact-address{
        margin: 10px 0 0;
        font-size: 16px;
        line-height: 1.9;
        color: #494949;
      }
    
      .glass-footer__divider{
        width: 100%;
        height: 1px;
        box-shadow: 0 1px 0 rgba(255,255,255,.68);
      }
    
      .glass-footer__bottom{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
      }
    
      .glass-footer__socials{
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
      }
    
      .glass-footer__social{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 62px;
        height: 40px;
        padding: 0 16px;
        border-radius: 999px;
        background: rgba(255,255,255,.48);
        border: 1px solid rgba(255,255,255,.78);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
        color: rgba(36, 48, 61, .92);
        text-decoration: none;
        font-size: 14px;
        line-height: 1;
        transition: .2s ease;
        white-space: nowrap;
      }
    
      .glass-footer__social:hover{
        transform: translateY(-1px);
        background: rgba(255,255,255,.64);
      }
    
      .glass-footer__copyright{
        margin: 0;
        text-align: right;
        font-size: 18px;
        line-height: 1.9;
        color: #494949;
      
      }
    
      .glass-footer__mapsocial{
        min-width: 0;
      }
    
      .glass-footer__switcher{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        flex-wrap: nowrap;
        margin-bottom: 12px;
        width: 100%;
      }
    
      .glass-footer__switch-btn{
        appearance: none;
        -webkit-appearance: none;
        border: 0;
        outline: none;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0;
        margin: 0;
        color: rgba(31,39,51,.9);
        font: inherit;
        font-size: 15px;
        font-weight: 800;
        cursor: pointer;
        line-height: 1.2;
        -webkit-tap-highlight-color: transparent;
        white-space: nowrap;
      }
    
      .glass-footer__switch-btn:hover,
      .glass-footer__switch-btn:focus,
      .glass-footer__switch-btn:focus-visible,
      .glass-footer__switch-btn:active,
      .glass-footer__switch-btn.is-active{
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        color: rgba(31,39,51,.9);
      }
    
      .glass-footer__switch-sep{
        color: rgba(31, 39, 51, .7);
        font-size: 18px;
        opacity: .55;
        user-select: none;
        pointer-events: none;
        flex: 0 0 auto;
      }
    
      .glass-footer__panel{
        display: none;
        width: 100%;
      }
    
      .glass-footer__panel.is-active{
        display: block;
      }
    
      .glass-footer__map-wrap{
        width: 100%;
        aspect-ratio: 1 / 1;
        max-height: 245px;
        overflow: hidden;
        border-radius: 20px;
        border: 1px solid rgba(255,255,255,.5);
        box-shadow: 0 10px 24px rgba(0,0,0,.06);
        background: rgba(255,255,255,.18);
      }
    
      .glass-footer__map-wrap iframe{
        display: block;
        width: 100%;
        height: 100%;
      }
      .glass-footer__trust-badges{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.glass-footer__social--image{
  min-width: 0;
  width: 100px;
  height: auto;
  padding: 0;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  border-radius: 16px;
  overflow: hidden;
  line-height: 0;
  display: inline-flex;
  transform: none;
}

.glass-footer__social--image:hover{
  transform: none;
  background: transparent !important;
}

.glass-footer__social--image img{
  display: block;
  width: 122px;
  height: auto;
  border-radius: 16px;
  object-fit: contain;
}

@media (max-width: 900px){
  .glass-footer__social--image img{
    width: 108px;
  }
}

@media (max-width: 520px){
  .glass-footer__trust-badges{
    gap: 10px;
  }

  .glass-footer__social--image img{
    width: 96px;
  }
}
      .glass-social-grid{
        width: 100%;
        aspect-ratio: 1 / 1;
        max-height: 245px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: minmax(0, 1fr);
        gap: 8px;
        background: transparent;
      }
    
      .glass-social-link{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 18px;
        text-decoration: none;
        background: rgba(255,255,255,.34);
        border: 1px solid rgba(255,255,255,.64);
        box-shadow: 0 10px 22px rgba(0,0,0,.05);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        transition:
          transform .22s ease,
          background .22s ease,
          border-color .22s ease,
          box-shadow .22s ease,
          filter .22s ease;
        position: relative;
        overflow: hidden;
      }
    
      .glass-social-link::before{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          rgba(var(--hover-rgb), .22),
          rgba(var(--hover-rgb), .08)
        );
        opacity: 0;
        transition: opacity .22s ease;
        pointer-events: none;
      }
    
      .glass-social-link:hover{
        transform: translateY(-2px) scale(1.03);
        border-color: rgba(var(--hover-rgb), .55);
        filter: saturate(1.08);
      }
    
      .glass-social-link:hover::before{
        opacity: 1;
      }
    
      .glass-social-link img{
        width: 40px;
        height: 40px;
        display: block;
        object-fit: contain;
        border-radius: 16px;
        position: relative;
        z-index: 1;
      }
    
      .telegram{ --hover-rgb: 44, 168, 255; }
      .instagram{ --hover-rgb: 227, 53, 121; }
      .whatsapp{ --hover-rgb: 37, 211, 102; }
      .youtube{ --hover-rgb: 255, 0, 0; }
      .aparat{ --hover-rgb: 255, 153, 0; }
      .x{ --hover-rgb: 15, 20, 25; }
      .facebook{ --hover-rgb: 24, 119, 242; }
      .pinterest{ --hover-rgb: 230, 0, 35; }
      .linkedin{ --hover-rgb: 10, 102, 194; }
    
      @media (max-width: 1320px){
        .glass-footer__top{
          grid-template-columns:
            minmax(240px, 1.5fr)
            minmax(110px, .68fr)
            minmax(110px, .68fr)
            minmax(280px, 1.45fr)
            minmax(250px, 1.1fr);
          gap: 14px;
        }
    
        .glass-footer__links--compact{
          max-width: 150px;
        }
    
        .glass-footer__map-wrap,
        .glass-social-grid{
          max-height: 225px;
        }
    
        .glass-social-link img{
          width: 37px;
          height: 37px;
        }
    
        .glass-footer__brand-title{
          font-size: 20px;
        }
    
        .glass-footer__brand-text{
          font-size: 16px;
          line-height: 1.85;
        }
    
        .glass-footer__brand-text--scroll{
          max-height: 165px;
        }
      }
    
      @media (max-width: 1100px){
        .glass-footer__top{
          grid-template-columns: minmax(240px, 1fr) minmax(180px, 1fr);
          gap: 16px;
        }
    
        .glass-footer__brand{
          grid-column: 1 / -1;
          order: -2;
        }
    
        .glass-footer__contact--wide{
          grid-column: 1 / span 1;
        }
    
        .glass-footer__mapsocial{
          grid-column: 2 / span 1;
        }
    
        .glass-footer__links--compact{
          max-width: none;
        }
    
        .glass-footer__map-wrap,
        .glass-social-grid{
          max-height: 230px;
        }
    
        .glass-footer__brand-title{
          font-size: 20px;
        }
    
        .glass-footer__brand-text--scroll{
          max-height: 150px;
        }
      }
    
      @media (max-width: 900px){
        .glass-footer{
          padding: 26px 14px 22px;
          gap: 14px;
        }
    
        .glass-footer__top{
          grid-template-columns: 1fr;
          gap: 16px;
        }
    
        .glass-footer__brand,
        .glass-footer__contact--wide,
        .glass-footer__mapsocial{
          grid-column: auto;
        }
    
        .glass-footer__brand{
          order: -1;
        }
    
        .glass-footer__brand-title{
          font-size: 20px;
          margin-bottom: 10px;
        }
    
        .glass-footer__brand-text{
          max-width: 100%;
          font-size: 16px;
          line-height: 2;
        }
    
        .glass-footer__brand-text--scroll{
          max-height: 140px;
          padding-inline-end: 6px;
        }
    
        .glass-footer__links--compact{
          max-width: 100%;
        }
    
        .glass-footer__links-list{
          gap: 10px;
        }
    
        .glass-footer__contact-list{
          gap: 8px;
        }
    
        .glass-footer__contact-list--split li{
          grid-template-columns: 1fr;
          gap: 2px;
        }
    
        .glass-footer__contact-value{
          text-align: right;
          direction: rtl;
        }
    
        .glass-footer__bottom{
          flex-direction: column;
          align-items: flex-start;
        }
    
        .glass-footer__socials{
          width: 100%;
        }
    
        .glass-footer__copyright{
          width: 100%;
        }
    
        .glass-footer__switcher{
          margin-bottom: 10px;
          gap: 6px;
        }
    
        .glass-footer__switch-btn{
          font-size: 14px;
        }
    
        .glass-footer__map-wrap,
        .glass-social-grid{
          width: min(100%, 360px);
          max-height: none;
          aspect-ratio: 1 / 1;
        }
    
        .glass-footer__map-wrap{
          border-radius: 18px;
        }
    
        .glass-social-grid{
          border-radius: 18px;
          gap: 8px;
        }
    
        .glass-social-link{
          border-radius: 16px;
        }
    
        .glass-social-link img{
          width: 36px;
          height: 36px;
        }
      }
    
      @media (max-width: 520px){
        .glass-footer{
          padding: 22px 12px 18px;
        }
    
        .glass-footer__brand-title{
          font-size: 18px;
        }
    
        .glass-footer__brand-text,
        .glass-footer__links-list a,
        .glass-footer__contact-list a,
        .glass-footer__contact-list span,
        .glass-footer__contact-address{
          font-size: 14px;
        }
    
        .glass-footer__map-wrap,
        .glass-social-grid{
          width: 100%;
        }
    
        .glass-footer__brand-text--scroll{
          max-height: 128px;
        }
    
        .glass-footer__social{
          min-width: 56px;
          padding: 0 16px;
        }
    
        .glass-footer__switcher{
          flex-wrap: wrap;
          justify-content: flex-start;
        }
    
        .glass-footer__switch-sep{
          display: none;
        }
      }

      /* Responsive refinements: tablet + mobile only */
      @media (max-width: 1024px){
        .glass-footer{
          width: 98%;
          padding: 28px 16px 22px;
        }

        .glass-footer__top{
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px;
        }

        .glass-footer__brand{
          grid-column: 1 / -1;
          order: -2;
        }

        .glass-footer__links--compact{
          max-width: none;
        }

        .glass-footer__contact--wide,
        .glass-footer__mapsocial{
          min-width: 0;
        }

        .glass-footer__map-wrap,
        .glass-social-grid{
          width: 100%;
          max-height: 230px;
        }

        .glass-footer__brand-text{
          max-width: 100%;
        }
      }

      @media (max-width: 768px){
        .glass-footer{
          width: 98%;
          padding: 24px 12px 18px;
          gap: 14px;
        }

        .glass-footer__top{
          grid-template-columns: 1fr;
          gap: 16px;
        }

        .glass-footer__brand,
        .glass-footer__contact--wide,
        .glass-footer__mapsocial{
          grid-column: auto;
        }

        .glass-footer__brand{
          order: -1;
        }

        .glass-footer__brand-title{
          font-size: 19px;
        }

        .glass-footer__brand-text{
          max-width: 100%;
          font-size: 15px;
          line-height: 1.95;
        }

        .glass-footer__brand-text--scroll{
          max-height: 148px;
        }

        .glass-footer__links-list,
        .glass-footer__contact-list{
          gap: 8px;
        }

        .glass-footer__contact-list--split li{
          grid-template-columns: 1fr;
          gap: 3px;
        }

        .glass-footer__contact-value{
          text-align: right;
          direction: rtl;
        }

        .glass-footer__bottom{
          flex-direction: column;
          align-items: flex-start;
        }

        .glass-footer__copyright{
          width: 100%;
        }

        .glass-footer__socials{
          width: 100%;
        }

        .glass-footer__switcher{
          margin-bottom: 10px;
          gap: 6px;
        }

        .glass-footer__map-wrap,
        .glass-social-grid{
          width: 100%;
          max-height: none;
          aspect-ratio: 1 / 1;
        }

        .glass-social-grid{
          gap: 8px;
        }
      }

      @media (max-width: 520px){
        .glass-footer{
          width: 95%;
          padding: 22px 10px 16px;
          border-radius: 24px;
        }

        .glass-footer__brand-title{
          font-size: 18px;
        }

        .glass-footer__brand-text,
        .glass-footer__links-list a,
        .glass-footer__contact-list a,
        .glass-footer__contact-list span,
        .glass-footer__contact-address,
        .glass-footer__copyright{
          font-size: 16px;
        }

        .glass-footer__brand-text--scroll{
          max-height: 128px;
        }

        .glass-footer__switcher{
          flex-wrap: wrap;
          justify-content: flex-start;
        }

        .glass-footer__switch-sep{
          display: none;
        }

        .glass-footer__social{
          min-width: 56px;
          padding: 0 14px;
        }

        .glass-footer__map-wrap,
        .glass-social-grid{
          width: 100%;
        }
      }

      /* Mobile-specific overrides: keep desktop/tablet intact */
      @media (max-width: 768px){
        .glass-footer__top{
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 12px;
        }

        .glass-footer__brand{
          grid-column: 1 / -1;
          order: -2;
        }

        .glass-footer__links--compact{
          max-width: none;
        }

        /* Two link columns side by side on phone */
        .glass-footer__top > .glass-footer__links--compact:nth-of-type(2){
          grid-column: 1;
        }

        .glass-footer__top > .glass-footer__links--compact:nth-of-type(3){
          grid-column: 2;
        }

        .glass-footer__top > .glass-footer__contact--wide{
          grid-column: 1 / -1;
        }

        .glass-footer__top > .glass-footer__mapsocial{
          grid-column: 1 / -1;
        }

        /* Keep contact rows horizontal like tablet */
        .glass-footer__contact-list--split li{
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 8px;
          align-items: center;
        }

        .glass-footer__contact-label,
        .glass-footer__contact-value{
          white-space: nowrap;
        }

        .glass-footer__contact-label{
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .glass-footer__contact-value{
          text-align: left;
          direction: ltr;
        }

        .glass-footer__switcher{
          justify-content: space-between;
          flex-wrap: nowrap;
        }

        .glass-footer__switch-sep{
          display: none;
        }

        .glass-footer__map-wrap,
        .glass-social-grid{
          width: 100%;
          max-width: 100%;
        }
      }

      @media (max-width: 520px){
        .glass-footer{
          width: 95%;
          padding: 22px 10px 16px;
          border-radius: 24px;
        }

        .glass-footer__top{
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 10px;
        }

        .glass-footer__brand-title{
          font-size: 18px;
        }

        .glass-footer__brand-text,
        .glass-footer__links-list a,
        .glass-footer__contact-list a,
        .glass-footer__contact-list span,
        .glass-footer__contact-address,
        .glass-footer__copyright{
          font-size: 15px;
        }

        .glass-footer__brand-text--scroll{
          max-height: 128px;
        }

        .glass-footer__links-title,
        .glass-footer__contact-title{
          font-size: 15px;
          margin-bottom: 10px;
        }

        .glass-footer__links-list{
          gap: 8px;
        }

        .glass-footer__links-list a{
          line-height: 1.65;
        }

        .glass-footer__contact-list{
          gap: 7px;
        }

        .glass-footer__contact-list--split li{
          grid-template-columns: minmax(0, 1fr) auto;
          gap: 6px;
        }

        .glass-footer__contact-label,
        .glass-footer__contact-value{
          font-size: 12px;
          line-height: 1.6;
        }

        .glass-footer__contact-label{
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          min-width: 0;
        }

        .glass-footer__contact-value{
          white-space: nowrap;
          text-align: left;
          direction: ltr;
          min-width: 0;
        }

        .glass-footer__contact-address{
          margin-top: 8px;
          line-height: 1.75;
        }

        .glass-footer__switcher{
          gap: 8px;
          justify-content: space-between;
          flex-wrap: nowrap;
        }

        .glass-footer__switch-btn{
          font-size: 13px;
        }

        .glass-footer__switch-sep{
          display: none;
        }

        .glass-footer__social{
          min-width: 56px;
          padding: 0 14px;
        }

        .glass-footer__map-wrap,
        .glass-social-grid{
          width: 100%;
        }
      }
  /* Final mobile overrides: only tablet/mobile, desktop unchanged */
  @media (max-width: 1024px){
    .glass-footer__switcher{
      flex-wrap: nowrap !important;
      justify-content: space-between !important;
      gap: 6px !important;
    }

    .glass-footer__switch-btn{
      flex: 1 1 0 !important;
      min-width: 0 !important;
      white-space: nowrap !important;
    }

    .glass-footer__switch-sep{
      display: inline-flex !important;
    }
  }

  @media (max-width: 768px){
    .glass-footer{
      width: 95% !important;
    }

    .glass-footer__top{
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
    }

    .glass-footer__brand{
      grid-column: 1 / -1 !important;
    }

    .glass-footer__links--compact{
      max-width: none !important;
    }

    /* keep the two link columns side by side */
    .glass-footer__top > .glass-footer__links--compact:nth-of-type(2){
      grid-column: 1 !important;
    }

    .glass-footer__top > .glass-footer__links--compact:nth-of-type(3){
      grid-column: 2 !important;
    }

    /* contact section: keep label/value side by side like tablet */
    .glass-footer__contact-list--split li{
      grid-template-columns: minmax(0, 1fr) auto !important;
      gap: 6px !important;
      align-items: center !important;
    }

    .glass-footer__contact-label,
    .glass-footer__contact-value{
      white-space: nowrap !important;
    }

    .glass-footer__contact-value{
      text-align: left !important;
      direction: ltr !important;
    }

    .glass-footer__mapsocial{
      grid-column: 1 / -1 !important;
    }

    .glass-footer__switcher{
      flex-wrap: nowrap !important;
      justify-content: space-between !important;
      gap: 6px !important;
    }

    .glass-footer__switch-btn{
      flex: 1 1 0 !important;
      min-width: 0 !important;
      font-size: 13px !important;
    }

    .glass-footer__switch-sep{
      display: inline-flex !important;
      flex: 0 0 auto !important;
      font-size: 16px !important;
      opacity: .65 !important;
    }

    .glass-footer__bottom{
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 10px !important;
    }

    /* copyright must be the last item */
    .glass-footer__socials{
      order: 1 !important;
      width: 100% !important;
    }

    .glass-footer__copyright{
      order: 2 !important;
      width: 100% !important;
      margin: 0 !important;
      text-align: right !important;
    }

    /* two badges side by side and full width */
    .glass-footer__trust-badges{
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
      width: 100% !important;
      align-items: stretch !important;
    }

    .glass-footer__social--image{
      width: 100% !important;
      min-width: 0 !important;
      justify-content: center !important;
      align-items: center !important;
    }

    .glass-footer__social--image img{
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
    }
  }

  @media (max-width: 520px){
    .glass-footer{
      width: 95% !important;
    }

    .glass-footer__switcher{
      flex-wrap: nowrap !important;
      justify-content: space-between !important;
    }

    .glass-footer__switch-sep{
      display: inline-flex !important;
    }
  }


        /* استایل پایه پین (دسکتاپ) */
        .pin-marker {
        position: absolute;
        z-index: 4;
        width: 1em;
        height: 1em;
        margin-left: -0.5em;
        margin-top: -0.5em;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.9);
        border: 2px solid #222;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3);
        pointer-events: auto;
        cursor: pointer;
        transition: transform 0.2s;
        animation: pin-pulse 2s infinite;
      }
      .pin-marker::after {
        content: "";
        position: absolute;
        top: 50%; left: 50%;
        width: 40%; height: 40%;
        margin: -20% 0 0 -20%;
        background: #222;
        border-radius: 50%;
      }
      @keyframes pin-pulse {
        0%,100%{ box-shadow:0 0 0 0 rgba(255,255,255,0.7); }
        70%{ box-shadow:0 0 0 10px rgba(255,255,255,0); }
      }
    
      .pin-tooltip {
        position: absolute;
        z-index: 5;
        background: none !important;
        padding: 0;
        pointer-events: auto;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.35s, visibility 0.35s;
      }
      .pin-tooltip a {
        font-size: 22px;
        font-weight: 800;
        text-decoration: none;
        background-image: linear-gradient(135deg, rgba(120,191,255,.96), rgba(168,134,255,.96));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
    
      .pin-marker:hover .pin-tooltip,
      .pin-marker.active .pin-tooltip {
        opacity: 1;
        visibility: visible;
      }
    
      .connector-arm,
      .connector-diag,
      .connector-underline {
        position: absolute;
        z-index: 4;
        height: 4px;
        background: linear-gradient(135deg, rgba(120,191,255,.96), rgba(168,134,255,.96));
        opacity: 0;
        transform-origin: 0 0;
        transition: width 0.9s ease, height 0.9s ease, opacity 2.35s;
        pointer-events: none;
      }
      .connector-underline {
        height: 3px;
      }
    
      .pin-marker:hover .connector-arm,
      .pin-marker.active .connector-arm,
      .pin-marker:hover .connector-diag,
      .pin-marker.active .connector-diag,
      .pin-marker:hover .connector-underline,
      .pin-marker.active .connector-underline {
        opacity: 1;
      }
    
      @media (max-width: 1030px) {
        .pin-marker,
        .pin-tooltip,
        .connector-arm,
        .connector-diag,
        .connector-underline {
          display: none !important;
        }
      }
 

	:root {
	  --sp-text: #000;
	  --sp-muted: #000;
	  --sp-soft: #000;
	  --sp-soft-2: #000;
	  --sp-border: rgba(255,255,255,.18);
	  --sp-primary: #7c5cff;
	  --sp-primary-2: #5bdbff;
	  --sp-success: #2fe39b;
	  --sp-danger: #ff6b6b;
	  --sp-shadow: 0 18px 60px rgba(0,0,0,.22);
	  --sp-radius: 28px;
	}
  /* تنظیم عرض کانتینر اصلی برای موبایل و تبلت */
  @media (max-width: 768px) {
.glass-single-product {
width: 95% !important;
max-width: 95% !important;
margin-left: auto !important;
margin-right: auto !important;
display: block !important;   /* تحمیل نمایش */

}
}
	.glass-single-product {
	  background: rgba(255,255,255,.08);
	  backdrop-filter: blur(22px);
	  -webkit-backdrop-filter: blur(22px);
	  border: 1px solid rgba(255,255,255,.68);
	  border-radius: var(--sp-radius);
	  box-shadow: var(--sp-shadow);
	  color: var(--sp-text);
	  overflow: hidden;
	  margin: 30px auto;
	  width: 100%;
	}
  
/* حالت پایه (برای موبایل - ابتدا طراحی برای موبایل یا Mobile First) */
.glass-single-product-row {
display: grid;
/* در موبایل فقط یک ستون داریم که 100% عرض را میگیرد */
grid-template-columns: 1fr; 
gap: 20px; /* در موبایل کمی فاصله بین ردیف‌ها نیاز است */
min-height: 100%;
height: auto; /* در موبایل نباید ارتفاع را محدود کنیم */
}

/* استایل پایه ستون‌ها */
.glass-single-product-col-image,
.glass-single-product-col-desc,
.glass-single-product-col-buy {
padding: 15px; /* در موبایل پدینگ کمتر بهتر است */
min-width: 0;
height: auto;
}

/* --- حالت تبلت (صفحه‌های بزرگتر از ۷۶۸ پیکسل) --- */
@media (min-width: 768px) {
.glass-single-product-row {
/* در تبلت: تصویر سمت راست (یا چپ)، بقیه محتوا سمت دیگر */
grid-template-columns: 1fr 1fr; 
}

/* اگر می‌خواهید در تبلت باکس خرید برود زیر توضیحات، یک ستون باید عرض کامل بگیرد */
.glass-single-product-col-buy {
grid-column: span 2; /* باکس خرید تمام عرض تبلت را بگیرد */
}

.glass-single-product-col-image,
.glass-single-product-col-desc,
.glass-single-product-col-buy {
padding: 20px;
}
}

/* --- حالت لپ‌تاپ و دسکتاپ (صفحه‌های بزرگتر از ۱۰۲۴ پیکسل) --- */
@media (min-width: 1024px) {
.glass-single-product-row {
/* همون حالت اولیه شما برای دسکتاپ */
grid-template-columns: 30% 40% 30%; 
gap: 0; 
}

/* ریست کردن تنظیمات تبلت برای دسکتاپ */
.glass-single-product-col-buy {
grid-column: auto; 
}
}		
.glass-single-product-col-image,
	.glass-single-product-col-desc,
	.glass-single-product-col-buy {
	  padding: 20px;
	  min-width: 0;
	  height: 100%;
	}
  
	.glass-single-product-col-image,
	.glass-single-product-col-desc {
	  border-inline-end: none;
	}
  
	.glass-single-product-col-desc,
	.glass-single-product-col-buy {
	  overflow: hidden;
	}
  
	.glass-single-product-col-desc {
	  display: flex;
	  flex-direction: column;
	}
  
	.glass-single-product-main-image {
	  position: relative;
	  border-radius: 22px;
	  overflow: hidden;
	  aspect-ratio: 1 / 1;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
  
	.glass-single-product-main-image img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	  cursor: pointer;
	}
  
	.glass-single-product-gallery {
	  display: grid;
	  grid-template-columns: repeat(4, 1fr);
	  gap: 10px;
	  margin-top: 14px;
	  overflow-y: auto;
	  scrollbar-width: thin;
	  scrollbar-color: rgba(255,255,255,.35) transparent;
	}
  
	.glass-single-product-gallery::-webkit-scrollbar {
	  width: 6px;
	}
  
	.glass-single-product-gallery::-webkit-scrollbar-thumb {
	  background: rgba(255,255,255,.35);
	  border-radius: 999px;
	}
  
	.glass-single-product-gallery-item {
	  aspect-ratio: 1 / 1;
	  border-radius: 16px;
	  overflow: hidden;
	  background: rgba(255,255,255,.08);
	  border: 1px solid rgba(255,255,255,.14);
	  cursor: pointer;
	  transition: none;
	}
  
	.glass-single-product-gallery-item img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	  cursor: pointer;
	}
  
	.glass-single-product-col-image,
	.glass-single-product-col-desc,
	.glass-single-product-col-buy {
	  padding: 20px;
	  min-width: 0;
	  height: 100%;
	}
  
	.glass-single-product-col-image,
	.glass-single-product-col-desc {
	  border-inline-end: none;
	}
  
	.sp-image-modal {
	  position: fixed;
	  inset: 0;
	  background: rgba(0,0,0,.78);
	  backdrop-filter: blur(8px);
	  -webkit-backdrop-filter: blur(8px);
	  display: none;
	  align-items: center;
	  justify-content: center;
	  z-index: 9999;
	  padding: 24px;
	}
  
	.sp-image-modal.is-open {
	  display: flex;
	}
  
	.sp-image-modal-content {
	  width: min(92vw, 860px);
	  height: min(86vh, 860px);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
  
	.sp-image-modal-content img {
	  max-width: 100%;
	  max-height: 100%;
	  object-fit: contain;
	  display: block;
	  border-radius: 18px;
	}
  
	.sp-image-modal-close,
	.sp-image-modal-nav {
	  position: absolute;
	  border: 0 !important;
	  background: transparent !important;
	  padding: 0;
	  cursor: pointer;
	  line-height: 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  outline: none !important;
	  box-shadow: none !important;
	  -webkit-tap-highlight-color: transparent;
	}
  
	.sp-image-modal-close:hover,
	.sp-image-modal-close:focus,
	.sp-image-modal-close:active,
	.sp-image-modal-nav:hover,
	.sp-image-modal-nav:focus,
	.sp-image-modal-nav:active {
	  background: transparent !important;
	  background-color: transparent !important;
	  border: 0 !important;
	  outline: none !important;
	  box-shadow: none !important;
	  opacity: 1 !important;
	}
  
	.sp-image-modal-close {
	  top: 48px;
	  inset-inline-start: 28px;
	}
  
	.sp-image-modal-close img {
	  width: 64px;
	  height: 64px;
	}
  
	.sp-image-modal-nav {
	  top: 50%;
	  transform: translateY(-50%);
	}
  
	.sp-image-modal-prev {
	  inset-inline-start: 52px;
	}
  
	.sp-image-modal-next {
	  inset-inline-end: 52px;
	}
  
	.sp-image-modal-nav img {
	  width: 70px;
	  height: 70px;
	}
  
	body.sp-modal-open,
	body.modal-open {
	  overflow: hidden;
	  touch-action: none;
	}
  
	.glass-single-product-title {
	  margin: 0;
	  font-size: clamp(22px, 2vw, 34px);
	  line-height: 1.5;
	  letter-spacing: -.02em;
	}
  
	.glass-single-product-title-divider {
	  width: 100%;
	  height: 1.5px;
	  background: rgba(0,0,0,.08);
	  margin: 16px 0 18px;
	}
  
	.glass-single-product-rating {
	  display: flex;
	  align-items: center;
	  justify-content: flex-start;
	  gap: 14px;
	  width: 100%;
	  direction: rtl;
	  flex-wrap: wrap;
	  line-height: 1;
	  padding: 15px 0;
	  font-size: 16px;
	}
  
	.glass-single-product-rating-stars {
	  display: flex;
	  align-items: center;
	  gap: 6px;
	  line-height: 1;
	}
  
	.glass-single-product-setare {
	  width: 35px;
	  height: 35px;
	  display: block;
	  padding: 0;
	  margin: 0;
	  object-fit: contain;
	}
  
	.rating-value,
	.rating-count,
	.glass-single-product-rating span {
	  display: flex;
	  align-items: center;
	  line-height: 1;
	  white-space: nowrap;
	}
	.rating-sep {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  height: 18px;
	  line-height: 1;
	  color: #111;
	}
  
	.rating-sep::after {
	  content: "|";
	  font-weight: 300;
	  line-height: 1;
	}
  
 
	.glass-single-product-feature-list {
	  list-style: none;
	  padding: 0;
	  margin: 0 0 ;
	  margin-right: 3% !important;
	  display: grid;
	  gap: 10px;
	}
  
	.glass-single-product-feature-list li {
	  position: relative;
	  padding-inline-start: 22px;
	  color: var(--sp-muted);
	  line-height: 1.7;
	  font-size: 16px;
	}
  
	.glass-single-product-feature-list li::before {
	  content: "";
	  position: absolute;
	  inset-inline-start: 0;
	  width: 26px;
	  height: 26px;
	  background-image: url("https://lianparstajhiz.com/wp-content/uploads/2026/06/icons8-skull-100.png");
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: center;
	  border-radius: 0;
	  box-shadow: none;
	  right: -10px;
	}

  
	.glass-single-product-specs-link {
	  display: inline-flex;
	  align-items: center;
	  gap: 8px;
	  color: #000000;
	  text-decoration: none;
	  font-size: 18px;
	  padding: 0 14px;
	  padding-top:30px;
	}
  
	.glass-single-product-specs-link::after {
	  content: "";
	  width: 25px;
	  height: 25px;
	  display: inline-block;
	  background-image: url("https://lianparstajhiz.com/wp-content/uploads/2026/05/icons8-left-100-1.png");
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: center;
	  flex-shrink: 0;
	}
  
	.glass-single-product-update-card,
	.glass-single-product-stock-progress,
	.glass-single-product-price-box,
	.glass-single-product-quantity-selector,
	.glass-single-product-cart-btn {
	  margin-bottom: 18px;
	}
  

	.glass-single-product-stock-progress {
	  padding: 14px;
	  border-radius: 18px;
	  background: rgba(255,255,255,.08);
	  border: 1px solid rgba(255,255,255,.12);
	}
  
	.glass-single-product-stock-head {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  gap: 12px;
	  margin-bottom: 10px;
	  font-size: 13px;
	  color: var(--sp-muted);
	}
  
	.glass-single-product-stock-bar {
	  height: 10px;
	  border-radius: 999px;
	  background: rgba(255,255,255,.12);
	  overflow: hidden;
	}
  
	.glass-single-product-stock-bar > span {
	  display: block;
	  height: 100%;
	  width: 62%;
	  border-radius: inherit;
	  background: linear-gradient(90deg, var(--sp-success), var(--sp-primary-2));
	}
  
	.glass-single-product-price-box {
	  padding: 18px 20px 16px;
	  border-radius: 18px;
	  direction: rtl;
	  text-align: center;
	  background: rgba(255,255,255,.08);
	  border: 1px solid rgba(255,255,255,.12);
	}
  
	.glass-single-product-price-top {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  gap: 12px;
	  margin-bottom: 8px;
	  direction: rtl;
	}
  
	.glass-single-product-discount {
	  color: #ff4d4f;
	  font-size: 14px;
	  font-weight: 700;
	  white-space: nowrap;
	}
  
	.glass-single-product-old-price {
	  color: #5e5e5e;
	  font-size: 14px;
	  text-decoration: line-through;
	  white-space: nowrap;
	}
  
	.glass-single-product-current-price {
	  font-size: 28px;
	  line-height: 1.2;
	  font-weight: 900;
	  color: #111;
	  letter-spacing: -0.04em;
	  margin: 2px 0 10px;
	}
  
	.glass-single-product-price-divider {
	  height: 1px;
	  background: rgba(0,0,0,.08);
	  margin: 0 0 10px;
	}
  
	.glass-single-product-savings {
	  display: flex;
	  justify-content: center;
	  align-items: baseline;
	  gap: 4px;
	  font-size: 15px;
	  font-weight: 600;
	}
  
	.glass-single-product-savings .label {
	  color: #6b7280;
	}
  
	.glass-single-product-savings .value {
	  color: #22c55e;
	  font-weight: 800;
	}
  
	.glass-single-product-quantity-selector {
	  display: flex;
	  align-items: center;
	  gap: 10px;
	}
  
	.glass-single-product-quantity-selector button,
	.glass-single-product-quantity-selector input {
	  height: 48px;
	  border-radius: 14px;
	  border: 1px solid rgba(255,255,255,.14);
	  background: rgba(255,255,255,.08);
	  color: var(--sp-text);
	}
  
	.glass-single-product-quantity-selector button {
	  width: 48px;
	  cursor: pointer;
	  font-size: 20px;
	}
  
	.glass-single-product-quantity-selector input {
	  width: 100%;
	  text-align: center;
	  outline: none;
	  font-size: 16px;
	}
  
	.glass-single-product-cart-btn {
	  margin-bottom: 18px;
	  width: 100%;
	  height: 54px;
	  border: none;
	  border-radius: 16px;
	  cursor: pointer;
	  color: #fff;
	  font-size: 16px;
	  font-weight: 800;
	  background: linear-gradient(135deg, rgba(120,191,255,.96), rgba(168,134,255,.96));
	  position: relative;
	  overflow: hidden;
	  padding: 0;
	  outline: none;
	}
  
	.glass-single-product-cart-btn:disabled {
	  cursor: default;
	  transform: none;
	}
  
	.glass-single-product-cart-btn .btn-text {
	  position: absolute;
	  inset: 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 6px;
	  transition: opacity .3s ease;
	  z-index: 3;
	}
  
	.glass-single-product-cart-btn .success-text {
	  opacity: 0;
	}
  
	.glass-single-product-cart-btn .success-text svg {
	  width: 12px;
	  height: 10px;
	  fill: none;
	  stroke: #16bf78;
	  stroke-width: 2;
	  stroke-linecap: round;
	  stroke-linejoin: round;
	  stroke-dasharray: 16px;
	  stroke-dashoffset: 16px;
	}
  
	.glass-single-product-cart-btn .anim-box {
	  position: absolute;
	  inset: 0;
	  z-index: 1;
	  pointer-events: none;
	}
  
 
	.glass-single-product {
	  scrollbar-width: none;
	  -ms-overflow-style: none;
	      display: block !important;   /* تحمیل نمایش */

	}
  
	.glass-single-product::-webkit-scrollbar {
	  width: 0;
	  height: 0;
	}
  
	@media (max-width: 1100px) {
	  .glass-single-product {
		width: 100%;
		margin: auto;
	  }
	}
  
	@media (max-width: 640px) {
	  .glass-single-product {
		border-radius: 22px;
		width: 95%;
		margin: auto;
	  }
	}
  
	.glass-single-product-cart-btn,
	.glass-single-product-cart-btn:hover,
	.glass-single-product-cart-btn:focus,
	.glass-single-product-cart-btn:active,
	.glass-single-product-cart-btn:visited {
	  color: #fff !important;
	  background: linear-gradient(135deg, rgba(120,191,255,.96), rgba(168,134,255,.96)) !important;
	  text-decoration: none !important;
	}
  
	.glass-single-product-cart-btn:hover .btn-text,
	.glass-single-product-cart-btn:focus .btn-text,
	.glass-single-product-cart-btn:active .btn-text {
	  color: #fff !important;
	}
  
	.glass-single-product-cart-btn::before,
	.glass-single-product-cart-btn::after,
	.glass-single-product-cart-btn:hover::before,
	.glass-single-product-cart-btn:hover::after {
	  opacity: 1 !important;
	  transform: none !important;
	}
  
	.glass-single-product-cart-btn *,
	.glass-single-product-cart-btn:hover *,
	.glass-single-product-cart-btn:focus *,
	.glass-single-product-cart-btn:active * {
	  color: inherit !important;
	}
  
	.sp-image-modal-close,
	.sp-image-modal-nav {
	  position: absolute;
	  border: 0;
	  background: transparent;
	  padding: 0;
	  cursor: pointer;
	  line-height: 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  z-index: 2;
	}
  
	.sp-image-modal-close {
	  top: 48px;
	  inset-inline-start: 28px;
	}
  
	.sp-image-modal-close img {
	  width: 64px;
	  height: 64px;
	}
  
	.sp-image-modal-nav {
	  top: 50%;
	  transform: translateY(-50%);
	}
  
	.sp-image-modal-prev { inset-inline-start: 52px; }
	.sp-image-modal-next { inset-inline-end: 52px; }
  
	.sp-image-modal-nav img {
	  width: 70px;
	  height: 70px;
	}
  
	.sp-image-modal-thumbs {
	  position: absolute;
	  left: 50%;
	  bottom: 22px;
	  transform: translateX(-50%);
	  display: flex;
	  gap: 8px;
	  max-width: min(92vw, 820px);
	  overflow-x: auto;
	  padding: 4px 8px;
	  scrollbar-width: none;
	}
  
	.sp-image-modal-thumbs::-webkit-scrollbar {
	  display: none;
	}
  
	.sp-modal-thumb {
	  width: 56px;
	  height: 56px;
	  padding: 0;
	  border: 1px solid rgba(255,255,255,.18);
	  border-radius: 12px;
	  overflow: hidden;
	  background: rgba(255,255,255,.06);
	  cursor: pointer;
	  opacity: .7;
	  flex: 0 0 auto;
	}
  
	.sp-modal-thumb img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	}
  
	.sp-modal-thumb.is-active {
	  opacity: 1;
	  border-color: rgba(255,255,255,.65);
	  box-shadow: 0 0 0 2px rgba(255,255,255,.16);
	}
  
	@media (max-width: 768px) {
	  .sp-image-modal-close {
		top: 18px;
		inset-inline-start: 18px;
	  }
  
	  .sp-image-modal-close img {
		width: 44px;
		height: 44px;
	  }
  
	  .sp-image-modal-prev { inset-inline-start: 12px; }
	  .sp-image-modal-next { inset-inline-end: 12px; }
  
	  .sp-image-modal-nav img {
		width: 54px;
		height: 54px;
	  }
  
	  .sp-image-modal-thumbs {
		bottom: 14px;
		gap: 6px;
	  }
  
	  .sp-modal-thumb {
		width: 48px;
		height: 48px;
	  }
	}
  
	.question-trigger{
	  font-weight: 500;
	  cursor: pointer;
	  color: #000;
	  display: inline-block;
	  user-select: none;
	  outline: none;
	  transition: opacity .22s ease, transform .22s ease;
	}
  
	.question-trigger:hover{
	  opacity: .75;
	}
  
	.question-trigger:active{
	  transform: scale(.98);
	}
  
	.question-trigger:focus-visible{
	  outline: 2px solid rgba(0,0,0,.4);
	  outline-offset: 4px;
	  border-radius: 8px;
	}
  
	.question-modal{
	  position: fixed;
	  inset: 0;
	  z-index: 99999;
	  display: grid;
	  place-items: center;
	  padding: 18px;
	  opacity: 0;
	  visibility: hidden;
	  pointer-events: none;
	  transition: opacity .32s ease, visibility 0s linear .32s;
	}
  
	.question-modal.is-open{
	  opacity: 1;
	  visibility: visible;
	  pointer-events: auto;
	  transition: opacity .32s ease, visibility 0s;
	}
  
	.question-modal__backdrop{
	  position: absolute;
	  inset: 0;
	  background: rgba(12, 14, 20, 0.42);
	  backdrop-filter: blur(14px) saturate(150%);
	  -webkit-backdrop-filter: blur(14px) saturate(150%);
	}
  
	.glass-wrap-form{
	  position: relative;
	  width: 100%;
	  min-height: 100%;
	  display: grid;
	  place-items: center;
	  direction: rtl;
	  z-index: 1;
	}
  
	.mini-glassform{
	  width: min(520px, 100%);
	  position: relative;
	  padding: 26px 20px 22px;
	  border-radius: 28px;
	  background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.12));
	  backdrop-filter: blur(22px) saturate(170%);
	  -webkit-backdrop-filter: blur(22px) saturate(170%);
	  border: 1px solid rgba(255, 255, 255, 0.38);
	  box-shadow: 0 24px 70px rgba(0,0,0,.24);
	  overflow: hidden;
	  transform: translateY(18px) scale(.96);
	  opacity: 0;
	  transition: transform .34s cubic-bezier(.2,.8,.2,1), opacity .28s ease;
	  will-change: transform, opacity;
	}
  
	.question-modal.is-open .mini-glassform{
	  transform: translateY(0) scale(1);
	  opacity: 1;
	}
  
	.mini-glassform::before{
	  content: "";
	  position: absolute;
	  inset: 0;
	  border-radius: inherit;
	  background:
		linear-gradient(145deg, rgba(255,255,255,.30), rgba(255,255,255,.05)),
		radial-gradient(circle at top left, rgba(255,255,255,.20), transparent 35%);
	  pointer-events: none;
	}
  
	.mini-glass-close-btn{
	  position: absolute;
	  top: 12px;
	  left: 12px;
	  width: 46px;
	  height: 46px;
	  border: 0;
	  border-radius: 50%;
	  background: rgba(255,255,255,.24);
	  cursor: pointer;
	  z-index: 2;
	  display: grid;
	  place-items: center;
	  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
	  box-shadow: 0 10px 20px rgba(0,0,0,.10);
	}
  
	.mini-glass-close-btn:hover{
	  transform: scale(1.06);
	  background: rgba(255,255,255,.32);
	}
  
	.mini-glass-close-btn:active{
	  transform: scale(.96);
	}
  
	.mini-glass-close-btn:focus-visible{
	  outline: 2px solid rgba(0,0,0,.35);
	  outline-offset: 4px;
	}
  
	.mini-glass-close-btn span{
	  position: absolute;
	  width: 18px;
	  height: 2px;
	  border-radius: 999px;
	  background: #1d1d1d;
	  display: block;
	}
  
	.mini-glass-close-btn span:first-child{
	  transform: rotate(45deg);
	}
  
	.mini-glass-close-btn span:last-child{
	  transform: rotate(-45deg);
	}
  
	.mini-glass-title{
	  margin: 0 0 18px;
	  text-align: right;
	  font-size: 22px;
	  font-weight: 800;
	  color: #1f1f1f;
	  position: relative;
	  z-index: 1;
	  line-height: 1.6;
	}
  
	.mini-glass-field{
	  margin-bottom: 14px;
	  position: relative;
	  z-index: 1;
	}
  
	.mini-glass-field input,
	.mini-glass-field textarea{
	  width: 100%;
	  border: 1px solid rgba(255,255,255,.38);
	  background: rgba(255,255,255,.18);
	  backdrop-filter: blur(14px);
	  -webkit-backdrop-filter: blur(14px);
	  border-radius: 18px;
	  padding: 16px 18px;
	  font-size: 16px;
	  color: #1d1d1d;
	  outline: none;
	  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
	  font-family: inherit;
	}
  
	.mini-glass-field textarea{
	  min-height: 118px;
	  resize: vertical;
	}
  
	.mini-glass-field input::placeholder,
	.mini-glass-field textarea::placeholder{
	  color: rgba(55,55,55,.72);
	}
  
	.mini-glass-field input:focus,
	.mini-glass-field textarea:focus{
	  background: rgba(255,255,255,.26);
	  border-color: rgba(255,255,255,.72);
	  box-shadow: 0 0 0 4px rgba(255,255,255,.12);
	}
  
	.mini-glass-submit-btn{
	  width: 100%;
	  border: 0;
	  border-radius: 999px;
	  padding: 15px 18px;
	  margin-top: 6px;
	  background: rgba(255,255,255,.24);
	  color: #1f1f1f;
	  font-size: 19px;
	  font-weight: 800;
	  cursor: pointer;
	  position: relative;
	  z-index: 1;
	  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
	  box-shadow: 0 10px 20px rgba(0,0,0,.08);
	}
  
	.mini-glass-submit-btn:hover{
	  background: rgba(255,255,255,.34);
	  transform: translateY(-1px);
	}
  
	.mini-glass-submit-btn:active{
	  transform: translateY(0);
	}
  
	@media (max-width: 768px){
	  .question-modal{
		padding: 16px;
	  }
  
	  .mini-glassform{
		width: 100%;
		padding: 24px 16px 18px;
		border-radius: 24px;
	  }
  
	  .mini-glass-title{
		font-size: 20px;
		margin-bottom: 16px;
	  }
  
	  .mini-glass-field input,
	  .mini-glass-field textarea{
		font-size: 15px;
		padding: 15px 16px;
		border-radius: 16px;
	  }
  
	  .mini-glass-field textarea{
		min-height: 104px;
	  }
  
	  .mini-glass-submit-btn{
		font-size: 17px;
		padding: 14px 16px;
	  }
  
	  .mini-glass-close-btn{
		width: 42px;
		height: 42px;
		top: 10px;
		left: 10px;
	  }
  
	  .mini-glass-close-btn span{
		width: 16px;
	  }
	}
  
	@media (max-width: 480px){
	  .question-modal{
		padding: 12px;
	  }
  
	  .mini-glassform{
		padding: 22px 14px 16px;
		border-radius: 22px;
	  }
  
	  .mini-glass-title{
		font-size: 18px;
		margin-bottom: 14px;
	  }
  
	  .mini-glass-field{
		margin-bottom: 12px;
	  }
  
	  .mini-glass-field input,
	  .mini-glass-field textarea{
		font-size: 14px;
		padding: 14px;
		border-radius: 14px;
	  }
  
	  .mini-glass-field textarea{
		min-height: 94px;
	  }
  
	  .mini-glass-submit-btn{
		font-size: 16px;
		padding: 13px 15px;
	  }
  
	  .mini-glass-close-btn{
		width: 40px;
		height: 40px;
		top: 10px;
		left: 10px;
	  }
	}
	
  
  
  
  
  
  
  
  
  
  
	 @media (max-width: 1199px) {
	  .glass-single-product {
		width: calc(100% - 20px);
		margin: 16px auto;
		display: block !important;   /* تحمیل نمایش */

	  }
  
	  .glass-single-product-row {
		grid-template-columns: 1fr;
		grid-template-areas:
		  "image"
		  "desc"
		  "buy";
	  }
  
	  .glass-single-product-col-image {
		grid-area: image;
	  }
  
	  .glass-single-product-col-desc {
		grid-area: desc;
	  }
  
	  .glass-single-product-col-buy {
		grid-area: buy;
	  }
  
	  .glass-single-product-col-image,
	  .glass-single-product-col-desc,
	  .glass-single-product-col-buy {
		height: auto;
	  }
  
	  .glass-single-product-col-desc,
	  .glass-single-product-col-buy {
		overflow: visible;
	  }
	}
  
	@media (max-width: 900px) {
	  .glass-single-product {
		width: calc(100% - 14px);
		margin: 10px auto;
		display: block !important;   /* تحمیل نمایش */

		border-radius: 24px;
	  }
  
	  .glass-single-product-col-image,
	  .glass-single-product-col-desc,
	  .glass-single-product-col-buy {
		padding: 14px;
	  }
  
	  .glass-single-product-main-image {
		border-radius: 18px;
	  }
  
	  .glass-single-product-gallery {
		gap: 8px;
		margin-top: 12px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	  }
  
	  .glass-single-product-title {
		font-size: clamp(20px, 4.2vw, 28px);
		line-height: 1.55;
	  }
  
	  .glass-single-product-title-divider {
		margin: 12px 0 14px;
	  }
  
	  .glass-single-product-rating {
		padding: 10px 0;
		gap: 8px 10px;
		font-size: 14px;
		flex-wrap: wrap;
	  }
  
	  .glass-single-product-setare {
		width: 30px;
		height: 30px;
	  }
  
	   
  
	  .glass-single-product-feature-list {
		gap: 8px;
		margin-bottom: 14px;
	  }
  
	  .glass-single-product-feature-list li {
		font-size: 15px;
		line-height: 1.75;
	  }
  
	  .glass-single-product-specs-link {
		font-size: 16px;
		padding: 8px 10px;
	  }
  
	  .glass-single-product-update-card,
	  .glass-single-product-stock-progress,
	  .glass-single-product-price-box {
		border-radius: 16px;
		padding: 12px;
	  }
 
	  .glass-single-product-stock-head {
		font-size: 12px;
		gap: 8px;
	  }
  
	  /* قیمت: همان ساختار لپ‌تاپی، فقط کوچک‌تر */
	  .glass-single-product-price-box {
		padding: 14px 12px 12px;
	  }
  
	  .glass-single-product-price-top {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
		margin-bottom: 8px;
	  }
  
	  .glass-single-product-discount {
		font-size: 12px;
		white-space: nowrap;
		flex: 0 0 auto;
	  }
  
	  .glass-single-product-old-price {
		font-size: 12px;
		white-space: nowrap;
		flex: 0 0 auto;
	  }
  
	  .glass-single-product-current-price {
		font-size: clamp(20px, 5.8vw, 26px);
		margin: 2px 0 8px;
		line-height: 1.2;
	  }
  
	  .glass-single-product-price-divider {
		margin: 0 0 8px;
	  }
  
	  .glass-single-product-savings {
		font-size: 13px;
		gap: 4px;
		white-space: nowrap;
	  }
  
	  .glass-single-product-quantity-selector {
		gap: 8px;
	  }
  
	  .glass-single-product-quantity-selector button,
	  .glass-single-product-quantity-selector input {
		height: 44px;
		border-radius: 12px;
	  }
  
	  .glass-single-product-quantity-selector button {
		width: 44px;
		font-size: 18px;
	  }
  
	  .glass-single-product-quantity-selector input {
		font-size: 15px;
	  }
  
	  .glass-single-product-cart-btn {
		height: 50px;
		border-radius: 14px;
		font-size: 15px;
	  }
  
	  /* تصویر: مودال بالاتر باز شود و عکس واقعاً دیده شود */
	  .sp-image-modal {
		align-items: flex-start;
		justify-content: center;
		padding: 10px 10px 12px;
	  }
  
	  .sp-image-modal-content {
		width: min(96vw, 860px);
		height: auto;
		max-height: calc(100vh - 150px);
		margin-top: 52px;
		display: flex;
		align-items: center;
		justify-content: center;
	  }
  
	  .sp-image-modal-content img {
		width: 100%;
		height: auto;
		max-height: calc(100vh - 180px);
		object-fit: contain;
		border-radius: 16px;
		display: block;
	  }
  
	  .sp-image-modal-thumbs {
		bottom: 10px;
		gap: 5px;
		max-width: calc(100vw - 20px);
	  }
  
	  .sp-modal-thumb {
		width: 44px;
		height: 44px;
		border-radius: 10px;
	  }
  
	  .sp-image-modal-close {
		top: 14px;
		inset-inline-start: 14px;
	  }
  
	  .sp-image-modal-close img {
		width: 42px;
		height: 42px;
	  }
  
	  .sp-image-modal-prev {
		inset-inline-start: 10px;
	  }
  
	  .sp-image-modal-next {
		inset-inline-end: 10px;
	  }
  
	  .sp-image-modal-nav img {
		width: 52px;
		height: 52px;
	  }
  
	  /* سوال داری: کارت بالاتر باز شود */
	  .question-modal {
		place-items: start center;
		padding: 10px 10px 12px;
	  }
  
	  .mini-glassform {
		width: min(100%, 520px);
		max-height: calc(100vh - 20px);
		overflow: auto;
		margin-top: 6px;
		padding: 22px 14px 16px;
		border-radius: 22px;
	  }
  
	  .mini-glass-title {
		font-size: 18px;
		margin-bottom: 14px;
	  }
  
	  .mini-glass-field {
		margin-bottom: 12px;
	  }
  
	  .mini-glass-field input,
	  .mini-glass-field textarea {
		font-size: 14px;
		padding: 14px;
		border-radius: 14px;
	  }
  
	  .mini-glass-field textarea {
		min-height: 92px;
	  }
  
	  .mini-glass-submit-btn {
		font-size: 16px;
		padding: 13px 15px;
	  }
  
	  .mini-glass-close-btn {
		width: 40px;
		height: 40px;
		top: 10px;
		left: 10px;
	  }
  
	  .mini-glass-close-btn span {
		width: 16px;
	  }
	}

  
	@media (max-width: 560px) {
	  .glass-single-product {
		width: 95% !important;
		margin: 8px auto;
		border-radius: 20px;
		display: block !important;   /* تحمیل نمایش */

	  }
  
	  .glass-single-product-col-image,
	  .glass-single-product-col-desc,
	  .glass-single-product-col-buy {
		padding: 10px;
	  }
  
	  .glass-single-product-gallery {
		gap: 5px;
		margin-top: 10px;
	  }
  
	  .glass-single-product-gallery-item {
		border-radius: 12px;
	  }
  
	  .glass-single-product-rating {
		font-size: 13px;
		gap: 6px 8px;
	  }
  
	  .glass-single-product-setare {
		width: 26px;
		height: 26px;
	  }
  
	  .glass-single-product-feature-list li {
		font-size: 14px;
		padding-inline-start: 20px;
	  }
  
	  .glass-single-product-feature-list li::before {
		width: 22px;
		height: 22px;
		right: -8px;
	  }
  
	  .glass-single-product-specs-link {
		font-size: 15px;
		padding: 8px 10px;
	  }
	
	  .glass-single-product-discount,
	  .glass-single-product-old-price {
		font-size: 11px;
	  }
  
	  .glass-single-product-current-price {
		font-size: 22px;
	  }
  
	  .glass-single-product-savings {
		font-size: 12px;
	  }
  
	  .glass-single-product-quantity-selector button,
	  .glass-single-product-quantity-selector input {
		height: 42px;
	  }
  
	  .glass-single-product-cart-btn {
		height: 48px;
		font-size: 14px;
	  }
  
	  .sp-image-modal-content {
		margin-top: 46px;
		max-height: calc(100vh - 136px);
	  }
  
	  .sp-image-modal-content img {
		max-height: calc(100vh - 170px);
	  }
  
	  .question-modal {
		padding: 8px;
	  }
  
	  .mini-glassform {
		padding: 20px 12px 14px;
		border-radius: 20px;
	  }
  
	  .mini-glass-title {
		font-size: 17px;
	  }
  
	  .mini-glass-field input,
	  .mini-glass-field textarea {
		font-size: 13px;
		padding: 13px;
	  }
  
	  .mini-glass-submit-btn {
		font-size: 15px;
	  }
	}
  
	@media (max-width: 420px) {
 
		.glass-single-product {
		width: 95% !important;
		margin: 8px auto;
		border-radius: 20px;
		display: block !important;   /* تحمیل نمایش */
	  }
  
	  .sp-modal-thumb {
		width: 40px;
		height: 40px;
	  }
	}



	.ltj-product-usp-strip {
	width: min(430px, 100%);
	min-height: 92px;
	margin: 0 auto;
	padding: 6px 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	direction: rtl;

	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 18px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
  }

  .ltj-product-usp-item {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	white-space: nowrap;
	text-align: right;
  }

  .ltj-product-usp-icon {
	width: 32px;
	height: 32px;
	object-fit: contain;
	flex: 0 0 auto;
	display: block;
  }

  .ltj-product-usp-text {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #222;
  }

  @media (max-width: 480px)
  {
	.glass-single-product {
		width: 95% !important;
		margin: 8px auto;
		border-radius: 20px;
	  }
	.ltj-product-usp-strip {
	  width: 100%;
	  padding: 5px 6px;
	  gap: 5px;
	}

	.ltj-product-usp-item {
	  gap: 7px;
	}

	.ltj-product-usp-icon {
	  width: 29px;
	  height: 29px;
	}

	.ltj-product-usp-text {
	  font-size: 14px;
	}
  }

  @media (max-width: 380px) {
	.ltj-product-usp-strip {
	  flex-wrap: wrap;
	  min-height: auto;
	}

	.ltj-product-usp-item {
	  flex: 1 1 100%;
	  justify-content: flex-start;
	  padding: 2px 0;
	}
  }


  .glass-single-product-update-card {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  min-height: 94px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.glass-single-product-update-line {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.glass-single-product-update-label {
  font-size: 18px;
  color: #000;
  line-height: 1.4;
}

.glass-single-product-update-date {
  font-size: 18px;
  color: #000000;
  font-weight: 700;
  letter-spacing: 0.3px;
  white-space: nowrap;
}/* =========================================================
ALL VARIATIONS -> GLASS DROPDOWN ONLY
========================================================= */

/* مخفی کردن swatch ها و reset برای همه ویژگی‌های زیر */
table.variations tr:has(#pa_color) .wd-swatches-product,
table.variations tr:has(#pa_color) .wd-reset-var,
table.variations tr:has(#pa_grind-size) .wd-swatches-product,
table.variations tr:has(#pa_grind-size) .wd-reset-var,
table.variations tr:has(#pa_brand) .wd-swatches-product,
table.variations tr:has(#pa_brand) .wd-reset-var,
table.variations tr:has(#pa_made-in) .wd-swatches-product,
table.variations tr:has(#pa_made-in) .wd-reset-var,
table.variations tr:has(#pa_material) .wd-swatches-product,
table.variations tr:has(#pa_material) .wd-reset-var,
table.variations tr:has(#pa_price-quantity) .wd-swatches-product,
table.variations tr:has(#pa_price-quantity) .wd-reset-var,
table.variations tr:has(#pa_roasting-grade) .wd-swatches-product,
table.variations tr:has(#pa_roasting-grade) .wd-reset-var,
table.variations tr:has(#pa_size) .wd-swatches-product,
table.variations tr:has(#pa_size) .wd-reset-var,
table.variations tr:has(#pa_حجم-عصاره-گیری) .wd-swatches-product,
table.variations tr:has(#pa_حجم-عصاره-گیری) .wd-reset-var,
table.variations tr:has(#pa_مدل-جاکلیدی) .wd-swatches-product,
table.variations tr:has(#pa_مدل-جاکلیدی) .wd-reset-var,
table.variations tr:has(#pa_مناسب-برای) .wd-swatches-product,
table.variations tr:has(#pa_مناسب-برای) .wd-reset-var,
table.variations tr:has(#pa_وزن) .wd-swatches-product,
table.variations tr:has(#pa_وزن) .wd-reset-var{
display:none !important;
}

/* استایل dropdown برای همه */
table.variations tr:has(#pa_color) select#pa_color,
table.variations tr:has(#pa_grind-size) select#pa_grind-size,
table.variations tr:has(#pa_brand) select#pa_brand,
table.variations tr:has(#pa_made-in) select#pa_made-in,
table.variations tr:has(#pa_material) select#pa_material,
table.variations tr:has(#pa_price-quantity) select#pa_price-quantity,
table.variations tr:has(#pa_roasting-grade) select#pa_roasting-grade,
table.variations tr:has(#pa_size) select#pa_size,
table.variations tr:has(#pa_حجم-عصاره-گیری) select#pa_حجم-عصاره-گیری,
table.variations tr:has(#pa_مدل-جاکلیدی) select#pa_مدل-جاکلیدی,
table.variations tr:has(#pa_مناسب-برای) select#pa_مناسب-برای,
table.variations tr:has(#pa_وزن) select#pa_وزن{
display:block !important;
width:100% !important;
min-height:54px !important;
padding:0 18px !important;
padding-left:48px !important;
margin:0 !important;

border:1px solid rgba(255,255,255,.26) !important;
border-radius:16px !important;

background: rgba(255, 255, 255, .18) !important;
backdrop-filter: blur(18px) saturate(150%) !important;
-webkit-backdrop-filter: blur(18px) saturate(150%) !important;

color:#111827 !important;
font-size:15px !important;
font-weight:500 !important;

outline:none !important;
box-shadow:none !important;

appearance:none !important;
-webkit-appearance:none !important;
-moz-appearance:none !important;

cursor:pointer !important;

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(17,24,39,.68)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
background-repeat:no-repeat !important;
background-position:left 16px center !important;
background-size:18px 18px !important;
}

table.variations tr:has(#pa_color) select#pa_color:hover,
table.variations tr:has(#pa_grind-size) select#pa_grind-size:hover,
table.variations tr:has(#pa_brand) select#pa_brand:hover,
table.variations tr:has(#pa_made-in) select#pa_made-in:hover,
table.variations tr:has(#pa_material) select#pa_material:hover,
table.variations tr:has(#pa_price-quantity) select#pa_price-quantity:hover,
table.variations tr:has(#pa_roasting-grade) select#pa_roasting-grade:hover,
table.variations tr:has(#pa_size) select#pa_size:hover,
table.variations tr:has(#pa_حجم-عصاره-گیری) select#pa_حجم-عصاره-گیری:hover,
table.variations tr:has(#pa_مدل-جاکلیدی) select#pa_مدل-جاکلیدی:hover,
table.variations tr:has(#pa_مناسب-برای) select#pa_مناسب-برای:hover,
table.variations tr:has(#pa_وزن) select#pa_وزن:hover{
border-color:rgba(255,255,255,.40) !important;
}

table.variations tr:has(#pa_color) select#pa_color:focus,
table.variations tr:has(#pa_grind-size) select#pa_grind-size:focus,
table.variations tr:has(#pa_brand) select#pa_brand:focus,
table.variations tr:has(#pa_made-in) select#pa_made-in:focus,
table.variations tr:has(#pa_material) select#pa_material:focus,
table.variations tr:has(#pa_price-quantity) select#pa_price-quantity:focus,
table.variations tr:has(#pa_roasting-grade) select#pa_roasting-grade:focus,
table.variations tr:has(#pa_size) select#pa_size:focus,
table.variations tr:has(#pa_حجم-عصاره-گیری) select#pa_حجم-عصاره-گیری:focus,
table.variations tr:has(#pa_مدل-جاکلیدی) select#pa_مدل-جاکلیدی:focus,
table.variations tr:has(#pa_مناسب-برای) select#pa_مناسب-برای:focus,
table.variations tr:has(#pa_وزن) select#pa_وزن:focus{
border-color:rgba(255,255,255,.52) !important;
box-shadow:0 0 0 4px rgba(255,255,255,.10) !important;
}

table.variations tr:has(#pa_color) th.label,
table.variations tr:has(#pa_grind-size) th.label,
table.variations tr:has(#pa_brand) th.label,
table.variations tr:has(#pa_made-in) th.label,
table.variations tr:has(#pa_material) th.label,
table.variations tr:has(#pa_price-quantity) th.label,
table.variations tr:has(#pa_roasting-grade) th.label,
table.variations tr:has(#pa_size) th.label,
table.variations tr:has(#pa_حجم-عصاره-گیری) th.label,
table.variations tr:has(#pa_مدل-جاکلیدی) th.label,
table.variations tr:has(#pa_مناسب-برای) th.label,
table.variations tr:has(#pa_وزن) th.label{
display:block !important;
width:100% !important;
padding:0 !important;
margin:0 0 10px !important;
text-align:right !important;
}

table.variations tr:has(#pa_color) th.label label,
table.variations tr:has(#pa_grind-size) th.label label,
table.variations tr:has(#pa_brand) th.label label,
table.variations tr:has(#pa_made-in) th.label label,
table.variations tr:has(#pa_material) th.label label,
table.variations tr:has(#pa_price-quantity) th.label label,
table.variations tr:has(#pa_roasting-grade) th.label label,
table.variations tr:has(#pa_size) th.label label,
table.variations tr:has(#pa_حجم-عصاره-گیری) th.label label,
table.variations tr:has(#pa_مدل-جاکلیدی) th.label label,
table.variations tr:has(#pa_مناسب-برای) th.label label,
table.variations tr:has(#pa_وزن) th.label label{
font-size:14px !important;
font-weight:700 !important;
color:#111827 !important;
}

table.variations tr:has(#pa_color),
table.variations tr:has(#pa_grind-size),
table.variations tr:has(#pa_brand),
table.variations tr:has(#pa_made-in),
table.variations tr:has(#pa_material),
table.variations tr:has(#pa_price-quantity),
table.variations tr:has(#pa_roasting-grade),
table.variations tr:has(#pa_size),
table.variations tr:has(#pa_حجم-عصاره-گیری),
table.variations tr:has(#pa_مدل-جاکلیدی),
table.variations tr:has(#pa_مناسب-برای),
table.variations tr:has(#pa_وزن){
display:flex !important;
flex-direction:column !important;
gap:10px !important;
}

table.variations tr:has(#pa_color) td.value,
table.variations tr:has(#pa_grind-size) td.value,
table.variations tr:has(#pa_brand) td.value,
table.variations tr:has(#pa_made-in) td.value,
table.variations tr:has(#pa_material) td.value,
table.variations tr:has(#pa_price-quantity) td.value,
table.variations tr:has(#pa_roasting-grade) td.value,
table.variations tr:has(#pa_size) td.value,
table.variations tr:has(#pa_حجم-عصاره-گیری) td.value,
table.variations tr:has(#pa_مدل-جاکلیدی) td.value,
table.variations tr:has(#pa_مناسب-برای) td.value,
table.variations tr:has(#pa_وزن) td.value{
width:100% !important;
padding:0 !important;
}

/* موبایل */
@media (max-width:768px){
table.variations tr:has(#pa_color) select#pa_color,
table.variations tr:has(#pa_grind-size) select#pa_grind-size,
table.variations tr:has(#pa_brand) select#pa_brand,
table.variations tr:has(#pa_made-in) select#pa_made-in,
table.variations tr:has(#pa_material) select#pa_material,
table.variations tr:has(#pa_price-quantity) select#pa_price-quantity,
table.variations tr:has(#pa_roasting-grade) select#pa_roasting-grade,
table.variations tr:has(#pa_size) select#pa_size,
table.variations tr:has(#pa_حجم-عصاره-گیری) select#pa_حجم-عصاره-گیری,
table.variations tr:has(#pa_مدل-جاکلیدی) select#pa_مدل-جاکلیدی,
table.variations tr:has(#pa_مناسب-برای) select#pa_مناسب-برای,
table.variations tr:has(#pa_وزن) select#pa_وزن{
min-height:50px !important;
font-size:14px !important;
padding-left:44px !important;
}
}