:root{
      --gold1:#f2b21b;
      --gold2:#c88400;
      --blue1:#6f86ff;
      --blue2:#4f67f2;
      --panel-bg:#fbfbff;
      --panel-border:#d9def7;
      --panel-text:#7680a8;
    }

    *{margin:0;padding:0;box-sizing:border-box;}
    html{
      width:100%;
      min-height:100%;
      min-height:-webkit-fill-available;
      background:#000!important;
    }
    body{
      width:100%;
      min-height:100vh;
      min-height:100dvh;
      min-height:-webkit-fill-available;
      background-color:#000!important;
    }
    .seo-h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

    body{
      position:relative;
      z-index:1;

      font-family:Arial, sans-serif;
      color:#2d2418;
      text-align:center;
      overflow-x:hidden;
      background:
        radial-gradient(circle at 12% 46%, rgba(212,160,23,0.16), transparent 18%),
        radial-gradient(circle at 88% 46%, rgba(212,160,23,0.12), transparent 18%),
        linear-gradient(180deg,#2b2b2b 0%,#161616 34%,#050505 68%,#000 100%);
      transition:font-size .2s ease, background .2s ease, color .2s ease;
    }

    .container{
      max-width:1320px;
      margin:auto;
      padding-bottom:28px;
    }

    .header{
      height:240px;
      background:url("https://cdn.jsdelivr.net/gh/productsbest59/naya-jewelry.com/header.png") center/cover no-repeat;
      background-color:#111;
    }

    .logo-row{
      display:grid;
      grid-template-columns:1fr auto 1fr;
      align-items:center;
      gap:10px;
      padding:0 10px;
      margin-top:-28px;
      margin-bottom:20px;
    }

    .logo{
      width:190px;
      display:block;
      justify-self:center;
      background:none !important;
      box-shadow:none !important;
      border:none !important;
      border-radius:0 !important;
      filter:drop-shadow(0 12px 30px rgba(0,0,0,0.7)) drop-shadow(0 0 10px rgba(255,200,0,0.20));
    }
.intro-section{
      max-width:940px;
      margin:0 auto 24px;
      padding:0 16px;
      text-align:center;
    }

    .intro-section p{
      font-size:1rem;
      line-height:1.55;
      color:rgba(255,255,255,0.92);
      margin:0;
    }

    .intro-copy-line{display:block;margin:0 0 0.65rem;}
    .intro-copy-line:last-child{margin-bottom:0;}
.trust-line{
      margin-top:26px;
      font-size:0.85rem;
      color:rgba(255,255,255,0.78);
      line-height:1.8;
    }

    .trust-line::before{
      content:"";
      display:block;
      width:min(180px,45%);
      height:2px;
      margin:0 auto 14px;
      border-radius:999px;
      background:linear-gradient(90deg,transparent,#d8aa3d,transparent);
      box-shadow:0 0 10px rgba(216,170,61,0.38);
    }

    .trust-check{
      color:#062c17 !important;
      -webkit-text-fill-color:#062c17 !important;
      font-family:Arial, sans-serif !important;
      font-weight:900 !important;
      text-shadow:0 0 8px rgba(32,223,114,0.4);
      display:inline-grid;
      place-items:center;
      width:1.05em;
      height:1.05em;
      border-radius:50%;
      background:#20df72 !important;
      line-height:1;
    }
.gallery{
      display:grid;
      grid-template-columns:1fr;
      gap:14px;
      padding:0 12px;
      align-items:start;
    }

    .gallery-card{
      position:relative;
      overflow:hidden;
      border-radius:22px;
      border:1px solid rgba(255,255,255,0.10);
      background:rgba(255,255,255,0.03);
      box-shadow:0 12px 32px rgba(0,0,0,0.26);
      padding:10px;
      width:100%;
      margin:0 auto;
    }
.gallery-card img{
  width:100%;
  aspect-ratio:4 / 5;
  display:block;
  object-fit:contain;
  object-position:center center;
  background:#111;
  border-radius:16px;
  transition:transform .3s ease;
}
    .gallery-card:hover img{
      transform:scale(1.04);
    }

    .buy-now-btn{
      display:block;
      margin:12px auto 0;
      width:90%;
      max-width:220px;
      text-align:center;
      background:linear-gradient(180deg,var(--gold1),var(--gold2));
      color:#2b1800;
      font-weight:800;
      font-size:0.85rem;
      padding:10px 14px;
      border-radius:999px;
      text-decoration:none;
      box-shadow:0 0 14px rgba(255,170,0,0.25);
      transition:transform .15s ease, box-shadow .15s ease;
      font-family:Arial, sans-serif;
    }

    .buy-now-btn:hover{
      transform:translateY(-2px);
      box-shadow:0 0 18px rgba(255,170,0,0.32);
    }

    .email-section{
      margin:16px 0 10px;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:10px;
    }

    .email-button{
      text-decoration:none;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:6px;
    }

    .email-image{
      width:110px;
      height:auto;
      display:block;
    }

    .email-text{
      color:rgba(255,255,255,0.88);
      font-size:0.92rem;
    }
.site-footer{
      padding:6px 16px 18px;
      text-align:center;
      font-size:0.76rem;
      color:rgba(255,255,255,0.6);
      letter-spacing:0.03em;
    }
.site-footer a {
  color: #d4af37;
  text-decoration: none;
  margin: 0 6px;
  font-weight: 600;
}

.site-footer a:hover {
  text-decoration: underline;
}

    .site-topbar{
      position:fixed;
      top:12px;
      right:12px;
      left:12px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      z-index:999999;
      pointer-events:none;
    }

    .site-topbar > *{ pointer-events:auto; }

    .menu-toggle,
    .lang-toggle{
      border:none;
      outline:none;
      cursor:pointer;
      border-radius:999px;
      min-height:46px;
      padding:10px 16px;
      background:rgba(0,0,0,0.58);
      color:#fff;
      border:1px solid rgba(242,178,27,0.45);
      box-shadow:0 10px 24px rgba(0,0,0,0.22);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
      font-weight:800;
    }

    .menu-toggle{
      min-width:52px;
      font-size:1.35rem;
      line-height:1;
      transition:opacity .16s ease, visibility .16s ease;
    }

    body.main-menu-is-open .menu-toggle{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
    }

    @media (max-width:768px){
      body.main-menu-is-open .topbar-left-controls{
        opacity:0;
        visibility:hidden;
        pointer-events:none;
      }
    }

    .lang-toggle{
      font-size:0.9rem;
    }

    .menu-backdrop{
      position:fixed;
      inset:0;
      background:rgba(0,0,0,0.35);
      z-index:999998;
      opacity:0;
      pointer-events:none;
      transition:opacity .22s ease;
    }

    .menu-backdrop.open{
      opacity:1;
      pointer-events:auto;
    }

    .main-menu{
      position:fixed;
      top:0;
      right:0;
      width:min(340px, 86vw);
      height:100vh;
      background:linear-gradient(180deg,#121212 0%, #090909 100%);
      border-left:1px solid rgba(242,178,27,0.18);
      box-shadow:-18px 0 45px rgba(0,0,0,0.38);
      z-index:999999;
      transform:translateX(100%);
      transition:transform .26s ease;
      display:flex;
      flex-direction:column;
    }

    body[dir="ltr"] .main-menu{
      right:auto;
      left:0;
      transform:translateX(-100%);
      border-left:none;
      border-right:1px solid rgba(242,178,27,0.18);
      box-shadow:18px 0 45px rgba(0,0,0,0.38);
    }

    .main-menu.open{
      transform:translateX(0) !important;
    }

    .main-menu-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:18px 18px 14px;
      border-bottom:1px solid rgba(255,255,255,0.08);
    }

    .main-menu-title{
      font-size:1.1rem;
      font-weight:800;
      color:var(--gold1, #f2b21b);
    }

    .main-menu-close{
      border:none;
      background:transparent;
      color:#fff;
      font-size:2rem;
      cursor:pointer;
      line-height:1;
    }

    .main-menu-links{
      display:flex;
      flex-direction:column;
      gap:12px;
      padding:18px;
      text-align:right;
    }

    body[dir="ltr"] .main-menu-links{
      text-align:left;
    }

    .main-menu-links a{
      text-decoration:none;
      color:#fff;
      font-weight:700;
      font-size:1rem;
      padding:14px 16px;
      border-radius:18px;
      background:rgba(255,255,255,0.04);
      border:1px solid rgba(255,255,255,0.07);
      transition:background .18s ease, transform .18s ease, border-color .18s ease;
    }

    .main-menu-links a:hover{
      background:rgba(242,178,27,0.12);
      border-color:rgba(242,178,27,0.28);
      transform:translateY(-1px);
    }
    .admin-menu-links[hidden]{display:none!important}
    .admin-menu-links{
      display:flex;
      flex-direction:column;
      gap:12px;
      width:100%;
      box-sizing:border-box;
      border-top:1px solid rgba(212,168,52,.35);
      margin-top:8px;
      padding-top:16px;
    }
    .admin-menu-links a{
      display:block;
      width:100%;
      box-sizing:border-box;
    }
    .admin-menu-label{display:block;padding:0 16px 2px;color:#d4a834;font:700 14px Arial,sans-serif}
.bsd-text{
  font-size:1.05rem;
  color:#f2c94c;
  margin-top:8px;
  font-weight:800;
  text-align:center;
  text-shadow:none;
  opacity:1;
}
    @media (min-width:901px){
      .header{
        height:330px;
        background:url("https://cdn.jsdelivr.net/gh/productsbest59/naya-jewelry.com/header%20desktop.png") center/cover no-repeat;
        background-color:#111;
      }

      .logo-row{
        gap:18px;
        padding:0 16px;
        margin-top:-42px;
        margin-bottom:24px;
      }

      .logo{width:300px;}
.intro-section{margin:0 auto 28px;}
      .intro-section p{font-size:1.05rem;}

      .gallery{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px;
        padding:0 16px;
      }

      .gallery-card{
        width:92%;
        padding:12px;
      }

      .gallery-card img{
        max-height:560px;
        margin:0 auto;
      }
    }

    @media (max-width:600px){
      .logo-row{
        grid-template-columns:1fr auto 1fr;
        gap:8px;
        padding:0 6px;
        margin-top:-22px;
        margin-bottom:18px;
      }

      .logo{width:190px;}
.intro-section{padding:0 14px;}

      .intro-section p{
        font-size:0.93rem;
        line-height:1.55;
      }
}

    @media (max-width:768px) and (orientation:portrait){
      .gallery{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        padding:0 10px;
      }

      .gallery-card{padding:8px;}
      .gallery-card img{max-height:40vh;}
}

    @media (max-width:900px) and (orientation:landscape){
      .gallery{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        padding:0 10px;
      }

      .gallery-card{padding:8px;}
      .gallery-card img{max-height:52vh;}
}

    @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
      .gallery{
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
        gap:12px !important;
        padding:0 16px !important;
        align-items:start !important;
      }

      .gallery-card{
        width:100% !important;
        height:auto !important;
        padding:8px !important;
        overflow:visible !important;
        background:rgba(255,255,255,0.03) !important;
      }

      .gallery-card img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        min-height:0 !important;
        object-fit:contain !important;
        object-position:center center !important;
        border-radius:16px !important;
        background:transparent !important;
      }
    }



    /* ===== CLEAN ACCESSIBILITY PANEL ===== */
    .a11y-fab{
      position:fixed !important;
      right:0 !important;
      left:auto !important;
      bottom:24px !important;
      width:58px !important;
      height:58px !important;
      background:#050505 !important;
      border:1.5px solid #d4af37 !important;
      border-right:none !important;
      border-radius:16px 0 0 16px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      cursor:pointer !important;
      font-size:28px !important;
      font-weight:900 !important;
      color:#d4af37 !important;
      z-index:100000000 !important;
      box-shadow:0 0 18px rgba(212,175,55,.28) !important;
      pointer-events:auto !important;
      -webkit-appearance:none;
      appearance:none;
    }

    .a11y-fab i{
      color:#d4af37 !important;
      font-size:28px !important;
      line-height:1 !important;
    }

    .a11y-fab:hover{transform:translateY(-2px);}

    .a11y-backdrop{
      position:fixed;
      inset:0;
      background:transparent !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      z-index:2147483644;
      opacity:0;
      pointer-events:none;
      transition:opacity .22s ease;
    }

    .a11y-backdrop.open{
      opacity:1;
      pointer-events:auto;
    }

    .a11y-panel{
      position:fixed;
      top:0;
      left:auto;
      right:0;
      height:100vh;
      width:min(420px, 92vw);
      background:var(--panel-bg);
      color:#1d2340;
      z-index:2147483646;
      transform:translateX(100%);
      transition:transform .28s ease;
      box-shadow:20px 0 60px rgba(0,0,0,.28);
      display:flex;
      flex-direction:column;
      overflow:auto;
    }

    .a11y-panel.open{transform:translateX(0);}

    .a11y-header{
      position:sticky;
      top:0;
      z-index:3;
      background:linear-gradient(135deg,var(--blue1),var(--blue2));
      color:#fff;
      padding:18px 18px;
      display:flex;
      align-items:center;
      justify-content:space-between;
    }

    .a11y-title{
      font-size:1.7rem;
      font-weight:800;
    }

    .a11y-close{
      border:none;
      background:transparent;
      color:#fff;
      font-size:30px;
      line-height:1;
      cursor:pointer;
    }

    .a11y-body{
      padding:16px 16px 22px;
      text-align:right;
    }

    .a11y-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
      margin-bottom:18px;
    }

    .a11y-card{
      border:1px solid #cfd6fb;
      background:#fff;
      color:var(--panel-text);
      border-radius:22px;
      min-height:120px;
      padding:14px 10px;
      cursor:pointer;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:10px;
      font-size:1rem;
      font-weight:700;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
      box-shadow:0 8px 18px rgba(69,87,195,0.04);
    }

    .a11y-card:hover{
      transform:translateY(-2px);
      box-shadow:0 10px 20px rgba(69,87,195,0.10);
    }

    .a11y-card.active{
      background:#eef2ff;
      border-color:#99a9ff;
      color:#4f67f2;
    }

    .a11y-icon{
      width:48px;
      height:48px;
      border-radius:16px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:28px;
      color:#7a84d1;
    }

    .a11y-label{
      line-height:1.3;
      font-size:0.96rem;
    }

    .a11y-section-title{
      font-size:1.25rem;
      color:#7a84d1;
      font-weight:800;
      text-align:center;
      margin:14px 0 10px;
    }

    .a11y-slider-wrap{margin-bottom:26px;}

    .a11y-slider-row{
      display:grid;
      grid-template-columns:54px 1fr 54px;
      align-items:center;
      gap:12px;
      margin-top:10px;
    }

    .a11y-circle-btn{
      width:54px;
      height:54px;
      border-radius:999px;
      border:1px solid #cfd6fb;
      background:#fff;
      color:#7a84d1;
      font-size:34px;
      cursor:pointer;
      line-height:1;
    }

    .a11y-bar-wrap{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:10px;
    }

    .a11y-value{
      min-width:70px;
      padding:8px 14px;
      border-radius:999px;
      border:1px solid #cfd6fb;
      background:#fff;
      color:#7a84d1;
      font-weight:700;
      font-size:1rem;
    }

    .a11y-bar{
      width:100%;
      height:12px;
      border-radius:999px;
      background:linear-gradient(90deg,#9f6bff,#5d7cff);
      position:relative;
      overflow:hidden;
    }

    .a11y-footer-note{
      color:#9aa1c0;
      font-size:.92rem;
      text-align:center;
      margin-top:8px;
    }

    @media (max-width:700px){
      .a11y-panel{
        top:12px;
        right:8px;
        width:min(340px,80vw);
        height:auto;
        max-height:calc(100vh - 24px);
        border-radius:20px;
      }

      .a11y-grid{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
      }

      .a11y-card{
        min-height:108px;
        font-size:.9rem;
      }

      .a11y-icon{
        width:42px;
        height:42px;
        font-size:24px;
      }

      .a11y-title{font-size:1.45rem;}

      .a11y-slider-row{
        grid-template-columns:48px 1fr 48px;
        gap:10px;
      }

      .a11y-circle-btn{
        width:48px;
        height:48px;
        font-size:30px;
      }
    }

    body.a11y-dark-mode{
      background:linear-gradient(180deg,#111 0%,#090909 42%,#000 100%) !important;
      color:#fff !important;
    }

    body.a11y-bold-text,
    body.a11y-bold-text p,
    body.a11y-bold-text div,
    body.a11y-bold-text span,
    body.a11y-bold-text a,
    body.a11y-bold-text button,
    body.a11y-bold-text h1,
    body.a11y-bold-text h2,
    body.a11y-bold-text h3{
      font-weight:800 !important;
    }

    body.a11y-high-contrast{
      background:#000 !important;
      color:#fff !important;
    }

    body.a11y-high-contrast .gallery-card{
      border-color:#fff;
      background:#000;
    }

    body.a11y-high-contrast .btn,
    body.a11y-high-contrast .buy-now-btn,
    body.a11y-high-contrast .product-details-btn{
      background:#ffd54a !important;
      color:#000 !important;
      box-shadow:none !important;
      border:2px solid #fff !important;
    }

    body.a11y-highlight-links a{
      text-decoration:underline !important;
      text-decoration-thickness:3px !important;
      text-underline-offset:3px !important;
      box-shadow:0 0 0 3px rgba(255,215,0,.15);
    }

    body.a11y-readable-text{
      letter-spacing:.02em;
      word-spacing:.05em;
      line-height:2 !important;
    }

    body.a11y-readable-text p,
    body.a11y-readable-text .intro-section p,
    body.a11y-readable-text .email-text,
    body.a11y-readable-text .site-footer,
    body.a11y-readable-text .product-desc{
      line-height:2 !important;
    }

    body.a11y-grayscale .container{
      filter:grayscale(100%) !important;
    }

    body.a11y-blackwhite .container{
      filter:grayscale(100%) contrast(140%) brightness(115%) !important;
    }

.hero::before,
.hero::after,
.hero-section::before,
.hero-section::after{
  pointer-events:none !important;
  z-index:1;
}
    /* Compact payments/footer area - FINAL */
    .email-section{
      margin-bottom:0 !important;
      padding-bottom:0 !important;
      gap:6px !important;
    }
.payments-area{
      margin:0 !important;
      padding:0 !important;
      text-align:center;
      line-height:1 !important;
    }

    .payments-area img{
      width:380px;
      max-width:92%;
      height:auto;
      display:block;
      margin:0 auto !important;
      padding:0 !important;
      
    }

    .payments-secure{
      margin:2px 0 0 !important;
      padding:0 !important;
      color:#ccc;
      font-size:13px;
      line-height:1.15 !important;
    }

    .site-footer{
      margin:4px 0 0 !important;
      padding:0 16px 10px !important;
    }

    /* Contact popup - NAYA */
    .contact-popup-backdrop{
      position:fixed;
      inset:0;
      background:rgba(0,0,0,0.62);
      backdrop-filter:blur(4px);
      -webkit-backdrop-filter:blur(4px);
      z-index:2147483640;
      opacity:0;
      pointer-events:none;
      transition:opacity .22s ease;
    }

    .contact-popup-backdrop.open{
      opacity:1;
      pointer-events:auto;
    }

    .contact-popup{
      position:fixed;
      left:50%;
      top:50%;
      width:min(520px, calc(100vw - 28px));
      max-height:min(88vh, 720px);
      overflow:auto;
      transform:translate(-50%, -50%) scale(.96);
      opacity:0;
      pointer-events:none;
      z-index:2147483641;
      background:linear-gradient(180deg,#141414 0%,#070707 100%);
      border:1px solid rgba(242,178,27,0.34);
      border-radius:24px;
      box-shadow:0 30px 80px rgba(0,0,0,0.65), 0 0 28px rgba(242,178,27,0.12);
      padding:22px;
      text-align:right;
      transition:opacity .22s ease, transform .22s ease;
    }

    .contact-popup.open{
      opacity:1;
      pointer-events:auto;
      transform:translate(-50%, -50%) scale(1);
    }

    .contact-popup-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      margin-bottom:14px;
      border-bottom:1px solid rgba(255,255,255,0.08);
      padding-bottom:14px;
    }

    .contact-popup-title{
      color:var(--gold1);
      font-size:1.35rem;
      font-weight:900;
      line-height:1.25;
    }

    .contact-popup-subtitle{
      color:rgba(255,255,255,0.72);
      font-size:.9rem;
      line-height:1.6;
      margin-top:5px;
    }

    .contact-popup-close{
      width:42px;
      height:42px;
      border:none;
      border-radius:999px;
      background:rgba(255,255,255,0.08);
      color:#fff;
      font-size:28px;
      line-height:1;
      cursor:pointer;
      flex:0 0 auto;
    }

    .contact-popup-form{
      display:flex;
      flex-direction:column;
      gap:12px;
      margin-top:14px;
    }

.contact-popup-form input,
.contact-popup-form textarea{
  width:100%;
  border:1px solid rgba(242,178,27,0.18);
  background:#111;
  color:#fff;
  border-radius:14px;
  padding:13px 14px;
  font-size:16px;
  outline:none;
  font-family:Arial, sans-serif;
}

#contactPhone{
  direction:ltr;
  text-align:left;
}

    .contact-popup-form input:focus,
    .contact-popup-form textarea:focus{
      border-color:rgba(242,178,27,0.58);
      box-shadow:0 0 0 3px rgba(242,178,27,0.10);
    }

    .contact-popup-form input::placeholder,
    .contact-popup-form textarea::placeholder{
      color:rgba(255,255,255,0.56);
    }

    .contact-popup-form textarea{
      min-height:118px;
      resize:vertical;
    }

    .contact-popup-submit{
      border:none;
      border-radius:999px;
      padding:14px 18px;
      background:linear-gradient(180deg,var(--gold1),var(--gold2));
      color:#2b1800;
      font-size:1rem;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 0 18px rgba(255,170,0,0.24), inset 0 0 0 2px rgba(255,245,210,0.28);
    }

    .contact-popup-submit:disabled{
      opacity:.65;
      cursor:not-allowed;
    }

    .contact-popup-success{
      display:none;
      margin-top:14px;
      padding:12px 14px;
      border-radius:14px;
      color:#9cff9c;
      background:rgba(76,175,80,0.12);
      border:1px solid rgba(76,175,80,0.22);
      font-weight:800;
      text-align:center;
      line-height:1.5;
    }

    .contact-popup-error{
      display:none;
      margin-top:14px;
      padding:12px 14px;
      border-radius:14px;
      color:#ffb7b7;
      background:rgba(255,70,70,0.12);
      border:1px solid rgba(255,70,70,0.22);
      font-weight:800;
      text-align:center;
      line-height:1.5;
    }

    .email-button{
      border:none;
      background:transparent;
      cursor:pointer;
      padding:0;
      font:inherit;
      -webkit-appearance:none;
      appearance:none;
    }

    .email-button:focus-visible{
      outline:2px solid var(--gold1);
      outline-offset:6px;
      border-radius:18px;
    }

    body.contact-popup-lock{
      overflow:hidden;
    }

    body[dir="ltr"] .contact-popup{
      text-align:left;
    }

    @media (max-width:700px){
      .contact-popup{
        width:calc(100vw - 20px);
        max-height:82vh;
        padding:18px;
        border-radius:20px;
      }

      .contact-popup-title{
        font-size:1.18rem;
      }

      .contact-popup-subtitle{
        font-size:.84rem;
      }

      .contact-popup-form{
        gap:10px;
      }
    }

    @media (max-width:900px) and (orientation:landscape){
      .contact-popup{
        max-height:86vh;
        width:min(560px, calc(100vw - 28px));
        padding:16px;
      }

      .contact-popup-form textarea{
        min-height:78px;
      }

      .contact-popup-header{
        margin-bottom:10px;
        padding-bottom:10px;
      }
    }

    /* NAYA SCROLLING SALE BANNER - ADDED */
    .naya-sale-banner{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:34px;
      background: linear-gradient(90deg, #000000, #c8a44d, #000000);
      overflow:hidden;
      z-index:9999999;
      border-bottom:1px solid rgba(255,255,255,0.18);
      box-shadow:0 2px 12px rgba(0,0,0,0.35);
      display:flex;
      align-items:center;
      white-space:nowrap;
      direction:rtl;
    }
.naya-sale-track span{
  color:#fff8dc;
  font-size:0.95rem;
  font-weight:700;
  font-family:Arial, sans-serif;
  letter-spacing:0;
  padding-right:90px;
  flex-shrink:0;
  text-shadow:none;
}
    body{
      padding-top:34px;
    }

    .site-topbar{
      top:46px !important;
    }

    @media (max-width:768px){
      .naya-sale-banner{
        height:30px;
      }

      .naya-sale-track span{
        font-size:0.72rem;
        padding-right:35px;
        letter-spacing:0.3px;
      }

      body{
        padding-top:30px;
      }

      .site-topbar{
        top:42px !important;
      }
    }

/* ===== NAYA MEHADRIN PAGE OVERRIDES ===== */
.logo-row-mehadrin{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  grid-template-columns:none !important;
  margin-top:-34px !important;
}

.cta-button,
.mehadrin-gallery{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  padding:0 16px 20px !important;
  align-items:start !important;
}

.email-section{
  margin-top:10px !important;
}

@media (max-width:900px){
  .mehadrin-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:0 10px 16px !important;
  }
}
/* ===== DIGITAL EXACT FLOATING BUTTONS COPIED ===== */
/* ---------------- FLOATING BUTTONS ---------------- */

.float-whatsapp i {
  color: #d4af37 !important;
  font-size: 30px;
  line-height: 1;
}
.float-whatsapp,
.float-whatsapp:visited,
.float-whatsapp:hover,
.float-whatsapp:active {
  text-decoration: none !important;
  color: #d4af37 !important;
}

/* FINAL BANNER FIX */
.naya-sale-track{
  display:flex !important;
  align-items:center !important;
  width:max-content !important;
  animation:nayaBannerMove 18s linear infinite !important;
  will-change:transform;
  font-family:inherit;
}

@keyframes nayaBannerMove{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(50%);
  }
}
@media (max-width:900px) and (orientation:portrait){

  body{
    background:none !important;
  }

  body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;

    background:
      linear-gradient(rgba(0,0,0,.24), rgba(0,0,0,.56)),
      url("naya-bg-mobile.png") center center / cover no-repeat,
      #000;
  }

}
    .menu-backdrop{
  z-index:999990 !important;
}

