/*
Theme Name: TATE Jewels
Theme URI: https://example.com/
Author: TATE Jewels
Description: Premium black/red/gold WooCommerce jewelry theme converted from the supplied shop design.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tate-jewels
*/

:root{
  --bg-black:#120c0c;
  --bg-panel:#150e0e;
  --brand-red:#e6293b;
  --brand-red-deep:#7a0f16;
  --gold:#d4af6a;
  --gold-bright:#ffc107;
  --text-cream:#f3ece4;
  --text-muted:#b9a89f;
  --nm-dark:rgba(0,0,0,.65);
  --nm-light:rgba(255,255,255,.035);
  --nm-glow:rgba(230,41,59,.45);
}

html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg-black);
  color:var(--text-cream);
  font-family:'Poppins',sans-serif;
  font-weight:300;
}
body.tate-no-scroll{overflow:hidden}
a{text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3,h4,.brand-font{font-family:'Cormorant Garamond',serif}
.container-fluid{padding-left:clamp(12px,2vw,28px);padding-right:clamp(12px,2vw,28px)}

.responsive-header{position:sticky;top:0;z-index:1050;width:100%}
.desktop-header,.mobile-tablet-header{
  background:rgb(95 1 1 / 98%);
  border-bottom:1px solid var(--gold-bright);
  box-shadow:0 8px 20px rgba(0,0,0,.65),0 1px 0 rgba(255,255,255,.035) inset;
}
.desktop-header-inner{
  width:100%;min-height:76px;padding:12px clamp(20px,5vw,130px);
  display:flex;align-items:center;gap:30px;box-sizing:border-box;
}
.desktop-logo{flex:0 0 auto;color:var(--text-cream);display:block}
.desktop-logo img{max-height:55px;width:auto;display:block}
.logo-text{
  font-family:'Cormorant Garamond',serif;font-weight:700;font-size:2rem;
  letter-spacing:.13em;line-height:.82;color:var(--text-cream);
  text-shadow:0 0 18px rgba(230,41,59,.5);
}
.logo-text small{
  display:block;margin-top:6px;font-family:'Poppins',sans-serif;font-size:.48rem;
  letter-spacing:.4em;color:var(--brand-red);font-weight:600;
}
.desktop-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:34px}
.desktop-nav a{
  position:relative;padding:12px 0;color:#fff;font-size:.96rem;white-space:nowrap;
  font-weight:600;transition:.2s ease;
}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--gold-bright);text-shadow:0 0 12px var(--nm-glow)}
.desktop-nav a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;
  background:var(--gold-bright);box-shadow:0 0 10px var(--nm-glow)
}
.desktop-actions{flex:0 0 auto;display:flex;gap:10px}
.header-action-btn{
  width:44px;height:44px;position:relative;display:flex;align-items:center;justify-content:center;
  border-radius:12px;color:white;transition:.2s ease
}
.header-action-btn i{font-size:20px}
.header-action-btn:hover{color:var(--brand-red);box-shadow:2px 2px 6px var(--nm-dark),-2px -2px 6px var(--nm-light),0 0 14px var(--nm-glow)}
.header-badge{
  position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;
  display:flex;align-items:center;justify-content:center;border-radius:50px;background:var(--brand-red);
  color:#fff;border:2px solid var(--gold-bright);font-size:.58rem;font-weight:600;line-height:1;
  box-shadow:0 0 9px var(--nm-glow);box-sizing:border-box
}
.mobile-tablet-header{display:none}
.mobile-tablet-inner{width:100%;min-height:72px;padding:10px clamp(14px,3vw,30px);display:flex;align-items:center;gap:14px;justify-content:space-between;box-sizing:border-box}
.profile-btn{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:5px 5px 11px var(--nm-dark),-4px -4px 9px var(--nm-light)}
.profile-ring{width:40px;height:40px;padding:2px;border-radius:50%;display:block;background:linear-gradient(135deg,var(--brand-red),var(--gold),var(--brand-red-deep))}
.profile-ring img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;border:2px solid var(--bg-panel);box-sizing:border-box}
.mobile-logo{margin:auto;color:var(--text-cream);text-align:center}
.mobile-logo img{max-height:42px;width: 90px;}
.mobile-logo .logo-text{font-size:1.65rem}
.header-actions{display:flex;align-items:center;gap:9px}

.bottom-nav{display:none}