.main-menu{
  z-index:999991 !important;
}

.float-whatsapp{
  position:fixed !important;
  right:0 !important;
  bottom:92px !important;
  width:58px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050505 !important;
  border:1.5px solid #d4af37 !important;
  border-right:none !important;
  border-radius:16px 0 0 16px !important;
  z-index:100000000 !important;
  pointer-events:auto !important;
  box-shadow:0 0 18px rgba(212,175,55,.28) !important;
}
@media (min-width:901px){

  body::before{
    display:none !important;
  }

  body{
    background:
      linear-gradient(rgba(0,0,0,.48), rgba(0,0,0,.62)),
      url("nayabg.png") center center / cover fixed no-repeat !important;
  }

}

/* ===== MEHADRIN PRODUCT CARDS + MODAL - CLEAN ===== */
.mehadrin-trust-icons{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin:18px auto 14px;
}

.mehadrin-trust-item{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(242,178,27,0.18);
  border-radius:999px;
  padding:10px 16px;
  color:#f4e4b0;
  font-size:.9rem;
  font-weight:700;
}

.product-card{
  width:100% !important;
  padding:14px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(24,24,24,.34) 0%,rgba(16,16,16,.24) 100%) !important;
  border:1px solid rgba(242,178,27,0.24) !important;
  box-shadow:0 14px 36px rgba(0,0,0,0.34), inset 0 0 0 1px rgba(255,255,255,0.03) !important;
}

.product-slider{
  overflow:hidden !important;
  display:block !important;
  padding:0 !important;
}

.product-slider img{
  display:none !important;
}

.product-slider img:first-child{
  display:block !important;
  width:100% !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
  border-radius:18px !important;
  background:#050505 !important;
  border:1px solid rgba(242,178,27,0.16) !important;
}

.product-slider img.missing-product-image{
  background:linear-gradient(145deg,#090909,#181818) !important;
}

.product-title{
  margin-top:14px !important;
  color:#f2d28b !important;
  font-size:1.05rem !important;
  font-weight:900;
  line-height:1.5 !important;
  text-align:center;
  font-family:Arial, sans-serif !important;
}

.product-desc{
  margin-top:8px !important;
  color:rgba(255,255,255,0.78) !important;
  font-size:.9rem !important;
  line-height:1.45;
  min-height:auto !important;
  text-align:center;
  font-family:Arial, sans-serif !important;
}

.old-price{
  display:inline-block;
  color:rgba(255,255,255,0.44);
  text-decoration:line-through;
  font-size:.82rem;
  margin-left:8px;
  font-weight:600;
}

.sale-price{
  display:inline-block;
  color:#f2b21b;
  font-size:1.02rem;
  font-weight:900;
}

.product-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}

.product-details-btn{
  display:block;
  width:100%;
  text-align:center;
  padding:12px 14px;
  border-radius:999px;
  text-decoration:none;
  background:rgba(255,255,255,0.04) !important;
  border:1px solid rgba(242,178,27,0.30) !important;
  color:#f7e7b2 !important;
  font-weight:700;
  font-size:.88rem;
  font-family:Arial, sans-serif !important;
}