.jewelry-slider{width:100%;position:relative;padding:10px 0}
.slider-container{
  width:100%;position:relative;overflow:hidden;border-radius:clamp(18px,2vw,32px);
  background:#b90016;box-shadow:12px 12px 28px rgba(0,0,0,.65),-8px -8px 25px rgba(255,255,255,.035),0 0 30px rgba(255,30,50,.35)
}
.slides{width:100%;display:flex;transition:transform .7s cubic-bezier(.77,0,.18,1);touch-action:pan-y}
.slide{min-width:100%;position:relative;aspect-ratio:16/5;height:315px;overflow:hidden;background:#500009}
.slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(50,0,5,.20),transparent 45%,rgba(80,0,8,.12))}
.slider-btn{
  position:absolute;top:50%;transform:translateY(-50%);width:clamp(38px,4vw,58px);height:clamp(38px,4vw,58px);
  border:none;border-radius:50%;background:rgba(80,0,8,.62);color:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:5;font-size:clamp(15px,1.7vw,24px);box-shadow:6px 6px 14px rgba(50,0,5,.5),-4px -4px 10px rgba(255,255,255,.12);
  backdrop-filter:blur(7px);transition:.25s ease
}
.slider-btn:hover{background:var(--brand-red);box-shadow:0 0 18px rgba(255,30,50,.75),6px 6px 14px rgba(50,0,5,.45)}
.slider-btn:active{transform:translateY(-50%) scale(.92)}
.slider-btn.prev{left:clamp(10px,2vw,28px)}
.slider-btn.next{right:clamp(10px,2vw,28px)}
.slider-dots{position:absolute;bottom:clamp(10px,1.8vw,22px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:clamp(6px,1vw,10px);z-index:10;padding:6px 10px;border-radius:30px;background:rgba(40,0,5,.28);backdrop-filter:blur(8px)}
.slider-dot{width:clamp(7px,1vw,11px);height:clamp(7px,1vw,11px);border-radius:50%;border:none;padding:0;cursor:pointer;background:rgba(255,255,255,.75);box-shadow:2px 2px 5px rgba(50,0,5,.4);transition:.3s ease}
.slider-dot.active{width:clamp(20px,2.5vw,32px);border-radius:20px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.9)}

.shop-heading{
  margin:12px 0 18px;padding:18px 22px;border-radius:14px;background:var(--bg-panel);
  box-shadow:8px 8px 18px var(--nm-dark),-6px -6px 14px var(--nm-light)
}
.shop-heading h1{margin:0;font-size:2.6rem}
.shop-heading p{margin:5px 0 0;color:var(--text-muted);font-size:.9rem}

.woocommerce .woocommerce-result-count{margin:0}
.aira-toolbar{
  border:none;border-radius:14px;background:#fff;padding:.9rem 1.25rem;margin-bottom:1.75rem;
  font-size:.92rem;color:#000;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:12px
}
.aira-toolbar .accent{color:var(--brand-red);font-weight:600}
.aira-sort,.woocommerce-ordering select{
  background:var(--bg-panel);color:var(--text-cream);border:none;border-radius:10px;padding:.45rem .9rem;
  font-size:.88rem;box-shadow:inset 3px 3px 7px var(--nm-dark),inset -3px -3px 7px var(--nm-light)
}
.aira-sort:focus,.woocommerce-ordering select:focus{outline:none;box-shadow:inset 3px 3px 7px var(--nm-dark),inset -3px -3px 7px var(--nm-light),0 0 0 .15rem rgba(230,41,59,.35)}