.product-details-btn:hover{
  background:rgba(242,178,27,0.13) !important;
}

.product-card .buy-now-btn{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  font-family:Arial, sans-serif !important;
  background:linear-gradient(180deg,#f2c14e,#c88400) !important;
  color:#241600 !important;
}

.love-line{
  margin-top:16px;
  margin-bottom:20px;
  font-size:1.5rem;
  font-weight:800;
  color:#f2b21b;
  text-align:center;
  text-shadow:0 0 12px rgba(255,200,0,0.4);
}

.product-modal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.78) !important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  z-index:9999998 !important;
  opacity:0;
  pointer-events:none;
}

.product-modal-backdrop.open{
  opacity:1;
  pointer-events:auto;
}

.product-modal{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(.96);
  width:min(760px,92vw);
  max-height:88vh;
  overflow:auto;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg,#151515 0%,#080808 100%) !important;
  color:#f3e7c1 !important;
  border:1px solid rgba(242,178,27,0.30) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.72), 0 0 35px rgba(242,178,27,.10) !important;
  z-index:9999999 !important;
  opacity:0;
  pointer-events:none;
  text-align:center;
}

.product-modal.open{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,-50%) scale(1);
}

.product-modal-close{
  position:absolute;
  top:10px;
  left:12px;
  border:none;
  cursor:pointer;
  color:#f2d28b !important;
  background:rgba(255,255,255,0.06) !important;
  width:42px;
  height:42px;
  border-radius:999px;
  font-size:32px;
  line-height:42px;
}

.product-modal h2{
  color:#f2d28b !important;
  font-size:1.55rem;
  margin-bottom:14px !important;
  font-family:Arial, sans-serif !important;
}

.product-modal-desc{
  margin:12px 0 18px !important;
  line-height:1.55 !important;
  font-family:Arial, sans-serif !important;
  background:rgba(255,255,255,0.035) !important;
  border:1px solid rgba(242,178,27,0.24) !important;
  border-radius:18px !important;
  padding:15px 16px !important;
  color:#f3e7c1 !important;
  text-align:center;
}

.product-modal-gallery{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.product-modal-gallery img,
.product-modal-gallery video{
  width:100%;
  border-radius:16px;
  background:#070707 !important;
  border:1px solid rgba(242,178,27,0.18) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.38) !important;
}

@media (max-width:900px){
  .product-card{
    padding:10px !important;
  }

  .product-title{
    font-size:.92rem !important;
  }

  .product-desc{
    font-size:.8rem !important;
  }

  .product-details-btn,
  .product-card .buy-now-btn{
    font-size:.8rem !important;
    padding:10px 8px !important;
  }

  .mehadrin-trust-icons{
    gap:8px;
  }

  .mehadrin-trust-item{
    font-size:.76rem;
    padding:8px 12px;
  }
}