.products.tate-products{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.products.tate-products li.product{width:auto!important;margin:0!important;float:none!important}
.product-card{
  background:#fff;border:none;border-radius:10px;overflow:hidden;height:100%;
  box-shadow:2px 2px 8px 2px rgb(255 255 255 / 38%),-6px -6px 16px var(--nm-light);
  transition:box-shadow .25s ease,transform .25s ease;box-sizing:border-box
}
.product-card:hover{transform:translateY(-4px);box-shadow:10px 10px 22px var(--nm-dark),-7px -7px 18px var(--nm-light),0 0 26px rgba(230,41,59,.35)}
.product-img-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:#fff;margin:.7rem;border-radius:10px;box-shadow:inset 7px 6px 0 5px rgb(0 0 0 / 65%),inset -3px -3px 8px var(--nm-light)}
.product-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}
.wish-btn{
  position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:var(--bg-panel);
  border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;
  box-shadow:4px 4px 9px var(--nm-dark),-3px -3px 7px var(--nm-light);transition:box-shadow .2s ease,color .2s ease;cursor:pointer
}
.wish-btn:hover,.wish-btn.is-wished{color:var(--brand-red);box-shadow:2px 2px 6px var(--nm-dark),-2px -2px 6px var(--nm-light),0 0 12px var(--nm-glow)}
.product-body{padding:10px 7px 10px 12px}
.product-title{font-family:'Poppins',sans-serif;font-size:15px;font-weight:900;color:#000;margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-price{color:var(--brand-red);font-weight:600;font-size:1.02rem;margin-bottom:.85rem;text-shadow:0 0 10px var(--nm-glow)}
.product-price del{color:#777;font-size:.8em;margin-right:4px}.product-price ins{text-decoration:none}
.btn-cart{
  width:100%;background:var(--bg-panel);border:none;color:var(--text-cream);border-radius:10px;padding:.55rem 0;
  font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:.5rem;
  box-shadow:5px 5px 11px var(--nm-dark),-4px -4px 10px var(--nm-light);transition:box-shadow .2s ease,color .2s ease;text-align:center;cursor:pointer
}
.btn-cart:hover{color:var(--brand-red);box-shadow:5px 5px 11px var(--nm-dark),-4px -4px 10px var(--nm-light),0 0 16px var(--nm-glow)}
.woocommerce ul.products li.product a.button{margin:0}
.woocommerce a.button{background:var(--bg-panel);color:var(--text-cream);border-radius:10px}
.woocommerce a.button:hover{background:var(--bg-panel);color:var(--brand-red)}

.tate-pagination{margin:28px 0 45px;display:flex;justify-content:center}
.tate-pagination .page-numbers{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.tate-pagination .page-numbers a,.tate-pagination .page-numbers span{
  min-width:40px;height:40px;padding:0 10px;display:flex;align-items:center;justify-content:center;border-radius:10px;
  background:var(--bg-panel);color:#fff;box-shadow:4px 4px 9px var(--nm-dark),-3px -3px 7px var(--nm-light)
}
.tate-pagination .page-numbers .current{background:var(--brand-red);box-shadow:0 0 14px var(--nm-glow)}

.tate-search-overlay{
  position:fixed;inset:0;background:rgba(10,2,2,.88);backdrop-filter:blur(12px);z-index:3000;
  display:none;align-items:flex-start;justify-content:center;padding:10vh 18px
}
.tate-search-overlay.is-open{display:flex}
.tate-search-box{width:min(850px,100%);background:var(--bg-panel);border-radius:20px;padding:24px;box-shadow:14px 14px 30px #000,-8px -8px 20px rgba(255,255,255,.04);position:relative}
.tate-search-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}
.tate-search-box h2{margin:0 0 18px;color:var(--gold-bright);font-size:2rem}
.tate-search-form{display:flex;gap:10px}
.tate-search-form input{flex:1;border:0;border-radius:12px;padding:14px 16px;background:#fff;color:#111;outline:none}
.tate-search-form button{border:0;border-radius:12px;padding:0 22px;background:var(--brand-red);color:#fff;cursor:pointer}
.tate-search-hint{color:var(--text-muted);font-size:.82rem;margin-top:12px}

.tate-toast{
  position:fixed;right:22px;bottom:22px;z-index:4000;min-width:280px;max-width:420px;
  background:var(--bg-panel);color:#fff;border-left:4px solid var(--brand-red);border-radius:12px;padding:15px 18px;
  box-shadow:10px 10px 24px #000,-5px -5px 12px rgba(255,255,255,.04);display:none
}
.tate-toast.show{display:block;animation:tateToastIn .25s ease}
@keyframes tateToastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.tate-empty{padding:45px 20px;text-align:center;color:var(--text-muted)}
.tate-empty h2{color:#fff}

.site-footer{margin-top:40px;padding:35px 20px;background:#240202;border-top:1px solid var(--gold-bright);text-align:center;color:var(--text-muted)}

@media (min-width:992px){
  .slide{height:315px}
}
@media (max-width:1199px) and (min-width:992px){
  .products.tate-products{grid-template-columns:repeat(4,minmax(0,1fr))}
  .desktop-nav{gap:18px}
}
@media(max-width:991.98px){
  .desktop-header{display:none}
  .mobile-tablet-header{display:block}
  .bottom-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:1100;height:50px;padding:5px 5px calc(5px + env(safe-area-inset-bottom));
    display:flex;align-items:center;justify-content:space-around;background:rgb(70 2 2);backdrop-filter:blur(16px);
    border-top:1px solid var(--gold-bright);box-shadow:0 -8px 22px rgba(0,0,0,.65)
  }
  .bottom-nav-item{min-width:0;flex:1;height:56px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;border-radius:12px;font-size:.58rem;font-weight:400}
  .bottom-nav-item i{font-size:1.05rem;line-height:1}.bottom-nav-item span{white-space:nowrap}.bottom-nav-item.active{color:#d2a202;text-shadow:0 0 10px var(--nm-glow)}
  body{padding-bottom:76px}
  .products.tate-products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .slide{aspect-ratio:16/7;height:200px}
}
@media(max-width:767.98px){
  .products.tate-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .shop-heading h1{font-size:2rem}
  .aira-toolbar{font-size:.82rem;padding:.75rem .9rem;margin-bottom:1.2rem}
  .product-body{padding:10px 7px 10px 8px}.product-title{font-size:13px}.product-price{font-size:.9rem;margin-bottom:.65rem}.btn-cart{font-size:.72rem;padding:.48rem 0}
}
@media(max-width:575.98px){
  .mobile-tablet-inner{min-height:66px;padding:8px 11px;gap:7px}
  .profile-btn{width:45px;height:45px;flex-basis:42px}.profile-ring{width:45px;height:45px}
  .mobile-logo .logo-text{font-size:1.28rem}.mobile-logo .logo-text small{font-size:.38rem}
  .header-actions{gap:6px}.header-action-btn{width:40px;height:40px}
  .header-action-btn i{font-size:20px}
  .jewelry-slider{padding:10px 0}.slider-container{border-radius:10px}.slide{aspect-ratio:1/.92;height:130px}
  .slide img{object-position:center;height:130px}.slider-btn{width:38px;height:38px;font-size:14px}
  .slider-dots{bottom:9px;gap:5px;padding:5px 8px}.slider-dot{width:7px;height:7px}.slider-dot.active{width:20px}
  .aira-toolbar{gap:.5rem}.aira-sort,.woocommerce-ordering select{max-width:145px;font-size:.75rem}
  .tate-search-form{flex-direction:column}.tate-search-form button{height:46px}
  .tate-toast{left:12px;right:12px;bottom:82px;min-width:0}
}
@media(max-width:360px){.slide{aspect-ratio:1/1}.slider-btn{width:34px;height:34px}}

.woocommerce-breadcrumb{
	display:none
}

  :root{
    --bg-black:#120c0c;
    --bg-panel:#150e0e;
    --brand-red:#e6293b;
    --brand-red-deep:#7a0f16;
    --gold:#d4af6a;
    --text-cream:#f3ece4;
    --text-muted:#b9a89f;
    /* neomorphic light/dark shadow pair, tuned to the panel base color */
    --nm-dark: rgba(0,0,0,.65);
    --nm-light: rgba(255,255,255,.035);
    --nm-glow: rgba(230,41,59,.45);
  }

  body{
    background:var(--bg-black);
    color:var(--text-cream);
    font-family:'Poppins',sans-serif;
    font-weight:300;
  }

  h1,h2,h3,.brand-font{
    font-family:'Cormorant Garamond',serif;
  }

  a{ text-decoration:none; }

  /* ---------- Navbar ---------- */
  .aira-navbar{
    background:var(--bg-panel);
    padding:.9rem 0;
    box-shadow:
      0 8px 20px var(--nm-dark),
      0 1px 0 var(--nm-light) inset,
      0 -1px 12px rgba(230,41,59,.08) inset;
  }
  .aira-logo{
    font-family:'Cormorant Garamond',serif;
    font-weight:700;
    font-size:1.9rem;
    letter-spacing:.12em;
    color:var(--text-cream);
    line-height:1;
    text-shadow:0 0 18px rgba(230,41,59,.55), 0 0 2px rgba(255,255,255,.15);
  }
  .aira-logo small{
    display:block;
    font-family:'Poppins',sans-serif;
    font-size:.55rem;
    letter-spacing:.4em;
    color:var(--brand-red);
    font-weight:500;
    margin-top:.15rem;
    text-shadow:0 0 10px var(--nm-glow);
  }
  .aira-nav-link{
    color:var(--text-cream);
    font-size:.92rem;
    letter-spacing:.02em;
    padding:.4rem .9rem;
    position:relative;
    transition:color .2s ease, text-shadow .2s ease;
  }
  .aira-nav-link:hover{ color:var(--brand-red); }
  .aira-nav-link.active{
    color:var(--brand-red);
    text-shadow:0 0 12px var(--nm-glow);
  }
  .aira-nav-link.active::after{
    content:"";
    position:absolute;
    left:.9rem; right:.9rem; bottom:-2px;
    height:2px;
    background:var(--brand-red);
    box-shadow:0 0 10px 1px var(--nm-glow);
  }
  .aira-icon-btn{
    width:42px; height:42px;
    border:none;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--text-cream);
    background:var(--bg-panel);
    position:relative;
    box-shadow:
      5px 5px 10px var(--nm-dark),
      -4px -4px 9px var(--nm-light);
    transition:box-shadow .2s ease, color .2s ease;
  }
  .aira-icon-btn:hover{
    color:var(--brand-red);
    box-shadow:
      2px 2px 6px var(--nm-dark),
      -2px -2px 6px var(--nm-light),
      0 0 14px var(--nm-glow);
  }
  .aira-icon-btn:active{
    box-shadow:
      inset 3px 3px 7px var(--nm-dark),
      inset -3px -3px 7px var(--nm-light);
  }
  .aira-icon-btn .badge{
    position:absolute;
    top:-8px; right:-8px;
    background:var(--brand-red);
    font-size:.65rem;
    padding:.25em .45em;
    box-shadow:0 0 8px var(--nm-glow);
  }

  /* ---------- Hero ---------- */
  .aira-hero{
    margin:1.5rem 0 2rem;
    border:none;
    border-radius:22px;
    background:
      linear-gradient(100deg, rgba(18,12,12,.94) 30%, rgba(18,12,12,.4) 65%, rgba(18,12,12,.08) 100%),
      radial-gradient(circle at 80% 30%, rgba(230,41,59,.28), transparent 60%),
      url('https://deepamgold.in/cdn/shop/files/necklace-5_2.jpg?v=1769248044&width=1024') center/cover no-repeat;
    min-height:260px;
    display:flex;
    align-items:center;
    padding:2.5rem;
    position:relative;
    overflow:hidden;
    box-shadow:
      10px 10px 24px var(--nm-dark),
      -8px -8px 20px var(--nm-light),
      0 0 40px rgba(230,41,59,.18) inset;
  }
  .aira-hero h1{
    font-size:3.2rem;
    font-weight:600;
    letter-spacing:.03em;
    margin:0;
    text-shadow:0 0 24px rgba(230,41,59,.5), 0 2px 6px rgba(0,0,0,.6);
  }

  /* ---------- Toolbar ---------- */
  .aira-toolbar{
    border:none;
    border-radius:14px;
    background:white;
    padding:5px 15px;
    margin-bottom:0.75rem;
    font-size:.92rem;
    color:black;
	font-weight:600;
  }

.woocommerce .woocommerce-ordering{
	margin:0px!important;
}
  .aira-toolbar .accent{
    color:var(--brand-red);
    font-weight:600;
    text-shadow:0 0 10px var(--nm-glow);
  }
  .aira-sort{
    background:var(--bg-panel);
    color:var(--text-cream);
    border:none;
    border-radius:10px;
    padding:.45rem .9rem;
    font-size:.88rem;
    box-shadow:
      inset 3px 3px 7px var(--nm-dark),
      inset -3px -3px 7px var(--nm-light);
  }
  .aira-sort:focus{ outline:none; box-shadow:inset 3px 3px 7px var(--nm-dark), inset -3px -3px 7px var(--nm-light), 0 0 0 .15rem rgba(230,41,59,.35); }

  /* ---------- Product Card (Neomorphism) ---------- */
  .product-card{
    background: white;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    box-shadow: 2px 2px 8px 2px rgb(255 255 255 / 38%), -6px -6px 16px var(--nm-light);
    transition: box-shadow .25s ease, transform .25s ease;
  }
  .product-card:hover{
    transform:translateY(-4px);
    box-shadow:
      10px 10px 22px var(--nm-dark),
      -7px -7px 18px var(--nm-light),
      0 0 26px rgba(230,41,59,.35);
  }
  .product-img-wrap{
   position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #ffffff;
    margin: 3px;
    border-radius: 10px;
    box-shadow: inset 7px 6px 0px 5px rgb(0 0 0 / 65%), inset -3px -3px 8px var(--nm-light);
  }
  .product-img-wrap img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
    border-radius:10px;
  }
  .wish-btn{
    position:absolute;
    top:10px; right:10px;
    width:34px; height:34px;
    border-radius:50%;
    background:var(--bg-panel);
    border:none;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.9rem;
    box-shadow:4px 4px 9px var(--nm-dark), -3px -3px 7px var(--nm-light);
    transition:box-shadow .2s ease, color .2s ease;
  }
  .wish-btn:hover{
    color:var(--brand-red);
    box-shadow:2px 2px 6px var(--nm-dark), -2px -2px 6px var(--nm-light), 0 0 12px var(--nm-glow);
  }

  .product-body{ padding:10px 7px 10px 12px; }
  .product-title{
    font-family:'Poppins',sans-serif;
    font-size:15px;
    font-weight:900;
    color:black;
    margin-bottom:.35rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .product-price{
    color:var(--brand-red);
    font-weight:600;
    font-size:1.02rem;
    margin-bottom:.85rem;
    text-shadow:0 0 10px var(--nm-glow);
  }
  .btn-cart{
    width:100%;
    background:var(--bg-panel);
    border:none;
    color:var(--text-cream);
    border-radius:10px;
    padding:.55rem 0;
    font-size:.88rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    box-shadow:5px 5px 11px var(--nm-dark), -4px -4px 10px var(--nm-light);
    transition:box-shadow .2s ease, color .2s ease, text-shadow .2s ease;
  }
  .btn-cart:hover{
    color:var(--brand-red);
    box-shadow:5px 5px 11px var(--nm-dark), -4px -4px 10px var(--nm-light), 0 0 16px var(--nm-glow);
  }
  .btn-cart:active{
    box-shadow:inset 3px 3px 8px var(--nm-dark), inset -3px -3px 8px var(--nm-light);
  }


  /* ---------- Responsive Header: Desktop + Tablet + Mobile ---------- */
  .responsive-header{
    position:sticky;
    top:0;
    z-index:1050;
    width:100%;
  }

  .desktop-header{
   background: rgb(95 1 1 / 98%);
    border-bottom: 1px solid #ffc107;
    box-shadow:
      0 8px 20px rgba(0,0,0,.65),
      0 1px 0 rgba(255,255,255,.035) inset,
      0 -1px 12px rgba(230,41,59,.08) inset;
  }

  .desktop-header-inner{
    width:100%;
    min-height:76px;
    padding:12px clamp(20px,5vw,130px);
    display:flex;
    align-items:center;
    gap:30px;
  }

  .desktop-logo{
    flex:0 0 auto;
    font-family:'Cormorant Garamond',serif;
    font-weight:700;
    font-size:2rem;
    letter-spacing:.13em;
    line-height:.82;
    color:var(--text-cream);
    text-shadow:0 0 18px rgba(230,41,59,.5);
  }

  .desktop-logo small{
    display:block;
    margin-top:6px;
    font-family:'Poppins',sans-serif;
    font-size:.48rem;
    letter-spacing:.4em;
    color:var(--brand-red);
    font-weight:600;
  }

  .desktop-nav{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    
  }

  .desktop-nav a{
    position:relative;
    padding:12px 0;
    color:#ffffff;
    font-size:.96rem;
    white-space:nowrap;
    transition:.2s ease;
	font-weight: 900;
  }

  .desktop-nav a:hover,
  .desktop-nav a.active{
    color:#ffc107;
    text-shadow:0 0 12px var(--nm-glow);
  }

  .desktop-nav a.active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:2px;
    height:2px;
    background:#ffc107;
    box-shadow:0 0 10px var(--nm-glow);
  }

  .desktop-actions{
    flex:0 0 auto;
    display:flex;
    gap:10px;
  }

  .header-action-btn{
    width:44px;
    height:44px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:white;
	background: transparent;
    border: 0px;
    transition:.2s ease;
  }
  
   .header-action-btn i{
      font-size:20px;
    }

  .header-action-btn:hover,
  .header-action-btn:active{
    color:#ffba00;
    box-shadow:
      2px 2px 6px var(--nm-dark),
      -2px -2px 6px var(--nm-light),
      0 0 14px var(--nm-glow);
  }

  .header-badge{
    position:absolute;
    top:-6px;
    right:-6px;
    min-width:20px;
    height:20px;
    padding:0 5px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50px;
    background:var(--brand-red);
    color:#fff;
    border:2px solid #ffc107;
    font-size:.58rem;
    font-weight:600;
    line-height:1;
    box-shadow:0 0 9px var(--nm-glow);
  }

  .mobile-tablet-header{
    display:none;
  }

  .bottom-nav{
    display:none;
  }

  .container-fluid{
    padding-left:clamp(12px,2vw,28px);
    padding-right:clamp(12px,2vw,28px);
  }

  body{
    padding-bottom:0;
  }

  /* ---------- Desktop ---------- */
  @media (min-width: 992px){
    .aira-hero{
      margin-top:1.5rem;
      min-height:280px;
      padding:2.5rem;
    }

    .aira-hero h1{
      font-size:3.2rem;
    }

    .product-img-wrap{
      margin:.7rem .7rem 0;
    }
  }

  /* ---------- Tablet + Mobile Header ---------- */
  @media (max-width: 991.98px){
    .desktop-header{
      display:none;
    }

    .mobile-tablet-header{
      display:block;
      background:rgb(95 1 1 / 98%);
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
      border-bottom:1px solid #ffc107;
      box-shadow:
        0 8px 20px rgba(0,0,0,.65),
        0 1px 0 rgba(255,255,255,.035) inset;
    }

    .mobile-tablet-inner{
      width:100%;
      min-height:72px;
      padding:10px clamp(14px,3vw,30px);
      display:flex;
      align-items:center;
      gap:14px;
	  justify-content: space-between;
    }

    .profile-btn{
      width:46px;
      height:46px;
      flex:0 0 46px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
     
      box-shadow:
        5px 5px 11px var(--nm-dark),
        -4px -4px 9px var(--nm-light);
    }

    .profile-ring{
      width:40px;
      height:40px;
      padding:2px;
      border-radius:50%;
      display:block;
      background:linear-gradient(135deg,var(--brand-red),var(--gold),var(--brand-red-deep));
    }

    .profile-ring img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      border-radius:50%;
      border:2px solid var(--bg-panel);
    }

    .mobile-logo{
      font-family:'Cormorant Garamond',serif;
      font-weight:700;
      font-size:1.65rem;
      letter-spacing:.12em;
      line-height:.82;
      color:var(--text-cream);
      text-align:center;
      margin:auto;
      text-shadow:0 0 18px rgba(230,41,59,.5);
    }

    .mobile-logo small{
      display:block;
      margin-top:5px;
      font-family:'Poppins',sans-serif;
      font-size:.44rem;
      letter-spacing:.38em;
      color:var(--brand-red);
      font-weight:600;
    }

    .header-actions{
      display:flex;
      align-items:center;
      gap:9px;
    }

    .bottom-nav{
      position:fixed;
      left:0;
      right:0;
      bottom:0;
      z-index:1100;
      height:50px;
      padding:5px 5px calc(5px + env(safe-area-inset-bottom));
      display:flex;
      align-items:center;
      justify-content:space-around;
      background:rgb(70 2 2);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      border-top:1px solid #ffc107;
      box-shadow:0 -8px 22px rgba(0,0,0,.65);
    }

    .bottom-nav-item{
      min-width:0;
      flex:1;
      height:56px;
      padding:5px 2px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:3px;
      color:white;
      border-radius:12px;
      font-size:.58rem;
      font-weight:400;
    }

    .bottom-nav-item i{
      font-size:1.05rem;
      line-height:1;
    }

    .bottom-nav-item span{
      white-space:nowrap;
    }

    .bottom-nav-item.active{
      color:#d2a202;
      text-shadow:0 0 10px var(--nm-glow);
    }

    body{
      padding-bottom:76px;
    }
  }

  @media (max-width: 767.98px){
    .aira-hero{
      min-height:190px;
      padding:1.5rem;
      margin-bottom:1.25rem;
    }

    .aira-hero h1{
      font-size:2rem;
    }

    .aira-toolbar{
      font-size:.82rem;
      padding:.75rem .9rem;
      margin-bottom:1.2rem;
    }

    .product-body{
      padding:10px 7px 10px 8px;
    }

    .product-title{
      font-size:13px;
    }

    .product-price{
      font-size:.9rem;
      margin-bottom:.65rem;
    }

    .btn-cart{
      font-size:.72rem;
      padding:.48rem 0;
    }
  }

  @media (max-width: 575.98px){
    .mobile-tablet-inner{
      min-height:50px;
      padding:0px 11px;
      gap:7px;
    }

    .profile-btn{
      width:45px;
      height:45px;
      flex-basis:42px;
    }

    .profile-ring{
      width:45px;
      height:40px;
    }

    .mobile-logo{
      font-size:1.28rem;
    }

    .mobile-logo small{
      font-size:.38rem;
    }

    .header-actions{
      gap:6px;
    }

    .header-action-btn{
      width:40px;
      height:40px;
    }

    .header-action-btn i{
      font-size:20px;
    }

    .aira-hero{
      min-height:170px;
      padding:1.25rem;
      border-radius:18px;
    }

    .aira-hero h1{
      font-size:1.65rem;
    }

    .aira-toolbar{
      display:flex;
      align-items:center !important;
      justify-content:space-between !important;
      gap:.5rem;
    }

    .aira-sort{
      max-width:145px;
      font-size:.75rem;
    }
  }
  
  /* ================================
   SLIDER WRAPPER
================================ */

.jewelry-slider{
    width:100%;
    position:relative;

    padding:10px 0px;
}


/* ================================
   SLIDER
================================ */

.slider-container{

    width:100%;

    position:relative;

    overflow:hidden;

    border-radius:
        clamp(18px,2vw,32px);

    background:#b90016;

    box-shadow:

        12px 12px 28px var(--shadow-dark),

        -8px -8px 25px var(--shadow-light),

        0 0 30px rgba(255,30,50,.35);

}


/* ================================
   SLIDES
================================ */

.slides{
    width:100%;

    display:flex;

    transition:
        transform .7s cubic-bezier(.77,0,.18,1);

    touch-action:pan-y;
}


.slide{

    min-width:100%;

    position:relative;

    aspect-ratio:16 / 5;
	
	    height: 315px;

    overflow:hidden;

    background:#500009;
}


.slide img{

    width:100%;
    height: fit-content;

    display:block;

    object-fit:cover;

    object-position:center;

    user-select:none;

    -webkit-user-drag:none;

}


/* ================================
   IMAGE OVERLAY
================================ */

.slide::after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(50,0,5,.20),
            transparent 45%,
            rgba(80,0,8,.12)
        );

}


/* ================================
   PREVIOUS / NEXT
================================ */

.slider-btn{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:
        clamp(38px,4vw,58px);

    height:
        clamp(38px,4vw,58px);

    border:none;

    border-radius:50%;

    background:rgba(80,0,8,.62);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    z-index:5;

    font-size:
        clamp(15px,1.7vw,24px);

    box-shadow:

        6px 6px 14px rgba(50,0,5,.5),

        -4px -4px 10px rgba(255,255,255,.12);

    backdrop-filter:blur(7px);

    transition:.25s ease;

}


.slider-btn:hover{

    background:var(--red);

    box-shadow:

        0 0 18px rgba(255,30,50,.75),

        6px 6px 14px rgba(50,0,5,.45);

}


.slider-btn:active{

    transform:
        translateY(-50%)
        scale(.92);

}


.prev{

    left:
        clamp(10px,2vw,28px);

}


.next{

    right:
        clamp(10px,2vw,28px);

}


/* ================================
   DOTS
================================ */

.slider-dots{

    position:absolute;

    bottom:
        clamp(10px,1.8vw,22px);

    left:50%;

    transform:translateX(-50%);

    display:flex;

    align-items:center;

    gap:
        clamp(6px,1vw,10px);

    z-index:10;

    padding:6px 10px;

    border-radius:30px;

    background:rgba(40,0,5,.28);

    backdrop-filter:blur(8px);

}


.slider-dot{

    width:
        clamp(7px,1vw,11px);

    height:
        clamp(7px,1vw,11px);

    border-radius:50%;

    border:none;

    padding:0;

    cursor:pointer;

    background:rgba(255,255,255,.75);

    box-shadow:

        2px 2px 5px rgba(50,0,5,.4);

    transition:.3s ease;

}


.slider-dot.active{

    width:
        clamp(20px,2.5vw,32px);

    border-radius:20px;

    background:#fff;

    box-shadow:

        0 0 12px rgba(255,255,255,.9);

}


/* ================================
   RESPONSIVE - TABLET
================================ */

@media(max-width:991px){

    .slider-container{

        border-radius:10px;

    }

    .slide{

        /*
          Tablet banner ratio
        */
        aspect-ratio:16 / 7;
		height: 200px;

    }
	
	

}


/* ================================
   RESPONSIVE - MOBILE
================================ */

@media(max-width:575px){

    .jewelry-slider{

        padding:
            10px 0px ;

    }


    .slider-container{

        border-radius:10px;

    }


    .slide{

        /*
          Mobile image ratio
        */
        aspect-ratio:1 / .92;
		height: 130px;

    }


    .slide img{

        object-position:center;
		height: 130px;

    }


    .slider-btn{

        width:38px;

        height:38px;

        font-size:14px;

    }


    .slider-dots{

        bottom:9px;

        gap:5px;

        padding:5px 8px;

    }


    .slider-dot{

        width:7px;

        height:7px;

    }


    .slider-dot.active{

        width:20px;

    }
	


}


/* ================================
   VERY SMALL MOBILE
================================ */

@media(max-width:360px){

    .slide{

        aspect-ratio:1 / 1;

    }

    .slider-btn{

        width:34px;

        height:34px;

    }
	


}

.menu-item a {
    position: relative;
    padding: 12px 0;
    color: #ffffff;
    font-size: 13px;
    white-space: nowrap;
    transition: .2s ease;
    font-weight: 900;
}

.menu-item {
    
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.menu-item a:hover, .menu-item a.active {
    color: #ffc107;
    text-shadow: 0 0 12px var(--nm-glow);
}

/* =========================================================
   TATE JEWELS - FINAL WOOCOMMERCE PRODUCT GRID FIX
   Removes WooCommerce default product margins/floats
   and creates responsive CSS Grid.
   ========================================================= */

/* ---------- PRODUCT GRID ---------- */

.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.tate-products,
.woocommerce-page ul.products.tate-products {
    display: grid !important;

    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    gap: clamp(10px, 1.35vw, 20px) !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    float: none !important;
    clear: both !important;

    box-sizing: border-box !important;
}


/* ---------- REMOVE WOOCOMMERCE LI DEFAULT STYLES ---------- */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products.tate-products li.product,
.woocommerce-page ul.products.tate-products li.product {

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;

    position: relative !important;

    box-sizing: border-box !important;
}


/* ---------- REMOVE FIRST / LAST PRODUCT RULES ---------- */

.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first,
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {

    margin-left: 0 !important;
    margin-right: 0 !important;

    clear: none !important;
}


/* ---------- REMOVE WOOCOMMERCE CLEARFIX ---------- */

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {

    content: none !important;
    display: none !important;
}


/* =========================================================
   DESKTOP
   1200px+
   6 PRODUCTS
   ========================================================= */

@media (min-width: 1200px) {

    .woocommerce ul.products,
    .woocommerce-page ul.products {

        grid-template-columns:
            repeat(6, minmax(0, 1fr)) !important;

        gap: clamp(12px, 1.35vw, 22px) !important;
    }

}


/* =========================================================
   LAPTOP / SMALL DESKTOP
   992px - 1199px
   4 PRODUCTS
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    .woocommerce ul.products,
    .woocommerce-page ul.products {

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 14px !important;
    }

}


/* =========================================================
   TABLET
   768px - 991px
   3 PRODUCTS
   ========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .woocommerce ul.products,
    .woocommerce-page ul.products {

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 13px !important;
    }

}


/* =========================================================
   MOBILE
   576px - 767px
   2 PRODUCTS
   ========================================================= */

@media (min-width: 576px) and (max-width: 767.98px) {

    .woocommerce ul.products,
    .woocommerce-page ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   0 - 575px
   2 PRODUCTS
   ========================================================= */

@media (max-width: 575.98px) {

    .woocommerce ul.products,
    .woocommerce-page ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   360px AND BELOW
   ========================================================= */

@media (max-width: 360px) {

    .woocommerce ul.products,
    .woocommerce-page ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }

}


/* =========================================================
   PRODUCT CARD MUST FILL GRID CELL
   ========================================================= */

.woocommerce ul.products li.product .product-card,
.woocommerce-page ul.products li.product .product-card {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* ---------- IMAGE ---------- */

.woocommerce ul.products li.product .product-img-wrap,
.woocommerce-page ul.products li.product .product-img-wrap {

    width: auto !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* ---------- CART BUTTON ---------- */

.woocommerce ul.products li.product .btn-cart,
.woocommerce-page ul.products li.product .btn-cart {

    width: 100% !important;
    margin: 0 !important;
}


/* ---------- WOOCOMMERCE BUTTON ---------- */

.woocommerce ul.products li.product a.button,
.woocommerce-page ul.products li.product a.button {

    width: 100% !important;

    margin: 0 !important;

    float: none !important;

    box-sizing: border-box !important;
}

/* =========================================================
   TATE JEWELS - MOBILE RESPONSIVE FIX
   ========================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Main containers */
.container,
.site-container,
.tate-container,
.tate-cart-page,
.tate-cart-layout {
    width: 100%;
    max-width: 100%;
}

/* =========================================================
   MOBILE - 360px
   ========================================================= */

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

    body {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

    .tate-cart-page {
        width: 100%;
        padding: 8px;
        margin: 0;
    }

    .tate-cart-layout {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .tate-cart-left,
    .tate-cart-summary {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    /* Cart table */
    .tate-cart-table {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    /* Product grid */
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    ul.products.tate-products {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    ul.products.tate-products li.product {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
        clear: none !important;
    }

    /* Product card */
    .tate-product-card {
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    .tate-product-card img,
    .tate-product-card .product-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Recommendations */
    .tate-cart-recommendations {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .tate-cart-recommendations .products {
        width: 100% !important;
    }

    /* Prevent long product names from expanding page */
    .tate-product-card h2,
    .tate-product-card h3,
    .tate-product-title {
        max-width: 100%;
        overflow: hidden;
        word-break: break-word;
    }
}

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

    .responsive-header {
        width: 100%;
        max-width: 100%;
    }

    .mobile-tablet-header {
        width: 100%;
    }

    .mobile-tablet-inner {
        width: 100%;
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .desktop-header {
        display: none !important;
    }

    .mobile-tablet-header {
        display: block !important;
    }

    .mobile-logo {
        max-width: 130px;
        overflow: hidden;
    }

    .mobile-logo img {
        max-width: 100%;
        height: auto;
    }
}