@media (max-width:768px){
  .mehadrin-gallery{
    align-items:stretch !important;
  }

  .product-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
  }

  .product-actions{
    margin-top:auto !important;
  }

  .product-desc{
    min-height:38px !important;
  }

  .old-price{
    font-size:.72rem;
    margin-left:4px;
  }

  .sale-price{
    font-size:.86rem;
  }

  .product-modal h2{
    font-size:1.25rem;
    padding:0 38px;
  }

  .product-modal-desc{
    font-size:.88rem;
    padding:12px !important;
  }
}

@media (max-width:700px){
  .product-modal{
    top:calc(50% + 22px);
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 92px);
    padding:10px 12px 18px;
    border-radius:18px;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .product-modal-close{
    position:sticky;
    top:0;
    left:auto;
    z-index:4;
    display:block;
    margin:0 auto 8px 0;
    width:46px;
    height:46px;
    min-width:46px;
    min-height:46px;
    line-height:42px;
    background:#0b0907 !important;
    border:2px solid #d4af37;
    box-shadow:0 6px 20px rgba(0,0,0,.75);
  }

  .product-modal-gallery{
    grid-template-columns:1fr;
  }

  .product-modal-gallery img,
  .product-modal-gallery video{
    width:100%;
    max-height:58dvh;
    object-fit:contain;
  }
}

/* ===== IPAD LANDSCAPE BACKGROUND FIX - ONLY LANDSCAPE ===== */
@media (min-width:700px) and (max-width:1366px) and (orientation:landscape){

  body{
    background:
      linear-gradient(rgba(0,0,0,.40), rgba(0,0,0,.58)),
      url("nayabg.png") center top / 100% auto repeat-y !important;
    background-color:#000 !important;
    background-attachment:scroll !important;
  }

  body::before{
    display:none !important;
    content:none !important;
    background:none !important;
  }

  .header{
    background:url("https://cdn.jsdelivr.net/gh/productsbest59/naya-jewelry.com/header%20desktop.png") center center / cover no-repeat !important;
    background-color:#111 !important;
  }
}


/* ===== NAYA FAQ SECTION ===== */
.faq-section,
.faq-section *{
  font-family:Arial, sans-serif !important;
}

.faq-section{
  max-width:1000px;
  margin:40px auto 24px;
  padding:0 20px;
  color:#fff;
}

.faq-title{
  font-family:Arial, sans-serif !important;
  text-align:center;
  font-size:2rem;
  margin-bottom:24px;
  color:#d4af37;
  font-weight:700;
}

.faq-list{
  display:grid;
  gap:12px;
}

.faq-item{
  background:#000;
  border:1px solid rgba(212,175,55,.28);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

.faq-item summary{
  font-family:Arial, sans-serif !important;
  cursor:pointer;
  list-style:none;
  padding:16px 48px 16px 18px;
  color:#d4af37;
  font-weight:700;
  font-size:1.02rem;
  line-height:1.55;
  position:relative;
  text-align:right;
}

body[dir="ltr"] .faq-item summary{
  text-align:left;
  padding:16px 18px 16px 48px;
}

.faq-item summary::-webkit-details-marker{
  display:none;
}

.faq-item summary::before{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.65);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d4af37;
  font-weight:900;
  line-height:1;
}

body[dir="ltr"] .faq-item summary::before{
  right:auto;
  left:18px;
}

.faq-item[open] summary::before{
  content:"-";
}

.faq-answer{
  padding:0 18px 18px;
  color:rgba(255,255,255,.88);
  line-height:1.85;
  text-align:right;
}

body[dir="ltr"] .faq-answer{
  text-align:left;
}

.faq-answer p{
  margin:0 0 10px;
}

.faq-answer p:last-child{
  margin-bottom:0;
}

@media(max-width:700px){
  .faq-section{
    margin:30px auto 18px;
    padding:0 12px;
  }

  .faq-title{
    font-size:1.55rem;
  }

  .faq-item summary{
    font-size:.93rem;
  }

  .faq-answer{
    font-size:.9rem;
  }
}