/*
Theme Name: NÕIATAR (Premium WooCommerce)
Theme URI: https://example.com/noitar
Author: NordPixel
Author URI: https://example.com
Description: Premium WooCommerce teema brändile NÕIATAR – kiire, ligipääsetav ja 100% eestikeelne UI.
Version: 1.0.1
Text Domain: noitar
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
*/

:root{
  --bg:#0B1020;
  --panel:rgba(255,255,255,0.06);
  --panel2:rgba(255,255,255,0.10);
  --text:#F5F1E8;
  --muted:#9AA3B2;
  --accent:#D7B46A;
  --accent2:#6FE7FF;
  --danger:#FF5A6A;
  --success:#46E6A6;

  --shadow: 0 10px 40px rgba(0,0,0,0.35);
  --glow: 0 0 0 1px rgba(215,180,106,0.22), 0 0 30px rgba(215,180,106,0.12);

  --r-sm:12px;
  --r-md:18px;
  --r-lg:24px;

  --s-1:4px;
  --s-2:8px;
  --s-3:12px;
  --s-4:16px;
  --s-5:24px;
  --s-6:32px;
  --s-7:40px;
  --s-8:48px;
  --s-9:64px;

  --container: 1160px;
  --container-pad: 20px;

  --header-h: 96px;
  --logo-w: 180px;

  --focus: 0 0 0 3px rgba(111,231,255,0.30), 0 0 0 1px rgba(111,231,255,0.55);
}

*{box-sizing:border-box}
html{scroll-behavior:auto}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
}
body{
  margin:0;
  background:
    radial-gradient(1200px 800px at 20% -10%, rgba(111,231,255,0.10), transparent 60%),
    radial-gradient(1000px 700px at 90% 10%, rgba(215,180,106,0.08), transparent 55%),
    var(--bg);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.6;
  padding-top: var(--header-h);
}

img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
p{margin:0 0 var(--s-4)}
h1,h2,h3,h4{
  font-family:"Cormorant Garamond", ui-serif, Georgia, serif;
  letter-spacing:0.2px;
  line-height:1.15;
  margin:0 0 var(--s-4);
}
h1{font-size: clamp(36px, 4vw, 54px)}
h2{font-size: clamp(28px, 3vw, 40px)}
h3{font-size: clamp(20px, 2vw, 28px)}
small{color:var(--muted)}
::selection{background: rgba(215,180,106,0.25)}

.container{
  width:100%;
  max-width: var(--container);
  margin:0 auto;
  padding:0 var(--container-pad);
}

.skip-link{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;height:1px;
  overflow:hidden;
}
.skip-link:focus{
  left: var(--s-4);
  top: var(--s-4);
  width:auto;height:auto;
  padding: var(--s-3) var(--s-4);
  background: rgba(0,0,0,0.85);
  border: 1px solid rgba(215,180,106,0.35);
  border-radius: var(--r-sm);
  box-shadow: var(--shadow);
  z-index: 999999;
}

/* Focus */
:focus{outline:none}
:focus-visible{
  box-shadow: var(--focus);
  border-radius: 10px;
}

/* Buttons */
.btn, .button, button, input[type="submit"]{
  font: inherit;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,0.55);
  background: transparent;
  color: var(--text);
  cursor:pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  box-shadow: 0 0 0 1px rgba(215,180,106,0.10) inset;
}
.btn:hover{
  transform: translateY(-1px);
  box-shadow: var(--glow);
}
.btn:active{transform: translateY(0)}
.btn.primary{
  border-color: rgba(215,180,106,0.65);
  background: linear-gradient(180deg, rgba(215,180,106,0.18), rgba(215,180,106,0.06));
}
.btn.ghost{
  border-color: rgba(255,255,255,0.16);
}
.btn.small{padding:10px 14px;font-size:14px}
.btn.block{width:100%}

.badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  color: var(--text);
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
}
.badge.hot{
  border-color: rgba(215,180,106,0.40);
  background: rgba(215,180,106,0.12);
  box-shadow: 0 0 0 1px rgba(215,180,106,0.10) inset;
}

/* Panels / Cards */
.panel{
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow);
}
.card{
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow);
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 50px rgba(0,0,0,0.45), 0 0 0 1px rgba(111,231,255,0.10);
}
@media (prefers-reduced-motion: reduce){
  .card, .btn{transition:none}
  .card:hover, .btn:hover{transform:none}
}

/* Header (FULL fixed) */
.site-header{
  position: fixed;
  top:0; left:0;
  width:100%;
  z-index: 9999;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(11,16,32,0.72);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.site-header .header-inner{
  height: var(--header-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: var(--s-4);
}
.brand{
  display:flex;
  align-items:center;
  gap: var(--s-3);
  min-width: 180px;
}
.brand .custom-logo-link img{
  width: var(--logo-w);
  height:auto;
  display:block;
}
.brand .text-logo{
  font-family:"Cormorant Garamond", ui-serif, Georgia, serif;
  font-size: 28px;
  letter-spacing: 1px;
}
.header-center{
  display:flex;
  align-items:center;
  gap: var(--s-4);
  flex: 1;
  justify-content:center;
}
.primary-nav{
  display:block;
}
.primary-nav ul{
  list-style:none;
  margin:0;padding:0;
  display:flex;
  align-items:center;
  gap: 6px;
  flex-wrap:wrap;
}
.primary-nav a{
  display:inline-flex;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--text);
  opacity: .95;
  border: 1px solid transparent;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.primary-nav a:hover{
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.10);
}
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a{
  border-color: rgba(215,180,106,0.35);
  background: rgba(215,180,106,0.10);
  box-shadow: 0 0 0 1px rgba(215,180,106,0.10) inset;
}

.shop-toggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,0.30);
  background: rgba(215,180,106,0.08);
  cursor:pointer;
  transition: box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.shop-toggle:hover{
  transform: translateY(-1px);
  box-shadow: var(--glow);
}
.shop-toggle svg{opacity:.9}
.shop-toggle .label{font-weight:600;letter-spacing:.2px}

.header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 8px;
  min-width: 220px;
}
.icon-btn{
  width: 42px;height: 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  cursor:pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.icon-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
.icon{
  width:20px;height:20px;
  fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.cart-badge{
  position:absolute;
  margin-left: 18px;
  margin-top: -18px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(111,231,255,0.18);
  border: 1px solid rgba(111,231,255,0.55);
  color: var(--text);
  font-size: 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.icon-wrap{position:relative;display:inline-flex}

/* Search dropdown */
.search-panel{
  position:absolute;
  right: var(--container-pad);
  top: calc(var(--header-h) + 10px);
  width: min(520px, calc(100vw - 40px));
  background: rgba(15,22,44,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow);
  padding: var(--s-4);
  display:none;
}
.search-panel.open{display:block}
.search-panel label{display:block;font-weight:600;margin-bottom:8px}
.search-panel .search-row{
  display:flex;
  gap: var(--s-3);
}
.search-panel input[type="search"]{
  flex:1;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: var(--text);
}
.search-panel input::placeholder{color: rgba(154,163,178,0.85)}

/* Mega menu (desktop) */
.mega{
  position: absolute;
  left:0;
  width:100%;
  top: var(--header-h);
  padding: 18px 0 26px;
  background: rgba(11,16,32,0.88);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  display:none;
}
.mega.open{display:block}
.mega .mega-inner{
  max-width: 1060px; /* 980–1100px nõue */
  margin: 0 auto;
  padding: 0 var(--container-pad);
}
.mega-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: var(--s-4);
  margin-bottom: var(--s-4);
}
.mega-head h3{margin:0}
.mega-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--s-4);
}
.cat-card{
  display:block;
  border-radius: var(--r-lg);
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cat-card:hover{
  transform: translateY(-2px);
  border-color: rgba(215,180,106,0.28);
  box-shadow: var(--glow);
}
.cat-thumb{
  aspect-ratio: 4/3;
  width:100%;
  overflow:hidden;
  background: rgba(255,255,255,0.03);
}
.cat-thumb img{
  width:100%;height:100%;
  object-fit: cover;
  display:block;
}
.cat-body{
  padding: 12px 12px 14px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 10px;
}
.cat-name{
  font-weight:700;
  letter-spacing:.2px;
}
.cat-meta{
  font-size: 12px;
  color: var(--muted);
}

/* Off-canvas (mobile) */
.mobile-only{display:none}
.desktop-only{display:block}
@media (max-width: 980px){
  .desktop-only{display:none}
  .mobile-only{display:block}
  .header-center{justify-content:flex-start}
  .primary-nav{display:none}
  .header-actions{min-width:auto}
  .brand{min-width:auto}
}

.offcanvas-overlay{
  position:fixed; inset:0;
  background: rgba(0,0,0,0.55);
  display:none;
  z-index: 9998;
}
.offcanvas{
  position:fixed;
  right:0; top:0;
  height:100vh;
  width: min(92vw, 420px);
  background: rgba(15,22,44,0.96);
  border-left: 1px solid rgba(255,255,255,0.10);
  box-shadow: var(--shadow);
  transform: translateX(100%);
  transition: transform .22s ease;
  z-index: 9999;
  display:flex;
  flex-direction:column;
}
.offcanvas.open{transform: translateX(0)}
.offcanvas-overlay.open{display:block}
.offcanvas-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: var(--s-4);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.offcanvas-body{
  padding: var(--s-4);
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap: var(--s-4);
}
.offcanvas .menu{
  list-style:none;
  margin:0;padding:0;
  display:flex;
  flex-direction:column;
  gap: 6px;
}
.offcanvas .menu a{
  display:flex;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
}
.offcanvas .menu a:hover{
  border-color: rgba(111,231,255,0.22);
}
.oc-section-title{
  font-weight:800;
  letter-spacing:.2px;
  margin:0 0 10px;
}
.oc-shop-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.oc-shop-grid .cat-card .cat-thumb{aspect-ratio: 1/1}

/* Main content */
.site-main{
  padding: var(--s-7) 0 var(--s-9);
}
.section{
  padding: var(--s-8) 0;
}
.section.compact{padding: var(--s-7) 0}
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: var(--s-4);
  margin-bottom: var(--s-5);
}
.kicker{
  color: var(--muted);
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size: 12px;
}

.hero{
  padding: calc(var(--s-9) - 10px) 0 var(--s-8);
  position:relative;
}
.hero .hero-inner{
  display:grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: var(--s-6);
  align-items:center;
}
@media (max-width: 980px){
  .hero .hero-inner{grid-template-columns: 1fr}
}
.hero .lead{
  color: rgba(245,241,232,0.92);
  font-size: 18px;
  max-width: 56ch;
}
.hero .cta-row{
  display:flex;
  flex-wrap:wrap;
  gap: var(--s-3);
  margin-top: var(--s-5);
}
.hero-art{
  border-radius: var(--r-lg);
  padding: var(--s-5);
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: var(--shadow);
  position:relative;
  overflow:hidden;
}
.hero-art .ornament{
  position:absolute;
  inset:-40px;
  opacity:0.30;
  pointer-events:none;
}
.hero-art ul{
  list-style:none;
  margin:0;padding:0;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.hero-art li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(245,241,232,0.92);
}
/* ===== HERO CHECKMARK FIX (asenda vana .check blokk) ===== */
.check{
  width:18px;
  height:18px;
  flex: 0 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(70,230,166,0.65);
  box-shadow: 0 0 0 1px rgba(70,230,166,0.18) inset;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top: 2px;
}

.check:after{
  content:"";
  display:block;
  width:6px;
  height:10px;
  border-right:2px solid rgba(70,230,166,0.9);
  border-bottom:2px solid rgba(70,230,166,0.9);
  transform: rotate(40deg);
}
/* Service cards */
.grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-4);
}
@media (max-width: 980px){
  .grid-3{grid-template-columns: 1fr}
}
.service-card{
  padding: var(--s-5);
  position:relative;
}
.service-card h3{margin-bottom: 10px}
.service-card p{color: rgba(154,163,178,0.95)}
.service-card .row{
  margin-top: var(--s-4);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.service-icon{
  width:44px;height:44px;
  border-radius: 16px;
  background: rgba(215,180,106,0.12);
  border: 1px solid rgba(215,180,106,0.30);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 0 0 1px rgba(215,180,106,0.10) inset;
}
.service-icon svg{width:22px;height:22px}

/* Steps */
.steps{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--s-4);
}
@media (max-width: 980px){
  .steps{grid-template-columns: 1fr; gap: var(--s-3)}
}
.step{
  padding: var(--s-4);
  border-radius: var(--r-lg);
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
}
.step .num{
  font-weight:900;
  color: rgba(215,180,106,0.9);
  letter-spacing:.06em;
}
.step p{color: rgba(154,163,178,0.95)}

/* Trust / Reviews */
.quote-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-4);
}
@media (max-width: 980px){
  .quote-grid{grid-template-columns: 1fr}
}
.quote{
  padding: var(--s-5);
}
.quote p{color: rgba(245,241,232,0.92)}
.quote .who{
  margin-top: var(--s-4);
  color: var(--muted);
  font-size: 14px;
}

/* FAQ accordion (details) */
.faq{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-4);
}
@media (max-width: 980px){
  .faq{grid-template-columns: 1fr}
}
details{
  border-radius: var(--r-lg);
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  padding: 14px 16px;
}
details summary{
  cursor:pointer;
  font-weight:800;
  list-style:none;
}
details summary::-webkit-details-marker{display:none}
details[open]{
  background: rgba(255,255,255,0.06);
  border-color: rgba(215,180,106,0.22);
  box-shadow: 0 0 0 1px rgba(215,180,106,0.08) inset;
}
details .ans{
  margin-top: 10px;
  color: rgba(154,163,178,0.95);
}

/* CTA bar */
.cta-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: var(--s-4);
  padding: var(--s-5);
  border-radius: var(--r-lg);
  border: 1px solid rgba(215,180,106,0.22);
  background: linear-gradient(180deg, rgba(215,180,106,0.12), rgba(255,255,255,0.04));
}
@media (max-width: 980px){
  .cta-bar{flex-direction:column; align-items:flex-start}
}

/* Footer */
.site-footer{
  padding: var(--s-8) 0 var(--s-4);
  border-top: 1px solid rgba(255,255,255,0.08);
  background: rgba(8,12,24,0.55);
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr 1.1fr;
  gap: var(--s-6);
  margin-bottom: var(--s-6);
}
@media (max-width: 980px){
  .footer-grid{grid-template-columns: 1fr; gap: var(--s-5)}
}
.footer-title{
  font-weight:900;
  margin:0 0 10px;
  letter-spacing:.2px;
}
.footer-links{
  list-style:none;
  margin:0;padding:0;
  display:flex;
  flex-direction:column;
  gap: 8px;
}
.footer-links a{
  color: rgba(245,241,232,0.92);
  opacity: .95;
}
.footer-links a:hover{opacity:1}
.footer-muted{color: rgba(154,163,178,0.95)}
.footer-pay{
  display:flex;
  align-items:center;
  gap: 12px;
  padding-top: var(--s-4);
  border-top: 1px solid rgba(255,255,255,0.08);
}
.footer-pay .pay-label{color: var(--muted); font-size: 14px}
.footer-pay img{height: 22px; width:auto; display:block}
.footer-bottom{
  margin-top: var(--s-4);
  padding-top: var(--s-4);
  border-top: 1px solid rgba(255,255,255,0.08);
  color: rgba(154,163,178,0.95);
  font-size: 14px;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:space-between;
}
.footer-bottom a{opacity:.95}
.footer-bottom a:hover{opacity:1}

/* Forms */
input, textarea, select{
  font: inherit;
  color: var(--text);
}
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], textarea, select{
  width:100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
}
textarea{min-height: 120px; resize: vertical}
label{font-weight:700}

/* WooCommerce */
.woocommerce{
  --wc-green: var(--success);
  --wc-red: var(--danger);
}
.woocommerce .woocommerce-breadcrumb{
  color: var(--muted);
  margin: 0 0 var(--s-4);
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  border-radius: 999px;
  padding: 12px 16px;
  border: 1px solid rgba(215,180,106,0.55);
  background: transparent;
  color: var(--text);
  box-shadow: 0 0 0 1px rgba(215,180,106,0.10) inset;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  box-shadow: var(--glow);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  border-radius: 999px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  border-color: rgba(215,180,106,0.30);
  background: rgba(215,180,106,0.10);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color: var(--text);
  padding: 10px 12px;
}
.woocommerce span.onsale{
  background: rgba(215,180,106,0.22);
  border: 1px solid rgba(215,180,106,0.45);
  color: var(--text);
}

/* Premium notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-radius: var(--r-lg);
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  padding: 14px 16px;
  box-shadow: var(--shadow);
}
.woocommerce-message{
  border-color: rgba(70,230,166,0.30);
  background: rgba(70,230,166,0.08);
}
.woocommerce-info{
  border-color: rgba(111,231,255,0.30);
  background: rgba(111,231,255,0.07);
}
.woocommerce-error{
  border-color: rgba(255,90,106,0.35);
  background: rgba(255,90,106,0.08);
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{display:none}

/* Checkout layout tweaks */
.woocommerce-checkout .woocommerce form.checkout{
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  border-radius: var(--r-lg);
  padding: var(--s-5);
}
@media (max-width: 980px){
  .woocommerce-checkout .woocommerce form.checkout{padding: var(--s-4)}
}
.woocommerce form .form-row label{
  color: rgba(245,241,232,0.95);
}
.woocommerce form .form-row .required{
  color: var(--accent2);
}
.woocommerce-checkout #payment{
  border-radius: var(--r-lg);
  background: rgba(255,255,255,0.03);
}

/* Blog */
.post-list{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-4);
}
@media (max-width: 980px){
  .post-list{grid-template-columns: 1fr}
}
.post-card{
  padding: var(--s-5);
}
.post-meta{
  color: var(--muted);
  font-size: 13px;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}
.prose{
  max-width: 72ch;
}
.prose a{
  color: var(--accent2);
  text-decoration: underline;
  text-decoration-color: rgba(111,231,255,0.35);
}
.prose a:hover{
  text-decoration-color: rgba(111,231,255,0.65);
}

/* Helpers */
.hr-orn{
  margin: var(--s-6) 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(215,180,106,0.35), rgba(111,231,255,0.25), transparent);
  border:0;
}
.subtle{
  color: rgba(154,163,178,0.95);
}
/* FIX: mega ei tohi mõjutada headeri kõrgust + peab olema fixed headeri all */
:root{
  --adminbar-h: 0px;
}

/* Mega nüüd fixed – väljaspool headerit */
.mega{
  position: fixed;
  left:0;
  width:100%;
  top: calc(var(--adminbar-h, 0px) + var(--header-h));
  padding: 18px 0 26px;
  background: rgba(11,16,32,0.88);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  display:none;
  z-index: 9997;
}
.mega.open{display:block}

/* Otsingupaneel adminbar-aware */
.search-panel{
  top: calc(var(--adminbar-h, 0px) + var(--header-h) + 10px);
}

/* Offcanvas overlay peab jääma mega peale klikiks ok */
.offcanvas-overlay{ z-index: 9998; }
.offcanvas{ z-index: 9999; }
.site-header{ z-index: 10000; }
/* ===== HEADER POLISH (kleebi style.css lõppu) ===== */

/* WP logo link on baseline'iga -> teeb visuaalselt "ujuma". Nullime ära. */
.brand .custom-logo-link{
  display:block;
  line-height:0;
}

/* Logo pilt kindlalt block + kasutame Customizeri widthi */
.brand .custom-logo{
  display:block;
  width: var(--logo-w);
  height:auto;
}

/* Header riba vertikaalne joondus */
.site-header .header-inner{
  align-items:center !important;
  gap: 14px;
}

/* Eemalda "liigne min-width", mis lükkab keskmise osa kummaliselt paika */
.brand{ min-width: unset !important; }
.header-actions{ min-width: unset !important; }

/* Menüü nupud alati sama kõrgusega ja joondatud */
.primary-nav a{
  line-height: 1;
  padding: 10px 12px;
}

/* E-POOD toggle sama kõrgus mis ikoon-nupud */
.shop-toggle{
  height: 42px;
  padding: 10px 14px;
  line-height: 1;
}
.shop-toggle .label{ white-space: nowrap; }

/* Parempoolsed ikoonid täpselt sama kõrgusega */
.icon-btn{
  width: 42px;
  height: 42px;
}

/* Kui sul on adminbar, siis header + mega + search ei lähe segi */
:root{ --adminbar-h: 0px; }
/* ================================
   HARD FIX: HEADER JOONDUS + WRAP
   (kleebi style.css lõppu)
================================ */

/* Logo link ei tohi olla baseline inline */
.brand .custom-logo-link{
  display:flex !important;
  align-items:center !important;
  line-height:0 !important;
}

/* Logo pilt: hoia proportsioon + ära lase kõrgusel headerit lõhkuda */
.brand .custom-logo{
  display:block !important;
  width:auto !important;
  max-width: var(--logo-w) !important;               /* slider kontrollib max-laiust */
  max-height: calc(var(--header-h) - 18px) !important; /* ei lähe kunagi üle headeri */
  height:auto !important;
  object-fit: contain !important;
}

/* Tee header rida “agentuuri puhas” ja 1-real */
.site-header .header-inner{
  display:grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items:center !important;
  gap: 14px !important;
}

/* Keskosa ei tohi wrap'ida */
.header-center{
  min-width: 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap: 12px !important;
}

/* NAV: ära wrap'i desktopis (see tekitab teise rea) */
.primary-nav ul{
  flex-wrap: nowrap !important;
  gap: 4px !important;
  white-space: nowrap !important;
}

.primary-nav a{
  white-space: nowrap !important;
  line-height: 1 !important;
  padding: 10px 12px !important;
}

/* E-POOD mega-nupp: sama kõrgus mis ikoonid */
.shop-toggle{
  height: 42px !important;
  padding: 10px 14px !important;
  line-height: 1 !important;
}

/* Parempoolne action rida kompaktseks */
.header-actions{
  display:flex !important;
  align-items:center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

/* ================================
   HARD FIX: HERO CHECKMARKID (linnud ringi keskel)
================================ */

.hero-art li{
  align-items:flex-start !important;
}

.hero-art .check{
  width:18px !important;
  height:18px !important;
  flex: 0 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(70,230,166,0.65) !important;
  box-shadow: 0 0 0 1px rgba(70,230,166,0.18) inset !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top: 2px !important;
}

.hero-art .check:after{
  content:"" !important;
  display:block !important;
  width:6px !important;
  height:10px !important;
  border-right:2px solid rgba(70,230,166,0.92) !important;
  border-bottom:2px solid rgba(70,230,166,0.92) !important;
  transform: rotate(40deg) !important;
}
/* ================================
   PREMIUM HEADER LAYOUT (7500€ feel)
   kleebi style.css LÕPPU
================================ */

/* Ühtne headeri kõrgus + ilus blur */
.site-header{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Grid jaotus: vasak (logo) | keskel (nav + e-pood) | parem (ikoonid) */
.site-header .header-inner{
  display:grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items:center !important;
  gap: 18px !important;
}

/* Vasak osa: logo alati vasakus “kolmandikus” */
.brand{
  justify-self: start !important;
  display:flex !important;
  align-items:center !important;
}

/* Keskosa: päriselt keskel, ei “uju” */
.header-center{
  justify-self: center !important;
  display:flex !important;
  align-items:center !important;
  gap: 12px !important;
}

/* Menüü: premium spacing, üks rida */
.primary-nav ul{
  display:flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  white-space: nowrap !important;
  align-items:center !important;
}

/* Menüü linkidest “pill” ainult hover/active (mitte kogu aeg paks) */
.primary-nav a{
  position: relative;
  padding: 10px 14px !important;
  border-radius: 999px;
  line-height: 1 !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}
@media (prefers-reduced-motion: reduce){
  .primary-nav a{ transition:none; }
}
.primary-nav a:hover,
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a{
  background: rgba(215,180,106,0.12);
  box-shadow: 0 0 0 1px rgba(215,180,106,0.35) inset, 0 10px 26px rgba(0,0,0,0.28);
  transform: translateY(-1px);
}

/* E-POOD nupu disain: sama baseline, delikaatne kuld outline */
.shop-toggle{
  height: 42px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(215,180,106,0.45) !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.shop-toggle:hover{
  background: rgba(215,180,106,0.10) !important;
  box-shadow: 0 0 0 1px rgba(215,180,106,0.55) inset, 0 12px 30px rgba(0,0,0,0.35);
  transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce){
  .shop-toggle, .shop-toggle:hover{ transition:none; transform:none; }
}

/* Parempoolne: ikoonid “paremale joondatud”, ühtne spacing */
.header-actions{
  justify-self: end !important;
  display:flex !important;
  align-items:center !important;
  gap: 10px !important;
}

/* Ikoon-nupud: täpne ring, keskjoondus, premium hover */
.icon-btn{
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.icon-btn:hover{
  background: rgba(111,231,255,0.08);
  box-shadow: 0 0 0 1px rgba(111,231,255,0.18) inset, 0 12px 30px rgba(0,0,0,0.35);
  transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce){
  .icon-btn, .icon-btn:hover{ transition:none; transform:none; }
}

/* Logo: block, ei baseline-uju */
.brand .custom-logo-link{
  display:flex !important;
  align-items:center !important;
  line-height:0 !important;
}
.brand .custom-logo{
  display:block !important;
  max-width: var(--logo-w) !important;
  height:auto !important;
}

/* Väldi wrap'i väiksematel laiustel — kui ruumi pole, peida desktop menüü ja jäta hamburger */
@media (max-width: 980px){
  .desktop-only{ display:none !important; }
  .mobile-only{ display:inline-flex !important; }
  .site-header .header-inner{ grid-template-columns: auto 1fr auto !important; }
  .header-actions{ justify-self:end !important; }
}
/* ================================
   FIX: desktopis pole hamburgerit
================================ */
.desktop-only{ display:flex !important; }
.mobile-only{ display:none !important; }

@media (max-width: 980px){
  .desktop-only{ display:none !important; }
  .mobile-only{ display:inline-flex !important; }
}
/* ================================
   LUXURY HEADER DETAILS (premium)
================================ */

/* Peen alumine gradient-joon */
.site-header:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background: linear-gradient(90deg,
    rgba(215,180,106,0) 0%,
    rgba(215,180,106,0.22) 18%,
    rgba(111,231,255,0.16) 50%,
    rgba(215,180,106,0.22) 82%,
    rgba(215,180,106,0) 100%
  );
  pointer-events:none;
}

/* Menüü active underline + glow (optically premium) */
.primary-nav a{
  position:relative;
}
.primary-nav .current-menu-item > a:after,
.primary-nav .current_page_item > a:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:6px;
  height:2px;
  border-radius: 99px;
  background: rgba(215,180,106,0.75);
  box-shadow: 0 0 18px rgba(215,180,106,0.22);
}

/* Mini separator dot nav ja E-POOD vahel */
.header-center{
  position:relative;
}
.header-center:after{
  content:"";
  width:4px; height:4px;
  border-radius:999px;
  background: rgba(215,180,106,0.55);
  box-shadow: 0 0 14px rgba(215,180,106,0.18);
  display:inline-block;
  margin: 0 2px;
}
/* ================================
   PREMIUM: E-POOD nupp (mega toggle)
================================ */

.shop-toggle{
  display:inline-flex !important;
  align-items:center !important;
  gap: 10px !important;

  height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;

  /* teema-kohane “premium” taust */
  background:
    radial-gradient(120% 140% at 30% 20%, rgba(215,180,106,0.18) 0%, rgba(11,16,32,0.0) 55%),
    linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 100%) !important;

  border: 1px solid rgba(215,180,106,0.55) !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.28) inset,
    0 10px 28px rgba(0,0,0,0.35) !important;

  cursor:pointer;
  user-select:none;

  /* oluline: värv + loetavus */
  color: var(--text) !important;
}

.shop-toggle .label{
  color: var(--accent) !important;     /* kuld */
  font-weight: 700;
  letter-spacing: 0.08em;
  font-size: 12px;
  text-transform: uppercase;
}

.shop-toggle .icon{
  width: 18px;
  height: 18px;
  stroke: var(--accent) !important;
  stroke-width: 2;
  fill: none;
  opacity: 0.95;
  transition: transform .18s ease;
}

.shop-toggle:hover{
  background:
    radial-gradient(140% 160% at 35% 20%, rgba(111,231,255,0.14) 0%, rgba(11,16,32,0.0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%) !important;

  border-color: rgba(111,231,255,0.45) !important;

  box-shadow:
    0 0 0 1px rgba(111,231,255,0.18) inset,
    0 16px 40px rgba(0,0,0,0.45),
    0 0 22px rgba(111,231,255,0.14) !important;

  transform: translateY(-1px);
}

.shop-toggle:hover .label{
  color: var(--accent2) !important;    /* cyan hover */
}

.shop-toggle:hover .icon{
  stroke: var(--accent2) !important;
  transform: translateY(1px);
}

/* aktiivne olek (kui mega avatud) */
.shop-toggle[aria-expanded="true"]{
  background:
    radial-gradient(120% 160% at 35% 20%, rgba(215,180,106,0.22) 0%, rgba(11,16,32,0.0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%) !important;

  border-color: rgba(215,180,106,0.65) !important;

  box-shadow:
    0 0 0 1px rgba(215,180,106,0.22) inset,
    0 18px 44px rgba(0,0,0,0.52),
    0 0 26px rgba(215,180,106,0.16) !important;
}

/* a11y focus */
.shop-toggle:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 2px rgba(215,180,106,0.35),
    0 0 0 6px rgba(215,180,106,0.12),
    0 16px 40px rgba(0,0,0,0.45) !important;
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .shop-toggle,
  .shop-toggle:hover{
    transform:none !important;
    transition:none !important;
  }
  .shop-toggle .icon{ transition:none !important; }
}
/* ================================
   HEADER ICONS: värv + premium hover
================================ */

/* Ühtne nupupind */
.site-header .icon-btn{
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: var(--text) !important; /* oluline, et inherit oleks hele */
}

/* SVG ikoonid kasutavad stroke'i */
.site-header .icon-btn .icon{
  width: 18px;
  height: 18px;
  stroke: rgba(245,241,232,0.88) !important;
  stroke-width: 2;
  fill: none !important;
  opacity: 0.98;
  transition: transform .18s ease, stroke .18s ease, opacity .18s ease;
}

/* Hover: cyan premium glow */
.site-header .icon-btn:hover{
  background: rgba(111,231,255,0.08) !important;
  border-color: rgba(111,231,255,0.20) !important;
  box-shadow:
    0 0 0 1px rgba(111,231,255,0.14) inset,
    0 16px 40px rgba(0,0,0,0.45),
    0 0 22px rgba(111,231,255,0.12) !important;
  transform: translateY(-1px);
}

.site-header .icon-btn:hover .icon{
  stroke: var(--accent2) !important;
  opacity: 1;
  transform: translateY(1px);
}

/* Focus-visible: kuldne ring (a11y premium) */
.site-header .icon-btn:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 2px rgba(215,180,106,0.35),
    0 0 0 6px rgba(215,180,106,0.12),
    0 16px 40px rgba(0,0,0,0.45) !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .site-header .icon-btn,
  .site-header .icon-btn:hover{
    transform:none !important;
    transition:none !important;
  }
  .site-header .icon-btn .icon{ transition:none !important; }
}
/* ================================
   PREMIUM CHECK (SVG) – NÕIATAR stiilis
================================ */

.hero-art li{
  align-items:flex-start;
  gap: 10px;
}

/* Ring + peen glow (sobib panel style’iga) */
.check{
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 999px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  margin-top: 2px;

  background:
    radial-gradient(120% 120% at 30% 25%, rgba(70,230,166,0.18) 0%, rgba(70,230,166,0.06) 55%, rgba(70,230,166,0.00) 100%),
    rgba(255,255,255,0.02);

  border: 1px solid rgba(70,230,166,0.45);
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.35) inset,
    0 10px 20px rgba(0,0,0,0.25),
    0 0 18px rgba(70,230,166,0.10);
}

/* Linnuke: rounded, stroke only (always crisp) */
.check-icon{
  width: 14px;
  height: 14px;

  stroke: rgba(70,230,166,0.95);
  stroke-width: 2.8;
  fill: none;

  stroke-linecap: round;
  stroke-linejoin: round;

  /* optiline keskjoondus */
  transform: translateY(0.15px);
}

/* Reduced motion: pole animatsiooni, aga jätame struktuuri paika */
@media (prefers-reduced-motion: reduce){
  .check, .check-icon{ transition: none !important; }
}
/* =========================================================
   FRONT-PAGE PREMIUM LAYOUT (NÕIATAR) – kleebi style.css lõppu
========================================================= */

/* Container kui sul pole 100% lukus */
.container{
  width: min(1100px, calc(100% - 40px));
  margin-inline: auto;
}

/* Üldised sektsioonid */
.section{
  padding: 72px 0;
}
@media (max-width: 768px){
  .section{ padding: 54px 0; }
}

/* Hero */
.hero{
  padding: 76px 0 52px;
}
.hero-grid{
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: start;
}
@media (max-width: 980px){
  .hero-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.kicker{
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(215,180,106,0.85);
  margin-bottom: 10px;
}
.hero h1{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(40px, 4.2vw, 64px);
  line-height: 1.03;
  margin: 0 0 12px;
}
.hero .lead{
  color: rgba(245,241,232,0.88);
  font-size: 18px;
  line-height: 1.55;
  max-width: 56ch;
  margin: 0;
}
.hero-actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}

/* Panel / Card base (kui sul juba on, siis see ainult viimistleb) */
.panel, .card{
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}
.muted{ color: rgba(154,163,178,0.95); }
.subtle{ color: rgba(154,163,178,0.85); }

/* Hero parempoolne list */
.hero-art{
  padding: 18px 18px;
  position: relative;
  overflow: hidden;
}
.hero-art:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(120% 90% at 30% 10%, rgba(111,231,255,0.10) 0%, rgba(11,16,32,0) 60%),
    radial-gradient(120% 90% at 80% 20%, rgba(215,180,106,0.10) 0%, rgba(11,16,32,0) 55%);
  pointer-events:none;
}
.hero-art-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
  position: relative;
  z-index: 1;
}
.hero-art-list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(245,241,232,0.92);
  line-height: 1.45;
}
.hero-art-list strong{
  color: var(--text);
  font-weight: 700;
}

/* ✅ Premium CHECK SVG (kui sa juba lisasid, jääb; kui mitte, siis toimib ikka) */
.check{
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top: 2px;
  background:
    radial-gradient(120% 120% at 30% 25%, rgba(70,230,166,0.18) 0%, rgba(70,230,166,0.06) 55%, rgba(70,230,166,0.00) 100%),
    rgba(255,255,255,0.02);
  border: 1px solid rgba(70,230,166,0.45);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.35) inset, 0 10px 20px rgba(0,0,0,0.25), 0 0 18px rgba(70,230,166,0.10);
}
.check-icon{
  width: 14px;
  height: 14px;
  stroke: rgba(70,230,166,0.95);
  stroke-width: 2.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: translateY(0.15px);
}

/* Section head */
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.section-head h2{
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(28px, 2.2vw, 38px);
  line-height: 1.12;
  margin: 0;
}
@media (max-width: 640px){
  .section-head{
    align-items:flex-start;
    flex-direction: column;
  }
}

/* Cards 3 */
.cards-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 980px){
  .cards-3{ grid-template-columns: 1fr; }
}

/* Service card premium */
.service-card{
  display:block;
  padding: 18px;
  text-decoration:none;
  position: relative;
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.service-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  background: radial-gradient(120% 120% at 20% 0%, rgba(215,180,106,0.10) 0%, rgba(11,16,32,0) 55%);
  opacity: 0.9;
  pointer-events:none;
}
.service-card > *{ position:relative; z-index: 1; }

.service-card h3{
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  margin: 8px 0 6px;
  color: var(--text);
}
.service-card p{
  margin: 0 0 10px;
  line-height: 1.55;
}
.service-card .cta-link{
  color: rgba(215,180,106,0.92);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.card-icon{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(215,180,106,0.22);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset;
}
.card-icon .icon{
  width: 20px;
  height: 20px;
  stroke: rgba(215,180,106,0.92);
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.service-card:hover{
  transform: translateY(-2px);
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 26px 70px rgba(0,0,0,0.45);
}
.service-card:hover .card-icon{
  border-color: rgba(111,231,255,0.25);
}
.service-card:hover .card-icon .icon{
  stroke: rgba(111,231,255,0.92);
}
@media (prefers-reduced-motion: reduce){
  .service-card, .service-card:hover{ transition:none; transform:none; }
}

/* Steps 4 */
.steps-4{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 980px){
  .steps-4{ grid-template-columns: 1fr; }
}
.step{
  padding: 16px;
}
.step-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 54px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.10);
  color: rgba(215,180,106,0.9);
  font-weight: 800;
  letter-spacing: .08em;
  font-size: 12px;
}
.step h3{
  margin: 12px 0 6px;
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
}
.step p{ margin: 0; }

/* Trust + Reviews */
.trust-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 980px){
  .trust-grid{ grid-template-columns: 1fr; }
}
.trust-grid .card{
  padding: 18px;
}
.bullets{
  list-style:none;
  margin: 14px 0 0;
  padding: 0;
  display:grid;
  gap: 10px;
}
.bullets li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(245,241,232,0.88);
}
.dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(111,231,255,0.60);
  box-shadow: 0 0 18px rgba(111,231,255,0.18);
  margin-top: 6px;
  flex: 0 0 8px;
}

.reviews{
  display:grid;
  gap: 12px;
  margin-top: 12px;
}
.review{
  margin: 0;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
}
.review p{
  margin: 0 0 10px;
  color: rgba(245,241,232,0.92);
  line-height: 1.55;
}
.review footer{
  color: rgba(154,163,178,0.9);
  font-size: 13px;
}

/* FAQ details accordion */
.faq{
  display:grid;
  gap: 10px;
}
.faq-item{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  overflow: hidden;
}
.faq-item summary{
  cursor: pointer;
  padding: 14px 16px;
  list-style: none;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  color: rgba(245,241,232,0.95);
  font-weight: 700;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary:after{
  content:"";
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(215,180,106,0.8);
  border-bottom: 2px solid rgba(215,180,106,0.8);
  transform: rotate(45deg);
  transition: transform .18s ease;
}
.faq-item[open] summary:after{
  transform: rotate(225deg);
}
.faq-body{
  padding: 0 16px 14px;
}
.faq-body p{ margin: 0; color: rgba(154,163,178,0.95); line-height: 1.6; }
@media (prefers-reduced-motion: reduce){
  .faq-item summary:after{ transition:none; }
}

/* CTA Band */
.cta-band{
  padding: 22px 0 78px;
}
.cta-band-inner{
  padding: 18px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 18px;
}
@media (max-width: 980px){
  .cta-band-inner{
    flex-direction: column;
    align-items:flex-start;
  }
}
.cta-band-actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}
/* FIX: ära joonista teist linnukest pseudo-elementiga */
.check:after{
  content: none !important;
}
.check:before{
  content: none !important;
}
/* ================================
   HARD FIX: topelt linnukesed (pseudo + marker)
   kleebi style.css kõige LÕPPU
================================ */

/* 1) tapa kõik pseudo-“linnud” checki ümbert */
.hero-art .check::before,
.hero-art .check::after,
.check::before,
.check::after{
  content: "" !important;
  display: none !important;
}

/* 2) tapa listi markerid (juhuks kui mingi marker on veel alles) */
.hero-art ul,
.hero-art-list{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.hero-art li::marker,
.hero-art-list li::marker{
  content: "" !important;
}

/* 3) kui mõni teema CSS paneb svg-le fill'i, siis suru maha */
.hero-art .check-icon,
.hero-art .check-icon *{
  fill: none !important;
}
/* ================================
   PAGE HERO + LEHED (KKK / HOW / KONTAKT)
================================ */

.page-hero{
  padding: 68px 0 18px;
}
.page-hero-inner{
  max-width: 80ch;
}
.page-title{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(34px, 3.2vw, 52px);
  line-height: 1.08;
  margin: 0 0 10px;
}
.page-lead{
  margin: 0;
  color: rgba(245,241,232,0.88);
  font-size: 18px;
  line-height: 1.6;
}

.page-content.card{
  padding: 18px;
}

/* Notices */
.notice{
  padding: 12px 14px;
  border-radius: 14px;
  margin: 0 0 12px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
}
.notice.success{
  border-color: rgba(70,230,166,0.35);
  box-shadow: 0 0 0 1px rgba(70,230,166,0.12) inset;
}
.notice.danger{
  border-color: rgba(255,90,106,0.35);
  box-shadow: 0 0 0 1px rgba(255,90,106,0.12) inset;
}

/* FAQ */
.faq{ display:grid; gap: 10px; }
.faq-item{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  overflow:hidden;
}
.faq-item summary{
  cursor:pointer;
  padding: 14px 16px;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  color: rgba(245,241,232,0.95);
  font-weight: 700;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary:after{
  content:"";
  width: 10px; height: 10px;
  border-right:2px solid rgba(215,180,106,0.8);
  border-bottom:2px solid rgba(215,180,106,0.8);
  transform: rotate(45deg);
  transition: transform .18s ease;
}
.faq-item[open] summary:after{ transform: rotate(225deg); }
.faq-body{ padding: 0 16px 14px; }
.faq-body p{ margin: 0; color: rgba(154,163,178,0.95); line-height: 1.6; }
@media (prefers-reduced-motion: reduce){
  .faq-item summary:after{ transition:none; }
}

/* Steps */
.steps-4{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 980px){
  .steps-4{ grid-template-columns: 1fr; }
}
.step{ padding: 16px; }
.step-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  height:28px;
  padding: 0 10px;
  border-radius:999px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.10);
  color: rgba(215,180,106,0.9);
  font-weight: 800;
  letter-spacing: .08em;
  font-size: 12px;
}
.step h3{
  margin: 12px 0 6px;
  font-family:"Cormorant Garamond", serif;
  font-size: 22px;
}
.step p{ margin: 0; }

/* Kontakt */
.contact-grid{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 16px;
}
@media (max-width: 980px){
  .contact-grid{ grid-template-columns: 1fr; }
}
.contact-card{ padding: 18px; }
.contact-links{
  list-style:none;
  margin: 12px 0 0;
  padding: 0;
  display:grid;
  gap: 10px;
}
.dot{
  width: 8px; height: 8px;
  border-radius:999px;
  background: rgba(111,231,255,0.60);
  box-shadow: 0 0 18px rgba(111,231,255,0.18);
  margin-top: 6px;
  flex: 0 0 8px;
  display:inline-block;
}
.contact-links li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(245,241,232,0.88);
}
.divider{
  height:1px;
  background: rgba(255,255,255,0.08);
  margin: 14px 0;
}

/* Kontaktivorm */
.noitar-form .req{ color: var(--danger); }
.noitar-form .form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}
@media (max-width: 680px){
  .noitar-form .form-grid{ grid-template-columns: 1fr; }
}
.noitar-form .field.full{ grid-column: 1 / -1; }
.noitar-form label{
  display:block;
  margin: 0 0 6px;
  font-weight: 700;
  color: rgba(245,241,232,0.92);
}
.noitar-form input,
.noitar-form textarea,
.noitar-form select{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  color: var(--text);
  padding: 12px 12px;
  outline: none;
}
.noitar-form textarea{ resize: vertical; min-height: 140px; }
.noitar-form input:focus-visible,
.noitar-form textarea:focus-visible,
.noitar-form select:focus-visible{
  border-color: rgba(215,180,106,0.45);
  box-shadow: 0 0 0 2px rgba(215,180,106,0.18);
}
.noitar-form .hp{ display:none; }
/* ================================
   KONTAKT – premium viimistlus
================================ */

.contact-grid{
  display:grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 16px;
}
@media (max-width: 980px){
  .contact-grid{ grid-template-columns: 1fr; }
}

.contact-card{
  padding: 18px;
}

.contact-form-wrap{
  margin-top: 12px;
}

.contact-meta{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.08);
  display:grid;
  gap: 10px;
}
.meta-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}
.meta-label{
  color: rgba(154,163,178,0.95);
  font-weight: 700;
  letter-spacing: .04em;
  font-size: 12px;
  text-transform: uppercase;
}
.meta-link{
  color: rgba(215,180,106,0.95);
  text-decoration: none;
  font-weight: 800;
}
.meta-link:hover{
  color: rgba(111,231,255,0.95);
}

.contact-links{
  list-style: none !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  display:grid;
  gap: 10px;
}
.contact-links li{
  display:flex !important;
  gap: 10px;
  align-items:flex-start;
  color: rgba(245,241,232,0.88);
}
.contact-links a{
  color: rgba(215,180,106,0.95);
  text-decoration:none;
  font-weight: 800;
}
.contact-links a:hover{ color: rgba(111,231,255,0.95); }

.contact-actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}
/* ================================
   FIX: <select> dropdown (dark theme)
================================ */

/* ütle brauserile: see UI on tume */
.noitar-form{
  color-scheme: dark;
}

/* select enda välimus */
.noitar-form select{
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.95) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* dropdownis olevad optionid:
   OS võib teha tausta heledaks → tee tekst tumedaks */
.noitar-form select option{
  color: #0B1020 !important;      /* tume tekst valgel taustal */
  background: #FFFFFF !important; /* turvaline default */
}

/* placeholder (Vali...) olgu veidi “muted” */
.noitar-form select option[value=""]{
  color: #6B7280 !important;
}

/* hover/selected (kui brauser lubab) */
.noitar-form select option:checked{
  background: #EDE7D8 !important;
  color: #0B1020 !important;
}
/* =========================================
   WooCommerce – NÕIATAR premium layout
========================================= */

.woocommerce-main .woocommerce-notices-wrapper{
  margin-bottom: 12px;
}

.noitar-wc-wrap{
  width: 100%;
}

/* Eemalda listi bulletid, kui midagi kuskil lekib */
.woocommerce ul, .woocommerce ol{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Shop header / title spacing */
.woocommerce-products-header__title.page-title{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(36px, 3.6vw, 62px);
  margin: 10px 0 14px;
}

/* Toolbar */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{
  color: rgba(154,163,178,0.95);
}
.woocommerce .woocommerce-ordering select{
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.95);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 10px 12px;
}

/* Products grid */
.woocommerce ul.products{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 18px 0 0 !important;
}
@media (max-width: 980px){
  .woocommerce ul.products{ grid-template-columns: 1fr; }
}

.woocommerce ul.products li.product{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.woocommerce ul.products li.product:hover{
  transform: translateY(-2px);
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 26px 70px rgba(0,0,0,0.45);
}

.woocommerce ul.products li.product a{
  text-decoration: none;
  color: var(--text);
}

.woocommerce ul.products li.product img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  margin: 12px 14px 6px;
  line-height: 1.15;
  /* Pikad nimed: hoia kaardid ühtlase kõrgusega */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.3em;
  word-break: break-word;
}

.woocommerce ul.products li.product .price{
  margin: 0 14px 12px;
  color: rgba(215,180,106,0.95);
  font-weight: 800;
}

/* Add to cart button */
.woocommerce ul.products li.product .button{
  margin: 0 14px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(215,180,106,0.25);
  color: rgba(245,241,232,0.95);
  padding: 10px 14px;
}
.woocommerce ul.products li.product .button:hover{
  border-color: rgba(111,231,255,0.25);
  box-shadow: 0 0 22px rgba(111,231,255,0.12);
}

/* Kategooriakaardid (fallback “no products found”) */
.noitar-cat-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 980px){
  .noitar-cat-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
  .noitar-cat-grid{ grid-template-columns: 1fr; }
}

.noitar-cat-card{
  display:block;
  text-decoration:none;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  overflow:hidden;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.noitar-cat-card:hover{
  transform: translateY(-2px);
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 22px 60px rgba(0,0,0,0.42);
}
.noitar-cat-thumb{
  display:block;
  width:100%;
  height: 160px;
  background-size: cover;
  background-position: center;
}
.noitar-cat-title{
  display:block;
  padding: 12px 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(215,180,106,0.95);
}
/* =========================================
   SHOP KATEGOORIAD – 7500€ premium grid
========================================= */

/* Woo subcategory grid */
.woocommerce ul.products{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 18px !important;
}
@media (max-width: 1024px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .woocommerce ul.products{ grid-template-columns: 1fr; }
}

/* Kategooria kaart (Woo kasutab li.product.product-category) */
.woocommerce ul.products li.product.product-category{
  margin: 0 !important;
  width: auto !important;
  float: none !important;

  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  overflow: hidden;

  box-shadow: 0 24px 70px rgba(0,0,0,0.40);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.woocommerce ul.products li.product.product-category:hover{
  transform: translateY(-3px);
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 34px 90px rgba(0,0,0,0.55);
}

@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product.product-category,
  .woocommerce ul.products li.product.product-category:hover{
    transition:none;
    transform:none;
  }
}

/* Link teeb kogu kaardi klikitavaks */
.woocommerce ul.products li.product.product-category > a{
  display:block;
  text-decoration:none;
  color: var(--text);
  position: relative;
}

/* Pilt: ühtne ratio ja object-fit cover */
.woocommerce ul.products li.product.product-category img{
  width: 100%;
  height: 360px;
  object-fit: cover;
  display:block;
  transform: scale(1.001);
}
@media (max-width: 640px){
  .woocommerce ul.products li.product.product-category img{
    height: 300px;
  }
}

/* Sisemine wrapper */
.noitar-cat-inner{
  position: relative;
}

/* Overlay gradient + blur “premium” */
.noitar-cat-overlay{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 16px 14px;

  background:
    linear-gradient(180deg, rgba(11,16,32,0) 0%, rgba(11,16,32,0.55) 35%, rgba(11,16,32,0.92) 100%);
  backdrop-filter: blur(6px);
  border-top: 1px solid rgba(255,255,255,0.06);
}

/* Kategooria nimi overlay’s */
.noitar-cat-name{
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 20px;
  color: rgba(245,241,232,0.98);
  text-shadow: 0 2px 12px rgba(0,0,0,0.75), 0 0 18px rgba(215,180,106,0.22);
}

/* Badge */
.noitar-badge{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  margin-bottom: 8px;

  padding: 6px 10px;
  border-radius: 999px;

  background: rgba(215,180,106,0.14);
  border: 1px solid rgba(215,180,106,0.28);
  color: rgba(245,241,232,0.92);

  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Peen “accent2” highlight hoveril (mitte kitsch) */
.woocommerce ul.products li.product.product-category:hover .noitar-cat-overlay{
  box-shadow: 0 -18px 60px rgba(111,231,255,0.08) inset;
}

/* Eemalda Woo default “mark/desc” asjad kui kuskil ilmuvad */
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title,
.woocommerce ul.products li.product.product-category h2.woocommerce-loop-category__title{
  display:none !important;
}
/* Kui mingi plugin lisab “info” ikooni */
.woocommerce ul.products li.product.product-category .info,
.woocommerce ul.products li.product.product-category .tooltip,
.woocommerce ul.products li.product.product-category [class*="info"]{
  display:none !important;
}
/* =========================================
   SHOP KATEGOORIAD – premium kaart (tekst overlay)
   Kasuta kui pildid on ILMA tekstita
========================================= */

.woocommerce ul.products li.product.product-category > a{
  position: relative;
  display: block;
  border-radius: 20px;
  overflow: hidden;
}

/* Ühtne ratio (näeb alati pro välja) */
.woocommerce ul.products li.product.product-category > a{
  aspect-ratio: 16 / 9;
}

/* Pilt täidab kaardi */
.woocommerce ul.products li.product.product-category img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Gradient loetavuseks (ilma “uduse ribata”) */
.woocommerce ul.products li.product.product-category > a::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(120% 90% at 30% 10%, rgba(111,231,255,0.10) 0%, rgba(11,16,32,0) 60%),
    linear-gradient(180deg, rgba(11,16,32,0) 0%, rgba(11,16,32,0.35) 55%, rgba(11,16,32,0.92) 100%);
  pointer-events:none;
}

/* Woo default title -> teeme overlay’ks */
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title{
  position:absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  margin:0 !important;

  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.15;
  color: rgba(215,180,106,0.95);

  z-index: 2;
}

/* Peida toodete count (kui Woo lisab) */
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title mark.count{
  display:none !important;
}

/* Hover mikroanimatsioon */
.woocommerce ul.products li.product.product-category{
  border-radius: 20px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.woocommerce ul.products li.product.product-category:hover{
  transform: translateY(-3px);
  box-shadow: 0 34px 90px rgba(0,0,0,0.55);
  border-color: rgba(111,231,255,0.22);
}
@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product.product-category,
  .woocommerce ul.products li.product.product-category:hover{
    transition:none;
    transform:none;
  }
}
/* Badge featured kategooriatele */
.woocommerce ul.products li.product.product-category.noitar-featured-cat > a::after{
  content:"Enim valitud";
  position:absolute;
  top: 14px;
  left: 14px;
  z-index: 2;

  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(215,180,106,0.14);
  border: 1px solid rgba(215,180,106,0.28);
  color: rgba(245,241,232,0.92);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
/* =========================================
   SHOP KATEGOORIAD – compact premium grid
   (rohkem kategooriaid ühele ekraanile)
========================================= */

/* Grid: rohkem veerge desktopis */
.woocommerce ul.products{
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 18px !important;
}

@media (max-width: 1200px){
  .woocommerce ul.products{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 980px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .woocommerce ul.products{ grid-template-columns: 1fr; }
}

/* Kaardid: väiksemad, aga premium */
.woocommerce ul.products li.product.product-category{
  border-radius: 18px;
  overflow: hidden;
}

/* Pilt: tee madalamaks */
.woocommerce ul.products li.product.product-category img{
  height: 220px !important;     /* ⬅ muuda 200–260 vastavalt maitsele */
  object-fit: cover;
  display: block;
}

@media (max-width: 560px){
  .woocommerce ul.products li.product.product-category img{
    height: 240px !important;
  }
}

/* Overlay paddings ja font väiksemaks */
.noitar-cat-overlay{
  padding: 12px 12px 10px !important;
  backdrop-filter: blur(5px);
}

.noitar-cat-name{
  font-size: 16px !important;
  letter-spacing: .10em;
}

/* Badge veidi väiksemaks */
.noitar-badge{
  padding: 5px 9px !important;
  font-size: 11px !important;
}
/* Kui kasutad aspect-ratio varianti, lülita see välja */
.woocommerce ul.products li.product.product-category > a{
  aspect-ratio: auto !important;
}
.woocommerce ul.products li.product.product-category > a::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(11,16,32,0.18);
  pointer-events:none;
}
/* =========================================
   SHOP KATEGOORIAD – "caption bar" stiil
   (pilt üleval, all nimi + count badge)
========================================= */

/* =========================================================
   FIX: Alamkategooria kaardi pealkiri liiga tume / loetamatu
   (mõnes vaates Woo kirjutab title otse pildi peale).
   Paneme pealkirja alla selge "caption" ala + parem kontrast.
========================================================= */

.woocommerce ul.products li.product-category > a{
  position: relative;
  overflow: hidden;
}

/* pehme gradient alt, et tekst oleks alati loetav */
.woocommerce ul.products li.product-category > a::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 62%;
  background: linear-gradient(to top, rgba(7,10,18,.92), rgba(7,10,18,0));
  pointer-events: none;
  z-index: 1;
}

/* Title loetavaks + "värvilisemaks" */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title{
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 14px;
  z-index: 2;
  margin: 0 !important;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(15, 20, 34, .70);
  border: 1px solid rgba(255,255,255,.10);
  color: #EDEDED !important;
  font-weight: 700;
  letter-spacing: .5px;
  text-shadow: 0 2px 18px rgba(0,0,0,.65);
  backdrop-filter: blur(8px);
}

/* Count badge eraldi ja loetav */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title mark,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count{
  float: right;
  margin-left: 10px;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(200,169,120,.18);
  border: 1px solid rgba(200,169,120,.35);
  color: #C8A978 !important;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
}

/* mobiilis: title ei kata pilti liiga palju */
@media (max-width: 768px){
  .woocommerce ul.products li.product-category .woocommerce-loop-category__title{
    left: 14px;
    right: 14px;
    bottom: 12px;
    padding: 9px 11px;
    border-radius: 12px;
  }
}

/* Grid: kompaktne ja loetav */
.woocommerce ul.products{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 18px !important;
}
@media (max-width: 1200px){
  .woocommerce ul.products{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 980px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .woocommerce ul.products{ grid-template-columns: 1fr; }
}

/* Kategooria kaart */
.woocommerce ul.products li.product.product-category{
  margin: 0 !important;
  width: auto !important;
  float: none !important;

  border-radius: 18px;
  overflow: hidden;

  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.woocommerce ul.products li.product.product-category:hover{
  transform: translateY(-2px);
  border-color: rgba(111,231,255,0.18);
  box-shadow: 0 30px 80px rgba(0,0,0,0.52);
}

@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product.product-category,
  .woocommerce ul.products li.product.product-category:hover{
    transition:none;
    transform:none;
  }
}

/* Link teeb kogu kaardi klikitavaks */
.woocommerce ul.products li.product.product-category > a{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: var(--text);
  position: relative;
  height: 100%;
}

/* Pilt: väiksem (rohkem kategooriaid mahub) */
.woocommerce ul.products li.product.product-category img{
  width: 100%;
  height: 190px !important;   /* muuda 170–220 kui tahad */
  object-fit: cover;
  display: block;
}

/* Caption bar (nagu su näidispildil) */
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title{
  margin: 0 !important;
  padding: 12px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  background: rgba(255,255,255,0.03);
  border-top: 1px solid rgba(255,255,255,0.08);

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(245,241,232,0.92);
}

/* Woo lisab count mark.count (nt (117)) — teeme sellest pill badge */
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title mark.count{
  background: rgba(215,180,106,0.14);
  border: 1px solid rgba(215,180,106,0.28);
  color: rgba(215,180,106,0.95);

  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}

/* "Enim valitud" badge (ainult ennustused/eraseansid) */
.woocommerce ul.products li.product.product-category.noitar-cat-featured > a::after{
  content: "Enim valitud";
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;

  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(215,180,106,0.14);
  border: 1px solid rgba(215,180,106,0.28);
  color: rgba(245,241,232,0.92);

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}
/* =========================================================
   FINAL: Woo Shop kategooriad – puhas premium (caption bar)
   - ühtne ratio
   - pilt fitib alati
   - loetav nimi + count
   - ei mingeid overlay konflikte
========================================================= */

/* Kui varasemad overlay klassid jäid, peida need täielikult */
.noitar-cat-overlay,
.noitar-cat-inner{ display:none !important; }

/* Grid */
.woocommerce ul.products{
  display:grid !important;
  gap: 14px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 1200px){
  .woocommerce ul.products{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 980px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px){
  .woocommerce ul.products{ grid-template-columns: 1fr !important; }
}

/* Card */
.woocommerce ul.products li.product.product-category{
  float:none !important;
  width:auto !important;
  margin:0 !important;

  border-radius: 18px;
  overflow:hidden;

  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.woocommerce ul.products li.product.product-category:hover{
  transform: translateY(-2px);
  border-color: rgba(111,231,255,0.18);
  box-shadow: 0 30px 84px rgba(0,0,0,0.52);
}
@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product.product-category,
  .woocommerce ul.products li.product.product-category:hover{
    transition:none;
    transform:none;
  }
}

/* Link */
.woocommerce ul.products li.product.product-category > a{
  display:flex;
  flex-direction:column;
  height:100%;
  text-decoration:none;
  color: var(--text);
  position:relative;
}

/* Pildiala: ühtne "frame" + ratio */
.woocommerce ul.products li.product.product-category > a > img{
  width:100%;
  display:block;

  /* Ühtne kõrgus, mis mahutab palju kategooriaid */
  height: 180px !important;

  object-fit: cover !important;
  object-position: center !important;

  /* Ühtne toon (heledad pildid ei karju) */
  filter: saturate(0.95) contrast(0.98);
}
@media (max-width: 560px){
  .woocommerce ul.products li.product.product-category > a > img{
    height: 220px !important;
  }
}

/* Caption bar: loetav, nagu su näidispildil */
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title{
  margin: 0 !important;
  padding: 12px 12px !important;

  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;

  background: rgba(255,255,255,0.03);
  border-top: 1px solid rgba(255,255,255,0.08);

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;

  letter-spacing: .14em !important;
  text-transform: uppercase !important;

  color: rgba(245,241,232,0.92) !important;

  /* kui nimi on pikk, hoia ühel real */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Count badge */
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title mark.count{
  background: rgba(215,180,106,0.14) !important;
  border: 1px solid rgba(215,180,106,0.28) !important;
  color: rgba(215,180,106,0.95) !important;

  border-radius: 999px !important;
  padding: 4px 8px !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;

  flex: 0 0 auto;
}

/* Featured badge (Enim valitud) */
.woocommerce ul.products li.product.product-category.noitar-cat-featured > a::after{
  content:"Enim valitud";
  position:absolute;
  top: 12px;
  left: 12px;
  z-index: 2;

  padding: 6px 10px;
  border-radius: 999px;

  background: rgba(215,180,106,0.14);
  border: 1px solid rgba(215,180,106,0.28);
  color: rgba(245,241,232,0.92);

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

/* Eemalda igasugused default list bulletid */
.woocommerce ul.products,
.woocommerce ul.products li{
  list-style:none !important;
}
/* =========================================================
   FINAL 7500€: Woo Shop kategooria kaardid (caption bar)
   Pilt üleval + all nimi + count badge
========================================================= */

/* --- HARD RESET: kui varem peitsid title/overlay --- */
.noitar-cat-overlay,
.noitar-cat-inner{
  display:none !important;
}

.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title{
  display:flex !important; /* kui varem oli display:none */
}

/* --- GRID --- */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}
@media (max-width: 1200px){
  .woocommerce ul.products{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 980px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px){
  .woocommerce ul.products{ grid-template-columns: 1fr !important; }
}

/* --- CARD --- */
.woocommerce ul.products li.product.product-category{
  float:none !important;
  width:auto !important;
  margin:0 !important;

  border-radius: 18px;
  overflow:hidden;

  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.woocommerce ul.products li.product.product-category:hover{
  transform: translateY(-2px);
  border-color: rgba(111,231,255,0.18);
  box-shadow: 0 30px 84px rgba(0,0,0,0.52);
}
@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product.product-category,
  .woocommerce ul.products li.product.product-category:hover{
    transition:none;
    transform:none;
  }
}

/* kogu kaart klikitav */
.woocommerce ul.products li.product.product-category > a{
  display:flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration:none !important;
  color: var(--text) !important;
  position: relative !important;
}

/* --- IMAGE: ühtne raam, "fitib" alati --- */
.woocommerce ul.products li.product.product-category > a > img{
  width: 100% !important;
  height: 180px !important;      /* kompaktne; muuda 170–220 kui soovid */
  object-fit: cover !important;
  object-position: center !important;
  display:block !important;

  /* ühtlustab heledad pildid tumeda saidiga */
  filter: saturate(0.95) contrast(0.98) brightness(0.92);
}
@media (max-width: 560px){
  .woocommerce ul.products li.product.product-category > a > img{
    height: 220px !important;
  }
}

/* --- CAPTION BAR (nagu su näidispildil) --- */
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title{
  margin: 0 !important;
  padding: 12px 12px !important;

  display:flex !important;
  align-items:center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  background: rgba(255,255,255,0.03);
  border-top: 1px solid rgba(255,255,255,0.08);

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;

  color: rgba(245,241,232,0.92) !important;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Woo count (nt (17)) -> pill badge */
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title mark.count{
  background: rgba(215,180,106,0.14) !important;
  border: 1px solid rgba(215,180,106,0.28) !important;
  color: rgba(215,180,106,0.95) !important;

  border-radius: 999px !important;
  padding: 4px 8px !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;

  flex: 0 0 auto;
}

/* --- "Enim valitud" badge --- */
.woocommerce ul.products li.product.product-category.noitar-cat-featured > a::after{
  content:"Enim valitud";
  position:absolute;
  top: 12px;
  left: 12px;
  z-index: 2;

  padding: 6px 10px;
  border-radius: 999px;

  background: rgba(215,180,106,0.14);
  border: 1px solid rgba(215,180,106,0.28);
  color: rgba(245,241,232,0.92);

  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

/* eemaldab bulletid */
.woocommerce ul.products,
.woocommerce ul.products li{
  list-style:none !important;
}
/* =========================================
   FINAL SHOP – kategooriad (pilt + caption bar)
========================================= */

/* Grid */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 14px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}
@media (max-width: 1200px){ .woocommerce ul.products{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; } }
@media (max-width: 980px){  .woocommerce ul.products{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
@media (max-width: 560px){  .woocommerce ul.products{ grid-template-columns: 1fr !important; } }

/* Kategooria kaart */
.woocommerce ul.products li.product.product-category{
  float:none !important;
  width:auto !important;
  margin:0 !important;

  border-radius: 18px;
  overflow:hidden;

  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.woocommerce ul.products li.product.product-category:hover{
  transform: translateY(-2px);
  border-color: rgba(111,231,255,0.18);
  box-shadow: 0 30px 84px rgba(0,0,0,0.52);
}
@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product.product-category,
  .woocommerce ul.products li.product.product-category:hover{ transition:none; transform:none; }
}

/* Link */
.woocommerce ul.products li.product.product-category > a{
  display:flex !important;
  flex-direction: column !important;
  height:100% !important;
  text-decoration:none !important;
  color: var(--text) !important;
}

/* Pilt: ühtlane kõrgus, fit alati */
.woocommerce ul.products li.product.product-category > a > img{
  width:100% !important;
  height: 180px !important;
  object-fit: cover !important;
  object-position: center !important;
  display:block !important;

  /* ühtlustab heledad pildid tumeda teemaga */
  filter: saturate(0.95) contrast(0.98) brightness(0.92) !important;
}
@media (max-width: 560px){
  .woocommerce ul.products li.product.product-category > a > img{ height: 220px !important; }
}

/* Meie sunnitud caption bar */
.noitar-cat-caption{
  margin: 0 !important;
  padding: 12px 12px !important;

  display:flex !important;
  align-items:center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  background: rgba(255,255,255,0.03);
  border-top: 1px solid rgba(255,255,255,0.08);

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;

  color: rgba(245,241,232,0.92) !important;
}

.noitar-cat-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.noitar-cat-count{
  flex: 0 0 auto;
  background: rgba(215,180,106,0.14);
  border: 1px solid rgba(215,180,106,0.28);
  color: rgba(215,180,106,0.95);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}

/* list bulletid maha */
.woocommerce ul.products,
.woocommerce ul.products li{ list-style:none !important; }
/* ================================
   FINAL: E-POOD kategooriad + tooted (premium)
================================ */

.noitar-shop-hero{ margin: 8px 0 18px; }
.noitar-shop-title{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(34px, 3.4vw, 58px);
  margin: 6px 0 6px;
}
.noitar-shop-lead{ margin: 0; max-width: 64ch; }
.noitar-subtitle{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  margin: 0 0 10px;
}

/* --- Kategooriad --- */
.noitar-cat-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}
@media (max-width: 1200px){ .noitar-cat-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 980px){  .noitar-cat-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px){  .noitar-cat-grid{ grid-template-columns: 1fr; } }

.noitar-cat-card{
  position:relative;
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color: var(--text);
  border-radius: 18px;
  overflow:hidden;

  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.noitar-cat-card:hover{
  transform: translateY(-2px);
  border-color: rgba(111,231,255,0.18);
  box-shadow: 0 30px 84px rgba(0,0,0,0.52);
}
@media (prefers-reduced-motion: reduce){
  .noitar-cat-card,.noitar-cat-card:hover{ transition:none; transform:none; }
}

.noitar-cat-media{ display:block; }
.noitar-cat-media img{
  width:100%;
  height: 180px;
  object-fit: cover;
  object-position: center;
  display:block;
  filter: saturate(0.95) contrast(0.98) brightness(0.90);
}
@media (max-width: 560px){
  .noitar-cat-media img{ height: 220px; }
}

.noitar-cat-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  padding: 12px 12px;
  background: rgba(255,255,255,0.03);
  border-top: 1px solid rgba(255,255,255,0.08);

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(245,241,232,0.92);
}

.noitar-cat-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.noitar-cat-count{
  flex: 0 0 auto;
  background: rgba(215,180,106,0.14);
  border: 1px solid rgba(215,180,106,0.28);
  color: rgba(215,180,106,0.95);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}

.noitar-cat-badge{
  position:absolute;
  top: 12px;
  left: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(215,180,106,0.14);
  border: 1px solid rgba(215,180,106,0.28);
  color: rgba(245,241,232,0.92);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

/* --- Tooted (kategooria sees) --- */
.noitar-prod-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
@media (max-width: 980px){ .noitar-prod-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px){ .noitar-prod-grid{ grid-template-columns: 1fr; } }

.noitar-prod-card{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color: var(--text);
  border-radius: 18px;
  overflow:hidden;

  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.noitar-prod-card:hover{
  transform: translateY(-2px);
  border-color: rgba(111,231,255,0.18);
  box-shadow: 0 30px 84px rgba(0,0,0,0.52);
}
@media (prefers-reduced-motion: reduce){
  .noitar-prod-card,.noitar-prod-card:hover{ transition:none; transform:none; }
}

.noitar-prod-media img{
  width:100%;
  height: 220px;
  object-fit: cover;
  display:block;
  filter: saturate(0.95) contrast(0.98) brightness(0.92);
}
.noitar-prod-body{
  padding: 12px;
  display:flex;
  flex-direction:column;
  gap: 8px;
}
.noitar-prod-title{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-size: 22px;
}
.noitar-prod-price{
  color: rgba(215,180,106,0.95);
  font-weight: 900;
}
.noitar-prod-cta{
  margin-top: 2px;
  display:inline-flex;
  width: fit-content;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,0.25);
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.95);
}
.noitar-prod-card:hover .noitar-prod-cta{
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 0 22px rgba(111,231,255,0.12);
}

/* Pagination */
.noitar-pagination{
  margin-top: 16px;
}
.noitar-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  margin-right: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.92);
  text-decoration:none;
}
.noitar-pagination .page-numbers.current{
  border-color: rgba(215,180,106,0.28);
  background: rgba(215,180,106,0.12);
  color: rgba(245,241,232,0.95);
}
/* === SHOP: täis kategooria nimi + pilt fitib === */

/* 2 rida nime jaoks (mitte "...") */
.noitar-cat-name{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2;
}

/* Kategooria pilt: täidab kaardi (premium) */
.noitar-cat-media{
  position: relative;
  background: rgba(255,255,255,0.02);
}

.noitar-cat-media img{
  width: 100%;
  height: 180px;                 /* sama mis sul gridis */
  object-fit: cover !important;  /* täidab, mitte ruut */
  object-position: center !important;
  display:block;
  padding: 0 !important;
  background: transparent !important;

  /* ühtlustab heledad pildid tumeda brändiga */
  filter: saturate(0.95) contrast(0.98) brightness(0.92) !important;
}

/* Peen gradient, et pilt “sulanduks” tumeda UI-ga */
.noitar-cat-media::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(11,16,32,0.08) 0%, rgba(11,16,32,0.30) 100%);
  pointer-events:none;
}

/* Mobiilis veidi kõrgem */
@media (max-width: 560px){
  .noitar-cat-media img{ height: 220px; }
}
.cat-ennustused .noitar-cat-media img{ object-position: center 40%; }
.noitar-cat-media img{ object-position: center 35% !important; }
/* =========================================
   7500€: Single product premium layout
========================================= */

body.single-product .site-main .container{ max-width: 1120px; }

/* 2 veergu layout */
body.single-product div.product{
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 18px;
  align-items:start;
}
@media (max-width: 980px){
  body.single-product div.product{ grid-template-columns: 1fr; }
}

/* Gallery = sticky, premium frame */
body.single-product .woocommerce-product-gallery{
  position: sticky;
  top: calc(var(--header-h, 88px) + 16px);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
  padding: 14px;
}
@media (max-width: 980px){
  body.single-product .woocommerce-product-gallery{ position: relative; top:auto; }
}

body.single-product .woocommerce-product-gallery__image img{
  width: 100%;
  height: auto;
  border-radius: 16px;
  display:block;
}

/* Summary card */
body.single-product .summary{
  border-radius: 20px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
  padding: 18px;
}

body.single-product .product_title{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(30px, 2.8vw, 44px);
  margin-bottom: 8px;
}

body.single-product .price{
  color: rgba(215,180,106,0.95);
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 12px;
}

/* Variatsioonid / selectid (sul oli dropdown “valge”) */
body.single-product select,
body.single-product .variations select{
  width: 100%;
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 12px 12px;
  outline: none;
}
body.single-product select:focus{
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 0 0 3px rgba(111,231,255,0.10);
}

/* Add to cart nupp 7500€ */
body.single-product .single_add_to_cart_button{
  border-radius: 999px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(215,180,106,0.28) !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.95) !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.single-product .single_add_to_cart_button:hover{
  border-color: rgba(111,231,255,0.22) !important;
  box-shadow: 0 0 26px rgba(111,231,255,0.14);
}

/* Quantity */
body.single-product .quantity input.qty{
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 10px 12px;
}

/* Trust */
.noitar-trust{
  display:grid;
  gap: 10px;
  margin-top: 14px;
}
.noitar-trust-item{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: rgba(245,241,232,0.90);
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 10px 12px;
}
.noitar-ico{
  width: 28px; height: 28px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(215,180,106,0.10);
  border: 1px solid rgba(215,180,106,0.22);
  color: rgba(111,231,255,0.85); /* accent2 vibe */
}

/* Tabs premium */
body.single-product .woocommerce-tabs{
  margin-top: 18px;
  border-radius: 20px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
body.single-product .woocommerce-tabs ul.tabs{
  display:flex;
  gap: 8px;
  padding: 12px;
  margin: 0;
  list-style:none;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
body.single-product .woocommerce-tabs ul.tabs li{
  margin: 0;
}
body.single-product .woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.90);
  text-decoration:none;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}
body.single-product .woocommerce-tabs ul.tabs li.active a{
  border-color: rgba(215,180,106,0.28);
  background: rgba(215,180,106,0.12);
  color: rgba(245,241,232,0.95);
}
body.single-product .woocommerce-tabs .panel{
  padding: 16px;
  margin: 0;
}

/* Related products kasutab sama “premium grid” */
body.single-product .related{
  margin-top: 18px;
}
body.single-product .related > h2{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  margin: 0 0 10px;
}

/* Sticky ATC bar */
.noitar-sticky-atc{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;
  padding: 10px 12px;
  background: rgba(11,16,32,0.80);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255,255,255,0.10);
}
.noitar-sticky-atc__inner{
  max-width: 1120px;
  margin: 0 auto;
  display:flex;
  gap: 12px;
  align-items:center;
  justify-content: space-between;
}
.noitar-sticky-atc__title{
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(245,241,232,0.92);
}
.noitar-sticky-atc__price{
  color: rgba(215,180,106,0.95);
  font-weight: 900;
  margin-top: 2px;
}
.noitar-sticky-atc__btn{
  border-radius: 999px;
  padding: 12px 14px;
  border: 1px solid rgba(215,180,106,0.28);
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.95);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor:pointer;
}
.noitar-sticky-atc__btn:hover{
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 0 26px rgba(111,231,255,0.14);
}
/* ===============================
   NÕIATAR: custom single-product.php layout
================================ */

.noitar-product-grid{
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 18px;
  align-items:start;
  margin-top: 12px;
}
@media (max-width: 980px){
  .noitar-product-grid{ grid-template-columns: 1fr; }
}

.noitar-product .card{
  border-radius: 20px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
  padding: 18px;
}

/* Gallery sticky */
.noitar-product-gallery{
  position: sticky;
  top: calc(var(--header-h, 88px) + 16px);
}
@media (max-width: 980px){
  .noitar-product-gallery{ position: relative; top:auto; }
}

.noitar-product-title{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(30px, 2.8vw, 44px);
  margin: 0 0 8px;
}
.noitar-product-price{
  color: rgba(215,180,106,0.95);
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 12px;
}

.noitar-product-excerpt{
  margin: 0 0 14px;
}

/* Tabs card */
.noitar-product-tabs{
  margin-top: 18px;
  padding: 0;
  overflow:hidden;
}
.noitar-product-tabs .woocommerce-tabs{
  margin: 0;
}
.noitar-product-tabs .woocommerce-tabs ul.tabs{
  display:flex;
  gap: 8px;
  padding: 12px;
  margin: 0;
  list-style:none;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.noitar-product-tabs .woocommerce-tabs ul.tabs li{ margin: 0; }
.noitar-product-tabs .woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.90);
  text-decoration:none;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}
.noitar-product-tabs .woocommerce-tabs ul.tabs li.active a{
  border-color: rgba(215,180,106,0.28);
  background: rgba(215,180,106,0.12);
  color: rgba(245,241,232,0.95);
}
.noitar-product-tabs .woocommerce-tabs .panel{
  padding: 16px;
  margin: 0;
}
/* ======================================================
   FINAL 7500€: Single Product (Woo structure + premium UI)
====================================================== */

/* 1) Tapa Woo default float layout (põhjus miks sul kõik nihkes) */
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* 2) Grid layout */
body.single-product .woocommerce div.product{
  display: grid !important;
  grid-template-columns: 1.05fr 0.95fr !important;
  gap: 18px !important;
  align-items: start !important;
}
@media (max-width: 980px){
  body.single-product .woocommerce div.product{
    grid-template-columns: 1fr !important;
  }
}

/* 3) Galerii premium kaart */
body.single-product .woocommerce div.product div.images{
  position: sticky;
  top: calc(var(--header-h, 88px) + 16px);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
  padding: 14px;
}
@media (max-width: 980px){
  body.single-product .woocommerce div.product div.images{
    position: relative;
    top: auto;
  }
}

/* Pilt */
body.single-product .woocommerce div.product div.images img{
  display:block;
  width:100%;
  height:auto;
  border-radius: 16px;
}

/* Zoom ikoon sobivaks */
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__trigger{
  background: rgba(11,16,32,0.72) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__trigger::before{
  border-color: rgba(245,241,232,0.92) !important;
}
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after{
  background: rgba(245,241,232,0.92) !important;
}

/* 4) Summary premium kaart */
body.single-product .woocommerce div.product div.summary{
  border-radius: 20px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
  padding: 18px;
}

body.single-product .woocommerce div.product .product_title{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(30px, 2.8vw, 44px);
  margin: 0 0 8px;
}

body.single-product .woocommerce div.product .price{
  color: rgba(215,180,106,0.95);
  font-weight: 900;
  font-size: 18px;
  margin: 0 0 12px;
}

/* Qty + nupp */
body.single-product .quantity input.qty{
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 10px 12px;
}

body.single-product .single_add_to_cart_button{
  border-radius: 999px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(215,180,106,0.28) !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.95) !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.single-product .single_add_to_cart_button:hover{
  border-color: rgba(111,231,255,0.22) !important;
  box-shadow: 0 0 26px rgba(111,231,255,0.14);
}

/* 5) Tabs + related/upsells peavad olema full width (mitte “peale kukkuma”) */
body.single-product .woocommerce div.product .woocommerce-tabs,
body.single-product .woocommerce div.product .related,
body.single-product .woocommerce div.product .upsells{
  grid-column: 1 / -1 !important;
  width: 100% !important;
  clear: both !important;
  margin-top: 18px !important;
}

/* Tabs premium välimus */
body.single-product .woocommerce div.product .woocommerce-tabs{
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}

/* Eemalda Woo “imelikud” pseudo-elemendid, mis tekitavad jooni ja kupleid */
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{
  display: none !important;
}

body.single-product .woocommerce-tabs ul.tabs{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  margin: 0;
  list-style:none;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

body.single-product .woocommerce-tabs ul.tabs li{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.single-product .woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.90);
  text-decoration:none;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}

body.single-product .woocommerce-tabs ul.tabs li.active a{
  border-color: rgba(215,180,106,0.28);
  background: rgba(215,180,106,0.12);
  color: rgba(245,241,232,0.95);
}

body.single-product .woocommerce-tabs .panel{
  padding: 16px;
  margin: 0;
}
/* ======================================================
   7500€ SINGLE PRODUCT – NÕIATAR (final)
====================================================== */

/* Tapa Woo floatid (muidu kogu layout nihkes) */
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
  float:none !important;
  width:auto !important;
  margin:0 !important;
}

/* Üld wrapper */
.noitar-product-wrap{ max-width: 1120px; }

/* Card base */
.noitar-product .card{
  border-radius: 20px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
}

/* Grid */
.noitar-product-grid{
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 18px;
  align-items:start;
}
@media (max-width: 980px){
  .noitar-product-grid{ grid-template-columns: 1fr; }
}

/* Gallery card */
.noitar-product-gallery{
  position: sticky;
  top: calc(var(--header-h, 88px) + 16px);
  padding: 14px;
  overflow:hidden;
}
@media (max-width: 980px){
  .noitar-product-gallery{ position: relative; top:auto; }
}

/* Gallery image */
.noitar-product-gallery img{
  border-radius: 16px;
}

/* Zoom icon */
.woocommerce-product-gallery__trigger{
  background: rgba(11,16,32,0.72) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
.woocommerce-product-gallery__trigger::before{ border-color: rgba(245,241,232,0.92) !important; }
.woocommerce-product-gallery__trigger::after{ background: rgba(245,241,232,0.92) !important; }

/* Summary card */
.noitar-product-summary{
  padding: 18px;
}
.noitar-product-title{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(30px, 2.8vw, 46px);
  margin: 6px 0 8px;
}
.noitar-product-price{
  color: rgba(215,180,106,0.95);
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 10px;
}
.noitar-product-lead{ margin: 0 0 14px; max-width: 60ch; }

/* Quantity + selectid (et dropdown poleks valge) */
body.single-product select,
body.single-product .variations select,
body.single-product .quantity input.qty{
  width: 100%;
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 12px 12px;
  outline: none;
}
body.single-product select:focus,
body.single-product .quantity input.qty:focus{
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 0 0 3px rgba(111,231,255,0.10);
}

/* Add to cart */
body.single-product .single_add_to_cart_button{
  width: 100%;
  margin-top: 8px;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(215,180,106,0.28) !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.95) !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.single-product .single_add_to_cart_button:hover{
  border-color: rgba(111,231,255,0.22) !important;
  box-shadow: 0 0 26px rgba(111,231,255,0.14);
}

/* Tabs/related full width – see on SU PILDIL PROBLEEM */
.noitar-product-bottom{
  margin-top: 18px;
}
.noitar-product-tabs{
  padding: 0;
  overflow:hidden;
}

/* Tabs container reset */
body.single-product .woocommerce-tabs{ margin: 0 !important; }
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{
  display:none !important;
}
body.single-product .woocommerce-tabs ul.tabs{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  margin: 0;
  list-style:none;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
body.single-product .woocommerce-tabs ul.tabs li{ margin: 0 !important; padding: 0 !important; background: transparent !important; }
body.single-product .woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.90);
  text-decoration:none;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}
body.single-product .woocommerce-tabs ul.tabs li.active a{
  border-color: rgba(215,180,106,0.28);
  background: rgba(215,180,106,0.12);
  color: rgba(245,241,232,0.95);
}
body.single-product .woocommerce-tabs .panel{
  padding: 16px;
  margin: 0;
}

/* Related grid match (optional – kui sul on related) */
body.single-product .related{ margin-top: 18px; }
body.single-product .related > h2{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  margin: 0 0 10px;
}
/* =========================================
   NÕIATAR – PDP (single product) FINAL
========================================= */

.noitar-pdp{ max-width: 1120px; }

/* Card */
.noitar-pdp .card{
  border-radius: 20px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
}

/* Kill Woo floats (väga oluline!) */
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
  float:none !important;
  width:auto !important;
  margin:0 !important;
}

/* Grid */
.noitar-pdp-grid{
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 18px;
  align-items:start;
}
@media (max-width: 980px){
  .noitar-pdp-grid{ grid-template-columns: 1fr; }
}

/* Gallery */
.noitar-pdp-gallery{
  position: sticky;
  top: calc(var(--header-h, 88px) + 16px);
  padding: 14px;
  overflow:hidden;
}
@media (max-width: 980px){
  .noitar-pdp-gallery{ position: relative; top:auto; }
}
.noitar-pdp-gallery img{ border-radius: 16px; }

/* Zoom icon sobivaks */
.woocommerce-product-gallery__trigger{
  background: rgba(11,16,32,0.72) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
.woocommerce-product-gallery__trigger::before{ border-color: rgba(245,241,232,0.92) !important; }
.woocommerce-product-gallery__trigger::after{ background: rgba(245,241,232,0.92) !important; }

/* Summary */
.noitar-pdp-summary{ padding: 18px; }
.noitar-pdp-title{
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(30px, 2.8vw, 46px);
  margin: 6px 0 8px;
}
.noitar-pdp-price{
  color: rgba(215,180,106,0.95);
  font-weight: 900;
  font-size: 18px;
  margin: 0 0 10px;
}
.noitar-pdp-lead{ margin: 0; max-width: 62ch; }

/* Inputs / selects (et poleks valge) */
body.single-product select,
body.single-product .variations select,
body.single-product .quantity input.qty{
  width: 100%;
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.92);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 12px 12px;
  outline: none;
}
body.single-product select:focus,
body.single-product .quantity input.qty:focus{
  border-color: rgba(111,231,255,0.22);
  box-shadow: 0 0 0 3px rgba(111,231,255,0.10);
}

/* Add to cart button full width */
body.single-product .single_add_to_cart_button{
  width: 100% !important;
  margin-top: 8px !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(215,180,106,0.28) !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.95) !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.single-product .single_add_to_cart_button:hover{
  border-color: rgba(111,231,255,0.22) !important;
  box-shadow: 0 0 26px rgba(111,231,255,0.14);
}

/* Below section (tabs + related) */
.noitar-pdp-below{
  margin-top: 18px;
  padding: 0;
  overflow:hidden;
}

/* Tabs premium reset */
body.single-product .woocommerce-tabs{ margin: 0 !important; }
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{ display:none !important; }

body.single-product .woocommerce-tabs ul.tabs{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  margin: 0;
  list-style:none;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
body.single-product .woocommerce-tabs ul.tabs li{ margin:0 !important; padding:0 !important; background:transparent !important; }
body.single-product .woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.90);
  text-decoration:none;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}
body.single-product .woocommerce-tabs ul.tabs li.active a{
  border-color: rgba(215,180,106,0.28);
  background: rgba(215,180,106,0.12);
  color: rgba(245,241,232,0.95);
}
body.single-product .woocommerce-tabs .panel{
  padding: 16px;
  margin: 0;
}
/* ===============================
   SINGLE PRODUCT – 7500€ FIX
================================ */

/* Tapa Woo float-layout täielikult */
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* Tee toode gridi peale */
body.single-product .woocommerce div.product{
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 22px !important;
  align-items: start !important;
}

@media (max-width: 980px){
  body.single-product .woocommerce div.product{
    grid-template-columns: 1fr !important;
  }
}

/* Galerii: suur + sticky + premium */
body.single-product .woocommerce div.product div.images{
  position: sticky;
  top: calc(var(--header-h, 88px) + 16px);
  padding: 14px;
  border-radius: 22px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
  overflow: hidden;
}

@media (max-width: 980px){
  body.single-product .woocommerce div.product div.images{
    position: relative;
    top: auto;
  }
}

body.single-product .woocommerce div.product div.images img{
  border-radius: 16px;
}

/* Summary: premium card */
body.single-product .woocommerce div.product div.summary{
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.40);
}

/* Tabs + related = täislaius (EI kuku vasakule alla) */
body.single-product .woocommerce div.product .woocommerce-tabs,
body.single-product .woocommerce div.product .related,
body.single-product .woocommerce div.product .upsells{
  grid-column: 1 / -1 !important;
  width: 100% !important;
  clear: both !important;
  margin-top: 18px !important;
}

/* Tabs: eemalda Woo “imelikud jooned” */
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{
  display: none !important;
}

/* Tabs premium */
body.single-product .woocommerce-tabs{
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}

body.single-product .woocommerce-tabs ul.tabs{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  margin: 0;
  list-style:none;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

body.single-product .woocommerce-tabs ul.tabs li{ margin:0 !important; padding:0 !important; background:transparent !important; }

body.single-product .woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  color: rgba(245,241,232,0.90);
  text-decoration:none;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}

body.single-product .woocommerce-tabs ul.tabs li.active a{
  border-color: rgba(215,180,106,0.28);
  background: rgba(215,180,106,0.12);
  color: rgba(245,241,232,0.95);
}

body.single-product .woocommerce-tabs .panel{
  padding: 16px;
  margin: 0;
}

/* Trust boxes (teenustel) */
.noitar-trust{ display:grid; gap:10px; margin-top: 14px; }
.noitar-trust-item{
  display:flex; gap:10px; align-items:flex-start;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 10px 12px;
}
.noitar-ico{
  width: 28px; height: 28px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center; justify-content:center;
  background: rgba(215,180,106,0.10);
  border: 1px solid rgba(215,180,106,0.22);
  color: rgba(111,231,255,0.85);
  flex: 0 0 auto;
}
/* ======================================================
   SINGLE PRODUCT – FINAL V2 (HARD OVERRIDE)
   Eesmärk: 1120px centered + 2-column premium, tabs full width
====================================================== */

.noitar-wc-single{
  max-width: 1120px !important;
  margin: 0 auto !important;
}

/* Woo layout kill (float/width/max-width/clear) */
.noitar-wc-single div.product,
.noitar-wc-single .product{
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
  gap: 22px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

@media (max-width: 980px){
  .noitar-wc-single div.product,
  .noitar-wc-single .product{
    grid-template-columns: 1fr !important;
  }
}

/* Images + Summary always stretch, never tiny */
.noitar-wc-single div.product div.images,
.noitar-wc-single .product div.images,
.noitar-wc-single div.product div.summary,
.noitar-wc-single .product div.summary{
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  clear: none !important;
}

/* Gallery premium card */
.noitar-wc-single div.product div.images,
.noitar-wc-single .product div.images{
  position: sticky !important;
  top: calc(var(--header-h, 88px) + 16px) !important;
  padding: 14px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,0.40) !important;
  overflow: hidden !important;
}

@media (max-width: 980px){
  .noitar-wc-single div.product div.images,
  .noitar-wc-single .product div.images{
    position: relative !important;
    top: auto !important;
  }
}

/* Image fits nicely */
.noitar-wc-single .woocommerce-product-gallery,
.noitar-wc-single .woocommerce-product-gallery__wrapper{
  width: 100% !important;
  max-width: none !important;
}
.noitar-wc-single div.product div.images img{
  width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  display: block !important;
}

/* Zoom button */
.noitar-wc-single .woocommerce-product-gallery__trigger{
  background: rgba(11,16,32,0.72) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
}
.noitar-wc-single .woocommerce-product-gallery__trigger::before{
  border-color: rgba(245,241,232,0.92) !important;
}
.noitar-wc-single .woocommerce-product-gallery__trigger::after{
  background: rgba(245,241,232,0.92) !important;
}

/* Summary premium card */
.noitar-wc-single div.product div.summary,
.noitar-wc-single .product div.summary{
  padding: 18px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,0.40) !important;
}

/* Typography */
.noitar-wc-single .product_title{
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(30px, 2.8vw, 46px) !important;
  margin: 0 0 8px !important;
}
.noitar-wc-single .price{
  color: rgba(215,180,106,0.95) !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  margin: 0 0 12px !important;
}

/* Inputs */
.noitar-wc-single select,
.noitar-wc-single .variations select,
.noitar-wc-single .quantity input.qty{
  width: 100% !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.92) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  padding: 12px 12px !important;
  outline: none !important;
}

/* Add to cart button */
.noitar-wc-single .single_add_to_cart_button{
  width: 100% !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(215,180,106,0.28) !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.95) !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.noitar-wc-single .single_add_to_cart_button:hover{
  border-color: rgba(111,231,255,0.22) !important;
  box-shadow: 0 0 26px rgba(111,231,255,0.14) !important;
}

/* Tabs + related full width (grid row 2) */
.noitar-wc-single .woocommerce-tabs,
.noitar-wc-single .related,
.noitar-wc-single .upsells{
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 18px !important;
  clear: both !important;
}

/* Tabs premium */
.noitar-wc-single .woocommerce-tabs{
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(255,255,255,0.02) !important;
}

/* Remove Woo weird pseudo elements */
.noitar-wc-single .woocommerce-tabs ul.tabs::before,
.noitar-wc-single .woocommerce-tabs ul.tabs li::before,
.noitar-wc-single .woocommerce-tabs ul.tabs li::after{
  display: none !important;
}

.noitar-wc-single .woocommerce-tabs ul.tabs{
  display:flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 12px !important;
  margin: 0 !important;
  list-style:none !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.noitar-wc-single .woocommerce-tabs ul.tabs li{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.noitar-wc-single .woocommerce-tabs ul.tabs li a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.90) !important;
  text-decoration:none !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}

.noitar-wc-single .woocommerce-tabs ul.tabs li.active a{
  border-color: rgba(215,180,106,0.28) !important;
  background: rgba(215,180,106,0.12) !important;
  color: rgba(245,241,232,0.95) !important;
}

.noitar-wc-single .woocommerce-tabs .panel{
  padding: 16px !important;
  margin: 0 !important;
}
body.single-product { outline: 5px solid red !important; }
body.single-product .woocommerce-tabs,
body.single-product .related,
body.single-product .upsells{
  position: relative !important;
  z-index: 1 !important;
}
body.single-product div.product div.images{
  z-index: 0 !important;
}
/* ==========================
   NOITAR – CLEAN PDP (FINAL)
========================== */

/* 1) Base container */
body.single-product .site-main .container{
  max-width: 1120px;
}

/* 2) KILL Woo floats / weird widths */
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 3) Grid layout */
body.single-product .woocommerce div.product{
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) !important;
  gap: 24px !important;
  align-items: start !important;
}
@media (max-width: 980px){
  body.single-product .woocommerce div.product{
    grid-template-columns: 1fr !important;
  }
}

/* 4) Gallery card (NOT sticky) */
body.single-product .woocommerce div.product div.images{
  position: relative !important;
  padding: 16px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,0.40) !important;
  overflow: hidden !important;
}
body.single-product .woocommerce div.product div.images img{
  border-radius: 16px !important;
  display: block !important;
}

/* 5) Summary card */
body.single-product .woocommerce div.product div.summary{
  padding: 18px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,0.40) !important;
}

/* Typography */
body.single-product .product_title{
  font-family:"Cormorant Garamond",serif !important;
  font-weight:600 !important;
  letter-spacing:-0.02em !important;
  font-size: clamp(30px, 2.8vw, 46px) !important;
  margin: 0 0 10px !important;
}
body.single-product .summary .price{
  color: rgba(215,180,106,0.95) !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

/* Button full width */
body.single-product .single_add_to_cart_button{
  width: 100% !important;
  border-radius: 999px !important;
}

/* 6) Tabs ALWAYS full width BELOW, no overlap */
body.single-product .woocommerce div.product .woocommerce-tabs{
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-top: 22px !important;
  position: relative !important;
  z-index: 2 !important;
  clear: both !important;
}

/* Tabs container as a clean card */
body.single-product .woocommerce-tabs{
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(255,255,255,0.02) !important;
}

/* Remove Woo pseudo-lines */
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{
  display: none !important;
}

/* Tabs nav */
body.single-product .woocommerce-tabs ul.tabs{
  display:flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  padding: 12px !important;
  margin: 0 !important;
  list-style: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
body.single-product .woocommerce-tabs ul.tabs li{ margin:0 !important; padding:0 !important; }
body.single-product .woocommerce-tabs ul.tabs li a{
  display:inline-flex !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.92) !important;
  text-decoration:none !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a{
  border-color: rgba(215,180,106,0.28) !important;
  background: rgba(215,180,106,0.12) !important;
}

/* Tabs content spacing */
body.single-product .woocommerce-tabs .panel{
  padding: 18px !important;
  margin: 0 !important;
}

/* 7) Related products full width too */
body.single-product .woocommerce div.product .related,
body.single-product .woocommerce div.product .upsells{
  grid-column: 1 / -1 !important;
  margin-top: 18px !important;
}

/* 8) Make sure nothing overlays tabs */
body.single-product .woocommerce div.product div.images{
  z-index: 1 !important;
}
/* =========================================================
   NOITAR – SINGLE PRODUCT (AGENCY 7500) – FINAL
   - Pilt vasakul (premium frame)
   - Ostukast paremal sticky
   - Kirjeldus/Arvustused paremal all
   - Mobiilis stack
========================================================= */

/* Container */
body.single-product .site-main .container{
  max-width: 1160px !important;
}

/* Kill Woo floats */
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

/* GRID AREAS */
body.single-product .woocommerce div.product{
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
  grid-template-areas:
    "images summary"
    "images tabs"
    "related related";
  gap: 22px !important;
  align-items: start !important;
}

/* Assign areas */
body.single-product .woocommerce div.product div.images{ grid-area: images !important; }
body.single-product .woocommerce div.product div.summary{ grid-area: summary !important; }
body.single-product .woocommerce div.product .woocommerce-tabs{
  grid-area: tabs !important;
  grid-column: auto !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 3 !important;
}
body.single-product .woocommerce div.product .related,
body.single-product .woocommerce div.product .upsells{
  grid-area: related !important;
  grid-column: 1 / -1 !important;
  margin-top: 22px !important;
}

/* Mobile */
@media (max-width: 980px){
  body.single-product .woocommerce div.product{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "images"
      "summary"
      "tabs"
      "related";
  }
}

/* --- IMAGE CARD (premium, not sticky) --- */
body.single-product .woocommerce div.product div.images{
  position: relative !important;
  padding: 16px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,0.42) !important;
  overflow: hidden !important;
}

/* Make gallery look premium: remove huge white void feel */
body.single-product .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery__wrapper{
  width: 100% !important;
  margin: 0 !important;
}
body.single-product .woocommerce div.product div.images img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius: 16px !important;
  background: transparent !important;
}

/* Zoom icon polish */
body.single-product .woocommerce-product-gallery__trigger{
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  background: rgba(11,16,32,0.70) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35) !important;
}

/* --- SUMMARY CARD (sticky, premium CTA) --- */
body.single-product .woocommerce div.product div.summary{
  padding: 18px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,0.42) !important;

  position: sticky !important;
  top: calc(var(--header-h, 88px) + 16px) !important;
  align-self: start !important;
}
@media (max-width: 980px){
  body.single-product .woocommerce div.product div.summary{
    position: relative !important;
    top: auto !important;
  }
}

/* Title + price */
body.single-product .product_title{
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(30px, 2.6vw, 46px) !important;
  margin: 0 0 10px !important;
}
body.single-product .summary .price{
  color: rgba(215,180,106,0.95) !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  margin: 0 0 14px !important;
}

/* Qty + button nicer */
body.single-product .quantity .qty{
  width: 100% !important;
  padding: 12px 12px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(245,241,232,0.92) !important;
}
body.single-product .single_add_to_cart_button{
  width: 100% !important;
  margin-top: 10px !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(215,180,106,0.30) !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.95) !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.single-product .single_add_to_cart_button:hover{
  border-color: rgba(111,231,255,0.22) !important;
  box-shadow: 0 0 26px rgba(111,231,255,0.14) !important;
}

/* Meta small + clean */
body.single-product .product_meta{
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(154,163,178,0.95) !important;
  font-size: 13px !important;
}
body.single-product .product_meta a{
  color: rgba(245,241,232,0.92) !important;
  text-decoration: none !important;
}

/* --- TABS as card, no weird lines, no overlap --- */
body.single-product .woocommerce-tabs{
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(255,255,255,0.02) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,0.35) !important;
}

/* Remove Woo pseudo */
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{
  display:none !important;
}

/* Tabs nav */
body.single-product .woocommerce-tabs ul.tabs{
  position: static !important;
  margin: 0 !important;
  padding: 14px !important;
  list-style: none !important;

  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(255,255,255,0.01) !important;
}
body.single-product .woocommerce-tabs ul.tabs li{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(245,241,232,0.92) !important;
  text-decoration:none !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a{
  border-color: rgba(215,180,106,0.30) !important;
  background: rgba(215,180,106,0.14) !important;
}

/* Tabs content */
body.single-product .woocommerce-tabs .panel{
  margin: 0 !important;
  padding: 20px !important;
}
body.single-product .woocommerce-Tabs-panel--description > h2,
body.single-product .woocommerce-Tabs-panel--reviews > h2{
  display:none !important;
}

/* Kill any sticky add-to-cart bar if exists */
#noitar-sticky-atc,
.noitar-sticky-atc{
  display:none !important;
}
/* NOITAR PDP – Agency layout */
.noitar-pdp{max-width:1160px;margin:0 auto;padding:28px 18px}
.noitar-pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:start}
.noitar-pdp__media,.noitar-pdp__buy,.noitar-pdp__tabs,.noitar-pdp__related{
  border-radius:22px;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 22px 60px rgba(0,0,0,0.42);
}
.noitar-pdp__media{padding:16px;overflow:hidden}
.noitar-pdp__buy{padding:18px;position:sticky;top:calc(var(--header-h,88px) + 16px)}
.noitar-pdp__title{margin:0 0 6px;font-family:"Cormorant Garamond",serif;font-size:clamp(30px,2.4vw,44px)}
.noitar-pdp__price .price{color:rgba(215,180,106,0.96);font-weight:900}
.noitar-pdp__short{color:rgba(154,163,178,0.98);line-height:1.6;margin:10px 0 14px}
.noitar-pdp__trust{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,0.08);color:rgba(154,163,178,.95);display:grid;gap:8px}
.noitar-pdp__trust li{padding-left:22px;position:relative}
.noitar-pdp__trust li:before{content:"✓";position:absolute;left:0;top:0;color:rgba(70,230,166,.95);font-weight:900}

.noitar-pdp__tabs{grid-column:1 / -1;overflow:hidden}
.noitar-pdp__tabs .woocommerce-tabs{border:0;background:transparent;box-shadow:none}
.noitar-pdp__tabs ul.tabs::before,.noitar-pdp__tabs ul.tabs li::before,.noitar-pdp__tabs ul.tabs li::after{display:none}
.noitar-pdp__tabs ul.tabs{margin:0;padding:14px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.08)}
.noitar-pdp__tabs ul.tabs li{margin:0;padding:0}
.noitar-pdp__tabs ul.tabs a{display:inline-flex;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.03);color:rgba(245,241,232,0.92);text-decoration:none;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.noitar-pdp__tabs ul.tabs li.active a{border-color:rgba(215,180,106,0.30);background:rgba(215,180,106,0.14)}
.noitar-pdp__tabs .panel{margin:0;padding:20px}

.noitar-pdp__related{grid-column:1 / -1;padding:18px}

@media (max-width:980px){
  .noitar-pdp{grid-template-columns:1fr}
  .noitar-pdp__buy{position:relative;top:auto}
}
/* =========================================
   NOITAR – PDP (pilt vasakul väiksem,
   nimi/hind/ATC paremal, kirjeldus paremal all)
========================================= */

.noitar-pdp{max-width:1160px;margin:0 auto;padding:28px 18px}
.noitar-pdp{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,0.9fr);
  grid-template-areas:
    "media buy"
    "media details"
    "related related";
  gap:22px;
  align-items:start;
}
@media (max-width:980px){
  .noitar-pdp{
    grid-template-columns:1fr;
    grid-template-areas:
      "media"
      "buy"
      "details"
      "related";
  }
}

/* Card base */
.noitar-pdp__media,.noitar-pdp__buy,.noitar-pdp__details,.noitar-pdp__related{
  border-radius:22px;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 22px 60px rgba(0,0,0,0.42);
}

/* Areas */
.noitar-pdp__media{grid-area:media;padding:16px;overflow:hidden}
.noitar-pdp__buy{grid-area:buy;padding:18px;position:sticky;top:calc(var(--header-h,88px) + 16px)}
.noitar-pdp__details{grid-area:details;overflow:hidden}
.noitar-pdp__related{grid-area:related;padding:18px}
@media (max-width:980px){
  .noitar-pdp__buy{position:relative;top:auto}
}

/* Pilt väiksem: lukustame galeriile kõrguse (müügi jaoks parem) */
.noitar-pdp__media .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{
  height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  overflow:hidden;
  background:rgba(11,16,32,0.22);
}
@media (max-width:980px){
  .noitar-pdp__media .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{
    height:360px;
  }
}
.noitar-pdp__media img{
  height:100% !important;
  width:auto !important;
  object-fit:contain !important;
  border-radius:14px !important;
}

/* Title + price */
.noitar-pdp__title{
  margin:0 0 8px;
  font-family:"Cormorant Garamond",serif;
  font-weight:600;
  letter-spacing:-0.02em;
  font-size:clamp(28px,2.2vw,44px);
}
.noitar-pdp__price .price{
  color:rgba(215,180,106,0.96);
  font-weight:900;
  font-size:18px;
  margin:0 0 14px;
}

/* Cart */
.noitar-pdp__buy form.cart{display:grid;gap:10px}
.noitar-pdp__buy .quantity .qty{
  width:100%;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.10);
  color:rgba(245,241,232,0.92);
}
.noitar-pdp__buy .single_add_to_cart_button{
  width:100%;
  border-radius:999px;
  padding:12px 16px;
  border:1px solid rgba(215,180,106,0.30);
  background:rgba(255,255,255,0.03);
  color:rgba(245,241,232,0.95);
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.noitar-pdp__buy .single_add_to_cart_button:hover{
  border-color:rgba(111,231,255,0.22);
  box-shadow:0 0 26px rgba(111,231,255,0.14);
}

/* Trust row */
.noitar-pdp__trust{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,0.08);
  display:grid;
  gap:8px;
  color:rgba(154,163,178,0.95);
  font-size:13px;
}
.noitar-pdp__trustitem{padding-left:22px;position:relative}
.noitar-pdp__trustitem:before{
  content:"✓";
  position:absolute;left:0;top:0;
  color:rgba(70,230,166,0.95);
  font-weight:900;
}

/* Details = tabs clean */
.noitar-pdp__details .woocommerce-tabs{background:transparent;border:0;box-shadow:none}
.noitar-pdp__details ul.tabs::before,
.noitar-pdp__details ul.tabs li::before,
.noitar-pdp__details ul.tabs li::after{display:none}
.noitar-pdp__details ul.tabs{
  margin:0;padding:14px;
  display:flex;gap:8px;flex-wrap:wrap;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.noitar-pdp__details ul.tabs li{margin:0;padding:0}
.noitar-pdp__details ul.tabs a{
  display:inline-flex;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.03);
  color:rgba(245,241,232,0.92);
  text-decoration:none;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.noitar-pdp__details ul.tabs li.active a{
  border-color:rgba(215,180,106,0.30);
  background:rgba(215,180,106,0.14);
}
.noitar-pdp__details .panel{margin:0;padding:20px}
.noitar-pdp__details .woocommerce-Tabs-panel--description>h2,
.noitar-pdp__details .woocommerce-Tabs-panel--reviews>h2{display:none}
/* =========================================================
   NOITAR – Product page layout (nagu näidis)
========================================================= */

.noitar-pdp{max-width:1160px;margin:0 auto;padding:28px 18px}
.noitar-pdp__top{margin-bottom:14px}
.noitar-pdp__top .woocommerce-breadcrumb{color:rgba(154,163,178,.85);font-size:13px}
.noitar-pdp__top .woocommerce-breadcrumb a{color:rgba(245,241,232,.85);text-decoration:none}

.noitar-pdp__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:28px;
  align-items:start;
}
@media (max-width:980px){
  .noitar-pdp__grid{grid-template-columns:1fr}
}

/* Cards */
.noitar-pdp__mediaCard,
.noitar-pdp__summaryCard,
.noitar-pdp__tabsCard{
  border-radius:22px;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 22px 60px rgba(0,0,0,0.42);
}

.noitar-pdp__mediaCard{padding:18px}
.noitar-pdp__summaryCard{padding:22px}

/* WHITE STAGE pildile (nagu näidisel) */
.noitar-pdp__imageStage{
  border-radius:18px;
  background:rgba(255,255,255,0.95);
  padding:16px;
  border:1px solid rgba(0,0,0,0.06);
}

/* Woo gallery clean */
.noitar-pdp__imageStage .woocommerce-product-gallery{margin:0!important}
.noitar-pdp__imageStage .woocommerce-product-gallery__wrapper{margin:0!important}

/* Pilt “väiksem” ja kontrollitud */
.noitar-pdp__imageStage .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{
  height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:14px;
  background:#fff;
}
@media (max-width:980px){
  .noitar-pdp__imageStage .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{
    height:420px;
  }
}
.noitar-pdp__imageStage img{
  width:auto!important;
  height:100%!important;
  max-height:520px!important;
  object-fit:contain!important;
  display:block!important;
}

/* Thumbid ritta */
.noitar-pdp__imageStage ol.flex-control-nav.flex-control-thumbs{
  margin:12px 0 0!important;
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.noitar-pdp__imageStage ol.flex-control-nav.flex-control-thumbs li{
  width:72px!important;
  height:72px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  border:1px solid rgba(0,0,0,0.10)!important;
  background:#fff!important;
}
.noitar-pdp__imageStage ol.flex-control-nav.flex-control-thumbs img{
  width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;
}

/* Right column */
.noitar-pdp__summary{
  position:sticky;
  top:calc(var(--header-h,88px) + 16px);
  align-self:start;
}
@media (max-width:980px){
  .noitar-pdp__summary{position:relative;top:auto}
}

.noitar-pdp__title{
  margin:0 0 8px;
  font-family:"Cormorant Garamond",serif;
  font-weight:600;
  font-size:clamp(28px,2.2vw,44px);
  letter-spacing:-0.02em;
}
.noitar-pdp__price .price{
  color:rgba(215,180,106,0.96);
  font-weight:900;
  font-size:20px;
  margin:0 0 12px;
}
.noitar-pdp__short{
  color:rgba(154,163,178,0.98);
  line-height:1.6;
  margin:0 0 16px;
}

/* Cart row */
.noitar-pdp__cart form.cart{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}
@media (max-width:520px){
  .noitar-pdp__cart form.cart{grid-template-columns:1fr}
}

.noitar-pdp__cart .quantity .qty{
  width:100%!important;
  padding:12px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,0.03)!important;
  border:1px solid rgba(255,255,255,0.10)!important;
  color:rgba(245,241,232,0.92)!important;
}
.noitar-pdp__cart .single_add_to_cart_button{
  width:100%!important;
  border-radius:14px!important; /* näidise vibe (mitte pill) */
  padding:13px 16px!important;
  border:1px solid rgba(215,180,106,0.35)!important;
  background:rgba(215,180,106,0.16)!important;
  color:rgba(245,241,232,0.98)!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.noitar-pdp__cart .single_add_to_cart_button:hover{
  border-color:rgba(111,231,255,0.22)!important;
  box-shadow:0 0 28px rgba(111,231,255,0.14)!important;
}

/* Trust */
.noitar-pdp__trust{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,0.08);
  display:grid;
  gap:8px;
  color:rgba(154,163,178,0.95);
  font-size:13px;
}
.noitar-pdp__trustItem{padding-left:22px;position:relative}
.noitar-pdp__trustItem:before{
  content:"✓";
  position:absolute;left:0;top:0;
  color:rgba(70,230,166,0.95);
  font-weight:900;
}

/* Tabs below full width (nagu näidisel) */
.noitar-pdp__tabs{margin-top:18px}
.noitar-pdp__tabsCard{padding:0;overflow:hidden}

.noitar-pdp__tabs .woocommerce-tabs{background:transparent;border:0;box-shadow:none}
.noitar-pdp__tabs ul.tabs::before,
.noitar-pdp__tabs ul.tabs li::before,
.noitar-pdp__tabs ul.tabs li::after{display:none}

.noitar-pdp__tabs ul.tabs{
  margin:0;
  padding:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  border-bottom:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.01);
}
.noitar-pdp__tabs ul.tabs li{margin:0;padding:0}
.noitar-pdp__tabs ul.tabs a{
  display:inline-flex;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.03);
  color:rgba(245,241,232,0.92);
  text-decoration:none;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
}
.noitar-pdp__tabs ul.tabs li.active a{
  border-color:rgba(215,180,106,0.35);
  background:rgba(215,180,106,0.18);
}
.noitar-pdp__tabs .panel{margin:0;padding:20px}
.noitar-pdp__tabs .woocommerce-Tabs-panel--description>h2,
.noitar-pdp__tabs .woocommerce-Tabs-panel--reviews>h2{display:none}
/* =========================================================
   FIX: single-product layout conflicts (force full width)
========================================================= */
body.single-product .site-main,
body.single-product .site-main .container,
body.single-product .entry-content,
body.single-product .content-area,
body.single-product .site-content {
  width:100% !important;
  max-width:100% !important;
}

/* Kill any flex wrappers that center everything into a column */
body.single-product .site-main,
body.single-product .site-main .container,
body.single-product .entry-content {
  display:block !important;
}

/* Our PDP wrapper should be the only width controller */
body.single-product .noitar-pdp.container{
  max-width:1160px !important;
  margin:0 auto !important;
  padding:28px 18px !important;
}

/* Ensure the grid actually becomes 2 columns */
body.single-product .noitar-pdp__grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:28px !important;
  align-items:start !important;
}
@media (max-width:980px){
  body.single-product .noitar-pdp__grid{
    grid-template-columns:1fr !important;
  }
}

/* Make sure media stays LEFT and summary RIGHT */
body.single-product .noitar-pdp__media{grid-column:1 !important}
body.single-product .noitar-pdp__summary{grid-column:2 !important}
@media (max-width:980px){
  body.single-product .noitar-pdp__media,
  body.single-product .noitar-pdp__summary{grid-column:auto !important}
}

/* Prevent Woo default floats breaking layout */
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
  float:none !important;
  width:100% !important;
  margin:0 !important;
}
/* ===== NOITAR PDP (nagu näidis: vasakul pilt+excerpt, paremal ostukast, all pikk kirjeldus) ===== */

.noitar-pdp{max-width:1160px;margin:0 auto;padding:28px 18px}
.noitar-pdp__top{margin-bottom:14px}
.noitar-pdp__top .woocommerce-breadcrumb{color:rgba(154,163,178,.85);font-size:13px}
.noitar-pdp__top .woocommerce-breadcrumb a{color:rgba(245,241,232,.85);text-decoration:none}

/* cards */
.noitar-card{
  border-radius:22px;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 22px 60px rgba(0,0,0,0.42);
}

/* grid like reference */
.noitar-pdp__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:28px;
  align-items:start;
}
@media (max-width:980px){
  .noitar-pdp__grid{grid-template-columns:1fr}
}

/* LEFT */
.noitar-pdp__mediaCard{padding:18px}
.noitar-pdp__imageStage{
  border-radius:18px;
  background:rgba(255,255,255,0.95);
  padding:16px;
  border:1px solid rgba(0,0,0,0.06);
}

/* FIX woo floats */
body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
  float:none !important;
  width:100% !important;
  margin:0 !important;
}

/* image sizing (smaller & clean) */
.noitar-pdp__imageStage .woocommerce-product-gallery{margin:0!important}
.noitar-pdp__imageStage .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{
  height:460px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:14px;
  background:#fff;
}
@media (max-width:980px){
  .noitar-pdp__imageStage .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{height:380px}
}
.noitar-pdp__imageStage img{
  width:auto!important;height:100%!important;object-fit:contain!important;display:block!important;
}

/* thumbs */
.noitar-pdp__imageStage ol.flex-control-nav.flex-control-thumbs{
  margin:12px 0 0!important;
  display:flex!important;gap:10px!important;flex-wrap:wrap!important;
}
.noitar-pdp__imageStage ol.flex-control-nav.flex-control-thumbs li{
  width:72px!important;height:72px!important;border-radius:12px!important;overflow:hidden!important;
  border:1px solid rgba(0,0,0,0.10)!important;background:#fff!important;
}
.noitar-pdp__imageStage ol.flex-control-nav.flex-control-thumbs img{
  width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;
}

/* short card */
.noitar-pdp__shortCard{padding:18px;margin-top:14px}
.noitar-pdp__shortTitle{
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(154,163,178,0.95);
  margin-bottom:8px;
}
.noitar-pdp__shortText{color:rgba(245,241,232,0.92);line-height:1.65}
.noitar-pdp__shortText p{margin:0}

/* RIGHT (no more “different levels”): remove sticky */
.noitar-pdp__buyCard{padding:22px}
.noitar-pdp__right{position:relative;top:auto}
.noitar-pdp__title{
  margin:0 0 8px;
  font-family:"Cormorant Garamond",serif;
  font-weight:600;
  font-size:clamp(28px,2.2vw,44px);
}
.noitar-pdp__price .price{
  color:rgba(215,180,106,0.96);
  font-weight:900;
  font-size:20px;
  margin:0 0 14px;
}

/* cart aligned like reference */
.noitar-pdp__cart form.cart{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:12px;
  align-items:center;
}
@media (max-width:520px){
  .noitar-pdp__cart form.cart{grid-template-columns:1fr}
}
.noitar-pdp__cart .quantity .qty{
  width:100%!important;
  padding:12px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,0.03)!important;
  border:1px solid rgba(255,255,255,0.10)!important;
  color:rgba(245,241,232,0.92)!important;
}
.noitar-pdp__cart .single_add_to_cart_button{
  width:100%!important;
  border-radius:14px!important;
  padding:13px 16px!important;
  border:1px solid rgba(215,180,106,0.35)!important;
  background:rgba(215,180,106,0.16)!important;
  color:rgba(245,241,232,0.98)!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

/* trust */
.noitar-pdp__trust{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,0.08);
  display:grid;gap:8px;
  color:rgba(154,163,178,0.95);
  font-size:13px;
}
.noitar-pdp__trustItem{padding-left:22px;position:relative}
.noitar-pdp__trustItem:before{
  content:"✓";
  position:absolute;left:0;top:0;
  color:rgba(70,230,166,0.95);
  font-weight:900;
}

/* long description (below, full width) */
.noitar-pdp__long{margin-top:18px}
.noitar-pdp__longCard{padding:20px}
.noitar-pdp__longTitle{
  margin:0 0 10px;
  font-family:"Cormorant Garamond",serif;
  font-size:28px;
}
.noitar-pdp__longText{color:rgba(245,241,232,0.92);line-height:1.7}
.noitar-pdp__longText p{margin:0 0 12px}

/* REMOVE reviews/tab UI globally on PDP */
body.single-product .woocommerce-tabs,
body.single-product #reviews,
body.single-product .woocommerce-Reviews,
body.single-product .related,
body.single-product .upsells{
  display:none !important;
}
/* PDP image: eemaldab topelt-wrapper kastid */
.noitar-pdp__mediaCard{
  box-shadow:none !important;           /* ära dubleeri suurt shadowd pildi ümber */
  background:transparent !important;    /* hoia ainult white stage */
  border:0 !important;
  padding:0 !important;
}

.noitar-pdp__imageStage{
  border-radius:22px !important;
  box-shadow:0 22px 60px rgba(0,0,0,0.42) !important; /* üks korralik shadow */
}

/* Woo gallery default overlay/frames maha */
.noitar-pdp__imageStage .woocommerce-product-gallery,
.noitar-pdp__imageStage .woocommerce-product-gallery__wrapper,
.noitar-pdp__imageStage .woocommerce-product-gallery__image{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

/* zoom ikoon väiksem + stiil teema järgi */
.noitar-pdp__imageStage .woocommerce-product-gallery__trigger{
  top:14px !important;
  right:14px !important;
  border-radius:999px !important;
  background:rgba(11,16,32,0.75) !important;
  border:1px solid rgba(255,255,255,0.15) !important;
  box-shadow:0 10px 25px rgba(0,0,0,0.35) !important;
}
.noitar-pdp__imageStage .woocommerce-product-gallery__trigger::before,
.noitar-pdp__imageStage .woocommerce-product-gallery__trigger::after{
  filter:none !important;
}
/* Trust icons (SVG) */
.noitar-pdp__trustItem{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding-left:0 !important;     /* eemaldab vana ✓ padding */
}
.noitar-pdp__trustItem:before{display:none !important;} /* eemaldab vana ✓ */

.noitar-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:rgba(70,230,166,0.95);
  margin-top:1px;
}
.noitar-icon svg{width:18px;height:18px;display:block}
/* ===== Trust: gold icons + pill tags + subtle accent2 glow ===== */

.noitar-pdp__trust{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,0.08);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.noitar-pdp__trustItem{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.10);
  color:rgba(245,241,232,0.92);
  font-size:13px;
  line-height:1;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.noitar-pdp__trustItem:hover{
  border-color:rgba(111,231,255,0.28);
  box-shadow:0 0 0 1px rgba(111,231,255,0.10), 0 14px 30px rgba(0,0,0,0.28);
  transform:translateY(-1px);
}

@media (prefers-reduced-motion: reduce){
  .noitar-pdp__trustItem{transition:none}
  .noitar-pdp__trustItem:hover{transform:none}
}

.noitar-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:var(--accent); /* GOLD */
  filter:drop-shadow(0 0 10px rgba(215,180,106,0.10));
  transition:filter .18s ease, color .18s ease;
}
.noitar-pdp__trustItem:hover .noitar-icon{
  color:var(--accent);
  filter:drop-shadow(0 0 14px rgba(111,231,255,0.35)); /* accent2 glow */
}
.noitar-icon svg{width:18px;height:18px;display:block}
/* ===== Product image: single stage, image fills the stage ===== */

/* Stage on üks ja puhas */
.noitar-pdp__imageStage{
  background:rgba(255,255,255,0.03) !important;  /* teema moodi, mitte hele valge */
  border:1px solid rgba(255,255,255,0.10) !important;
  border-radius:22px !important;
  padding:14px !important;
}

/* eemaldame sisemise "valge raami" */
.noitar-pdp__imageStage .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{
  height:520px !important;
  border-radius:18px !important;
  background:transparent !important;
  overflow:hidden !important;
  display:block !important;
}

@media (max-width:980px){
  .noitar-pdp__imageStage .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child{
    height:420px !important;
  }
}

/* pilt täidab ala */
.noitar-pdp__imageStage img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;   /* <<< FILL */
  display:block !important;
  border-radius:18px !important;
}
/* FIX: trust icon optical centering inside pill */
.noitar-pdp__trustItem{
  align-items:center !important;      /* kindel vertikaalne keskus */
}

.noitar-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  margin-top:0 !important;
}

.noitar-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  transform:translateY(0.5px); /* optiline keskjoondus */
}
/* Trust pill spacing: tighter + cleaner */
.noitar-pdp__trustItem{
  gap:8px !important;              /* väiksem vahe ikooni ja teksti vahel */
  padding:9px 12px !important;     /* natuke kompaktsem */
  line-height:1.15 !important;
}

.noitar-icon{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
}

.noitar-icon svg{
  width:18px !important;
  height:18px !important;
  transform:translateY(0.5px);
}

/* Kui tekst näib liiga "alla/üles", siis see stabiliseerib */
.noitar-pdp__trustItem > span:last-child{
  display:inline-block;
  transform:translateY(0.5px);
}
/* ===== Footer link lists: unified style for all columns ===== */
.footer__title{
  font-family:"Cormorant Garamond", serif;
  font-weight:600;
  letter-spacing:.02em;
  margin:0 0 12px;
}

.footer__links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.footer__links li{margin:0;padding:0}

.footer__links a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(245,241,232,0.86);
  text-decoration:none;
  padding:6px 0;
  border-radius:10px;
  transition:color .18s ease, transform .18s ease, text-shadow .18s ease;
}

.footer__links a:hover{
  color:var(--text);
  text-shadow:0 0 18px rgba(111,231,255,0.18); /* accent2 glow */
  transform:translateX(2px);
}

.footer__links a:focus-visible{
  outline:2px solid rgba(111,231,255,0.55);
  outline-offset:4px;
  border-radius:12px;
}

@media (prefers-reduced-motion: reduce){
  .footer__links a{transition:none}
  .footer__links a:hover{transform:none}
}

/* optional: tiny accent dot before links (premium, subtle) */
.footer__links a::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(215,180,106,0.65); /* accent */
  box-shadow:0 0 0 1px rgba(215,180,106,0.20);
  flex:0 0 6px;
  transform:translateY(0.5px);
}
.footer__links a:hover::before{
  background:rgba(111,231,255,0.75); /* accent2 on hover */
  box-shadow:0 0 0 1px rgba(111,231,255,0.20), 0 0 18px rgba(111,231,255,0.20);
}
/* ===== Footer typography: make column titles bigger, consistent ===== */
.footer__title{
  font-size:18px !important;     /* enne oli liiga väike */
  line-height:1.15 !important;
  margin:0 0 14px !important;
  color:rgba(245,241,232,0.95) !important;
}

.footer__links a{
  font-size:14.5px !important;
  line-height:1.25 !important;
  padding:7px 0 !important;
}

/* ===== Newsletter block: matches footer link style ===== */
.footer__newsletter{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.footer__newsletter p{
  margin:0;
  color:rgba(154,163,178,0.95); /* --muted */
  font-size:14.5px;
  line-height:1.35;
}

.footer__form{
  display:flex;
  gap:10px;
  align-items:center;
}

.footer__input{
  flex:1;
  height:44px;
  padding:0 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
  color:var(--text);
  outline:none;
}

.footer__input::placeholder{
  color:rgba(154,163,178,0.85);
}

.footer__input:focus{
  border-color:rgba(111,231,255,0.35);
  box-shadow:0 0 0 1px rgba(111,231,255,0.12);
}

.footer__btn{
  height:44px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(215,180,106,0.55); /* --accent */
  background:transparent;
  color:var(--text);
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  white-space:nowrap;
}

.footer__btn:hover{
  border-color:rgba(111,231,255,0.30);
  box-shadow:0 0 0 1px rgba(111,231,255,0.10), 0 14px 30px rgba(0,0,0,0.28);
  transform:translateY(-1px);
}

.footer__btn:focus-visible{
  outline:2px solid rgba(111,231,255,0.55);
  outline-offset:4px;
}

@media (max-width:520px){
  .footer__form{flex-direction:column; align-items:stretch;}
  .footer__btn{width:100%;}
}
@media (prefers-reduced-motion: reduce){
  .footer__btn{transition:none}
  .footer__btn:hover{transform:none}
}
/* =========================
   PREMIUM FOOTER (NÕIATAR)
   ========================= */

.site-footer{
  margin-top:64px;
  padding:52px 0 26px;
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,0.08);
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(111,231,255,0.07), transparent 65%),
    radial-gradient(900px 420px at 80% 10%, rgba(215,180,106,0.06), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,0.00), rgba(0,0,0,0.08));
}

.footer__wrap{position:relative}

.footer__grid{
  display:grid;
  grid-template-columns: 1.25fr 1fr 1fr 1.15fr;
  gap:42px;
  align-items:start;
}

.footer__brandName{
  font-family:"Cormorant Garamond", serif;
  font-size:28px;
  letter-spacing:.02em;
  font-weight:700;
  color:var(--text);
  margin:0 0 10px;
}

.footer__brandText{
  margin:0;
  color:rgba(154,163,178,0.95);
  font-size:15px;
  line-height:1.45;
  max-width:42ch;
}

.footer__brandCtas{
  margin-top:16px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* Titles */
.footer__title{
  font-family:"Cormorant Garamond", serif;
  font-size:19px;
  line-height:1.15;
  margin:0 0 14px;
  color:rgba(245,241,232,0.95);
}

/* Lists */
.footer__links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.footer__links a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(245,241,232,0.86);
  text-decoration:none;
  padding:6px 0;
  border-radius:10px;
  font-size:14.5px;
  line-height:1.25;
  transition:color .18s ease, transform .18s ease, text-shadow .18s ease;
}

.footer__links a::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(215,180,106,0.65);
  box-shadow:0 0 0 1px rgba(215,180,106,0.18);
  flex:0 0 6px;
  transform:translateY(0.5px);
}

.footer__links a:hover{
  color:var(--text);
  text-shadow:0 0 18px rgba(111,231,255,0.18);
  transform:translateX(2px);
}
.footer__links a:hover::before{
  background:rgba(111,231,255,0.75);
  box-shadow:0 0 0 1px rgba(111,231,255,0.20), 0 0 18px rgba(111,231,255,0.20);
}

.footer__links a:focus-visible{
  outline:2px solid rgba(111,231,255,0.55);
  outline-offset:4px;
}

/* Newsletter */
.footer__newsletter{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.footer__muted{
  margin:0;
  color:rgba(154,163,178,0.95);
  font-size:14.5px;
  line-height:1.35;
}

.footer__tiny{
  margin:0;
  color:rgba(154,163,178,0.85);
  font-size:12.5px;
  line-height:1.35;
}

.footer__form{
  display:flex;
  gap:10px;
  align-items:center;
}

.footer__input{
  flex:1;
  height:44px;
  padding:0 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
  color:var(--text);
  outline:none;
}

.footer__input::placeholder{
  color:rgba(154,163,178,0.85);
}

.footer__input:focus{
  border-color:rgba(111,231,255,0.35);
  box-shadow:0 0 0 1px rgba(111,231,255,0.12);
}

.footer__btn{
  height:44px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(215,180,106,0.55);
  background:transparent;
  color:var(--text);
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  white-space:nowrap;
}

.footer__btn:hover{
  border-color:rgba(111,231,255,0.30);
  box-shadow:0 0 0 1px rgba(111,231,255,0.10), 0 14px 30px rgba(0,0,0,0.28);
  transform:translateY(-1px);
}

.footer__btn:focus-visible{
  outline:2px solid rgba(111,231,255,0.55);
  outline-offset:4px;
}

/* Payments row */
.footer__payments{
  margin-top:38px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,0.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.footer__paymentsLabel{
  color:rgba(154,163,178,0.95);
  font-size:14px;
}

.footer__paymentsLogos{
  display:flex;
  align-items:center;
  gap:14px;
}

.footer__logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
}

.footer__logo svg{
  display:block;
  height:18px;
  width:auto;
  opacity:0.95;
}

/* Bottom bar */
.footer__bar{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:rgba(154,163,178,0.95);
  font-size:13.5px;
}

.footer__barRight strong{
  color:rgba(245,241,232,0.92);
  font-weight:700;
}

/* Responsive */
@media (max-width: 980px){
  .footer__grid{grid-template-columns:1fr 1fr; gap:28px;}
}
@media (max-width: 560px){
  .footer__grid{grid-template-columns:1fr; gap:22px;}
  .footer__payments{flex-direction:column; align-items:flex-start;}
  .footer__bar{flex-direction:column; align-items:flex-start;}
  .footer__form{flex-direction:column; align-items:stretch;}
  .footer__btn{width:100%;}
}

/* Motion */
@media (prefers-reduced-motion: reduce){
  .footer__links a, .footer__btn{transition:none}
  .footer__links a:hover{transform:none}
  .footer__btn:hover{transform:none}
}

/* =========================
   Variable product – clean layout (fix overlap)
   ========================= */

/* Force the cart form to behave normally (kills weird absolute/float rules) */
.single-product form.cart,
.single-product .variations_form,
.single-product .single_variation_wrap{
  position:static !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  margin:0 !important;
  transform:none !important;
}

/* --- Variations table -> proper grid rows --- */
.single-product .variations_form .variations{
  width:100% !important;
  margin:12px 0 12px !important;
  border:0 !important;
  border-collapse:separate !important;
  border-spacing:0 10px !important;
}

.single-product .variations_form .variations tr{
  display:grid !important;
  grid-template-columns: 160px 1fr !important; /* label | select */
  gap:12px !important;
  align-items:center !important;
}

.single-product .variations_form .variations th,
.single-product .variations_form .variations td{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.single-product .variations_form .variations th{
  width:auto !important;
}

.single-product .variations_form .variations th label{
  margin:0 !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:rgba(245,241,232,0.92) !important;
}

/* Select must be full width */
.single-product .variations_form .variations td select{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:48px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  color:var(--text) !important;
  outline:none !important;
}

/* Remove "Puhasta" visual noise (we remove with PHP too if you want) */
.single-product .variations_form a.reset_variations{ display:none !important; }

/* --- Price under variations --- */
.single-product .woocommerce-variation-price{
  margin:10px 0 10px !important;
}
.single-product .woocommerce-variation-price .price{
  font-weight:800 !important;
  color:var(--accent) !important;
  font-size:18px !important;
}

/* --- Qty + button in a clean row (always BELOW variations) --- */
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart{
  display:grid !important;
  grid-template-columns: 140px 1fr !important;
  gap:12px !important;
  align-items:stretch !important;
  width:100% !important;
  margin-top:10px !important;
}

/* Hard reset quantity positioning (fixes your screenshot where "1" floats up) */
.single-product .single_variation_wrap .quantity{
  position:static !important;
  float:none !important;
  margin:0 !important;
  width:100% !important;
}
.single-product .single_variation_wrap .quantity input.qty{
  width:100% !important;
  height:48px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  color:var(--text) !important;
  text-align:center !important;
}

/* Button must not be absolute / not overlay */
.single-product .single_variation_wrap button.single_add_to_cart_button{
  position:static !important;
  transform:none !important;
  width:100% !important;
  height:48px !important;
  border-radius:999px !important;
  border:1px solid rgba(215,180,106,0.55) !important;
  background:transparent !important;
  color:var(--text) !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
.single-product .single_variation_wrap button.single_add_to_cart_button:hover{
  border-color:rgba(111,231,255,0.30) !important;
  box-shadow:0 0 0 1px rgba(111,231,255,0.10), 0 14px 30px rgba(0,0,0,0.28) !important;
}

/* Mobile: stack label + select, then qty, then button */
@media (max-width:720px){
  .single-product .variations_form .variations tr{
    grid-template-columns:1fr !important;
  }
  .single-product .single_variation_wrap .woocommerce-variation-add-to-cart{
    grid-template-columns:1fr !important;
  }
}
/* ============================
   NÕIATAR – Single Product FIX
   ============================ */

/* Üldine layout: gallery vasakul, summary paremal */
.woocommerce.single-product div.product {
  display: grid;
  grid-template-columns: minmax(320px, 560px) minmax(320px, 520px);
  gap: 32px;
  align-items: start;
}

@media (max-width: 980px) {
  .woocommerce.single-product div.product {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* Pildiala: jäta ainult 1 “kaart”, eemalda mitmekordne kast/taust */
.woocommerce.single-product .woocommerce-product-gallery {
  border-radius: 24px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,0.35);
}

/* Eemalda sisemised “kastid” mis Woo tekitab */
.woocommerce.single-product .woocommerce-product-gallery__wrapper,
.woocommerce.single-product .woocommerce-product-gallery__image,
.woocommerce.single-product .woocommerce-product-gallery__image a {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Pilt: las sobitub puhtalt, ilma “topelt valge alataustata” muljeta */
.woocommerce.single-product .woocommerce-product-gallery__image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
}

/* Summary kaart paremal */
.woocommerce.single-product div.product .summary {
  border-radius: 24px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  padding: 22px;
  box-shadow: 0 18px 60px rgba(0,0,0,0.35);
}

/* Hind */
.woocommerce.single-product .summary .price {
  color: var(--accent);
  font-weight: 700;
  margin: 8px 0 14px;
}

/* --- VARIATIONS (Vali ennustus) – tee korda --- */
.woocommerce.single-product div.product form.cart {
  margin-top: 14px;
}

/* Variations tabeli read gridiks */
.woocommerce.single-product div.product form.cart .variations {
  width: 100%;
  border: 0;
  margin: 0 0 14px;
}

.woocommerce.single-product div.product form.cart .variations tbody tr {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

@media (max-width: 520px) {
  .woocommerce.single-product div.product form.cart .variations tbody tr {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.woocommerce.single-product div.product form.cart .variations th,
.woocommerce.single-product div.product form.cart .variations td {
  padding: 0;
  border: 0;
  background: transparent;
}

.woocommerce.single-product div.product form.cart .variations th label {
  color: var(--text);
  font-weight: 600;
  font-size: 14px;
  opacity: 0.92;
}

/* SELECT – nähtav tekst + premium välimus */
.woocommerce.single-product div.product form.cart .variations select {
  width: 100%;
  min-height: 44px;
  padding: 10px 42px 10px 14px;
  border-radius: 14px;
  color: var(--text) !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--accent) 50%),
    linear-gradient(135deg, var(--accent) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 12px) 18px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.woocommerce.single-product div.product form.cart .variations select:focus {
  border-color: rgba(111,231,255,0.55) !important;
  box-shadow: 0 0 0 3px rgba(111,231,255,0.18) !important;
}

/* Dropdown optionid (kõik brauserid ei luba 100%, aga paneme) */
.woocommerce.single-product div.product form.cart .variations select option {
  color: #0B1020;
}

/* “Reset” link (Puhasta) */
.woocommerce.single-product div.product form.cart .reset_variations {
  display: inline-block;
  margin-top: 8px;
  font-size: 13px;
  color: var(--muted);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.woocommerce.single-product div.product form.cart .reset_variations:hover {
  color: var(--accent2);
}

/* Quantity + Add to cart ühele reale ja mitte footerisse “kaasa” */
.woocommerce.single-product div.product form.cart .single_variation_wrap {
  width: 100%;
}

.woocommerce.single-product div.product form.cart .woocommerce-variation-add-to-cart {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.woocommerce.single-product div.product form.cart .quantity {
  margin: 0 !important;
  flex: 0 0 auto;
}

.woocommerce.single-product div.product form.cart .quantity input.qty {
  width: 92px;
  min-height: 44px;
  border-radius: 14px;
  text-align: center;
  color: var(--text);
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
}

/* Add to cart nupp – premium */
.woocommerce.single-product div.product form.cart button.single_add_to_cart_button,
.woocommerce.single-product div.product form.cart .single_add_to_cart_button {
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,0.55);
  background: transparent;
  color: var(--text);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.woocommerce.single-product div.product form.cart button.single_add_to_cart_button:hover {
  transform: translateY(-1px);
  border-color: rgba(111,231,255,0.55);
  box-shadow: 0 0 0 3px rgba(111,231,255,0.12), 0 18px 60px rgba(0,0,0,0.35);
}

/* Kirjeldus plokk (tabs asemel) */
.noitar-product-description {
  grid-column: 1 / -1;
  margin-top: 18px;
  border-radius: 24px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  padding: 22px;
}

.noitar-product-description .noitar-h2 {
  margin: 0 0 10px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(24px, 3vw, 34px);
}

/* Kui mõni “Arvustused” markup ikka kuskilt ilmub, peida ära */
.woocommerce.single-product .woocommerce-tabs,
.woocommerce.single-product #reviews {
  display: none !important;
}
/* =========================================
   WOOCOMMERCE – VARIEERUV TOODE (FIX)
   - teeb variations rea korralikuks
   - hoiab selecti 100% lai
   - kogus + nupp eraldi reas
========================================= */

.woocommerce.single-product div.product form.cart{
  display:block !important;
  width:100%;
}

.woocommerce.single-product form.variations_form{
  width:100%;
}

.woocommerce.single-product form.variations_form .variations{
  width:100%;
  margin: 0 0 14px !important;
  border:0 !important;
}

.woocommerce.single-product form.variations_form .variations,
.woocommerce.single-product form.variations_form .variations tbody,
.woocommerce.single-product form.variations_form .variations tr,
.woocommerce.single-product form.variations_form .variations td,
.woocommerce.single-product form.variations_form .variations th{
  display:block !important;
  width:100% !important;
}

.woocommerce.single-product form.variations_form .variations td.label{
  padding:0 !important;
  margin:0 0 8px !important;
  font-weight:600;
  color: var(--text);
}

.woocommerce.single-product form.variations_form .variations td.value{
  padding:0 !important;
  margin:0 !important;
}

.woocommerce.single-product form.variations_form .variations select{
  width:100% !important;
  max-width:100% !important;
  min-height:52px;
  padding: 12px 44px 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(215,180,106,.35);
  background: rgba(255,255,255,0.06);
  color: var(--text) !important;
  outline: none;
  appearance:none;
  -webkit-appearance:none;
  line-height:1.2;
}

.woocommerce.single-product form.variations_form .variations select:focus{
  border-color: rgba(111,231,255,.55);
  box-shadow: 0 0 0 4px rgba(111,231,255,.10);
}

/* dropdowni tekst oleks loetav (browseri native menüü) */
.woocommerce.single-product form.variations_form .variations select option{
  color:#0B1020;
}

/* custom nooleke (native select) */
.woocommerce.single-product form.variations_form .variations td.value{
  position:relative;
}
.woocommerce.single-product form.variations_form .variations td.value:after{
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  pointer-events:none;
  opacity:.9;
  background-repeat:no-repeat;
  background-size:18px 18px;
  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='%23D7B46A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

/* Select2 tugi (kui WP/Woo või plugin asendab selecti) */
.woocommerce.single-product form.variations_form .select2-container{
  width:100% !important;
}
.woocommerce.single-product form.variations_form .select2-selection--single{
  min-height:52px !important;
  border-radius:16px !important;
  border:1px solid rgba(215,180,106,.35) !important;
  background: rgba(255,255,255,0.06) !important;
  display:flex !important;
  align-items:center !important;
  padding: 0 44px 0 14px !important;
}
.woocommerce.single-product form.variations_form .select2-selection__rendered{
  color: var(--text) !important;
  padding:0 !important;
  line-height:1.2 !important;
}
.woocommerce.single-product form.variations_form .select2-selection__arrow{
  height:52px !important;
  right:12px !important;
}
.woocommerce.single-product form.variations_form .select2-selection--single:focus{
  border-color: rgba(111,231,255,.55) !important;
  box-shadow: 0 0 0 4px rgba(111,231,255,.10) !important;
}

/* Nice Select tugi (kui plugin seda kasutab) */
.woocommerce.single-product form.variations_form .nice-select{
  width:100% !important;
  min-height:52px !important;
  border-radius:16px !important;
  border:1px solid rgba(215,180,106,.35) !important;
  background: rgba(255,255,255,0.06) !important;
  color: var(--text) !important;
  display:flex !important;
  align-items:center !important;
  padding-left:14px !important;
}
.woocommerce.single-product form.variations_form .nice-select:after{
  border-bottom:2px solid var(--accent) !important;
  border-right:2px solid var(--accent) !important;
  right:16px !important;
  width:8px !important;
  height:8px !important;
}

/* Variatsiooni valiku järel tekib single_variation_wrap – hoia see eraldi */
.woocommerce.single-product form.variations_form .single_variation_wrap{
  margin-top:14px !important;
}

/* Kogus + nupp: flex ühes reas, mitte selectiga segamini */
.woocommerce.single-product form.variations_form .woocommerce-variation-add-to-cart{
  display:flex !important;
  gap:12px !important;
  align-items:stretch !important;
  flex-wrap:wrap !important;
}

.woocommerce.single-product form.cart .quantity{
  flex: 0 0 140px !important;
  max-width:140px !important;
}

.woocommerce.single-product form.cart .single_add_to_cart_button{
  flex: 1 1 220px !important;
  min-width:220px !important;
}

/* “Puhasta” / reset link ilusaks */
.woocommerce.single-product form.variations_form .reset_variations{
  display:inline-block !important;
  margin-top:10px !important;
  font-size:13px !important;
  color: var(--muted) !important;
  text-decoration:none !important;
}
.woocommerce.single-product form.variations_form .reset_variations:hover{
  color: var(--text) !important;
  text-decoration:underline !important;
}

/* Oluline: ära lase ühelgi “sticky” / position:fixed reeglil vormi või pildi peale kanduda */
.woocommerce.single-product .product,
.woocommerce.single-product .woocommerce-tabs,
.woocommerce.single-product .summary,
.woocommerce.single-product form.cart,
.woocommerce.single-product .woocommerce-product-gallery{
  position:relative;
  top:auto !important;
}
/* Varieeruv toode – select laiemaks, et tekst mahuks */
.woocommerce.single-product form.variations_form .woocommerce-variation-add-to-cart{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
}

/* SELECT konteiner (kas native select, select2 või nice-select) */
.woocommerce.single-product form.variations_form .variations td.value select,
.woocommerce.single-product form.variations_form .variations td.value .select2-container,
.woocommerce.single-product form.variations_form .variations td.value .nice-select{
  flex: 1 1 320px !important;   /* <-- teeb valiku laiemaks */
  min-width: 260px !important;  /* <-- et tekst “Tavaennustus” ära mahuks */
}

/* Kogus kitsamaks */
.woocommerce.single-product form.cart .quantity{
  flex: 0 0 110px !important;
  max-width:110px !important;
}

/* Nupp alati eraldi rida täislai */
.woocommerce.single-product form.cart .single_add_to_cart_button{
  flex: 1 1 100% !important;
  width:100% !important;
  min-width:0 !important;
  margin-top:10px !important;
}

/* Kui kuskil on “truncate”/ellipsis, siis ära lõika teksti */
.woocommerce.single-product form.variations_form .nice-select .current,
.woocommerce.single-product form.variations_form .select2-selection__rendered{
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
/* ================================
   VARIEERUV TOODE – SELECT + KOGUS samale reale (FIX)
================================ */

/* 1) Tee add-to-cart area gridiks */
.woocommerce.single-product form.variations_form .woocommerce-variation-add-to-cart{
  display:grid !important;
  grid-template-columns: 1fr 120px; /* select | kogus */
  gap: 12px !important;
  align-items:end !important;
}

/* 2) Select/valik alati vasakule veergu */
.woocommerce.single-product form.variations_form .variations td.value select,
.woocommerce.single-product form.variations_form .variations td.value .select2-container,
.woocommerce.single-product form.variations_form .variations td.value .nice-select{
  grid-column: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* 3) Kogus alati paremale veergu */
.woocommerce.single-product form.cart .quantity{
  grid-column: 2 !important;
  width: 120px !important;
  max-width: 120px !important;
  margin: 0 !important;
}

/* 4) Nupp täislai järgmises reas */
.woocommerce.single-product form.cart .single_add_to_cart_button{
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-top: 6px !important;
}

/* 5) Dropdowni nool äärde (native select) */
.woocommerce.single-product form.variations_form .variations td.value{
  position: relative;
}
.woocommerce.single-product form.variations_form .variations td.value:after{
  right: 14px !important;     /* äärde */
  top: calc(50% + 12px) !important; /* nihutame, sest label on üleval */
  transform: translateY(-50%) !important;
}

/* 6) Et nool ei istuks teksti peale */
.woocommerce.single-product form.variations_form .variations select{
  padding-right: 52px !important;
}

/* 7) Kui sul on Select2, siis arrow õigele kohale */
.woocommerce.single-product form.variations_form .select2-selection__arrow{
  right: 12px !important;
}
.woocommerce.single-product form.variations_form .select2-selection--single{
  padding-right: 52px !important;
}

/* 8) Kui sul on nice-select, siis arrow äärde */
.woocommerce.single-product form.variations_form .nice-select:after{
  right: 14px !important;
}

/* 9) Mobiilis lase kogus alla, et ei läheks kitsaks */
@media (max-width: 520px){
  .woocommerce.single-product form.variations_form .woocommerce-variation-add-to-cart{
    grid-template-columns: 1fr !important;
  }
  .woocommerce.single-product form.cart .quantity{
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .woocommerce.single-product form.cart .single_add_to_cart_button{
    grid-column: 1 !important;
  }
}
/* DROPDOWN peab päriselt olema suur (täislai) */
.woocommerce.single-product form.variations_form .variations td.value{
  width:100% !important;
}

.woocommerce.single-product form.variations_form .variations td.value select{
  width:100% !important;
  max-width:100% !important;
}

/* Kui sul on nice-select */
.woocommerce.single-product form.variations_form .nice-select{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
}
.woocommerce.single-product form.variations_form .nice-select .current{
  display:block !important;
  width:100% !important;
  padding-right:52px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Kui sul on Select2 */
.woocommerce.single-product form.variations_form .select2-container{
  width:100% !important;
  max-width:100% !important;
}
.woocommerce.single-product form.variations_form .select2-selection--single{
  width:100% !important;
}
.woocommerce.single-product form.variations_form .select2-selection__rendered{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* GRID: dropdown vasakul võtab kogu vasaku veeru, kogus paremal */
.woocommerce.single-product form.variations_form .woocommerce-variation-add-to-cart{
  grid-template-columns: minmax(0,1fr) 120px !important; /* oluline minmax */
}
/* ======================================================
   SINGLE PRODUCT – VARIEERUV TOODE (PREMIUM LAYOUT FIX)
   (Pane style.css lõppu ja eemalda varasemad sarnased fixid)
====================================================== */

/* Wrapper – ära lase elementidel "ujuda" */
.woocommerce.single-product form.variations_form,
.woocommerce.single-product form.variations_form *{
  box-sizing:border-box;
}

/* --- 1) Variatsioonid + kogus samale reale (2 veergu) --- */
.woocommerce.single-product form.variations_form .woocommerce-variation-add-to-cart{
  display:grid !important;
  grid-template-columns: minmax(0, 1fr) 140px;  /* SELECT | KOGUS */
  gap: 14px !important;
  align-items:end !important;
  width:100% !important;
  max-width:100% !important;
}

/* Variatsioonide tabel EI tohi rikuda gridi */
.woocommerce.single-product form.variations_form .variations{
  grid-column: 1 / 2 !important;
  width:100% !important;
  margin:0 !important;
}
.woocommerce.single-product form.variations_form .variations tr,
.woocommerce.single-product form.variations_form .variations td{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
}
.woocommerce.single-product form.variations_form .variations td.label{
  margin-bottom:8px !important;
  font-weight:600;
  color:var(--text);
}

/* SELECT peab olema täislai ja premium */
.woocommerce.single-product form.variations_form .variations td.value{
  position:relative;
  width:100% !important;
}
.woocommerce.single-product form.variations_form .variations td.value select{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding: 14px 52px 14px 14px !important;
  border-radius:14px !important;
  background: rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color: var(--text) !important;
  outline: none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.woocommerce.single-product form.variations_form .variations td.value select:focus{
  border-color: rgba(215,180,106,0.55) !important;
  box-shadow: 0 0 0 3px rgba(215,180,106,0.18) !important;
}

/* Dropdown nooleke äärde (kuldne) */
.woocommerce.single-product form.variations_form .variations td.value:after{
  content:"";
  position:absolute;
  right:16px;
  top: calc(50% + 14px); /* kuna label on üleval */
  width:10px;
  height:10px;
  transform: translateY(-50%) rotate(45deg);
  border-right:2px solid var(--accent);
  border-bottom:2px solid var(--accent);
  opacity:0.9;
  pointer-events:none;
}

/* --- 2) Kogus paremale (ei tohi ujuda) --- */
.woocommerce.single-product form.cart .quantity{
  grid-column: 2 / 3 !important;
  width: 140px !important;
  max-width: 140px !important;
  margin:0 !important;
}
.woocommerce.single-product form.cart .quantity input.qty{
  width:100% !important;
  padding: 14px 12px !important;
  border-radius:14px !important;
  background: rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color: var(--text) !important;
  text-align:center !important;
  outline:none !important;
}
.woocommerce.single-product form.cart .quantity input.qty:focus{
  border-color: rgba(215,180,106,0.55) !important;
  box-shadow: 0 0 0 3px rgba(215,180,106,0.18) !important;
}

/* --- 3) CTA nupp täislai ja premium --- */
.woocommerce.single-product form.cart .single_add_to_cart_button{
  grid-column: 1 / -1 !important;
  width:100% !important;
  margin-top: 8px !important;
  padding: 14px 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(215,180,106,0.55) !important;
  background: transparent !important;
  color: var(--text) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
.woocommerce.single-product form.cart .single_add_to_cart_button:hover{
  transform: translateY(-1px);
  border-color: rgba(111,231,255,0.55) !important;
  box-shadow: 0 10px 30px rgba(111,231,255,0.12), 0 0 0 3px rgba(215,180,106,0.12) !important;
}
@media (prefers-reduced-motion: reduce){
  .woocommerce.single-product form.cart .single_add_to_cart_button{ transition:none !important; }
  .woocommerce.single-product form.cart .single_add_to_cart_button:hover{ transform:none !important; }
}

/* --- 4) Kui Select2 / nice-select on kasutusel: ära tee topelt noolt ja sunni täislai --- */
.woocommerce.single-product form.variations_form .select2-container,
.woocommerce.single-product form.variations_form .nice-select{
  width:100% !important;
  max-width:100% !important;
}
.woocommerce.single-product form.variations_form .select2-selection--single{
  height:auto !important;
  padding: 10px 44px 10px 10px !important;
  border-radius:14px !important;
  background: rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color: var(--text) !important;
}
.woocommerce.single-product form.variations_form .select2-selection__arrow{
  right:12px !important;
}
.woocommerce.single-product form.variations_form .nice-select:after{
  right:16px !important;
  border-bottom:2px solid var(--accent) !important;
  border-right:2px solid var(--accent) !important;
}
/* Kui sul on Select2 või nice-select, peida minu td.value:after (et ei oleks 2 noolt) */
.woocommerce.single-product form.variations_form .select2-container ~ .select2-container,
.woocommerce.single-product form.variations_form .variations td.value .select2-container + *{}
.woocommerce.single-product form.variations_form .variations td.value:after{
  /* default jääb peale native selectile */
}
.woocommerce.single-product form.variations_form .variations td.value .select2-container,
.woocommerce.single-product form.variations_form .variations td.value .nice-select{
  position:relative;
}
.woocommerce.single-product form.variations_form .variations td.value .select2-container ~ :after,
.woocommerce.single-product form.variations_form .variations td.value .nice-select ~ :after{
  display:none !important;
}

/* --- 5) Mobiil: kogus alla, kõik täislai --- */
@media (max-width: 640px){
  .woocommerce.single-product form.variations_form .woocommerce-variation-add-to-cart{
    grid-template-columns: 1fr !important;
  }
  .woocommerce.single-product form.cart .quantity{
    grid-column: 1 !important;
    width:100% !important;
    max-width:100% !important;
  }
}
/* ================================
   Woo Single Product (Variable) FIX
   ================================ */

/* 1) Nulli ära kõik varasemad "position/transform" jamad form.cart sees */
body.single-product .product form.cart,
body.single-product .product form.cart *{
  transform: none !important;
}

body.single-product .product form.cart .variations,
body.single-product .product form.cart .variations *{
  position: static !important;
}

/* 2) Variations tabel -> flex/grid moodi, et ei kukuks üksteise sisse */
body.single-product .product form.cart .variations{
  width: 100%;
  margin: 0 0 14px 0;
  border: 0;
}

body.single-product .product form.cart table.variations{
  width: 100%;
  border-collapse: collapse;
}

body.single-product .product form.cart table.variations tr{
  display: grid;
  grid-template-columns: 1fr; /* label + select ühe tulbana */
  gap: 8px;
  margin-bottom: 12px;
}

body.single-product .product form.cart table.variations th,
body.single-product .product form.cart table.variations td{
  padding: 0 !important;
  border: 0 !important;
}

body.single-product .product form.cart table.variations label{
  display: inline-block;
  font-weight: 600;
  color: var(--text);
  opacity: .95;
}

/* 3) Dropdown ise: 100% lai, tekst mahub, nool paremas servas */
body.single-product .product form.cart table.variations select{
  width: 100% !important;
  max-width: 100% !important;
  min-height: 46px;
  padding: 12px 44px 12px 14px; /* ruum noolele paremal */
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: var(--text);
  outline: none;

  /* eemalda brauseri default-stiil */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* custom nool paremale */
  background-image:
    linear-gradient(transparent, transparent),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23D7B46A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px 14px;
}

body.single-product .product form.cart table.variations select:hover{
  border-color: rgba(215,180,106,.35);
  box-shadow: 0 0 18px rgba(111,231,255,.10);
}

body.single-product .product form.cart table.variations select:focus{
  border-color: rgba(215,180,106,.55);
  box-shadow: 0 0 22px rgba(111,231,255,.16);
}

/* 4) Kogus + Lisa ostukorvi ühele joonele (desktop), mobiilis ritta alla */
body.single-product .product form.cart .single_variation_wrap{
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 12px;
  align-items: end;
}

/* quantity */
body.single-product .product form.cart .quantity{
  width: 160px;
  margin: 0 !important;
}

body.single-product .product form.cart .quantity input.qty{
  width: 100% !important;
  min-height: 46px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: var(--text);
  text-align: center;
  outline: none;
}

/* add to cart */
body.single-product .product form.cart button.single_add_to_cart_button{
  min-height: 46px;
  width: 100%;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,.55);
  background: rgba(255,255,255,.02);
  color: var(--text);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
}

body.single-product .product form.cart button.single_add_to_cart_button:hover{
  box-shadow: 0 0 26px rgba(111,231,255,.14);
  border-color: rgba(215,180,106,.75);
}

/* 5) Reset / Clear nupu viimistlus (Puhasta) */
body.single-product .product form.cart .reset_variations{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: var(--muted);
  text-decoration: none;
  font-size: 13px;
}
body.single-product .product form.cart .reset_variations:hover{
  color: var(--text);
}

/* 6) Mobiil */
@media (max-width: 820px){
  body.single-product .product form.cart .single_variation_wrap{
    grid-template-columns: 1fr;
  }
  body.single-product .product form.cart .quantity{
    width: 100%;
  }
}
/* ================================
   Woo Variable Product – PREMIUM LAYOUT FIX
   (drop-down + price + qty + button)
   ================================ */

body.single-product .product form.cart,
body.single-product .product form.cart *{
  transform: none !important;
}

/* Variatsioonide tabel puhtaks */
body.single-product .product form.cart table.variations{
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 14px 0;
}
body.single-product .product form.cart table.variations th,
body.single-product .product form.cart table.variations td{
  padding: 0 !important;
  border: 0 !important;
}
body.single-product .product form.cart table.variations tr{
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
body.single-product .product form.cart table.variations label{
  display: inline-block;
  font-weight: 600;
  color: var(--text);
}

/* Dropdown 100% lai, nool paremas ääres */
body.single-product .product form.cart table.variations select{
  width: 100% !important;
  max-width: 100% !important;
  min-height: 46px;
  padding: 12px 44px 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: var(--text);
  outline: none;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23D7B46A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px 14px;
}
body.single-product .product form.cart table.variations select:hover{
  border-color: rgba(215,180,106,.40);
  box-shadow: 0 0 20px rgba(111,231,255,.12);
}
body.single-product .product form.cart table.variations select:focus{
  border-color: rgba(215,180,106,.65);
  box-shadow: 0 0 26px rgba(111,231,255,.16);
}

/* --- OLULINE: lukusta Woo variatsiooni hind õigele reale --- */

/* Wrap: tee ruum hind + CTA plokile */
body.single-product .product form.cart .single_variation_wrap{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

/* Woo variatsiooni info (sh hind) – alati 100% lai ja vasakus servas */
body.single-product .product form.cart .single_variation_wrap .woocommerce-variation{
  grid-column: 1 / -1;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-product .product form.cart .single_variation_wrap .woocommerce-variation-price{
  display: block;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}

body.single-product .product form.cart .single_variation_wrap .woocommerce-variation-price .price{
  display: inline-block !important;
  float: none !important;
  font-weight: 700;
  color: var(--accent);
  font-size: 18px;
}

/* Add-to-cart rida: KOGUS + NUPP ühel real */
body.single-product .product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart{
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 12px;
  align-items: end;
  margin: 0 !important;
}

/* Koguse kast */
body.single-product .product form.cart .quantity{
  width: 160px;
  margin: 0 !important;
}
body.single-product .product form.cart .quantity input.qty{
  width: 100% !important;
  min-height: 46px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: var(--text);
  text-align: center;
  outline: none;
}

/* Lisa ostukorvi nupp – täidab parema veeru */
body.single-product .product form.cart button.single_add_to_cart_button{
  width: 100% !important;
  min-height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,.55);
  background: rgba(255,255,255,.02);
  color: var(--text);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 !important;
}
body.single-product .product form.cart button.single_add_to_cart_button:hover{
  box-shadow: 0 0 26px rgba(111,231,255,.14);
  border-color: rgba(215,180,106,.80);
}

/* Reset/Puhasta viisakamaks */
body.single-product .product form.cart .reset_variations{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: var(--muted);
  text-decoration: none;
  font-size: 13px;
}
body.single-product .product form.cart .reset_variations:hover{
  color: var(--text);
}

/* Mobiil: kõik 1 veerg */
@media (max-width: 820px){
  body.single-product .product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart{
    grid-template-columns: 1fr;
  }
  body.single-product .product form.cart .quantity{
    width: 100%;
  }
}
/* =========================
   NÕIATAR — Variable product (dropdown + qty + ATC) FIX
   Kleebi style.css lõppu
========================= */

.single-product .product .variations_form{
  width: 100%;
}

/* Woo default table -> muuda "grid"-iks */
.single-product .product .variations_form table.variations{
  width: 100%;
  border: 0;
  margin: 16px 0 10px;
  border-collapse: separate;
  border-spacing: 0;
}

.single-product .product .variations_form table.variations tbody,
.single-product .product .variations_form table.variations tr{
  display: block;
  width: 100%;
}

.single-product .product .variations_form table.variations tr{
  display: grid;
  grid-template-columns: 170px minmax(220px, 1fr);
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.single-product .product .variations_form table.variations td,
.single-product .product .variations_form table.variations th{
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.single-product .product .variations_form table.variations td.label{
  opacity: 0.92;
}

.single-product .product .variations_form table.variations td.label label{
  display: inline-block;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}

/* väärtuse lahter 100% */
.single-product .product .variations_form table.variations td.value{
  width: 100%;
  min-width: 0;
}

/* Select stiil (premium + õige nool) */
.single-product .product .variations_form table.variations select{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 260px;
  height: 44px;
  padding: 10px 46px 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--text);
  outline: none;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px 16px;
  /* Kuldne chevron (SVG) */
  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'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23D7B46A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.single-product .product .variations_form table.variations select:focus{
  border-color: rgba(111,231,255,.6);
  box-shadow: 0 0 0 4px rgba(111,231,255,.12);
}

.single-product .product .variations_form table.variations select option{
  color: #0B1020; /* dropdowni list parem loetavus */
}

/* Reset link (kui kuvatakse) */
.single-product .product .variations_form .reset_variations{
  display: inline-block;
  margin-top: 8px;
  color: var(--muted);
  text-decoration: none;
}
.single-product .product .variations_form .reset_variations:hover{
  color: var(--text);
}

/* Qty + button rida */
.single-product .product .variations_form .woocommerce-variation-add-to-cart{
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
  align-items: center;
  margin-top: 10px;
}

/* Qty input premium */
.single-product .product .variations_form .quantity{
  width: 100%;
}
.single-product .product .variations_form .quantity input.qty{
  width: 100% !important;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--text);
  padding: 10px 12px;
  outline: none;
}
.single-product .product .variations_form .quantity input.qty:focus{
  border-color: rgba(111,231,255,.6);
  box-shadow: 0 0 0 4px rgba(111,231,255,.12);
}

/* Add to cart button full width */
.single-product .product .variations_form button.single_add_to_cart_button{
  width: 100% !important;
  height: 44px;
  border-radius: 999px;
}

/* Mobile: pane kõik 1 veergu, et ei tekiks "üksteise sees" olukorda */
@media (max-width: 720px){
  .single-product .product .variations_form table.variations tr{
    grid-template-columns: 1fr;
  }
  .single-product .product .variations_form table.variations select{
    min-width: 100%;
  }
  .single-product .product .variations_form .woocommerce-variation-add-to-cart{
    grid-template-columns: 1fr;
  }
}
/* === NÕIATAR – Variatsioon + kogus + ATC peenhäälestus === */

/* 1) Dropdown laiem + nool kindlalt paremale äärele */
.single-product .product .variations_form table.variations select{
  min-width: 320px;              /* <- tee laiemaks */
  padding-right: 54px;           /* ruum noolele */
  background-position: right 18px center; /* nool paremas ääres */
}

/* Kui konteiner kitsas, lase ikkagi 100% */
@media (max-width: 980px){
  .single-product .product .variations_form table.variations select{
    min-width: 100%;
  }
}

/* 2) Dropdown + Kogus samale reale (ja Add to cart alla) */
.single-product .product .variations_form .woocommerce-variation-add-to-cart{
  display: grid;
  grid-template-columns: 1fr 140px; /* vasakul dropdown/valik, paremal kogus */
  gap: 12px;
  align-items: center;
}

/* 3) Nihuta "Lisa ostukorvi" alla ja full width */
.single-product .product .variations_form .single_add_to_cart_button{
  grid-column: 1 / -1; /* võtab kogu rea */
  margin-top: 10px;    /* <- nihutab alla */
}

/* Koguse input veidi kompaktsem ja joondatud */
.single-product .product .variations_form .quantity input.qty{
  height: 44px;
  border-radius: 14px;
}
/* NÕIATAR — Variable product layout (dropdown + qty samal real) */

.single-product form.variations_form.noitar-variations-ready table.variations td.value.noitar-value-flex{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

/* Dropdown laiem + tekst mahub */
.single-product form.variations_form.noitar-variations-ready table.variations td.value.noitar-value-flex select{
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 320px;
  height: 44px;
  padding: 10px 54px 10px 14px; /* ruum noolele */
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background-color: rgba(255,255,255,.06);
  color: var(--text);

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-repeat: no-repeat;
  background-position: right 18px center; /* NOOL paremas ääres */
  background-size: 16px 16px;

  /* kuldne chevron */
  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'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23D7B46A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Kogus paremale kõrvale */
.single-product form.variations_form.noitar-variations-ready table.variations td.value.noitar-value-flex .quantity{
  flex: 0 0 140px;
  width: 140px;
  margin: 0 !important;
}

.single-product form.variations_form.noitar-variations-ready table.variations td.value.noitar-value-flex .quantity input.qty{
  width: 100% !important;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--text);
}

/* Lisa ostukorvi veidi ALLA */
.single-product form.variations_form.noitar-variations-ready .woocommerce-variation-add-to-cart{
  display: block !important;
  margin-top: 12px;
}

.single-product form.variations_form.noitar-variations-ready button.single_add_to_cart_button{
  margin-top: 12px !important;  /* <- see nihutab alla */
  width: 100% !important;
  height: 44px;
  border-radius: 999px;
}

/* Mobiil: kõik ühe veeru alla */
@media (max-width: 720px){
  .single-product form.variations_form.noitar-variations-ready table.variations td.value.noitar-value-flex{
    flex-direction: column;
    align-items: stretch;
  }
  .single-product form.variations_form.noitar-variations-ready table.variations td.value.noitar-value-flex select{
    min-width: 100%;
  }
  .single-product form.variations_form.noitar-variations-ready table.variations td.value.noitar-value-flex .quantity{
    width: 100%;
    flex-basis: auto;
  }
}
/* ============================
   Woo variable product: select + qty + add to cart (premium fix)
   ============================ */

.single-product .woocommerce div.product form.cart,
.single-product .woocommerce .summary form.cart {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 140px !important;
  grid-template-areas:
    "variations qty"
    "button button"
    "variation variation";
  gap: 14px !important;
  align-items: end !important;
  width: 100% !important;
}

/* Variations table -> block layout */
.single-product .woocommerce div.product form.cart .variations,
.single-product .woocommerce .summary form.cart .variations {
  grid-area: variations !important;
  margin: 0 !important;
  border: 0 !important;
  width: 100% !important;
}

.single-product .woocommerce div.product form.cart .variations tbody,
.single-product .woocommerce div.product form.cart .variations tr,
.single-product .woocommerce div.product form.cart .variations td {
  display: block !important;
  width: 100% !important;
}

.single-product .woocommerce div.product form.cart .variations td.label {
  padding: 0 0 8px 0 !important;
  margin: 0 !important;
  font-weight: 600 !important;
  color: var(--text) !important;
}

.single-product .woocommerce div.product form.cart .variations td.value {
  padding: 0 !important;
  margin: 0 !important;
}

/* Dropdown: wider, arrow right, same height as qty */
.single-product .woocommerce div.product form.cart .variations select,
.single-product .woocommerce .summary form.cart .variations select {
  width: 100% !important;
  min-width: 260px !important;           /* <-- teeb “Vali ennustus” valiku normaalseks */
  min-height: 48px !important;
  padding: 12px 44px 12px 14px !important; /* ruumi noolele paremal */
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background-color: rgba(255,255,255,0.04) !important;
  color: var(--text) !important;

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

  /* Kuldne chevron-nooleke paremale */
  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'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23D7B46A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px 16px !important;
}

.single-product .woocommerce div.product form.cart .variations select:focus,
.single-product .woocommerce .summary form.cart .variations select:focus {
  outline: 2px solid rgba(111,231,255,0.35) !important;
  outline-offset: 2px !important;
}

/* Make nested variation wrapper "transparent" for grid placement */
.single-product .woocommerce div.product form.cart .woocommerce-variation-add-to-cart,
.single-product .woocommerce .summary form.cart .woocommerce-variation-add-to-cart {
  display: contents !important;
}

/* Quantity to the right */
.single-product .woocommerce div.product form.cart .quantity,
.single-product .woocommerce .summary form.cart .quantity {
  grid-area: qty !important;
  width: 140px !important;
  margin: 0 !important;
  justify-self: end !important;
}

.single-product .woocommerce div.product form.cart .quantity .qty,
.single-product .woocommerce .summary form.cart .quantity .qty {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.04) !important;
  color: var(--text) !important;
  text-align: center !important;
  padding: 10px 12px !important;
}

/* Add to cart button -> below (full width), with breathing room */
.single-product .woocommerce div.product form.cart .single_add_to_cart_button,
.single-product .woocommerce .summary form.cart .single_add_to_cart_button {
  grid-area: button !important;
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 6px !important; /* “nihuta natukene alla” */
}

/* Hide unwanted “reset variations” link (kui segab) */
.single-product .woocommerce div.product form.cart .reset_variations {
  display: none !important;
}

/* Single variation price block stays under button */
.single-product .woocommerce div.product form.cart .single_variation,
.single-product .woocommerce .summary form.cart .single_variation {
  grid-area: variation !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================
   Single Product (premium layout)
========================= */

.noiatar-container {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

.noiatar-product-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items:start;
  margin-top: 18px;
}

@media (max-width: 920px){
  .noiatar-product-grid{ grid-template-columns: 1fr; }
}

.noiatar-card{
  background: var(--panel);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
}

.noiatar-product-media{
  padding: 18px;
}

.noiatar-product-summary .noiatar-summary-card{
  padding: 22px;
  overflow: visible; /* oluline: dropdown ei tohi “katki lõigatud” olla */
}

/* Gallery: eemalda topelt kastid/taustad */
.noiatar-product-media .woocommerce-product-gallery,
.noiatar-product-media .woocommerce-product-gallery__wrapper,
.noiatar-product-media figure,
.noiatar-product-media .flex-viewport{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.noiatar-product-media .woocommerce-product-gallery::before,
.noiatar-product-media .woocommerce-product-gallery::after,
.noiatar-product-media .flex-viewport::before,
.noiatar-product-media .flex-viewport::after{
  content: none !important;
}

.noiatar-product-media img{
  border-radius: 18px;
}

/* Zoom icon */
.noiatar-product-media .woocommerce-product-gallery__trigger{
  top: 14px !important;
  right: 14px !important;
  border-radius: 999px !important;
  background: rgba(11,16,32,.65) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
}

/* Headings */
.noiatar-product-summary h1.product_title{
  margin: 0 0 8px 0;
}

.noiatar-product-summary .price{
  color: var(--accent);
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 14px 0;
}

/* =========================
   VARIATIONS + QTY + BUTTON (THE FIX)
========================= */

.noiatar-summary-card form.cart{
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) 140px !important; /* dropdown laiem */
  grid-template-areas:
    "variations qty"
    "button button"
    "variation variation";
  gap: 14px 16px !important;
  align-items: end !important;
  width: 100% !important;
  overflow: visible !important;
}

/* variations table -> block */
.noiatar-summary-card form.cart .variations{
  grid-area: variations !important;
  margin: 0 !important;
  width: 100% !important;
  border: 0 !important;
}

.noiatar-summary-card form.cart .variations tbody,
.noiatar-summary-card form.cart .variations tr,
.noiatar-summary-card form.cart .variations td{
  display:block !important;
  width:100% !important;
}

.noiatar-summary-card form.cart .variations td.label{
  padding: 0 0 8px 0 !important;
  margin: 0 !important;
  font-weight: 600 !important;
  color: var(--text) !important;
}

/* SELECT: laiem + nool PAREMAS ÄÄRES */
.noiatar-summary-card form.cart .variations select{
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 44px 12px 14px !important; /* ruum noolele */
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.04) !important;
  color: var(--text) !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !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'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23D7B46A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px 16px !important;

  position: relative !important;
  z-index: 5 !important;
}

/* Woo variable wraps qty+button in this. Make it grid-friendly */
.noiatar-summary-card form.cart .woocommerce-variation-add-to-cart{
  display: contents !important;
}

/* QTY paremal */
.noiatar-summary-card form.cart .quantity{
  grid-area: qty !important;
  width: 140px !important;
  margin: 0 !important;
  justify-self: end !important;
}

.noiatar-summary-card form.cart .quantity .qty{
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.04) !important;
  color: var(--text) !important;
  text-align:center !important;
}

/* BUTTON alla ja veidi madalamale */
.noiatar-summary-card form.cart .single_add_to_cart_button{
  grid-area: button !important;
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 8px !important; /* “nihuta alla” */
}

/* Variation price/info */
.noiatar-summary-card form.cart .single_variation_wrap{
  grid-area: variation !important;
  margin: 0 !important;
}

/* reset link ära */
.noiatar-summary-card form.cart .reset_variations{
  display:none !important;
}

/* =========================
   Details section
========================= */

.noiatar-product-details{
  margin-top: 22px;
  padding: 22px;
}

.noiatar-h2{
  margin: 0 0 10px 0;
}

.noiatar-prose{
  color: var(--text);
  line-height: 1.65;
}

/* Trust pills */
.noiatar-trust{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.noiatar-pill{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: var(--text);
}

.noiatar-ico{
  width: 18px;
  height: 18px;
  color: var(--accent);
}

.noiatar-pill:hover .noiatar-ico{
  color: var(--accent2);
  filter: drop-shadow(0 0 8px rgba(111,231,255,.25));
}
/* ================================
   Variable product layout (single)
   ================================ */
.single-product form.variations_form.cart {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 140px;
  gap: 14px;
  align-items: end;
  margin-top: 14px;
}

/* Variation table (dropdown) = vasak veerg */
.single-product form.variations_form.cart .variations {
  grid-column: 1 / 2;
  width: 100%;
  margin: 0;
  border: 0;
}
.single-product form.variations_form.cart .variations tbody,
.single-product form.variations_form.cart .variations tr,
.single-product form.variations_form.cart .variations td,
.single-product form.variations_form.cart .variations th {
  border: 0;
}
.single-product form.variations_form.cart .variations tr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.single-product form.variations_form.cart .variations th.label {
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}

.single-product form.variations_form.cart .variations td.value {
  padding: 0;
}

/* Dropdown (select) – lai, korrektne nool, mitte “kasti sees” */
.single-product form.variations_form.cart .variations select {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: var(--text);
  padding: 12px 46px 12px 14px; /* ruum noolele paremal */
  line-height: 1.2;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

/* Dropdown nool paremale (accent) */
.single-product form.variations_form.cart .variations td.value {
  position: relative;
}
.single-product form.variations_form.cart .variations td.value::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(6px);
  width: 14px;
  height: 14px;
  pointer-events: none;
  opacity: .95;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  /* väike chevron SVG (accent) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23D7B46A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Focus state */
.single-product form.variations_form.cart .variations select:focus {
  border-color: rgba(215,180,106,0.55);
  box-shadow: 0 0 0 4px rgba(215,180,106,0.10);
}

/* Mõnes brauseris aitab option tekstil paremini mahtuda (ei ole 100% kõigil) */
.single-product form.variations_form.cart .variations select option {
  white-space: normal;
}

/* WooCommerce paneb qty + nupu .variations_button sisse – teeme selle “gridi osaks” */
.single-product form.variations_form.cart .single_variation_wrap {
  grid-column: 1 / -1;
  margin: 0;
}

/* lase qty ja button osaleda parent-gridis (nii qty saab 2. veergu) */
.single-product form.variations_form.cart .variations_button {
  display: contents;
}

/* Kogus = parem veerg, sama rida dropdowniga */
.single-product form.variations_form.cart .quantity {
  grid-column: 2 / 3;
  margin: 0;
  justify-self: stretch;
}
.single-product form.variations_form.cart .quantity input.qty {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: var(--text);
  text-align: center;
  padding: 10px 12px;
}

/* Nupp alla, täislaiuses ja “natuke allapoole” */
.single-product form.variations_form.cart .single_add_to_cart_button {
  grid-column: 1 / -1;
  margin-top: 8px;
  width: 100%;
  min-height: 52px;
  border-radius: 999px;
}

/* Reset link (Kui lisad “Puhasta”) */
.single-product form.variations_form.cart .reset_variations {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: 6px;
  color: var(--muted);
  text-decoration: none;
}
.single-product form.variations_form.cart .reset_variations:hover {
  color: var(--text);
}

/* Mobiil: stacked */
@media (max-width: 720px) {
  .single-product form.variations_form.cart {
    grid-template-columns: 1fr;
  }
  .single-product form.variations_form.cart .variations {
    grid-column: 1 / -1;
  }
  .single-product form.variations_form.cart .quantity {
    grid-column: 1 / -1;
  }
  .single-product form.variations_form.cart .single_add_to_cart_button {
    grid-column: 1 / -1;
  }
}
/* 1) "Vali ennustus" vasakule */
.single-product form.variations_form.cart .variations th.label{
  text-align: left !important;
  justify-self: start;
}

/* 2) Space dropdowni ja koguse vahele (dropdownil väike bottom-gap) */
.single-product form.variations_form.cart .variations{
  margin-bottom: 10px;
}

/* 3) Dropdowni nool/linnuke õigesse kohta */
.single-product form.variations_form.cart .variations td.value{
  position: relative;
}

/* tõstame pseudo-noole keskele (praegu sul liiga all) */
.single-product form.variations_form.cart .variations td.value::after{
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 14px !important;
}

/* kindluse mõttes: vali sees paremale ruumi, et nool ei läheks teksti peale */
.single-product form.variations_form.cart .variations select{
  padding-right: 52px !important;
}
.single-product form.variations_form.cart .variations select{
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: none !important;
}
/* SHOP kategooriagrid – kompaktne ja loetav */
.noitar-shop-cats__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 1024px){
  .noitar-shop-cats__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .noitar-shop-cats__grid{ grid-template-columns: 1fr; }
}

.noitar-cat-card{
  display:flex;
  flex-direction:column;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  text-decoration:none;
}

.noitar-cat-media{
  aspect-ratio: 1 / 1;            /* ruut kaart, “väiksem” */
  background: rgba(0,0,0,.15);
}
.noitar-cat-media img{
  width:100%;
  height:100%;
  object-fit: cover;               /* kui tahad “täies mahus” ilma cropita, ütle ja panen contain */
  display:block;
}

.noitar-cat-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 12px 14px;
  gap: 10px;
  background: rgba(0,0,0,.20);
}

.noitar-cat-name{
  color: rgba(255,255,255,.92);    /* loetav */
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.2;
}

.noitar-cat-count{
  min-width: 26px;
  height: 26px;
  display:grid;
  place-items:center;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,.45);  /* accent */
  color: rgba(215,180,106,.95);
  font-weight: 800;
  font-size: 12px;
}
/* ============ MY ACCOUNT (Dashboard) ============ */
.woocommerce-account .woocommerce{
  max-width: 1200px;
  margin: 0 auto;
}

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  backdrop-filter: blur(10px);
}

.woocommerce-account .woocommerce-MyAccount-navigation{
  padding: 18px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin: 6px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 12px;
  color: rgba(255,255,255,.82);
  text-decoration:none;
  border: 1px solid transparent;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  color: var(--accent);
  border-color: rgba(215,180,106,.35);
  background: rgba(215,180,106,.08);
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  border-color: rgba(215,180,106,.25);
  background: rgba(255,255,255,.03);
}

.woocommerce-account .woocommerce-MyAccount-content{
  padding: 22px;
  min-height: 320px;
}

.noitar-account-dashboard__head{
  margin-bottom: 16px;
}
.noitar-account-dashboard__title{
  margin: 0 0 6px 0;
  font-size: clamp(24px, 3.2vw, 34px);
}
.noitar-account-dashboard__subtitle{
  margin: 0;
  color: rgba(255,255,255,.72);
}

.noitar-account-dashboard__cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.noitar-account-card{
  display:block;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  text-decoration: none;
}
.noitar-account-card__title{
  display:block;
  font-weight: 700;
  color: rgba(255,255,255,.92);
  margin-bottom: 6px;
}
.noitar-account-card__desc{
  display:block;
  color: rgba(255,255,255,.68);
  font-size: 14px;
}
.noitar-account-card:hover{
  border-color: rgba(215,180,106,.25);
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
  transform: translateY(-1px);
}

@media (max-width: 860px){
  .woocommerce-account .woocommerce{
    padding: 0 14px;
  }
  .noitar-account-dashboard__cards{
    grid-template-columns: 1fr;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    border-radius: 16px;
  }
}
/* Woo notices (info/success/error) – NÕIATAR style */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error{
  margin: 14px 0 18px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(255,255,255,.85) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 44px rgba(0,0,0,.35);
}

/* Woo default "before" ikoon/riba ära või pehmeks */
.woocommerce-info::before,
.woocommerce-message::before{
  color: var(--accent) !important;
  opacity: .9;
}

/* Nupp notice sees */
.woocommerce-info .button,
.woocommerce-message .button{
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-top: 10px;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(215,180,106,.45) !important;
  background: rgba(0,0,0,.25) !important;
  color: rgba(255,255,255,.92) !important;
  text-decoration: none !important;
}

.woocommerce-info .button:hover,
.woocommerce-message .button:hover{
  box-shadow: 0 0 0 3px rgba(215,180,106,.12);
  border-color: rgba(215,180,106,.65) !important;
}

/* Kui tahad tekst ja nupp ühele reale (desktop) */
@media (min-width: 700px){
  .woocommerce-info,
  .woocommerce-message{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 14px;
  }
  .woocommerce-info .button,
  .woocommerce-message .button{
    margin-top: 0;
  }
}
/* CART EMPTY – premium */
.noitar-cart-hero { margin-bottom: 18px; }
.noitar-cart-title { font-size: clamp(40px, 5vw, 56px); margin: 0; }

.noitar-cart-empty{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 22px;
  padding: 34px 26px;
  box-shadow: 0 22px 60px rgba(0,0,0,.35);
  backdrop-filter: blur(12px);
  text-align:center;
}

.noitar-empty-icon{
  width: 58px; height: 58px;
  margin: 0 auto 14px;
  color: rgba(215,180,106,.95);
  display:grid; place-items:center;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,.35);
  background: rgba(215,180,106,.07);
}
.noitar-empty-icon svg{ width: 28px; height: 28px; }

.noitar-empty-title{ margin: 10px 0 6px; font-size: 22px; }
.noitar-empty-text{ margin: 0 0 16px; color: rgba(255,255,255,.72); }

.noitar-empty-actions{
  display:flex; gap: 10px;
  justify-content:center;
  flex-wrap:wrap;
}

.noitar-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 10px 16px;
  border-radius: 999px;
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.12);
}
.noitar-btn--primary{
  border-color: rgba(215,180,106,.45);
  color: rgba(255,255,255,.92);
  background: rgba(0,0,0,.25);
}
.noitar-btn--primary:hover{ box-shadow: 0 0 0 3px rgba(215,180,106,.12); }
.noitar-btn--ghost{
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.02);
}
.noitar-btn--ghost:hover{ border-color: rgba(255,255,255,.20); }

/* Recommendations */
.noitar-cart-reco{ margin-top: 18px; }
.noitar-reco-title{ margin: 0 0 12px; font-size: 18px; color: rgba(255,255,255,.9); }

.noitar-reco-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 900px){
  .noitar-reco-grid{ grid-template-columns: 1fr; }
}

.noitar-reco-card{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 18px;
  overflow:hidden;
  text-decoration:none;
  box-shadow: 0 18px 46px rgba(0,0,0,.30);
}
.noitar-reco-media{
  aspect-ratio: 4/3;
  background: rgba(0,0,0,.20);
  display:grid; place-items:center;
}
.noitar-reco-media img{
  width:100%; height:100%;
  object-fit: contain; /* et valge taustaga pilt ei lõikuks */
  padding: 10px;
  background: rgba(255,255,255,.02);
}

.noitar-reco-body{ padding: 12px 12px 14px; }
.noitar-reco-name{ font-weight: 600; color: rgba(255,255,255,.92); }
.noitar-reco-price{ margin-top: 6px; color: var(--accent); }
.noitar-reco-cta{
  margin-top: 10px;
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,.35);
  color: rgba(255,255,255,.90);
  background: rgba(215,180,106,.06);
}
/* =========================
   WOOCOMMERCE CART (classic)
   ========================= */

/* 2-column layout: cart + totals */
.woocommerce-cart .woocommerce{
  display:flex;
  gap:32px;
  align-items:flex-start;
}

.woocommerce-cart .woocommerce-cart-form{ flex:1; min-width:0; }
.woocommerce-cart .cart-collaterals{ width:420px; max-width:42vw; }
.woocommerce-cart .cart_totals{ width:100%; }

/* mobile stack */
@media (max-width: 980px){
  .woocommerce-cart .woocommerce{ flex-direction:column; }
  .woocommerce-cart .cart-collaterals{ width:100%; max-width:100%; }
}

/* table card look */
.woocommerce-cart .shop_table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background: rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  overflow:hidden;
}

.woocommerce-cart .shop_table th,
.woocommerce-cart .shop_table td{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.92);
  vertical-align:middle;
}

.woocommerce-cart .shop_table thead th{
  font-weight:700;
  letter-spacing:0.02em;
  color: rgba(255,255,255,0.85);
  background: rgba(255,255,255,0.02);
}

.woocommerce-cart .shop_table tr:last-child td{ border-bottom:none; }

/* product thumb */
.woocommerce-cart td.product-thumbnail img{
  width:56px;
  height:56px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.02);
}

/* remove X */
.woocommerce-cart a.remove{
  color: var(--accent) !important;
  background: rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:10px;
  width:34px; height:34px;
  display:grid; place-items:center;
}
.woocommerce-cart a.remove:hover{
  box-shadow:0 0 0 3px rgba(215,180,106,0.12);
}

/* qty input fix (no white square) */
.woocommerce-cart .quantity .qty{
  background: rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.92);
  border-radius:12px;
  width:84px;
  height:42px;
  text-align:center;
  outline:none;
}
.woocommerce-cart .quantity .qty:focus{
  border-color: rgba(215,180,106,0.55);
  box-shadow:0 0 0 3px rgba(215,180,106,0.12);
}

/* actions row: coupon left, update right */
.woocommerce-cart .actions{
  padding:14px 18px !important;
}
.woocommerce-cart .actions .coupon{
  display:flex;
  gap:10px;
  align-items:center;
}
.woocommerce-cart .actions{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.woocommerce-cart .actions .coupon input.input-text{
  background: rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.90);
  border-radius:12px;
  height:42px;
  padding:0 14px;
  min-width:220px;
}

/* buttons unify */
.woocommerce-cart .button,
.woocommerce-cart button.button{
  border-radius:999px;
  border:1px solid rgba(215,180,106,0.35);
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.95);
  height:42px;
  padding:0 16px;
}
.woocommerce-cart .button:hover,
.woocommerce-cart button.button:hover{
  border-color: rgba(215,180,106,0.70);
  box-shadow:0 0 0 3px rgba(215,180,106,0.12);
}

/* totals card */
.woocommerce-cart .cart_totals{
  background: rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:18px;
}
.woocommerce-cart .cart_totals h2{
  margin:0 0 12px 0;
}
.woocommerce-cart .cart_totals table{
  margin:0 0 16px 0;
  border-collapse:separate;
  border-spacing:0;
}
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td{
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.woocommerce-cart .cart_totals tr:last-child th,
.woocommerce-cart .cart_totals tr:last-child td{ border-bottom:none; }

/* proceed button (remove purple, use accent) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  display:block;
  text-align:center;
  border-radius:999px;
  height:52px;
  line-height:52px;
  background: var(--accent) !important;
  color:#0B1020 !important;
  border:1px solid rgba(215,180,106,0.70);
  font-weight:800;
  letter-spacing:0.02em;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  box-shadow:0 0 0 4px rgba(215,180,106,0.14);
  filter: brightness(1.05);
}
/* =========================
   CART LAYOUT FIX (override)
   ========================= */

/* Tee cart alati 2 veeruks ja KEELA float/absolute jamad */
.woocommerce-cart .woocommerce{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items: start;
}

/* vasak: tabel */
.woocommerce-cart .woocommerce-cart-form{
  min-width: 0;
}

/* parem: totals */
.woocommerce-cart .cart-collaterals{
  width: auto !important;
  max-width: 360px;
  float: none !important;
  clear: none !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* totals card ei tohi olla absolute/fixed */
.woocommerce-cart .cart-collaterals .cart_totals{
  float: none !important;
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Mobile: stack */
@media (max-width: 980px){
  .woocommerce-cart .woocommerce{
    grid-template-columns: 1fr !important;
  }
  .woocommerce-cart .cart-collaterals{
    max-width: 100% !important;
  }
}

/* --- Actions (kupong + uuenda) ühele reale --- */
.woocommerce-cart .shop_table .actions{
  display:flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.woocommerce-cart .shop_table .actions .coupon{
  display:flex !important;
  align-items:center;
  gap:10px;
  flex-wrap: wrap;
}

.woocommerce-cart .shop_table .actions .coupon .input-text{
  min-width: 220px;
}

.woocommerce-cart .shop_table .actions .coupon button,
.woocommerce-cart .shop_table .actions .coupon .button{
  white-space: nowrap;
}

/* --- Checkout button: ära lase tekstil pooleks minna --- */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  height: auto !important;
  line-height: normal !important;
  padding: 16px 18px !important;
  white-space: normal !important;
}

/* Kui mingi teema paneb totalsile “klaasi/overlay” - neutraliseerime */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals{
  transform: none !important;
  backdrop-filter: none;
}
/* =========================
   CART LAYOUT FIX v2 (NOIATAR)
   ========================= */

/* ÄRA lase üksikutel elementidel carti layouti lõhkuda */
.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-info{
  width: 100% !important;
  max-width: 100% !important;
}

/* Põhi-wrapper: grid + alad (notices üleval, siis vasak tabel + parem kokkuvõte) */
.woocommerce-cart .woocommerce{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 380px;
  grid-template-areas:
    "notices notices"
    "form totals";
  gap: 28px;
  align-items: start;
}

/* Notices üle kogu laiuse */
.woocommerce-cart .woocommerce-notices-wrapper{
  grid-area: notices !important;
}

/* Vasak pool: cart form */
.woocommerce-cart form.woocommerce-cart-form{
  grid-area: form !important;
  min-width: 0;
  width: 100% !important;
  max-width: 100% !important;
}

/* Parem pool: totals */
.woocommerce-cart .cart-collaterals{
  grid-area: totals !important;
  width: 100% !important;
  max-width: 380px !important;
  float: none !important;
  clear: none !important;
  position: static !important;
  margin: 0 !important;
}

/* Totals card reset (ei tohi ujuda ega olla fixed/absolute) */
.woocommerce-cart .cart-collaterals .cart_totals{
  width: 100% !important;
  float: none !important;
  position: static !important;
  margin: 0 !important;
}

/* Tabel peab olema tabel (mõni teema teeb selle block/scroll-iks ja lõhub) */
.woocommerce-cart table.shop_table{
  width: 100% !important;
  max-width: 100% !important;
  display: table !important;
  table-layout: auto !important;
}

/* Actions rida (kupong/uuenda) normaalseks */
.woocommerce-cart .shop_table .actions{
  display:flex !important;
  justify-content: space-between;
  align-items:center;
  gap: 12px;
  flex-wrap: wrap;
}
.woocommerce-cart .shop_table .actions .coupon{
  display:flex !important;
  align-items:center;
  gap:10px;
  flex-wrap: wrap;
}
.woocommerce-cart .shop_table .actions .coupon .input-text{
  min-width: 240px;
}

/* Checkout nupp – ära lase tekstil murduda ja tee premium */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  padding: 16px 18px !important;
  white-space: nowrap !important;
}

/* Mobile: üks veerg */
@media (max-width: 980px){
  .woocommerce-cart .woocommerce{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "notices"
      "form"
      "totals";
  }
  .woocommerce-cart .cart-collaterals{
    max-width: 100% !important;
  }
}
/* NÕIATAR – Cart layout */
.noitar-cart-layout{
  display:grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
  align-items:start;
}

.noitar-cart-left{
  min-width: 0;
}

.noitar-cart-right{
  position: sticky;
  top: 110px; /* kui sul sticky header, muuda vajadusel */
}

/* Tee totals box ilusaks (sinu stiiliga) */
.noitar-cart-right .cart_totals{
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  padding: 18px;
  backdrop-filter: blur(10px);
}

/* Mobile */
@media (max-width: 980px){
  .noitar-cart-layout{
    grid-template-columns: 1fr;
  }
  .noitar-cart-right{
    position: static;
  }
}
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals{
  float: none !important;
  width: auto !important;
  position: static !important;
}
/* =========================================
   NÕIATAR – CART: totals paremale küljele
   ========================================= */

/* 1) Reset: ära lase totalsil “ujuvalt/absoluutselt” keskele minna */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals{
  float: none !important;
  width: auto !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
}

/* 2) Tee WooCommerce cart 2 veeruks:
      vasakul tabel + kupong, paremal totals */
.woocommerce-cart .woocommerce{
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 24px;
  align-items: start;
}

/* vasak: cart form (tabel) */
.woocommerce-cart form.woocommerce-cart-form{
  grid-column: 1;
  min-width: 0;
}

/* parem: cart collaterals (totals) */
.woocommerce-cart .cart-collaterals{
  grid-column: 2;
  min-width: 0;
}

/* 3) Sticky parempoolne plokk (nice) */
.woocommerce-cart .cart-collaterals .cart_totals{
  position: sticky !important;
  top: 120px; /* kui header on kõrge, tõsta/ala */
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  padding: 18px;
  backdrop-filter: blur(10px);
}

/* 4) “Mine maksma” nupp lai ja clean */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  width: 100%;
  border-radius: 999px;
}

/* 5) Mobile: üks veerg */
@media (max-width: 980px){
  .woocommerce-cart .woocommerce{
    grid-template-columns: 1fr;
  }
  .woocommerce-cart .cart-collaterals{
    grid-column: 1;
  }
  .woocommerce-cart .cart-collaterals .cart_totals{
    position: static !important;
  }
}
.woocommerce-cart .cart-collaterals .cart_totals{
  inset: auto !important;
}
/* =========================
   NÕIATAR – CART LAYOUT
   ========================= */
.woocommerce-cart .noitar-cart-wrap{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap:24px;
  align-items:start;
}

@media (max-width: 980px){
  .woocommerce-cart .noitar-cart-wrap{
    grid-template-columns: 1fr;
  }
}

/* Stop Woo floats/absolute from breaking layout */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals{
  float:none !important;
  position:static !important;
  width:100% !important;
  margin:0 !important;
}

/* Left table should never be overlapped */
.woocommerce-cart .noitar-cart-left{
  min-width:0;
}
.woocommerce-cart table.shop_table{
  width:100% !important;
  border-collapse:separate;
  border-spacing:0;
}

/* Coupon + buttons clean row */
.woocommerce-cart td.actions{
  padding-top:18px !important;
}
.woocommerce-cart td.actions .coupon{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom:12px;
}
.woocommerce-cart td.actions .coupon label{
  display:none;
}
.woocommerce-cart td.actions .coupon .input-text{
  width:min(320px, 100%);
}

/* Right column card look (if your theme already has card styles, this won't fight it) */
.woocommerce-cart .noitar-cart-right .cart_totals{
  border-radius:18px;
  overflow:hidden;
}

/* Make checkout button full width inside totals */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
  width:100%;
  text-align:center;
}

/* Quantity input nice */
.woocommerce-cart .quantity .qty{
  max-width:90px;
}
.woocommerce-cart .noitar-cart-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:28px;
  align-items:start;
}
@media (max-width: 980px){
  .woocommerce-cart .noitar-cart-wrap{ grid-template-columns:1fr; }
}
.woocommerce-cart .noitar-cart-right{
  position: sticky;
  top: 110px;
}
.woocommerce-cart td.product-thumbnail img{
  width:72px!important;height:72px!important;object-fit:cover;border-radius:16px;
}
/* CART: tootepildi suurus (normal) */
.woocommerce-cart td.product-thumbnail{
  width: 140px !important;
}

.woocommerce-cart td.product-thumbnail img{
  width: 120px !important;
  height: 120px !important;
  object-fit: cover;
  border-radius: 18px;
}
.woocommerce-cart td.product-thumbnail{ width: 170px !important; }
.woocommerce-cart td.product-thumbnail img{ width: 150px !important; height: 150px !important; }
/* CART: tee tootepildi veerg reaalselt nähtavaks */
.woocommerce-cart td.product-thumbnail,
.woocommerce-cart th.product-thumbnail{
  display: table-cell !important;
  width: 170px !important;
  min-width: 170px !important;
  padding: 18px 18px !important;
  vertical-align: middle;
}

.woocommerce-cart td.product-thumbnail a{
  display: inline-block !important;
  line-height: 0;
}

.woocommerce-cart td.product-thumbnail img{
  width: 140px !important;
  height: 140px !important;
  max-width: none !important;
  object-fit: cover;
  border-radius: 18px;
  display: block;
}

/* Kui sul kuskil tabelile/rowle on pandud overflow hidden, siis pilt lõigatakse ära */
.woocommerce-cart .shop_table,
.woocommerce-cart .cart_item,
.woocommerce-cart .shop_table td{
  overflow: visible !important;
}
/* ============ CART (premium 2-col) ============ */
.noitar-cart-wrap{ padding: 8px 0 32px; }
.noitar-cart-grid{
  display:grid;
  grid-template-columns: 1fr 380px;
  gap: 22px;
  align-items:start;
}

.noitar-cart-main,
.noitar-cart-summary__inner{
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.03);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  overflow:hidden;
}

/* table shell */
.noitar-cart-table{ padding: 18px; }
.woocommerce-cart-form__contents thead th{
  font-weight:700;
  opacity:.95;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding: 14px 10px;
}
.woocommerce-cart-form__contents td{
  border-top:1px solid rgba(255,255,255,.06);
  padding: 16px 10px;
  vertical-align:middle;
}

/* thumbnail FIX: always visible + premium size */
.woocommerce-cart-form__contents .product-thumbnail{
  width: 92px;
}
.woocommerce-cart-form__contents .product-thumbnail img{
  width: 72px !important;
  height: 72px !important;
  object-fit: cover;
  border-radius: 14px;
  display:block;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

/* remove button */
.woocommerce-cart-form__contents .product-remove a.remove{
  width: 34px; height: 34px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.10);
  color: var(--accent);
  background: rgba(255,255,255,.03);
  display:inline-flex;
  align-items:center; justify-content:center;
  line-height:1;
}
.woocommerce-cart-form__contents .product-remove a.remove:hover{
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent2) 25%, transparent);
}

/* qty */
.woocommerce .quantity .qty{
  width: 84px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: inherit;
  padding: 10px 12px;
}

/* actions row */
.noitar-cart-actions-row td{ border-top:0; padding: 16px 18px 22px; }
.noitar-cart-actions{
  display:flex;
  gap: 12px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.noitar-coupon{
  display:flex;
  gap: 10px;
  align-items:center;
  flex: 1 1 420px;
}
.noitar-coupon .input-text{
  flex:1;
  min-width: 220px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  padding: 12px 14px;
  color: inherit;
}
.woocommerce-cart .button{
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
}
.woocommerce-cart .button:hover{
  border-color: color-mix(in oklab, var(--accent) 60%, rgba(255,255,255,.12));
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent2) 22%, transparent);
}

/* RIGHT summary */
.noitar-cart-summary__inner{
  padding: 18px;
  position: sticky;
  top: 110px; /* kui sul header sticky on */
}
.cart-collaterals .cart_totals{
  float:none !important;
  width:100% !important;
}
.cart-collaterals .cart_totals h2{
  margin: 6px 0 14px;
  font-size: clamp(22px, 2vw, 34px);
}
.cart-collaterals .shop_table{
  border:0 !important;
}
.cart-collaterals .shop_table td,
.cart-collaterals .shop_table th{
  border-top:1px solid rgba(255,255,255,.08) !important;
  padding: 12px 10px !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  width:100%;
  border-radius: 999px;
  padding: 16px 18px;
  background: var(--accent);
  color: #0b1020;
  border: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--accent2) 22%, transparent);
}

/* responsive */
@media (max-width: 980px){
  .noitar-cart-grid{ grid-template-columns: 1fr; }
  .noitar-cart-summary__inner{ position: static; top:auto; }
  .woocommerce-cart-form__contents .product-thumbnail{ width: 78px; }
  .woocommerce-cart-form__contents .product-thumbnail img{ width:64px !important; height:64px !important; }
}
/* ===== CHECKOUT (premium) ===== */
.noitar-checkout-grid{
  display:grid;
  grid-template-columns: 1fr 420px;
  gap: 22px;
  align-items:start;
}

.noitar-checkout-main,
.noitar-checkout-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background: rgba(255,255,255,.03);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

.noitar-checkout-main{ padding: 18px; }
.noitar-checkout-card{ padding: 18px; position: sticky; top: 110px; }

.noitar-h3{ margin: 6px 0 14px; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: inherit;
  padding: 12px 14px;
}

.woocommerce #payment{
  border-radius: 18px;
  background: rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
  padding: 14px;
}

.woocommerce-checkout #place_order{
  width:100%;
  border-radius: 999px;
  padding: 16px 18px;
  background: var(--accent);
  color: #0b1020;
  border:0;
}

@media (max-width: 980px){
  .noitar-checkout-grid{ grid-template-columns: 1fr; }
  .noitar-checkout-card{ position: static; top:auto; }
}
/* CART – 2 column layout */
.noitar-cart{ margin: 0 auto; max-width: 1200px; }
.noitar-cart__grid{ display:grid; grid-template-columns: 1fr 420px; gap: 28px; align-items:start; }
@media (max-width: 980px){
  .noitar-cart__grid{ grid-template-columns: 1fr; }
}

.noitar-cart__tablewrap{ overflow:auto; border-radius: 22px; }
.woocommerce-cart-form__contents{ width:100%; }

/* Thumbnail fix */
.woocommerce .product-thumbnail{ width:96px; }
.woocommerce .product-thumbnail img{
  width:72px; height:72px; object-fit:cover; border-radius:16px; display:block;
}

/* Make totals stick nicely on desktop */
.noitar-cart__side .cart-collaterals{
  position: sticky; top: 110px;
}

/* Prevent “overlay” look from accidental absolute positioning */
.woocommerce .cart-collaterals, .woocommerce .woocommerce-cart-form{ position: relative; }

/* EMPTY CART */
.noitar-cart__emptycta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:14px; }
.noitar-cart__emptyproducts{ margin-top: 28px; }
/* ============ CART PREMIUM LAYOUT FIX ============ */

/* kill old WC floats that break grid */
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals{
  float: none !important;
  width: auto !important;
  clear: none !important;
}

.noitar-cart{ max-width: 1200px; margin: 0 auto; }
.noitar-cart__grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 28px;
  align-items: start;
}

/* desktop sticky totals */
.noitar-cart__side{ position: relative; }
.noitar-cart__totals{
  position: sticky;
  top: 110px;
}

/* responsive */
@media (max-width: 980px){
  .noitar-cart__grid{ grid-template-columns: 1fr; }
  .noitar-cart__totals{ position: static; }
}

/* table wrap (no ugly huge scrollbar) */
.noitar-cart__tablewrap{
  overflow: hidden;
  border-radius: 18px;
}
.woocommerce-cart table.shop_table{
  width: 100%;
  table-layout: auto;
}

/* keep columns sane */
.woocommerce-cart .product-remove{ width: 44px; }
.woocommerce-cart .product-thumbnail{ width: 96px; }
.woocommerce-cart .product-quantity{ width: 120px; white-space: nowrap; }
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal{ width: 140px; white-space: nowrap; }

/* thumbnail nicer */
.woocommerce-cart .product-thumbnail img{
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

/* actions row layout */
.noitar-cart__actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.noitar-cart__actions .coupon{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.noitar-cart__actions .coupon input{
  min-width: 220px;
}

/* totals: make checkout button full width + premium */
.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button{
  width: 100%;
  border-radius: 999px;
  padding: 14px 18px;
}
/* CART: hard reset for broken themes */
.woocommerce-cart .noitar-cart { max-width: 1200px; margin: 0 auto; }
.woocommerce-cart .noitar-cart__grid{
  display:grid !important;
  grid-template-columns: minmax(0,1fr) 420px;
  gap: 28px;
  align-items:start;
}
@media (max-width: 980px){
  .woocommerce-cart .noitar-cart__grid{ grid-template-columns: 1fr; }
}

/* IMPORTANT: force cart table visible */
.woocommerce-cart table.shop_table{
  display: table !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 2 !important;
}
.woocommerce-cart thead{ display: table-header-group !important; }
.woocommerce-cart tbody{ display: table-row-group !important; }
.woocommerce-cart tr{ display: table-row !important; }
.woocommerce-cart td, .woocommerce-cart th{ display: table-cell !important; }

/* kill old floats that break layout */
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals{
  float:none !important;
  width:auto !important;
  clear:none !important;
}

/* totals sticky + always on right */
.woocommerce-cart .noitar-cart__totals{ position: sticky; top: 110px; }

/* thumbnail nice size */
.woocommerce-cart .product-thumbnail img{
  width:72px; height:72px; object-fit:cover; border-radius:16px; display:block;
}
/* ===== NÕIATAR Footer (premium) ===== */
.noitar-footer{
  margin-top: clamp(40px, 6vw, 90px);
  padding: clamp(36px, 5vw, 70px) 0 28px;
  border-top: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(215,180,106,.08), transparent 55%),
    rgba(8,12,24,.35);
  backdrop-filter: blur(10px);
}

.noitar-footer__container{ position: relative; }

.noitar-footer__top{
  padding: 0 0 26px;
}

.noitar-footer__grid{
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: clamp(18px, 3vw, 44px);
  align-items: start;
}

.noitar-footer__col{
  padding: 18px 18px 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
}

.noitar-footer__brand{ padding: 20px 20px 22px; }

.noitar-footer__logo{
  font-family: var(--font-serif, inherit);
  font-size: clamp(22px, 2.2vw, 34px);
  letter-spacing: .06em;
  color: #fff;
  margin-bottom: 10px;
}

.noitar-footer__desc{
  margin: 0 0 16px;
  color: rgba(255,255,255,.78);
  line-height: 1.5;
  max-width: 46ch;
}

.noitar-footer__cta{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.noitar-btn.noitar-btn--ghost{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,.35);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.92);
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.noitar-btn.noitar-btn--ghost:hover{
  transform: translateY(-1px);
  border-color: rgba(215,180,106,.6);
  box-shadow: 0 12px 30px rgba(215,180,106,.12);
}

.noitar-footer__meta{
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: grid;
  gap: 8px;
}

.noitar-footer__metaRow{
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 10px;
  align-items: baseline;
}
.noitar-footer__metaLabel{
  color: rgba(255,255,255,.55);
  font-size: 13px;
}
.noitar-footer__metaValue{
  color: rgba(255,255,255,.9);
  text-decoration: none;
}
.noitar-footer__metaValue:hover{ color: var(--accent, #D7B46A); }

.noitar-footer__title{
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
  margin: 2px 0 12px;
}

.noitar-footer__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.noitar-footer__list a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.78);
  text-decoration: none;
  padding: 9px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
  transition: transform .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.noitar-footer__list a::before{
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(215,180,106,.55);
  box-shadow: 0 0 0 4px rgba(215,180,106,.10);
}

.noitar-footer__list a:hover{
  transform: translateY(-1px);
  color: #fff;
  border-color: rgba(215,180,106,.28);
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
}

.noitar-footer__bottom{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 16px;
  align-items: center;
}

.noitar-footer__payments{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: rgba(255,255,255,.65);
}

.noitar-footer__paymentsLabel{
  font-size: 13px;
  color: rgba(255,255,255,.55);
}

.noitar-footer__paylogo{
  height: 20px;
  width: auto;
  opacity: .9;
}

.noitar-footer__paymentsText{
  font-size: 13px;
  opacity: .9;
}

.noitar-footer__legal{
  text-align: right;
  color: rgba(255,255,255,.65);
  font-size: 13px;
  line-height: 1.4;
}
.noitar-footer__fine{
  margin-top: 6px;
  color: rgba(255,255,255,.48);
}

/* Responsive */
@media (max-width: 980px){
  .noitar-footer__grid{ grid-template-columns: 1fr; }
  .noitar-footer__bottom{ grid-template-columns: 1fr; }
  .noitar-footer__legal{ text-align: left; }
  .noitar-footer__metaRow{ grid-template-columns: 1fr; }
}
/* =========================
   NÕIATAR – Premium Footer
   ========================= */
.noitar-footer{
  padding: 64px 0 28px;
  background: radial-gradient(1200px 500px at 30% -10%, rgba(255,255,255,.06), transparent 60%),
              radial-gradient(900px 420px at 85% 0%, rgba(215,180,106,.05), transparent 55%),
              rgba(6,10,20,.92);
  border-top: 1px solid rgba(255,255,255,.08);
}

.noitar-footer__wrap{
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
}

.noitar-footer__grid{
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr 1fr;
  gap: 36px;
  align-items: start;
}

.noitar-footer__logo{
  font-family: var(--font-serif, ui-serif);
  font-weight: 600;
  letter-spacing: .06em;
  font-size: 28px;
  color: var(--text, #EDEFF6);
  margin-bottom: 10px;
}

.noitar-footer__desc{
  margin: 0 0 18px;
  color: rgba(237,239,246,.78);
  line-height: 1.55;
  max-width: 44ch;
}

.noitar-footer__cta{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.noitar-footer__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--text, #EDEFF6);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .02em;
  transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.noitar-footer__btn:hover{
  transform: translateY(-1px);
  border-color: rgba(215,180,106,.35);
  box-shadow: 0 10px 26px rgba(0,0,0,.28);
}
.noitar-footer__btn--ghost{
  background: transparent;
}

.noitar-footer__meta{
  display: grid;
  gap: 8px;
}
.noitar-footer__metaRow{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 13px;
  color: rgba(237,239,246,.70);
}
.noitar-footer__metaLabel{
  color: rgba(237,239,246,.58);
}
.noitar-footer__metaValue{
  color: rgba(237,239,246,.82);
}

.noitar-footer__title{
  margin: 6px 0 14px;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(237,239,246,.82);
}

.noitar-footer__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.noitar-footer__list a{
  color: rgba(237,239,246,.74);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 10px;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}
.noitar-footer__list a:hover{
  background: rgba(255,255,255,.06);
  color: rgba(237,239,246,.94);
  transform: translateX(1px);
}

.noitar-footer__contact{
  display: grid;
  gap: 10px;
}
.noitar-footer__contactItem{
  color: rgba(237,239,246,.88);
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
}
.noitar-footer__contactItem:hover{
  border-color: rgba(215,180,106,.35);
}
.noitar-footer__fine{
  font-size: 13px;
  line-height: 1.5;
  color: rgba(237,239,246,.62);
}

.noitar-footer__divider{
  height: 1px;
  background: rgba(255,255,255,.08);
  margin: 28px 0 18px;
}

.noitar-footer__bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.noitar-footer__payments{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

.noitar-footer__paymentsLabel{
  color: rgba(237,239,246,.64);
  font-size: 13px;
}

.noitar-footer__payLogo svg{
  height: 22px;
  width: auto;
  display: block;
  /* proovi toonida accentiga, kui SVG lubab currentColor’i */
  color: var(--accent, #D7B46A);
}
.noitar-footer__payText{
  font-weight: 700;
  color: var(--accent, #D7B46A);
}

.noitar-footer__legal{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: rgba(237,239,246,.62);
  font-size: 13px;
}
.noitar-footer__legal strong{
  color: rgba(237,239,246,.86);
}
.noitar-footer__sep{
  opacity: .4;
}

/* Responsive */
@media (max-width: 980px){
  .noitar-footer__grid{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 620px){
  .noitar-footer{
    padding: 44px 0 22px;
  }
  .noitar-footer__grid{
    grid-template-columns: 1fr;
    gap: 22px;
  }
}
/* Montonio / Maksa pangas – tee ümbris premium */
.woocommerce-checkout .payment_box,
.woocommerce-checkout #payment .payment_box,
.woocommerce-checkout .wc_payment_method .payment_box{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

/* Montonio wrapperid (pane mitu varianti, sest klassid erinevad) */
.montonio,
.montonio-payments,
.montonio-payment-method,
.montonio-checkout,
#montonio,
#montonio-payments{
  background: transparent !important;
}

/* Iframe “kaart” samaks stiiliks */
.montonio iframe,
#montonio iframe,
#montonio-payments iframe,
.woocommerce-checkout iframe[src*="montonio"]{
  width: 100%;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
}

/* Kui Montonio plokk on liiga “hele”, siis vähemalt ümbrus tumedam */
.woocommerce-checkout .wc_payment_method label{
  color: rgba(255,255,255,.92);
}
/* ===== NÕIATAR /ostukorv premium layout ===== */
.noitar-cart-wrap { width: 100%; }
.noitar-cart-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items: start;
}

.noitar-cart-card{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}

.noitar-cart-tablewrap{ padding: 16px; overflow: hidden; }
.noitar-cart-tablewrap table{ width: 100%; border-collapse: collapse; }

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td{
  border: none !important;
  padding: 14px 12px;
  vertical-align: middle;
}

.woocommerce-cart table.shop_table thead th{
  opacity: .85;
  font-weight: 600;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.woocommerce-cart table.shop_table tbody tr + tr td{
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

/* thumbnails */
.woocommerce-cart .product-thumbnail img{
  width: 86px;
  height: 86px;
  object-fit: cover;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  display: block;
}

/* remove button */
.woocommerce-cart a.remove{
  width: 34px; height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent) !important;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
}
.woocommerce-cart a.remove:hover{
  box-shadow: 0 0 0 3px rgba(215,180,106,.12);
}

/* coupon + actions row */
.woocommerce-cart td.actions .coupon{
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.woocommerce-cart td.actions .coupon label{ display:none; }

.woocommerce-cart input#coupon_code{
  min-width: 220px;
  height: 44px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
}
.woocommerce-cart td.actions button{
  height: 44px;
  border-radius: 999px;
}

/* RIGHT column sticky totals */
.noitar-cart-side{ position: relative; }
.noitar-cart-totals{
  position: sticky;
  top: 110px;
  padding: 18px;
}
.noitar-cart-totals .cart_totals h2{
  margin: 0 0 14px 0;
}
.noitar-cart-totals .wc-proceed-to-checkout a.checkout-button{
  width: 100%;
  border-radius: 999px;
  padding: 16px 18px;
}

/* Mobile */
@media (max-width: 980px){
  .noitar-cart-grid{ grid-template-columns: 1fr; }
  .noitar-cart-totals{ position: static; }
  .noitar-cart-tablewrap{ overflow-x: auto; }
  .woocommerce-cart table.shop_table{ min-width: 760px; }
}
/* ===== NÕIATAR /ostukorv premium layout ===== */
.noitar-cart-wrap { width: 100%; }
.noitar-cart-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items: start;
}

.noitar-cart-card{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}

.noitar-cart-tablewrap{ padding: 16px; overflow: hidden; }
.noitar-cart-tablewrap table{ width: 100%; border-collapse: collapse; }

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td{
  border: none !important;
  padding: 14px 12px;
  vertical-align: middle;
}

.woocommerce-cart table.shop_table thead th{
  opacity: .85;
  font-weight: 600;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.woocommerce-cart table.shop_table tbody tr + tr td{
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

/* thumbnails */
.woocommerce-cart .product-thumbnail img{
  width: 86px;
  height: 86px;
  object-fit: cover;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  display: block;
}

/* remove button */
.woocommerce-cart a.remove{
  width: 34px; height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent) !important;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
}
.woocommerce-cart a.remove:hover{
  box-shadow: 0 0 0 3px rgba(215,180,106,.12);
}

/* coupon + actions row */
.woocommerce-cart td.actions .coupon{
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.woocommerce-cart td.actions .coupon label{ display:none; }

.woocommerce-cart input#coupon_code{
  min-width: 220px;
  height: 44px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
}
.woocommerce-cart td.actions button{
  height: 44px;
  border-radius: 999px;
}

/* RIGHT column sticky totals */
.noitar-cart-side{ position: relative; }
.noitar-cart-totals{
  position: sticky;
  top: 110px;
  padding: 18px;
}
.noitar-cart-totals .cart_totals h2{
  margin: 0 0 14px 0;
}
.noitar-cart-totals .wc-proceed-to-checkout a.checkout-button{
  width: 100%;
  border-radius: 999px;
  padding: 16px 18px;
}

/* Mobile */
@media (max-width: 980px){
  .noitar-cart-grid{ grid-template-columns: 1fr; }
  .noitar-cart-totals{ position: static; }
  .noitar-cart-tablewrap{ overflow-x: auto; }
  .woocommerce-cart table.shop_table{ min-width: 760px; }
}
<?php
/**
 * Empty cart page
 * Theme: NÕIATAR
 */

defined( 'ABSPATH' ) || exit;

do_action( 'woocommerce_before_cart' ); ?>

<div class="noitar-cart">
  <div class="noitar-cart__wrap">

    <header class="noitar-cart__header">
      <h1 class="noitar-page-title"><?php esc_html_e( 'Ostukorv', 'woocommerce' ); ?></h1>
    </header>

    <div class="noitar-card noitar-cart__empty">
      <h2 class="noitar-cart__empty-title"><?php esc_html_e( 'Ostukorv on tühi', 'woocommerce' ); ?></h2>
      <p class="muted"><?php esc_html_e( 'Lisa toode ostukorvi ja tule siia tagasi.', 'woocommerce' ); ?></p>

      <p class="return-to-shop">
        <a class="button wc-backward noitar-btn" href="<?php echo esc_url( wc_get_page_permalink( 'shop' ) ); ?>">
          <?php esc_html_e( 'Vaata tooteid', 'woocommerce' ); ?>
        </a>
      </p>
    </div>

  </div>
</div>

<?php do_action( 'woocommerce_after_cart' ); ?>
/* ============ NÕIATAR – CART (scoped premium) ============ */
.noitar-cart{
  margin: 0 auto;
  max-width: 1120px;
}
.noitar-cart__header{
  margin: 0 0 18px;
}
.noitar-cart__title{
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  letter-spacing: .02em;
  font-size: clamp(28px, 3.2vw, 42px);
  color: var(--text);
}
.noitar-cart__subtitle{
  margin: 8px 0 0;
  color: var(--muted);
}

.noitar-card{
  background: var(--panel);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  box-shadow: 0 20px 70px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}

.noitar-cart__layout{
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 980px){
  .noitar-cart__layout{ grid-template-columns: 1fr; }
}

.noitar-cart__card{ padding: 18px; }
.noitar-cart__cardhead{
  display:flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin-bottom: 14px;
}
.noitar-cart__cardtitle{
  font-weight: 800;
  color: var(--text);
}
.noitar-cart__cardmeta{ color: var(--muted); font-size: 13px; }

.noitar-cart__list{ display:flex; flex-direction: column; gap: 12px; }

.noitar-cart__item{
  display:flex;
  gap: 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.10);
}
.noitar-cart__thumb{
  flex: 0 0 96px;
}
.noitar-cart__thumb img{
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 18px;
  display:block;
  background: rgba(255,255,255,.03);
}
.noitar-cart__info{ flex:1; min-width: 0; }

.noitar-cart__top{
  display:flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
.noitar-cart__name a,
.noitar-cart__name{
  color: var(--text);
  font-weight: 800;
  text-decoration: none;
}
.noitar-cart__price{
  color: var(--accent);
  font-weight: 900;
}
.noitar-cart__meta{
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
}
.noitar-cart__bottom{
  margin-top: 12px;
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.noitar-cart__qty{
  min-width: 140px;
}
.noitar-cart .quantity .qty{
  width: 110px;
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.20);
  color: var(--text);
}

.noitar-cart__subtotalWrap{
  text-align: right;
  margin-left: auto;
}
.noitar-cart__subtotalLabel{
  font-size: 12px;
  color: var(--muted);
}
.noitar-cart__subtotal{
  font-weight: 900;
  color: var(--text);
}

.noitar-cart__remove{
  color: rgba(255,255,255,.75);
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,255,255,.25);
}
.noitar-cart__remove:hover{
  color: var(--danger);
  border-bottom-color: rgba(255,90,106,.5);
}

.noitar-cart__footer{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
}
.noitar-cart__coupon{ flex: 1 1 360px; }
.noitar-cart__couponLabel{
  display:block;
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 8px;
}
.noitar-cart__couponRow{
  display:flex;
  gap: 10px;
}
.noitar-cart__couponRow input{
  flex: 1;
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.20);
  color: var(--text);
  padding: 10px 12px;
}
.noitar-cart__couponRow .button,
.noitar-cart__update{
  min-height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,.55);
  background: rgba(215,180,106,.18);
  color: var(--text);
  font-weight: 900;
  padding: 10px 16px;
}
.noitar-cart__couponRow .button:hover,
.noitar-cart__update:hover{
  box-shadow: 0 0 0 3px rgba(111,231,255,.12);
  border-color: rgba(111,231,255,.45);
}

/* Summary */
.noitar-cart__summaryCard{
  position: sticky;
  top: calc(var(--headerH, 86px) + 14px);
}
.noitar-cart__totals .shop_table,
.noitar-cart__totals table{
  background: transparent !important;
}
.noitar-cart__totals th,
.noitar-cart__totals td{
  color: var(--text);
  border-color: rgba(255,255,255,.08) !important;
}
.noitar-cart__totals .order-total th,
.noitar-cart__totals .order-total td{
  font-size: 16px;
  font-weight: 900;
  color: var(--accent);
}

/* Trust pills */
.noitar-pill{
  margin-top: 10px;
  display:flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(245,241,232,.92);
  font-size: 13px;
}
.noitar-icon{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(215,180,106,.55);
  color: var(--accent);
}

/* Empty cart */
.noitar-cart__emptyCard{
  padding: 22px;
  text-align: center;
}
.noitar-cart__emptyTitle{
  margin: 0 0 10px;
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  color: var(--text);
}
.noitar-cart__emptyText{ margin: 0 0 16px; color: var(--muted); }
.noitar-cart__emptyActions .button{
  border-radius: 999px;
  border: 1px solid rgba(215,180,106,.55);
  background: rgba(215,180,106,.18);
  color: var(--text);
  font-weight: 900;
  padding: 12px 18px;
}
.noitar-cart__emptyActions .button:hover{
  box-shadow: 0 0 0 3px rgba(111,231,255,.12);
  border-color: rgba(111,231,255,.45);
}
/* ===== NÕIATAR Add-to-cart drawer ===== */
.noitar-atc{ position:fixed; inset:0; z-index:99999; pointer-events:none; }
.noitar-atc[aria-hidden="false"]{ pointer-events:auto; }

.noitar-atc__overlay{
  position:absolute; inset:0;
  background:rgba(0,0,0,.58);
  opacity:0; transition:opacity .18s ease;
}
.noitar-atc[aria-hidden="false"] .noitar-atc__overlay{ opacity:1; }

.noitar-atc__panel{
  position:absolute;
  right:16px; top: calc(var(--headerH, 86px) + 16px);
  width:min(420px, calc(100vw - 32px));
  border-radius:22px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
  padding:16px;
  transform: translateY(-10px);
  opacity:0;
  transition: transform .18s ease, opacity .18s ease;
}
.noitar-atc[aria-hidden="false"] .noitar-atc__panel{
  transform: translateY(0);
  opacity:1;
}

.noitar-atc__close{
  position:absolute; top:10px; right:10px;
  width:40px; height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--text);
  cursor:pointer;
}

.noitar-atc__content{
  display:flex; gap:12px; align-items:flex-start;
  padding:8px 6px 14px;
}
.noitar-atc__icon{
  width:34px; height:34px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(215,180,106,.55);
  color: var(--accent);
  background: rgba(215,180,106,.10);
  flex:0 0 auto;
}
.noitar-atc__title{ font-weight:900; color: var(--text); }
.noitar-atc__desc{ margin-top:4px; font-size:13px; color: var(--muted); }

.noitar-atc__actions{
  display:flex; gap:10px; flex-wrap:wrap;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
}

.noitar-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}

.noitar-btn--ghost{
  border:1px solid rgba(215,180,106,.40);
  background: rgba(255,255,255,.03);
  color: var(--text);
}
.noitar-btn--ghost:hover{
  box-shadow: 0 0 0 3px rgba(111,231,255,.12);
  border-color: rgba(111,231,255,.45);
}

.noitar-btn--primary{
  border:1px solid rgba(215,180,106,.60);
  background: rgba(215,180,106,.22);
  color: var(--text);
}
.noitar-btn--primary:hover{
  box-shadow: 0 0 0 3px rgba(111,231,255,.12);
  border-color: rgba(111,231,255,.45);
}

.noitar-atc__mini{
  margin-top:10px;
  text-align:right;
}
.noitar-atc__cartlink{
  font-size:13px;
  color: var(--accent);
  text-decoration:none;
  border-bottom:1px dashed rgba(215,180,106,.55);
}
.noitar-atc__cartlink:hover{
  color: var(--accent2);
  border-bottom-color: rgba(111,231,255,.55);
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .noitar-atc__overlay, .noitar-atc__panel{ transition:none; }
}
/* ===== NÕIATAR Add-to-cart popup (ei sega mega-menüüd) ===== */
.noitar-atc{ position:fixed; inset:0; z-index:99999; }
.noitar-atc[aria-hidden="true"]{ pointer-events:none; }

.noitar-atc__overlay{
  position:absolute; inset:0;
  background:rgba(0,0,0,.58);
  opacity:0; transition:opacity .18s ease;
}
.noitar-atc[aria-hidden="false"] .noitar-atc__overlay{ opacity:1; }

.noitar-atc__panel{
  position:absolute;
  right:16px; top: calc(var(--headerH, 86px) + 16px);
  width:min(420px, calc(100vw - 32px));
  border-radius:22px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
  padding:16px;
  transform: translateY(-10px);
  opacity:0;
  transition: transform .18s ease, opacity .18s ease;
}
.noitar-atc[aria-hidden="false"] .noitar-atc__panel{
  transform: translateY(0);
  opacity:1;
}

.noitar-atc__close{
  position:absolute; top:10px; right:10px;
  width:40px; height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--text);
  cursor:pointer;
}

.noitar-atc__content{ display:flex; gap:12px; align-items:flex-start; padding:8px 6px 14px; }
.noitar-atc__icon{
  width:34px; height:34px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(215,180,106,.55);
  color: var(--accent);
  background: rgba(215,180,106,.10);
}
.noitar-atc__title{ font-weight:900; color: var(--text); }
.noitar-atc__desc{ margin-top:4px; font-size:13px; color: var(--muted); }

.noitar-atc__actions{
  display:flex; gap:10px; flex-wrap:wrap;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
}

.noitar-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
}
.noitar-btn--ghost{
  border:1px solid rgba(215,180,106,.40);
  background: rgba(255,255,255,.03);
  color: var(--text);
}
.noitar-btn--ghost:hover{
  box-shadow: 0 0 0 3px rgba(111,231,255,.12);
  border-color: rgba(111,231,255,.45);
}
.noitar-btn--primary{
  border:1px solid rgba(215,180,106,.60);
  background: rgba(215,180,106,.22);
  color: var(--text);
}
.noitar-btn--primary:hover{
  box-shadow: 0 0 0 3px rgba(111,231,255,.12);
  border-color: rgba(111,231,255,.45);
}

.noitar-atc__mini{ margin-top:10px; text-align:right; }
.noitar-atc__cartlink{
  font-size:13px; color: var(--accent);
  text-decoration:none;
  border-bottom:1px dashed rgba(215,180,106,.55);
}
.noitar-atc__cartlink:hover{ color: var(--accent2); border-bottom-color: rgba(111,231,255,.55); }

@media (prefers-reduced-motion: reduce){
  .noitar-atc__overlay, .noitar-atc__panel{ transition:none; }
}
/* FIX: WooCommerce clearfix pseudo-elements break CSS grid (leave empty first cell) */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
ul.products::before,
ul.products::after {
  content: none !important;
  display: none !important;
}
.woocommerce ul.products{
  justify-content: start !important;
  padding-left: 0 !important;
}
/* =========================================================
   NÕIATAR: Woo product cards – pilt jääb samaks, nupp ühel joonel
   ========================================================= */

/* 0) Ära lase clearfix pseudo-elementidel gridis tühja kohta teha (sul juba fix olemas) */
.woocommerce ul.products::before,
.woocommerce ul.products::after{
  content: none !important;
  display: none !important;
}

/* 1) Hoia pilt samas stiilis nagu praegu (ei sunni height/aspect), ainult kindlaks display */
.woocommerce ul.products li.product img{
  width: 100%;
  height: auto;
  display: block;
}

/* 2) Tee igast tootekaardist "konteiner", mille sees saame nupu alla ankurdada.
      NB: ei muuda li.product display'd – ainult position ja padding. */
.woocommerce ul.products li.product{
  position: relative;
  padding-bottom: 58px; /* reserveerib koha nupule all (reguleeri 54-70px) */
}

/* 3) Pealkiri fikseeritud kõrgusega, et erinev pikkus ei lõhuks layouti */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.2;
  min-height: calc(1.2em * 2);
  margin-bottom: 8px;
}

/* 4) Hind ühtlase spacinguga */
.woocommerce ul.products li.product .price{
  margin-bottom: 10px;
}

/* 5) Lisa ostukorvi nupp ALATI kaardi põhjas ühel joonel.
      See töötab sõltumata sellest, kas nupp on lingi sees või väljas. */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button{
  position: absolute !important;
  left: 16px;
  right: 16px;
  bottom: 14px;
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 44px;
  padding: 10px 14px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;

  z-index: 2;
}

/* 6) Kui sul on "Read more" või "Select options" sama klassiga, jääb ka samale joonele */
.woocommerce ul.products li.product a.added_to_cart{
  position: absolute !important;
  right: 16px;
  bottom: 62px; /* väike link “Vaata ostukorvi” kui Woo lisab */
  font-size: 12px;
  color: var(--accent);
  text-decoration: none;
  z-index: 2;
}

/* 7) Mobile spacing */
@media (max-width: 640px){
  .woocommerce ul.products li.product{
    padding-bottom: 64px;
  }
  .woocommerce ul.products li.product a.button,
  .woocommerce ul.products li.product .add_to_cart_button{
    left: 14px;
    right: 14px;
    bottom: 12px;
  }
}
/* =========================
   NÕIATAR: premium tootepildi "frame"
   ========================= */

/* 1) Pildi ümber klaasjas raam + ümarad nurgad */
.woocommerce ul.products li.product img{
  border-radius: 22px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 16px 55px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* 2) Kui tootelink on hover, tõsta pilt õrnalt esile */
.woocommerce ul.products li.product:hover img{
  transform: translateY(-2px);
  border-color: rgba(215,180,106,.35);
  box-shadow: 0 18px 70px rgba(0,0,0,.45);
}

/* 3) Pildi ümber "soft glow" (väga peen) */
.woocommerce ul.products li.product{
  position: relative;
}
.woocommerce ul.products li.product::after{
  content:"";
  position:absolute;
  left: 10px; right: 10px;
  top: 10px;
  height: clamp(140px, 18vw, 260px); /* glow ainult pildi tsoonis */
  border-radius: 26px;
  background: radial-gradient(60% 60% at 50% 20%, rgba(111,231,255,.10), transparent 65%),
              radial-gradient(60% 60% at 50% 20%, rgba(215,180,106,.10), transparent 70%);
  filter: blur(14px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
  z-index: 0;
}
.woocommerce ul.products li.product:hover::after{
  opacity: .9;
}

/* 4) Tõsta pilt ja sisu glow-st ettepoole */
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product a.button{
  position: relative;
  z-index: 1;
}

/* 5) Reduced motion respect */
@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product img,
  .woocommerce ul.products li.product::after{
    transition: none !important;
  }
  .woocommerce ul.products li.product:hover img{
    transform: none !important;
  }
}
/* =========================
   NÕIATAR: Woo notices -> toast
   ========================= */

/* Notice wrapper toast'iks (fix asukoht) */
.woocommerce-notices-wrapper{
  position: fixed;
  top: calc(var(--headerH, 86px) + 14px);
  right: 14px;
  width: min(520px, calc(100vw - 28px));
  z-index: 99998;
  pointer-events: none;
}

/* Toast välimus */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  pointer-events: auto;
  margin: 0 0 10px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.05) !important;
  color: var(--text) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.45) !important;
  backdrop-filter: blur(12px);
  padding: 14px 16px !important;
  position: relative;
}

/* Woo default “link” toon */
.woocommerce-message a,
.woocommerce-info a{
  color: var(--accent) !important;
  font-weight: 800;
  text-decoration: none;
}

/* Meie wrapper (actions) */
.noitar-toast__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}

/* NõiaTar nupud (samad mis mujal teemas) */
.noitar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
}

.noitar-btn--ghost{
  border:1px solid rgba(215,180,106,.40);
  background: rgba(255,255,255,.03);
  color: var(--text);
}
.noitar-btn--ghost:hover{
  box-shadow: 0 0 0 3px rgba(111,231,255,.12);
  border-color: rgba(111,231,255,.45);
}

.noitar-btn--primary{
  border:1px solid rgba(215,180,106,.60);
  background: rgba(215,180,106,.22);
  color: var(--text);
}
.noitar-btn--primary:hover{
  box-shadow: 0 0 0 3px rgba(111,231,255,.12);
  border-color: rgba(111,231,255,.45);
}

/* Close "X" (CSS-only, lisame JS-iga nupu) */
.noitar-toast__close{
  position:absolute;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--text);
  cursor: pointer;
}
/* =====================================================
   NÕIATAR: Woo Funnel Mobile FIX (Cart + Checkout)
   Fixes blank button text + mobile layout
   ===================================================== */
@media (max-width: 980px){

  body.woocommerce-cart .woocommerce .button,
  body.woocommerce-checkout .woocommerce .button,
  body.woocommerce-cart .woocommerce button,
  body.woocommerce-checkout .woocommerce button,
  body.woocommerce-cart .woocommerce input[type="submit"],
  body.woocommerce-checkout .woocommerce input[type="submit"]{
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-indent: 0 !important;
    white-space: nowrap !important;

    opacity: 1 !important;
    visibility: visible !important;

    color: rgba(255,255,255,.92) !important;
    -webkit-text-fill-color: rgba(255,255,255,.92) !important;

    min-height: 48px !important;
    height: 48px !important;

    border-radius: 999px !important;
  }

  /* Stack checkout columns */
  body.woocommerce-checkout .col2-set,
  body.woocommerce-checkout .col2-set .col-1,
  body.woocommerce-checkout .col2-set .col-2,
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review{
    float: none !important;
    width: 100% !important;
  }

  body.woocommerce-checkout #order_review{
    margin-top: 18px !important;
  }
}
/* =========================================================
   FIX: WooCommerce CART + CHECKOUT mobile buttons are blank
   Cause: theme mobile CSS sets opacity:0 / hides button text
   ========================================================= */
@media (max-width: 980px){

  /* Make ALL Woo buttons visible (button + input submit) */
  body.woocommerce-cart .woocommerce button,
  body.woocommerce-cart .woocommerce .button,
  body.woocommerce-cart .woocommerce input[type="submit"],
  body.woocommerce-checkout .woocommerce button,
  body.woocommerce-checkout .woocommerce .button,
  body.woocommerce-checkout .woocommerce input[type="submit"]{
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;

    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;

    text-indent: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;

    color: rgba(255,255,255,.92) !important;
    -webkit-text-fill-color: rgba(255,255,255,.92) !important;
  }

  /* IMPORTANT: if theme hides children span/svg/text with opacity:0 */
  body.woocommerce-cart .woocommerce button *,
  body.woocommerce-cart .woocommerce .button *,
  body.woocommerce-checkout .woocommerce button *,
  body.woocommerce-checkout .woocommerce .button *{
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: inherit !important;
  }

  /* Remove any weird overlay pseudo elements that might cover text */
  body.woocommerce-cart .woocommerce button::before,
  body.woocommerce-cart .woocommerce button::after,
  body.woocommerce-cart .woocommerce .button::before,
  body.woocommerce-cart .woocommerce .button::after,
  body.woocommerce-checkout .woocommerce button::before,
  body.woocommerce-checkout .woocommerce button::after,
  body.woocommerce-checkout .woocommerce .button::before,
  body.woocommerce-checkout .woocommerce .button::after{
    opacity: 1 !important;
    visibility: visible !important;
    content: none !important;
    display: none !important;
  }
}
/* =========================================================
   NÕIATAR — Woo CART/Checkout Mobile Layout FIX
   (Fix: narrow layout + double title + too much spacing)
   ========================================================= */
@media (max-width: 980px){

  /* 1) Remove theme page title on cart/checkout (prevents double “Ostukorv”) */
  body.woocommerce-cart .page-title,
  body.woocommerce-cart .entry-title,
  body.woocommerce-cart .wp-block-post-title,
  body.woocommerce-checkout .page-title,
  body.woocommerce-checkout .entry-title,
  body.woocommerce-checkout .wp-block-post-title{
    display:none !important;
  }

  /* 2) Make the main content FULL width */
  body.woocommerce-cart .site-main,
  body.woocommerce-cart .content-area,
  body.woocommerce-cart .entry-content,
  body.woocommerce-cart .woocommerce,
  body.woocommerce-checkout .site-main,
  body.woocommerce-checkout .content-area,
  body.woocommerce-checkout .entry-content,
  body.woocommerce-checkout .woocommerce{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;
  }

  /* 3) Kill nested containers that squeeze the cart */
  body.woocommerce-cart .container,
  body.woocommerce-cart .wrapper,
  body.woocommerce-cart .content-wrap,
  body.woocommerce-checkout .container,
  body.woocommerce-checkout .wrapper,
  body.woocommerce-checkout .content-wrap{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* 4) Your custom cart wrapper should not be narrower than screen */
  body.woocommerce-cart .noitar-cart{
    max-width:100% !important;
    width:100% !important;
    padding:18px 0 34px !important;
  }

  /* 5) Ensure cart cards fill width */
  body.woocommerce-cart .noitar-card,
  body.woocommerce-cart .noitar-cart__card{
    width:100% !important;
    max-width:100% !important;
  }

  /* 6) Cart grid must be 1 column on mobile */
  body.woocommerce-cart .noitar-cart__layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  /* 7) Product row should never overflow */
  body.woocommerce-cart .noitar-cart__item{
    grid-template-columns:64px 1fr !important;
    gap:12px !important;
  }

  /* 8) Make totals NOT sticky on mobile */
  body.woocommerce-cart .noitar-cart__summary{
    position:relative !important;
    top:auto !important;
  }
}
/* =========================================================
   NÕIATAR — CART TOTALS MOBILE FLEX TABLE FIX
   Fix: duplicate labels, bad alignment, ugly layout
   ========================================================= */
@media (max-width: 980px){

  body.woocommerce-cart .cart_totals table.shop_table{
    width:100% !important;
    border-collapse:collapse !important;
    display:block !important;
  }

  body.woocommerce-cart .cart_totals table.shop_table tbody{
    display:block !important;
    width:100% !important;
  }

  body.woocommerce-cart .cart_totals table.shop_table tr{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:14px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }

  body.woocommerce-cart .cart_totals table.shop_table tr:last-child{
    border-bottom:0 !important;
  }

  body.woocommerce-cart .cart_totals table.shop_table th,
  body.woocommerce-cart .cart_totals table.shop_table td{
    display:block !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    width:auto !important;
  }

  body.woocommerce-cart .cart_totals table.shop_table th{
    font-size:14px !important;
    font-weight:800 !important;
    color:rgba(255,255,255,.75) !important;
  }

  body.woocommerce-cart .cart_totals table.shop_table td{
    text-align:right !important;
    font-size:16px !important;
    font-weight:900 !important;
    color:rgba(255,255,255,.95) !important;
  }

  /* Order total highlight */
  body.woocommerce-cart .cart_totals tr.order-total th,
  body.woocommerce-cart .cart_totals tr.order-total td{
    color:#D7B46A !important;
  }

  /* Checkout button always readable */
  body.woocommerce-cart .cart_totals a.checkout-button,
  body.woocommerce-cart .cart_totals .checkout-button,
  body.woocommerce-cart .cart_totals a.button{
    width:100% !important;
    min-height:52px !important;
    height:52px !important;

    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:16px !important;
    font-weight:900 !important;
    letter-spacing:.2px !important;

    opacity:1 !important;
    visibility:visible !important;

    color:#0B1020 !important;
    -webkit-text-fill-color:#0B1020 !important;

    background:#D7B46A !important;
    border:0 !important;
  }

  body.woocommerce-cart .cart_totals a.checkout-button *,
  body.woocommerce-cart .cart_totals .checkout-button *{
    opacity:1 !important;
    visibility:visible !important;
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
  }
}
/* NÕIATAR – Premium Empty Checkout UX */
.noiatar-empty-checkout-box{
  max-width: 760px;
  margin: 20px auto 10px;
  padding: 22px 22px;
  border-radius: 16px;
  background: rgba(11,16,32,0.72);
  border: 1px solid rgba(215,180,106,0.22);
  box-shadow: 0 16px 40px rgba(0,0,0,0.35);
}

.noiatar-empty-checkout-box h2{
  margin: 0 0 8px;
  font-size: 22px;
  letter-spacing: .3px;
}

.noiatar-empty-checkout-box p{
  margin: 0 0 14px;
  opacity: 0.92;
  line-height: 1.55;
}

.noiatar-empty-checkout-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.noiatar-btn-gold{
  background: #D7B46A !important;
  color: #0B1020 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  border: 0 !important;
  font-weight: 600 !important;
}

.noiatar-btn-gold:hover{
  filter: brightness(1.05);
}

.noiatar-btn-ghost{
  background: transparent !important;
  color: #D7B46A !important;
  border: 1px solid rgba(215,180,106,0.35) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-weight: 600 !important;
}

/* Kui cart on tühi, siis peidame checkout vormi ära (et ei näeks “tühja maksmist”) */
.noiatar-checkout-empty-cart form.checkout,
.noiatar-checkout-empty-cart .woocommerce-checkout-review-order,
.noiatar-checkout-empty-cart .woocommerce-checkout-payment{
  display: none !important;
}
/* FIX: NÕIATAR empty-checkout CTA nuppude tekst vertikaalselt keskele */
.noiatar-empty-checkout-actions .button,
.noiatar-empty-checkout-actions a.button{
  display: inline-flex !important;
  align-items: center !important;      /* vertikaalne kesk */
  justify-content: center !important;  /* horisontaalne kesk */
  line-height: 1 !important;
  padding: 14px 18px !important;
  min-height: 46px !important;         /* ühtlane kõrgus */
  height: auto !important;
}

/* Kui mõni teema paneb tekstile span elemendi */
.noiatar-empty-checkout-actions .button span,
.noiatar-empty-checkout-actions a.button span{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
/* FIX: CTA nupud täpselt keskele + premium spacing */
.noiatar-empty-checkout-actions{
  width: 100%;
  display: flex;
  justify-content: center !important;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.noiatar-empty-checkout-actions .button{
  min-width: 170px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* Mobiilis: nupud täislaiuses, stacked ja premium */
@media (max-width: 480px){
  .noiatar-empty-checkout-actions{
    flex-direction: column;
    gap: 10px;
  }
  .noiatar-empty-checkout-actions .button{
    width: 100%;
    min-width: 0;
  }
}
/* NÕIATAR – Peida SEARCH ostukorvis ja kassas (Desktop + Mobiil) */
body.woocommerce-cart form[role="search"],
body.woocommerce-checkout form[role="search"],
body.woocommerce-cart .search-form,
body.woocommerce-checkout .search-form,
body.woocommerce-cart .header-search,
body.woocommerce-checkout .header-search,
body.woocommerce-cart .site-search,
body.woocommerce-checkout .site-search,
body.woocommerce-cart .dgwt-wcas-search-wrapp,
body.woocommerce-checkout .dgwt-wcas-search-wrapp{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Kui sul on headeris eraldi “luubi” ikoon / nupp */
body.woocommerce-cart .header-icons .search,
body.woocommerce-checkout .header-icons .search,
body.woocommerce-cart .search-toggle,
body.woocommerce-checkout .search-toggle{
  display: none !important;
}
/* ================================
   NÕIATAR – Mobile Cart Card Layout
   WooCommerce cart -> premium cards
   ================================ */

@media (max-width: 768px){

  /* Peida tabeli päis */
  body.woocommerce-cart table.shop_table thead{
    display:none !important;
  }

  /* Tee tabel ja read blokkideks */
  body.woocommerce-cart table.shop_table,
  body.woocommerce-cart table.shop_table tbody,
  body.woocommerce-cart table.shop_table tr{
    display:block !important;
    width:100% !important;
  }

  /* Iga toode eraldi kaardiks */
  body.woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item{
    position:relative;
    margin: 0 0 14px 0;
    padding: 14px 14px;
    border-radius: 16px;
    background: rgba(11,16,32,0.70);
    border: 1px solid rgba(215,180,106,0.18);
    box-shadow: 0 14px 34px rgba(0,0,0,0.35);
  }

  /* Tee iga cell blokk */
  body.woocommerce-cart table.shop_table td{
    display:block !important;
    width:100% !important;
    padding: 8px 0 !important;
    border: 0 !important;
    text-align:left !important;
  }

  /* Thumbnail + nimi ilusalt */
  body.woocommerce-cart td.product-thumbnail{
    padding: 0 !important;
    margin-bottom: 10px;
  }

  body.woocommerce-cart td.product-thumbnail img{
    width: 64px !important;
    height: 64px !important;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid rgba(215,180,106,0.18);
  }

  body.woocommerce-cart td.product-name{
    padding-top: 2px !important;
    font-weight: 600;
    letter-spacing: .2px;
  }

  /* Remove nupp ülanurka – puhas ja kiire */
  body.woocommerce-cart td.product-remove{
    position:absolute;
    top: 10px;
    right: 10px;
    width:auto !important;
    padding:0 !important;
  }

  body.woocommerce-cart td.product-remove a.remove{
    display:inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    align-items:center !important;
    justify-content:center !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(215,180,106,0.18) !important;
    color: #D7B46A !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* Hind / kogus / summa – teeme “label + value” stiili */
  body.woocommerce-cart td.product-price:before,
  body.woocommerce-cart td.product-quantity:before,
  body.woocommerce-cart td.product-subtotal:before{
    display:block;
    font-size: 12px;
    opacity: .75;
    margin-bottom: 4px;
    letter-spacing: .3px;
  }

  body.woocommerce-cart td.product-price:before{ content:"Hind"; }
  body.woocommerce-cart td.product-quantity:before{ content:"Kogus"; }
  body.woocommerce-cart td.product-subtotal:before{ content:"Kokku"; }

  /* Koguse input ilusaks */
  body.woocommerce-cart .quantity .qty{
    width: 110px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(215,180,106,0.18) !important;
    color: #fff !important;
  }

  /* “Uuenda ostukorvi” nupp premium */
  body.woocommerce-cart button[name="update_cart"]{
    width:100% !important;
    border-radius: 14px !important;
    min-height: 48px !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(215,180,106,0.22) !important;
    color: #D7B46A !important;
    font-weight: 600 !important;
  }

  /* “Suundu kassasse” (checkout) nupp 100% gold */
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width:100% !important;
    border-radius: 14px !important;
    min-height: 52px !important;
    background: #D7B46A !important;
    color: #0B1020 !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
    border: 0 !important;
  }
}
/* NÕIATAR – Mobile cart remove button: smaller + luxury */
@media (max-width: 768px){
  body.woocommerce-cart td.product-remove a.remove{
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    background: rgba(11,16,32,0.55) !important;
    border: 1px solid rgba(215,180,106,0.35) !important;
    color: #D7B46A !important;
    font-size: 16px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.35);
  }

  body.woocommerce-cart td.product-remove{
    top: 12px !important;
    right: 12px !important;
  }
}
/* =========================================
   NÕIATAR – FIX: Cart totals (Vahesumma/Kokku) mobile broken layout
   ========================================= */

@media (max-width: 768px){

  /* Kogu kokkuvõtte box 100% laiuseks ja stabiilseks */
  body.woocommerce-cart .cart_totals{
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
  }

  /* Tabel ei tohi “minna paremale” */
  body.woocommerce-cart .cart_totals table{
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  /* TH + TD teeme flex-ridadeks: vasakul label, paremal summa */
  body.woocommerce-cart .cart_totals table tr{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 12px;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }

  body.woocommerce-cart .cart_totals table tr:last-child{
    border-bottom: 0;
  }

  body.woocommerce-cart .cart_totals table th,
  body.woocommerce-cart .cart_totals table td{
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    float: none !important;
    white-space: nowrap;
  }

  body.woocommerce-cart .cart_totals table th{
    opacity: 0.85;
    font-weight: 600;
  }

  body.woocommerce-cart .cart_totals table td{
    margin-left: auto !important;
    text-align: right !important;
    font-weight: 700;
  }

  /* Kokku rida natuke “boldim” */
  body.woocommerce-cart .cart_totals .order-total th,
  body.woocommerce-cart .cart_totals .order-total td{
    font-size: 16px;
  }

  /* “Mine maksma” nupp alati keskelle + full width premium */
  body.woocommerce-cart .wc-proceed-to-checkout{
    padding-top: 14px;
  }

  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
  }
}
/* =========================================
   NÕIATAR – FIX: Mobile cart horizontal overflow + totals box broken
   ========================================= */
@media (max-width: 768px){

  /* 1) STOP: ära lase lehel minna paremale üle ääre */
  body.woocommerce-cart,
  body.woocommerce-cart #page,
  body.woocommerce-cart .site,
  body.woocommerce-cart .site-content,
  body.woocommerce-cart main,
  body.woocommerce-cart .woocommerce{
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 2) Kõik carti wrapperid 100% laiuseks */
  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-cart .cart-collaterals .cart_totals,
  body.woocommerce-cart .cart-collaterals .cart_totals *{
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  /* 3) Cart totals EI TOHI floatida paremale */
  body.woocommerce-cart .cart-collaterals .cart_totals{
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  /* 4) Totals tabel 100% ja ei veni paremale */
  body.woocommerce-cart .cart_totals table{
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    margin: 0 !important;
  }

  /* 5) Kui sinu teema teeb selle heleda kasti “liiga laiaks” */
  body.woocommerce-cart .cart_totals .shop_table,
  body.woocommerce-cart .cart_totals .shop_table tbody,
  body.woocommerce-cart .cart_totals .shop_table tr,
  body.woocommerce-cart .cart_totals .shop_table th,
  body.woocommerce-cart .cart_totals .shop_table td{
    max-width: 100% !important;
    width: auto !important;
    overflow: hidden !important;
  }

  /* 6) Nupp “Mine maksma” alati keskele ja full width */
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
/* =========================================================
   NÕIATAR – MASTER FIX: Mobile cart totals overflow + broken box
   (Forces 100% width + kills horizontal scroll on cart page)
   ========================================================= */

@media (max-width: 768px){

  /* 0) Kill horizontal scroll completely (cart page only) */
  html, body{
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.woocommerce-cart{
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* 1) Force main wrappers to never exceed viewport width */
  body.woocommerce-cart #page,
  body.woocommerce-cart .site,
  body.woocommerce-cart .site-content,
  body.woocommerce-cart .content-area,
  body.woocommerce-cart .entry-content,
  body.woocommerce-cart main,
  body.woocommerce-cart .woocommerce{
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* 2) Cart collaterals + totals must be full width, no floats */
  body.woocommerce-cart .cart-collaterals{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-cart .cart_totals{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* 3) The “light box” inside totals – hard lock */
  body.woocommerce-cart .cart_totals .shop_table{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
  }

  body.woocommerce-cart .cart_totals .shop_table *{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 4) If theme gives table fixed layout/width -> reset */
  body.woocommerce-cart .cart_totals table{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
  }

  /* 5) Make summary rows stable and clean */
  body.woocommerce-cart .cart_totals table tr{
    width: 100% !important;
  }

  body.woocommerce-cart .cart_totals table th,
  body.woocommerce-cart .cart_totals table td{
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* 6) Checkout button always centered and full width */
  body.woocommerce-cart .wc-proceed-to-checkout,
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: 100% !important;
    max-width: 100% !important;
  }

  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    border-radius: 14px !important;
  }
}
/* =========================================
   NÕIATAR – FIX: Cart totals prices invisible on mobile
   ========================================= */
@media (max-width: 768px){

  /* Labels */
  body.woocommerce-cart .cart_totals table th{
    color: rgba(255,255,255,0.82) !important;
  }

  /* Prices */
  body.woocommerce-cart .cart_totals table td,
  body.woocommerce-cart .cart_totals table td *,
  body.woocommerce-cart .cart_totals .amount,
  body.woocommerce-cart .cart_totals .woocommerce-Price-amount{
    color: #D7B46A !important;   /* premium gold */
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Kui mõni teema paneb “Kokku” rea liiga tumedaks */
  body.woocommerce-cart .cart_totals .order-total td,
  body.woocommerce-cart .cart_totals .order-total .amount{
    color: #D7B46A !important;
    font-weight: 800 !important;
  }
}
/* NÕIATAR – Force remove (X) button luxury style on mobile */
@media (max-width: 768px){

  body.woocommerce-cart td.product-remove a,
  body.woocommerce-cart td.product-remove a.remove,
  body.woocommerce-cart td.product-remove button{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(11,16,32,0.55) !important;
    border: 1px solid rgba(215,180,106,0.35) !important;
    color: #D7B46A !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.35);
  }

  /* Kui X on span või svg sees */
  body.woocommerce-cart td.product-remove a *{
    color: #D7B46A !important;
    fill: #D7B46A !important;
  }
}
/* =========================================================
   NÕIATAR – FORCE FIX (must be LAST in Additional CSS)
   Fixes:
   1) Cart totals prices invisible
   2) Remove (X) button not styling
   ========================================================= */
@media (max-width: 768px){

  /* --- 1) FORCE totals prices visible + gold --- */
  body.woocommerce-cart .cart_totals,
  body.woocommerce-cart .cart_totals *{
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Force all totals table text */
  body.woocommerce-cart .cart_totals table th{
    color: rgba(255,255,255,0.85) !important;
  }

  body.woocommerce-cart .cart_totals table td,
  body.woocommerce-cart .cart_totals table td * ,
  body.woocommerce-cart .cart_totals table td span,
  body.woocommerce-cart .cart_totals table td bdi,
  body.woocommerce-cart .cart_totals table td strong,
  body.woocommerce-cart .cart_totals table td .amount,
  body.woocommerce-cart .cart_totals table td .woocommerce-Price-amount,
  body.woocommerce-cart .cart_totals table td .woocommerce-Price-currencySymbol{
    color: #D7B46A !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
  }

  /* Kokku rida extra bold */
  body.woocommerce-cart .cart_totals tr.order-total td,
  body.woocommerce-cart .cart_totals tr.order-total td *{
    color: #D7B46A !important;
    font-weight: 900 !important;
  }

  /* --- 2) FORCE remove (X) button luxury --- */
  body.woocommerce-cart td.product-remove{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 20 !important;
  }

  /* Target ALL possible remove elements */
  body.woocommerce-cart td.product-remove a,
  body.woocommerce-cart td.product-remove a.remove,
  body.woocommerce-cart td.product-remove button,
  body.woocommerce-cart td.product-remove .remove{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(11,16,32,0.60) !important;
    border: 1px solid rgba(215,180,106,0.40) !important;
    color: #D7B46A !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-shadow: 0 10px 22px rgba(0,0,0,0.35) !important;
    text-decoration: none !important;
  }

  /* If remove icon is SVG */
  body.woocommerce-cart td.product-remove svg,
  body.woocommerce-cart td.product-remove svg *{
    fill: #D7B46A !important;
    stroke: #D7B46A !important;
  }

  /* If remove uses pseudo element or span */
  body.woocommerce-cart td.product-remove a *,
  body.woocommerce-cart td.product-remove button *{
    color: #D7B46A !important;
  }
}
/* =========================================================
   NÕIATAR – FINAL FIX: Cart totals values missing + remove button luxury (MOBILE)
   Works even if theme uses custom layout
   ========================================================= */
@media (max-width: 768px){

  /* -----------------------------
     1) FIX: Totals amounts missing
     (remove clipping + force row layout)
     ----------------------------- */

  /* ÄRA clip'i totals sisu (hinnad olid paremal ja lõigati ära) */
  body.woocommerce-cart .cart_totals,
  body.woocommerce-cart .cart_totals .shop_table,
  body.woocommerce-cart .cart_totals .shop_table *{
    overflow: visible !important;
  }

  /* Tee totals read kindlaks: label vasakul, väärtus paremal */
  body.woocommerce-cart .cart_totals .shop_table tr{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  }

  body.woocommerce-cart .cart_totals .shop_table tr:last-child{
    border-bottom: 0 !important;
  }

  body.woocommerce-cart .cart_totals .shop_table th{
    width: auto !important;
    flex: 1 1 auto !important;
    color: rgba(255,255,255,0.85) !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  body.woocommerce-cart .cart_totals .shop_table td{
    width: auto !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: right !important;
  }

  /* FORCE: summa element peab olema olemas, nähtav ja kuldne */
  body.woocommerce-cart .cart_totals .amount,
  body.woocommerce-cart .cart_totals .woocommerce-Price-amount,
  body.woocommerce-cart .cart_totals .woocommerce-Price-currencySymbol,
  body.woocommerce-cart .cart_totals td .amount,
  body.woocommerce-cart .cart_totals td bdi{
    display: inline-block !important;
    color: #D7B46A !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  /* Kokku rida tugevam */
  body.woocommerce-cart .cart_totals tr.order-total th,
  body.woocommerce-cart .cart_totals tr.order-total td,
  body.woocommerce-cart .cart_totals tr.order-total td *{
    font-weight: 900 !important;
  }

  /* -----------------------------
     2) FIX: Remove (X) premium + väike ring
     (Theme-safe selector)
     ----------------------------- */

  /* Pane cart item "relative", et X saaks nurka minna */
  body.woocommerce-cart .cart_item,
  body.woocommerce-cart .woocommerce-cart-form__cart-item{
    position: relative !important;
  }

  /* Targeti KÕIK remove variandid ostukorvis */
  body.woocommerce-cart a.remove,
  body.woocommerce-cart .remove a,
  body.woocommerce-cart button.remove{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(11,16,32,0.60) !important;
    border: 1px solid rgba(215,180,106,0.40) !important;
    color: #D7B46A !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-shadow: 0 10px 22px rgba(0,0,0,0.35) !important;
    text-decoration: none !important;
  }

  /* Kui teema teeb X-st suure "pilli" containeri, siis lukusta see nurka */
  body.woocommerce-cart .product-remove,
  body.woocommerce-cart td.product-remove{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 50 !important;
    background: transparent !important;
    border: 0 !important;
  }

  /* SVG/ikonni värv */
  body.woocommerce-cart a.remove svg,
  body.woocommerce-cart a.remove svg *{
    fill: #D7B46A !important;
    stroke: #D7B46A !important;
  }
}
/* =========================================================
   NÕIATAR – FINAL Cart Mobile Fix (TOTALS + X REMOVE)
   - Restores missing prices in "Tellimuse kokkuvõte"
   - Removes "light broken box" look (forces dark premium)
   - Makes remove X small luxury circle
   IMPORTANT: Place as LAST CSS rule in Additional CSS
   ========================================================= */

@media (max-width: 768px){

  /* 1) Stop horizontal overflow on cart */
  html, body,
  body.woocommerce-cart,
  body.woocommerce-cart #page,
  body.woocommerce-cart .site,
  body.woocommerce-cart .site-content,
  body.woocommerce-cart main,
  body.woocommerce-cart .woocommerce{
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* 2) Force totals wrapper full width */
  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-cart .cart_totals{
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  /* 3) Make totals box premium dark (NO light inner box) */
  body.woocommerce-cart .cart_totals{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.woocommerce-cart .cart_totals .shop_table{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    background: rgba(11,16,32,0.60) !important; /* dark premium */
    border: 1px solid rgba(215,180,106,0.18) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,0.35) !important;
    overflow: hidden !important; /* keeps it clean */
  }

  /* 4) Convert totals rows to clean label/value layout */
  body.woocommerce-cart .cart_totals .shop_table tbody{
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-cart .cart_totals .shop_table tr{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    width: 100% !important;
  }

  body.woocommerce-cart .cart_totals .shop_table tr:last-child{
    border-bottom: 0 !important;
  }

  body.woocommerce-cart .cart_totals .shop_table th{
    flex: 1 1 auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    text-align: left !important;
    color: rgba(255,255,255,0.82) !important;
    font-weight: 600 !important;
  }

  body.woocommerce-cart .cart_totals .shop_table td{
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    text-align: right !important;
    color: #D7B46A !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  /* 5) HARD FORCE: restore amount visibility (some themes hide it) */
  body.woocommerce-cart .cart_totals .shop_table td .amount,
  body.woocommerce-cart .cart_totals .shop_table td .woocommerce-Price-amount,
  body.woocommerce-cart .cart_totals .shop_table td .woocommerce-Price-currencySymbol,
  body.woocommerce-cart .cart_totals .shop_table td bdi,
  body.woocommerce-cart .cart_totals .shop_table td span{
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #D7B46A !important;
  }

  /* 6) Make "Kokku" row stronger */
  body.woocommerce-cart .cart_totals .shop_table tr.order-total th,
  body.woocommerce-cart .cart_totals .shop_table tr.order-total td{
    font-weight: 900 !important;
  }

  /* 7) Checkout button full width */
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    border-radius: 14px !important;
  }

  /* ===========================
     REMOVE (X) luxury (small)
     =========================== */

  /* Ensure cart item is positioning context */
  body.woocommerce-cart .woocommerce-cart-form__cart-item,
  body.woocommerce-cart .cart_item{
    position: relative !important;
  }

  /* Place remove in top-right corner (not pill) */
  body.woocommerce-cart td.product-remove,
  body.woocommerce-cart .product-remove{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    z-index: 30 !important;
  }

  /* Force actual button look */
  body.woocommerce-cart td.product-remove a.remove,
  body.woocommerce-cart a.remove{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(11,16,32,0.60) !important;
    border: 1px solid rgba(215,180,106,0.40) !important;
    color: #D7B46A !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-shadow: 0 10px 22px rgba(0,0,0,0.35) !important;
    text-decoration: none !important;
  }
}
/* =========================================================
   NÕIATAR – FINAL Cart Mobile Fix (TOTALS + X REMOVE)
   - Restores missing prices in "Tellimuse kokkuvõte"
   - Removes "light broken box" look (forces dark premium)
   - Makes remove X small luxury circle
   IMPORTANT: Place as LAST CSS rule in Additional CSS
   ========================================================= */

@media (max-width: 768px){

  /* 1) Stop horizontal overflow on cart */
  html, body,
  body.woocommerce-cart,
  body.woocommerce-cart #page,
  body.woocommerce-cart .site,
  body.woocommerce-cart .site-content,
  body.woocommerce-cart main,
  body.woocommerce-cart .woocommerce{
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* 2) Force totals wrapper full width */
  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-cart .cart_totals{
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  /* 3) Make totals box premium dark (NO light inner box) */
  body.woocommerce-cart .cart_totals{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.woocommerce-cart .cart_totals .shop_table{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    background: rgba(11,16,32,0.60) !important; /* dark premium */
    border: 1px solid rgba(215,180,106,0.18) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,0.35) !important;
    overflow: hidden !important; /* keeps it clean */
  }

  /* 4) Convert totals rows to clean label/value layout */
  body.woocommerce-cart .cart_totals .shop_table tbody{
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-cart .cart_totals .shop_table tr{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    width: 100% !important;
  }

  body.woocommerce-cart .cart_totals .shop_table tr:last-child{
    border-bottom: 0 !important;
  }

  body.woocommerce-cart .cart_totals .shop_table th{
    flex: 1 1 auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    text-align: left !important;
    color: rgba(255,255,255,0.82) !important;
    font-weight: 600 !important;
  }

  body.woocommerce-cart .cart_totals .shop_table td{
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    text-align: right !important;
    color: #D7B46A !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  /* 5) HARD FORCE: restore amount visibility (some themes hide it) */
  body.woocommerce-cart .cart_totals .shop_table td .amount,
  body.woocommerce-cart .cart_totals .shop_table td .woocommerce-Price-amount,
  body.woocommerce-cart .cart_totals .shop_table td .woocommerce-Price-currencySymbol,
  body.woocommerce-cart .cart_totals .shop_table td bdi,
  body.woocommerce-cart .cart_totals .shop_table td span{
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #D7B46A !important;
  }

  /* 6) Make "Kokku" row stronger */
  body.woocommerce-cart .cart_totals .shop_table tr.order-total th,
  body.woocommerce-cart .cart_totals .shop_table tr.order-total td{
    font-weight: 900 !important;
  }

  /* 7) Checkout button full width */
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    border-radius: 14px !important;
  }

  /* ===========================
     REMOVE (X) luxury (small)
     =========================== */

  /* Ensure cart item is positioning context */
  body.woocommerce-cart .woocommerce-cart-form__cart-item,
  body.woocommerce-cart .cart_item{
    position: relative !important;
  }

  /* Place remove in top-right corner (not pill) */
  body.woocommerce-cart td.product-remove,
  body.woocommerce-cart .product-remove{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    z-index: 30 !important;
  }

  /* Force actual button look */
  body.woocommerce-cart td.product-remove a.remove,
  body.woocommerce-cart a.remove{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(11,16,32,0.60) !important;
    border: 1px solid rgba(215,180,106,0.40) !important;
    color: #D7B46A !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-shadow: 0 10px 22px rgba(0,0,0,0.35) !important;
    text-decoration: none !important;
  }
}
/* =========================================================
   NÕIATAR – FINAL FIX: Cart totals values missing + buggy box (MOBILE)
   - Restores € values for Vahesumma/Kokku
   - Makes totals box clean premium
   IMPORTANT: remove older cart_totals fixes to avoid conflicts
   ========================================================= */
@media (max-width: 768px){

  /* 1) Totals box premium + clean */
  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-cart .cart_totals{
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.woocommerce-cart .cart_totals .shop_table{
    width: 100% !important;
    max-width: 100% !important;
    background: rgba(11,16,32,0.60) !important;
    border: 1px solid rgba(215,180,106,0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 34px rgba(0,0,0,0.35) !important;
  }

  /* 2) HARD RESET: tabel tagasi normaalseks 2-veeruliseks */
  body.woocommerce-cart .cart_totals .shop_table,
  body.woocommerce-cart .cart_totals .shop_table tbody{
    display: table !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  body.woocommerce-cart .cart_totals .shop_table tr{
    display: table-row !important;
    border: 0 !important;
  }

  body.woocommerce-cart .cart_totals .shop_table th,
  body.woocommerce-cart .cart_totals .shop_table td{
    display: table-cell !important;
    width: 50% !important;
    padding: 14px 14px !important;
    border: 0 !important;
    vertical-align: middle !important;
    font-size: 14px !important; /* paneme normaalseks tagasi */
    line-height: 1.3 !important;
  }

  /* 3) Label vasakul */
  body.woocommerce-cart .cart_totals .shop_table th{
    color: rgba(255,255,255,0.82) !important;
    font-weight: 600 !important;
    text-align: left !important;
  }

  /* 4) VALUE paremal – FORCE visible */
  body.woocommerce-cart .cart_totals .shop_table td{
    text-align: right !important;
    color: #D7B46A !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  /* 5) See on kõige olulisem: kui teema PEIDAB amounti ära */
  body.woocommerce-cart .cart_totals .amount,
  body.woocommerce-cart .cart_totals .woocommerce-Price-amount,
  body.woocommerce-cart .cart_totals bdi,
  body.woocommerce-cart .cart_totals .woocommerce-Price-currencySymbol{
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #D7B46A !important;
    font-weight: 800 !important;
  }

  /* 6) Kui teema teeb td sisu nähtamatuks (yes, some do this) */
  body.woocommerce-cart .cart_totals .shop_table td *{
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* 7) Kokku rida veidi tugevam */
  body.woocommerce-cart .cart_totals .shop_table tr.order-total th,
  body.woocommerce-cart .cart_totals .shop_table tr.order-total td{
    font-weight: 900 !important;
  }

  /* 8) “Mine maksma” nupp premium full width */
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 54px !important;
    border-radius: 14px !important;
  }
}
/* =========================================================
   NÕIATAR – Cart Summary (custom box) + hide broken default totals
   ========================================================= */

/* Hide the broken default totals TABLE on mobile */
@media (max-width: 768px){
  body.woocommerce-cart .cart_totals .shop_table{
    display: none !important;
  }
}

/* Custom premium summary box */
.noiatar-cart-summary{
  margin-top: 16px;
  padding: 16px 16px;
  border-radius: 16px;
  background: rgba(11,16,32,0.62);
  border: 1px solid rgba(215,180,106,0.18);
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
}

.noiatar-cart-summary__title{
  margin: 0 0 4px;
  font-size: 18px;
  letter-spacing: .2px;
}

.noiatar-cart-summary__sub{
  margin: 0 0 12px;
  opacity: .75;
  font-size: 13px;
}

.noiatar-cart-summary__rows{
  display: grid;
  gap: 10px;
}

.noiatar-cart-summary__row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
}

.noiatar-cart-summary__label{
  color: rgba(255,255,255,0.82);
  font-weight: 600;
}

.noiatar-cart-summary__value{
  color: #D7B46A;
  font-weight: 800;
  white-space: nowrap;
}

.noiatar-cart-summary__row--total .noiatar-cart-summary__label,
.noiatar-cart-summary__row--total .noiatar-cart-summary__value{
  font-weight: 900;
}
/* =========================================================
   NÕIATAR – Cart totals override style (premium)
   ========================================================= */

/* Peida teema/WooCommerce katkine totals tabel */
body.woocommerce-cart .cart_totals .shop_table{
  display: none !important;
}

/* NÕIATAR custom summary */
.noiatar-cart-summary{
  margin-top: 16px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(11,16,32,0.62);
  border: 1px solid rgba(215,180,106,0.18);
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
}

.noiatar-cart-summary__title{
  margin: 0 0 4px;
  font-size: 18px;
  letter-spacing: .2px;
}

.noiatar-cart-summary__sub{
  margin: 0 0 12px;
  opacity: .75;
  font-size: 13px;
}

.noiatar-cart-summary__rows{
  display: grid;
  gap: 10px;
}

.noiatar-cart-summary__row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
}

.noiatar-cart-summary__label{
  color: rgba(255,255,255,0.82);
  font-weight: 600;
}

.noiatar-cart-summary__value{
  color: #D7B46A;
  font-weight: 800;
  white-space: nowrap;
}

.noiatar-cart-summary__row--total .noiatar-cart-summary__label,
.noiatar-cart-summary__row--total .noiatar-cart-summary__value{
  font-weight: 900;
}
/* =========================================================
   NÕIATAR – Fix: duplicate "Tellimuse kokkuvõte" + luxury remove X
   ========================================================= */

/* 1) Peida WooCommerce default cart totals title/subtitle (jääb ainult custom box) */
body.woocommerce-cart .cart_totals > h2,
body.woocommerce-cart .cart_totals > h3,
body.woocommerce-cart .cart_totals > p{
  display: none !important;
}

/* 2) Force remove X to luxury small circle (works on mobile + desktop) */
body.woocommerce-cart a.remove{
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: rgba(11,16,32,0.60) !important;
  border: 1px solid rgba(215,180,106,0.40) !important;
  color: #D7B46A !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.35) !important;
  text-decoration: none !important;
  line-height: 1 !important;
  font-size: 16px !important;
}

/* Kui X on span või svg -> kuldseks */
body.woocommerce-cart a.remove *,
body.woocommerce-cart a.remove svg,
body.woocommerce-cart a.remove svg *{
  color: #D7B46A !important;
  fill: #D7B46A !important;
  stroke: #D7B46A !important;
}
/* =========================================================
   NÕIATAR – Cart buttons hierarchy (premium)
   Primary: Mine maksma
   Secondary: Rakenda + Uuenda ostukorvi
   ========================================================= */

/* Secondary buttons (coupon + update) */
body.woocommerce-cart button[name="apply_coupon"],
body.woocommerce-cart button[name="update_cart"]{
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  min-height: 48px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  box-shadow: none !important;
}

/* Hover */
body.woocommerce-cart button[name="apply_coupon"]:hover,
body.woocommerce-cart button[name="update_cart"]:hover{
  border-color: rgba(215,180,106,0.22) !important;
}

/* Primary checkout button */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background: #D7B46A !important;
  color: #0B1020 !important;
  border-radius: 14px !important;
  min-height: 54px !important;
  font-weight: 900 !important;
  letter-spacing: .3px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,0.45) !important;
}

/* Mobile: full width & spacing */
@media (max-width: 768px){
  body.woocommerce-cart button[name="apply_coupon"],
  body.woocommerce-cart button[name="update_cart"],
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: 100% !important;
  }
}
/* =========================================================
   NÕIATAR – FIX: Duplicate "Tellimuse kokkuvõte" inside cart totals (Desktop + Mobile)
   ========================================================= */

/* Kui custom summary box on cart_totals sees, peidame sisemise title/sub ära */
body.woocommerce-cart .cart_totals .noiatar-cart-summary .noiatar-cart-summary__title,
body.woocommerce-cart .cart_totals .noiatar-cart-summary .noiatar-cart-summary__sub{
  display: none !important;
}

/* Jäta ainult üks pealkiri välisele cardile (su parempoolne box) */
/* =========================================================
   NÕIATAR – FIX: Cart totals duplicate title + missing spacing under summary
   ========================================================= */

/* 1) Peida custom summary SISENE title/sub (jääb ainult väline card title alles) */
body.woocommerce-cart .cart_totals .noiatar-cart-summary h3,
body.woocommerce-cart .cart_totals .noiatar-cart-summary h2,
body.woocommerce-cart .cart_totals .noiatar-cart-summary p{
  display: none !important;
}

/* 2) Lisa summary boxile alt ruumi (et “Diskreetsus...” ei näeks kokku surutud) */
body.woocommerce-cart .cart_totals .noiatar-cart-summary{
  margin-bottom: 16px !important;
}

/* 3) Trust-pillide blokk (sinu 3 rida) peab algama väikse vahega */
body.woocommerce-cart .cart_totals .noiatar-cart-summary + *{
  margin-top: 14px !important;
}
/* =========================================================
   NÕIATAR – FORCE FIX: remove duplicate inner summary title + add spacing
   ========================================================= */

/* 1) Peida custom summary sisemine title + subtekst (need tekitavad topelt pealkirja) */
body.woocommerce-cart .noiatar-cart-summary .noiatar-cart-summary__title,
body.woocommerce-cart .noiatar-cart-summary .noiatar-cart-summary__sub{
  display: none !important;
}

/* 2) Pane parempoolse kokkuvõtte sisu korralikult “õhku” (pillid ei kleepu) */
body.woocommerce-cart .cart_totals{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* 3) Custom totals boxile kindel ruum alla */
body.woocommerce-cart .noiatar-cart-summary{
  margin-bottom: 0 !important; /* gap lahendab spacingu */
}
/* =========================================================
   NÕIATAR – Cart coupon premium layout
   Desktop: input + button same row, compact
   Mobile: stacked full width
   ========================================================= */

/* Wrapper */
body.woocommerce-cart .coupon{
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: 12px !important;
}

/* Input */
body.woocommerce-cart .coupon input[name="coupon_code"]{
  flex: 1 1 auto !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.90) !important;
  padding: 0 14px !important;
}

/* Button */
body.woocommerce-cart .coupon button[name="apply_coupon"]{
  flex: 0 0 auto !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  padding: 0 16px !important;
  background: rgba(215,180,106,0.14) !important;
  border: 1px solid rgba(215,180,106,0.30) !important;
  color: #D7B46A !important;
  font-weight: 800 !important;
}

/* Mobile stack */
@media (max-width: 768px){
  body.woocommerce-cart .coupon{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.woocommerce-cart .coupon input[name="coupon_code"],
  body.woocommerce-cart .coupon button[name="apply_coupon"]{
    width: 100% !important;
  }
}
/* =========================================================
   NÕIATAR – Checkout CTA inside custom cart summary
   ========================================================= */

.noiatar-cart-summary__cta{
  margin-top: 14px;
}

.noiatar-cart-summary__cta .checkout-button{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  border-radius: 14px !important;
  background: #D7B46A !important;
  color: #0B1020 !important;
  font-weight: 900 !important;
  letter-spacing: .3px !important;
  border: 0 !important;
  box-shadow: 0 18px 44px rgba(0,0,0,0.45) !important;
  text-decoration: none !important;
}
/* =========================================================
   NÕIATAR – Hide Search icon on Cart + Checkout (focus on conversion)
   ========================================================= */

/* Cart + Checkout pages */
body.woocommerce-cart .header-search,
body.woocommerce-checkout .header-search,
body.woocommerce-cart .search-toggle,
body.woocommerce-checkout .search-toggle,
body.woocommerce-cart .site-header .search,
body.woocommerce-checkout .site-header .search,
body.woocommerce-cart .site-header .header-search-icon,
body.woocommerce-checkout .site-header .header-search-icon{
  display: none !important;
}
/* =========================================================
   NÕIATAR – HIDE SEARCH BUTTON on Cart + Checkout (Theme-safe)
   ========================================================= */

/* Hide anything search-related ONLY inside header on cart/checkout */
body.woocommerce-cart .site-header [class*="search"],
body.woocommerce-checkout .site-header [class*="search"],
body.woocommerce-cart .site-header [id*="search"],
body.woocommerce-checkout .site-header [id*="search"],
body.woocommerce-cart .site-header a[aria-label*="Search"],
body.woocommerce-checkout .site-header a[aria-label*="Search"],
body.woocommerce-cart .site-header button[aria-label*="Search"],
body.woocommerce-checkout .site-header button[aria-label*="Search"],
body.woocommerce-cart .site-header a[title*="Search"],
body.woocommerce-checkout .site-header a[title*="Search"],
body.woocommerce-cart .site-header button[title*="Search"],
body.woocommerce-checkout .site-header button[title*="Search"],
body.woocommerce-cart .site-header a[aria-label*="Otsi"],
body.woocommerce-checkout .site-header a[aria-label*="Otsi"],
body.woocommerce-cart .site-header button[aria-label*="Otsi"],
body.woocommerce-checkout .site-header button[aria-label*="Otsi"]{
  display: none !important;
}
/* =========================================================
   NÕIATAR – Checkout Place Order Button (Premium)
   ========================================================= */

/* Main place order button */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order{
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 14px !important;
  background: #D7B46A !important;
  color: #0B1020 !important;
  font-weight: 900 !important;
  letter-spacing: .3px !important;
  border: 0 !important;
  box-shadow: 0 18px 44px rgba(0,0,0,0.45) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: none !important;
}

/* Make it visually separated */
body.woocommerce-checkout #payment{
  border-radius: 16px !important;
  background: rgba(11,16,32,0.55) !important;
  border: 1px solid rgba(215,180,106,0.18) !important;
  padding: 14px !important;
}

/* Remove noisy borders around payment */
body.woocommerce-checkout #payment ul.payment_methods{
  border: 0 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

/* Mobile spacing */
@media (max-width: 768px){
  body.woocommerce-checkout #place_order{
    min-height: 58px !important;
  }
}
/* =========================================================
   NÕIATAR – FIX: Payment box text readability (Checkout)
   ========================================================= */

body.woocommerce-checkout #payment .payment_box,
body.woocommerce-checkout #payment .payment_box *{
  color: rgba(255,255,255,0.88) !important;
}

/* Links inside payment box */
body.woocommerce-checkout #payment .payment_box a{
  color: #D7B46A !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* Subtle muted helper text */
body.woocommerce-checkout #payment .payment_box small,
body.woocommerce-checkout #payment .payment_box .woocommerce-notice,
body.woocommerce-checkout #payment .payment_box p{
  color: rgba(255,255,255,0.75) !important;
}

/* Inputs inside payment box (if any) */
body.woocommerce-checkout #payment .payment_box input,
body.woocommerce-checkout #payment .payment_box select,
body.woocommerce-checkout #payment .payment_box textarea{
  color: rgba(255,255,255,0.92) !important;
}

/* Placeholder inside those inputs */
body.woocommerce-checkout #payment .payment_box input::placeholder,
body.woocommerce-checkout #payment .payment_box textarea::placeholder{
  color: rgba(255,255,255,0.55) !important;
}
/* =========================================================
   NÕIATAR – FIX: Remove WooCommerce payment_box arrow + gray strip
   ========================================================= */

/* Remove the default WooCommerce "speech bubble arrow" */
body.woocommerce-checkout #payment .payment_box::before,
body.woocommerce-checkout #payment .payment_box::after{
  content: none !important;
  display: none !important;
}

/* Make payment_box clean premium card */
body.woocommerce-checkout #payment .payment_box{
  position: relative !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(215,180,106,0.16) !important;
  border-radius: 16px !important;
  padding: 12px !important;
  margin: 10px 0 0 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Remove any weird bottom bars from theme */
body.woocommerce-checkout #payment .payment_box p{
  margin: 0 !important;
}
/* =========================================================
   NÕIATAR – Checkout inputs premium styling
   ========================================================= */

/* Field wrapper spacing */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row{
  margin-bottom: 14px !important;
}

/* Inputs */
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea{
  min-height: 52px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.92) !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Placeholders */
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder{
  color: rgba(255,255,255,0.55) !important;
}

/* Labels */
body.woocommerce-checkout .form-row label{
  color: rgba(255,255,255,0.78) !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}

/* Focus state */
body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus{
  border-color: rgba(215,180,106,0.35) !important;
}

/* Remove default Woo border blocks around sections */
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
  border: 0 !important;
}
/* =========================================================
   NÕIATAR – Thank You Premium Card
   ========================================================= */

.noiatar-thankyou-card{
  margin: 20px 0;
  padding: 18px;
  border-radius: 18px;
  background: rgba(11,16,32,0.65);
  border: 1px solid rgba(215,180,106,0.18);
  box-shadow: 0 18px 55px rgba(0,0,0,0.45);
}

.noiatar-thankyou-title{
  margin: 0 0 6px;
  font-size: 22px;
  letter-spacing: .2px;
}

.noiatar-thankyou-sub{
  margin: 0 0 14px;
  color: rgba(255,255,255,0.75);
}

.noiatar-thankyou-meta{
  display: grid;
  gap: 6px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  margin-bottom: 14px;
}

.noiatar-thankyou-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.noiatar-btn-gold{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 16px;
  border-radius:14px;
  background:#D7B46A;
  color:#0B1020;
  font-weight:900;
  text-decoration:none;
  flex: 1 1 220px;
}

.noiatar-btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 16px;
  border-radius:14px;
  background:transparent;
  border:1px solid rgba(215,180,106,0.30);
  color:#D7B46A;
  font-weight:900;
  text-decoration:none;
  flex: 1 1 220px;
}

@media (max-width: 768px){
  .noiatar-thankyou-actions{
    flex-direction: column;
  }
  .noiatar-btn-gold,
  .noiatar-btn-ghost{
    width: 100%;
  }
}
/* =========================================================
   NÕIATAR – My Account premium styling
   ========================================================= */

/* Card wrapper */
body.woocommerce-account .woocommerce{
  background: rgba(11,16,32,0.55) !important;
  border: 1px solid rgba(215,180,106,0.16) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.45) !important;
}

/* Inputs */
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="password"]{
  min-height: 52px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.92) !important;
  padding: 12px 14px !important;
}

/* Labels */
body.woocommerce-account label{
  color: rgba(255,255,255,0.78) !important;
  font-weight: 600 !important;
}

/* Primary button */
body.woocommerce-account button.button,
body.woocommerce-account .woocommerce-Button{
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 14px !important;
  background: #D7B46A !important;
  color: #0B1020 !important;
  font-weight: 900 !important;
  border: 0 !important;
  box-shadow: 0 18px 44px rgba(0,0,0,0.45) !important;
}

/* Links */
body.woocommerce-account a{
  color: #D7B46A !important;
}

/* Navigation (left menu) premium */
body.woocommerce-account .woocommerce-MyAccount-navigation{
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 12px !important;
  margin-bottom: 14px !important;
}

/* Navigation links */
body.woocommerce-account .woocommerce-MyAccount-navigation a{
  color: rgba(255,255,255,0.85) !important;
  display: block;
  padding: 10px 12px !important;
  border-radius: 12px !important;
}

/* Active item */
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
  background: rgba(215,180,106,0.14) !important;
  color: #D7B46A !important;
  border: 1px solid rgba(215,180,106,0.22) !important;
}
/* NÕIATAR – Footer contact email looks clickable */
.site-footer a[href^="mailto:"]{
  color: #D7B46A !important;
  font-weight: 700 !important;
}
.site-footer a[href^="mailto:"]:hover{
  opacity: .9;
}
/* =========================================================
   NÕIATAR – FORCE FIX: Price visible + button cannot overlap
   Works even if theme uses absolute positioning
   ========================================================= */

/* Make product card a strict column layout */
.woocommerce ul.products li.product{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Ensure link part (image + title) stays on top */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product > a.woocommerce-loop-product__link{
  display: block !important;
  flex: 0 0 auto !important;
}

/* Tootenimi: hoia kaardi kõrgus stabiilne (pikk nimi ei tohi üle joosta) */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
  margin: 10px 16px 8px 16px !important;
  line-height: 1.2 !important;
  min-height: 2.4em !important; /* 2 rida */
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* FORCE price to be normal flow (not absolute) */
.woocommerce ul.products li.product .price{
  position: static !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 16px 12px 16px !important;
  order: 20 !important;

  color: #D7B46A !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  z-index: 1 !important;
}

/* FORCE button to be normal flow (not absolute) */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_simple,
.woocommerce ul.products li.product a.product_type_variable{
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;

  order: 30 !important;

  width: calc(100% - 32px) !important;
  margin: 0 16px 16px 16px !important;

  min-height: 50px !important;
  border-radius: 14px !important;

  background: #D7B46A !important;
  color: #0B1020 !important;
  border: 0 !important;

  font-weight: 900 !important;
  letter-spacing: .2px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 14px 34px rgba(0,0,0,0.35) !important;
}

/* Extra safety: prevent any negative margins pushing button upward */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.add_to_cart_button{
  margin-top: 0 !important;
}

/* Mobile comfort */
@media (max-width: 768px){
  .woocommerce ul.products li.product a.button,
  .woocommerce ul.products li.product a.add_to_cart_button{
    min-height: 54px !important;
  }
}
/* =========================================================
   NÕIATAR – Premium sorting dropdown (orderby)
   ========================================================= */

.woocommerce .woocommerce-ordering select{
  background: rgba(11,16,32,0.55) !important;
  border: 1px solid rgba(215,180,106,0.25) !important;
  border-radius: 14px !important;
  color: rgba(255,255,255,0.90) !important;

  padding: 12px 46px 12px 16px !important;
  min-height: 46px !important;

  outline: none !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;

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

/* Hover + focus */
.woocommerce .woocommerce-ordering select:hover,
.woocommerce .woocommerce-ordering select:focus{
  border-color: rgba(215,180,106,0.45) !important;
}

/* Add a custom arrow */
.woocommerce .woocommerce-ordering{
  position: relative !important;
}

.woocommerce .woocommerce-ordering::after{
  content: "▾" !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #D7B46A !important;
  pointer-events: none !important;
  font-size: 14px !important;
  opacity: 0.9 !important;
}

/* Mobile width clean */
@media (max-width: 768px){
  .woocommerce .woocommerce-ordering{
    width: 100% !important;
  }
  .woocommerce .woocommerce-ordering select{
    width: 100% !important;
  }
}
/* =========================================================
   NÕIATAR – Category heading typography rhythm
   ========================================================= */

/* Category title */
.woocommerce-products-header__title{
  margin: 0 0 6px 0 !important;
  letter-spacing: 0.6px !important;
}

/* Result count */
.woocommerce-result-count{
  margin: 0 0 18px 0 !important;
  color: rgba(255,255,255,0.62) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Space between header + product grid */
.woocommerce .woocommerce-notices-wrapper{
  margin-bottom: 10px !important;
}

.woocommerce .products{
  margin-top: 10px !important;
}

/* Mobile: keep it clean */
@media (max-width: 768px){
  .woocommerce-products-header__title{
    font-size: 30px !important;
  }
  .woocommerce-result-count{
    font-size: 13px !important;
    margin-bottom: 14px !important;
  }
}
/* =========================================================
   NÕIATAR – Single product quantity + add-to-cart premium
   ========================================================= */

/* Quantity input */
.woocommerce div.product form.cart .quantity .qty{
  min-height: 52px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.92) !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Add to cart button */
.woocommerce div.product form.cart button.single_add_to_cart_button{
  min-height: 52px !important;
  border-radius: 14px !important;
  background: #D7B46A !important;
  color: #0B1020 !important;
  border: 0 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  padding: 12px 18px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.35) !important;
}

/* Align quantity + button in one row on desktop */
@media (min-width: 769px){
  .woocommerce div.product form.cart{
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
  }
  .woocommerce div.product form.cart .quantity{
    margin: 0 !important;
  }
}

/* Mobile: full-width CTA */
@media (max-width: 768px){
  .woocommerce div.product form.cart{
    display: grid !important;
    gap: 12px !important;
  }
  .woocommerce div.product form.cart button.single_add_to_cart_button{
    width: 100% !important;
  }
}
/* =========================================================
   NÕIATAR – Single product price + summary premium spacing
   ========================================================= */

/* Price = hero */
.woocommerce div.product .summary .price{
  color: #D7B46A !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  margin: 10px 0 14px 0 !important;
  letter-spacing: .2px !important;
}

/* Short description */
.woocommerce div.product .summary .woocommerce-product-details__short-description{
  color: rgba(255,255,255,0.78) !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
}

/* Title spacing */
.woocommerce div.product .product_title{
  margin-bottom: 6px !important;
}
/* =========================================================
   NÕIATAR – Checkout Payment Methods Premium Cards
   Makes payment options clean, calm, and luxury.
   ========================================================= */

/* Remove extra lines + make the payment area feel like one calm card */
body.woocommerce-checkout #payment{
  background: rgba(11,16,32,0.55) !important;
  border: 1px solid rgba(215,180,106,0.18) !important;
  border-radius: 16px !important;
  padding: 14px !important;
}

/* Remove default methods border line */
body.woocommerce-checkout #payment ul.payment_methods{
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
}

/* Each payment method becomes a premium selectable card */
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  padding: 12px 12px !important;
  margin: 0 0 10px 0 !important;
  transition: border-color .15s ease, background .15s ease, transform .15s ease !important;
}

/* Make label clickable + aligned */
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,0.90) !important;
  margin: 0 !important;
}

/* Radio input nicer spacing */
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]{
  transform: scale(1.08);
  margin: 0 6px 0 0 !important;
}

/* Selected payment method highlight */
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked + label,
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.woocommerce-info{
  color: rgba(255,255,255,0.95) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked{
  accent-color: #D7B46A;
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked){
  background: rgba(215,180,106,0.10) !important;
  border-color: rgba(215,180,106,0.35) !important;
  transform: translateY(-1px);
}

/* Payment description box stays clean + no arrow (we already fixed arrows earlier) */
body.woocommerce-checkout #payment .payment_box{
  margin: 10px 0 0 0 !important;
  padding: 12px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(215,180,106,0.14) !important;
}

/* Text readability inside payment box */
body.woocommerce-checkout #payment .payment_box,
body.woocommerce-checkout #payment .payment_box *{
  color: rgba(255,255,255,0.86) !important;
}

/* Make the "Place order" area breathe */
body.woocommerce-checkout #payment .form-row.place-order{
  margin-top: 12px !important;
}
/* =========================================================
   NÕIATAR – Premium Empty Cart (Luxury)
   ========================================================= */

.noiatar-emptycart{
  padding: 40px 0 10px;
}

.noiatar-emptycart__wrap{
  max-width: 760px;
  margin: 0 auto;
  padding: 34px 30px;

  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 22px;

  box-shadow: 0 24px 70px rgba(0,0,0,0.45);
  position: relative;
  overflow: hidden;
}

/* soft premium glow */
.noiatar-emptycart__wrap::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(circle at 30% 20%, rgba(215,180,106,0.10), transparent 60%);
  pointer-events:none;
}

.noiatar-emptycart__badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;

  background: rgba(11,16,32,0.35);
  border: 1px solid rgba(215,180,106,0.16);
  border-radius: 14px;
  margin-bottom: 16px;
}

.noiatar-emptycart__icon{
  font-size: 18px;
}

.noiatar-emptycart__spark{
  color: #D7B46A;
  opacity: 0.9;
  font-size: 16px;
}

.noiatar-emptycart__title{
  margin: 0 0 10px;
  color: rgba(255,255,255,0.92);
  letter-spacing: .4px;
  font-size: clamp(32px, 3vw, 44px);
  line-height: 1.08;
}

.noiatar-emptycart__text{
  margin: 0 0 22px;
  color: rgba(255,255,255,0.75);
  line-height: 1.6;
  max-width: 560px;
}

.noiatar-emptycart__actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.noiatar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 52px;
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 900;
  letter-spacing: .2px;
  text-decoration: none !important;
  transition: transform .15s ease, filter .15s ease, background .15s ease, border-color .15s ease !important;
}

/* Main CTA */
.noiatar-btn--gold{
  background: #D7B46A;
  color: #0B1020;
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
}

/* Secondary */
.noiatar-btn--ghost{
  background: rgba(11,16,32,0.35);
  border: 1px solid rgba(215,180,106,0.22);
  color: rgba(255,255,255,0.90);
}

.noiatar-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

/* Mobile */
@media (max-width: 768px){
  .noiatar-emptycart{
    padding: 26px 0 6px;
  }
  .noiatar-emptycart__wrap{
    margin: 0 14px;
    padding: 24px 18px;
  }
  .noiatar-emptycart__actions{
    flex-direction: column;
  }
  .noiatar-btn{
    width: 100%;
  }
}
/* =========================================================
   NÕIATAR – Empty Cart HERO (FORCE full-width, Desktop + Mobile)
   Only when cart is empty (body class: noiatar-cart-empty)
   ========================================================= */

body.noiatar-cart-empty.woocommerce-cart .site-main,
body.noiatar-cart-empty.woocommerce-cart .content-area{
  width: 100% !important;
  max-width: 100% !important;
}

body.noiatar-cart-empty.woocommerce-cart .container,
body.noiatar-cart-empty.woocommerce-cart .wrap,
body.noiatar-cart-empty.woocommerce-cart .site-content{
  max-width: 100% !important;
  width: 100% !important;
}

/* HERO section */
.noiatar-emptycart-hero{
  width: 100%;
  padding: 80px 0 60px;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Soft premium glow */
.noiatar-emptycart-hero::before{
  content:"";
  position:absolute;
  inset: 0;
  background:
    radial-gradient(circle at 55% 35%, rgba(215,180,106,0.10), transparent 55%),
    radial-gradient(circle at 25% 65%, rgba(111,231,255,0.06), transparent 60%);
  pointer-events:none;
}

/* Card */
.noiatar-emptycart-hero__card{
  width: min(980px, 92vw);
  padding: 44px 46px;
  border-radius: 22px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 24px 70px rgba(0,0,0,0.45);
  position: relative;
  z-index: 2;
}

/* Badge */
.noiatar-emptycart-hero__badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(11,16,32,0.35);
  border: 1px solid rgba(215,180,106,0.16);
  margin-bottom: 16px;
}

.noiatar-emptycart-hero__spark{
  color: #D7B46A;
  opacity: 0.9;
}

.noiatar-emptycart-hero__label{
  color: rgba(255,255,255,0.75);
  font-weight: 800;
  letter-spacing: .2px;
}

/* Typography */
.noiatar-emptycart-hero__title{
  margin: 0 0 10px;
  color: rgba(255,255,255,0.92);
  letter-spacing: .4px;
  font-size: clamp(34px, 3vw, 46px);
  line-height: 1.08;
}

.noiatar-emptycart-hero__text{
  margin: 0 0 22px;
  color: rgba(255,255,255,0.75);
  line-height: 1.6;
  max-width: 640px;
}

/* Buttons */
.noiatar-emptycart-hero__actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.noiatar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 52px;
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 900;
  letter-spacing: .2px;
  text-decoration: none !important;
  transition: transform .15s ease, filter .15s ease;
}

.noiatar-btn--gold{
  background: #D7B46A;
  color: #0B1020;
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
  min-width: 220px;
}

.noiatar-btn--ghost{
  background: rgba(11,16,32,0.35);
  border: 1px solid rgba(215,180,106,0.22);
  color: rgba(255,255,255,0.90);
  min-width: 220px;
}

.noiatar-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

/* Mobile */
@media (max-width: 768px){
  .noiatar-emptycart-hero{
    padding: 30px 0 20px;
    min-height: auto;
  }
  .noiatar-emptycart-hero__card{
    padding: 24px 18px;
  }
  .noiatar-emptycart-hero__actions{
    flex-direction: column;
  }
  .noiatar-btn{
    width: 100%;
  }
}
/* =========================================================
   NÕIATAR – Empty cart premium 2-column desktop layout
   ========================================================= */

@media (min-width: 1024px){

  /* Card uses space properly */
  .noiatar-emptycart-hero__card--2col{
    display: grid !important;
    grid-template-columns: 1.4fr 0.9fr !important;
    gap: 22px !important;
    align-items: stretch !important;
  }

  .noiatar-emptycart-hero__left{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding-right: 10px !important;
  }

  .noiatar-emptycart-hero__right{
    display: flex !important;
    align-items: center !important;
  }

  /* Right premium mini-card */
  .noiatar-emptycart-hero__sidecard{
    width: 100% !important;
    padding: 18px !important;
    border-radius: 18px !important;
    background: rgba(11,16,32,0.35) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 14px 44px rgba(0,0,0,0.35) !important;
  }

  .noiatar-emptycart-hero__side-title{
    font-weight: 900 !important;
    color: rgba(255,255,255,0.90) !important;
    letter-spacing: .2px !important;
    margin-bottom: 12px !important;
  }

  .noiatar-emptycart-hero__link{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 12px !important;
    border-radius: 14px !important;

    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(215,180,106,0.14) !important;

    color: rgba(255,255,255,0.86) !important;
    text-decoration: none !important;

    margin-bottom: 10px !important;
    font-weight: 800 !important;
    transition: transform .15s ease, border-color .15s ease, background .15s ease !important;
  }

  .noiatar-emptycart-hero__link span{
    color: #D7B46A !important;
    opacity: .9 !important;
  }

  .noiatar-emptycart-hero__link:hover{
    transform: translateY(-1px) !important;
    border-color: rgba(215,180,106,0.30) !important;
    background: rgba(215,180,106,0.06) !important;
  }
}

/* Mobile: keep it stacked */
@media (max-width: 1023px){
  .noiatar-emptycart-hero__card--2col{
    display: block !important;
  }
  .noiatar-emptycart-hero__right{
    margin-top: 14px !important;
  }
}
/* =========================================================
   NÕIATAR – My Account / Login Premium Styling
   ========================================================= */

/* Wrap the whole account block into a premium card */
body.woocommerce-account .woocommerce{
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 22px !important;
  padding: 26px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,0.45) !important;
}

/* Titles */
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce legend{
  color: rgba(255,255,255,0.92) !important;
  letter-spacing: .3px !important;
}

/* Inputs premium */
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce input[type="tel"],
body.woocommerce-account .woocommerce textarea{
  background: rgba(11,16,32,0.35) !important;
  border: 1px solid rgba(215,180,106,0.18) !important;
  border-radius: 14px !important;
  color: rgba(255,255,255,0.92) !important;
  padding: 14px 14px !important;
  min-height: 50px !important;
  outline: none !important;
}

body.woocommerce-account .woocommerce input::placeholder,
body.woocommerce-account .woocommerce textarea::placeholder{
  color: rgba(255,255,255,0.45) !important;
}

/* Focus glow */
body.woocommerce-account .woocommerce input:focus,
body.woocommerce-account .woocommerce textarea:focus{
  border-color: rgba(215,180,106,0.38) !important;
  box-shadow: 0 0 0 3px rgba(215,180,106,0.10) !important;
}

/* Buttons */
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button{
  background: #D7B46A !important;
  color: #0B1020 !important;
  border: 0 !important;
  border-radius: 14px !important;
  min-height: 52px !important;
  padding: 12px 18px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.35) !important;
  transition: transform .15s ease, filter .15s ease !important;
}

body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}

/* Secondary link buttons (like lost password) */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a{
  display: block;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(11,16,32,0.35);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.86);
  text-decoration: none !important;
  margin-bottom: 10px;
  font-weight: 800;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a:hover{
  border-color: rgba(215,180,106,0.28);
  background: rgba(215,180,106,0.06);
}

/* Layout spacing for nav + content */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
  margin-top: 10px !important;
}

/* Mobile fix: stack better */
@media (max-width: 768px){
  body.woocommerce-account .woocommerce{
    padding: 18px !important;
    border-radius: 18px !important;
  }
}
/* =========================================================
   NÕIATAR – Checkout Form Unified Premium Style
   (inputs, selects, textareas, error states)
   ========================================================= */

body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 22px !important;
  padding: 18px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,0.35) !important;
}

/* Labels */
body.woocommerce-checkout .form-row label{
  color: rgba(255,255,255,0.80) !important;
  font-weight: 800 !important;
  letter-spacing: .15px !important;
  margin-bottom: 8px !important;
}

/* Inputs + Select + Textarea unified */
body.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.woocommerce-checkout .woocommerce form .form-row textarea,
body.woocommerce-checkout .woocommerce form .form-row select{
  background: rgba(11,16,32,0.35) !important;
  border: 1px solid rgba(215,180,106,0.18) !important;
  border-radius: 14px !important;
  color: rgba(255,255,255,0.92) !important;
  padding: 14px 14px !important;
  min-height: 52px !important;
  outline: none !important;
}

/* Placeholders */
body.woocommerce-checkout .woocommerce form .form-row input.input-text::placeholder,
body.woocommerce-checkout .woocommerce form .form-row textarea::placeholder{
  color: rgba(255,255,255,0.45) !important;
}

/* Focus glow */
body.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,
body.woocommerce-checkout .woocommerce form .form-row textarea:focus,
body.woocommerce-checkout .woocommerce form .form-row select:focus{
  border-color: rgba(215,180,106,0.38) !important;
  box-shadow: 0 0 0 3px rgba(215,180,106,0.10) !important;
}

/* Form row spacing */
body.woocommerce-checkout .woocommerce form .form-row{
  margin-bottom: 14px !important;
}

/* Error states (clean, premium) */
body.woocommerce-checkout .woocommerce form .form-row.woocommerce-invalid input,
body.woocommerce-checkout .woocommerce form .form-row.woocommerce-invalid select,
body.woocommerce-checkout .woocommerce form .form-row.woocommerce-invalid textarea{
  border-color: rgba(255,90,90,0.55) !important;
  box-shadow: 0 0 0 3px rgba(255,90,90,0.10) !important;
}

/* Error messages */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message{
  border-radius: 16px !important;
  background: rgba(11,16,32,0.55) !important;
  border: 1px solid rgba(215,180,106,0.18) !important;
  color: rgba(255,255,255,0.88) !important;
}

/* Mobile: better padding */
@media (max-width: 768px){
  body.woocommerce-checkout .woocommerce-billing-fields,
  body.woocommerce-checkout .woocommerce-shipping-fields,
  body.woocommerce-checkout .woocommerce-additional-fields{
    padding: 14px !important;
    border-radius: 18px !important;
  }
}
/* =========================================================
   NÕIATAR – SAFE Montonio Mobile 2-column bank grid
   (Does NOT change checkout layout/grid)
   ========================================================= */

@media (max-width: 768px){

  /* Only Montonio payment methods */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box{
    background: rgba(11,16,32,0.35) !important;
    border: 1px solid rgba(215,180,106,0.18) !important;
    border-radius: 18px !important;
    padding: 14px !important;
    overflow: hidden !important;
  }

  /* Convert ONLY the Montonio bank list into 2-column grid */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Bank tile styling (clickable cards) */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li a,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li button,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li label{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 92px !important;
    width: 100% !important;

    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    padding: 10px !important;
  }

  /* Ensure logos fit nicely */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li img{
    max-width: 100% !important;
    max-height: 38px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
  }

  /* Fix card icons overflow row (GPay/ApplePay/Visa etc) */
  body.woocommerce-checkout #payment li .payment_method_title{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  body.woocommerce-checkout #payment li .payment_method_title img{
    max-height: 18px !important;
    width: auto !important;
  }
}
/* =========================================================
   NÕIATAR – Montonio bank links: force 2 columns on MOBILE
   Safe override: does NOT touch checkout layout/grid
   ========================================================= */

@media (max-width: 768px){

  /* Target ONLY Montonio payment method blocks */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box,
  body.woocommerce-checkout #payment li[id*="payment_method_montonio"] .payment_box{
    overflow: hidden !important;
  }

  /* Try all common Montonio containers (plugin updates won't break this) */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ol,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="bank"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="banks"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="aspsp"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="logos"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="grid"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="list"]{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  /* Make each bank tile look like luxury card */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box a,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box button,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box label{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 92px !important;
    border-radius: 16px !important;
  }

  /* Logo sizing */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box img{
    max-width: 100% !important;
    max-height: 42px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Remove default list spacing if Montonio uses UL */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul{
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li{
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* =========================================================
   NÕIATAR – FIX Montonio mobile layout after gold box styles
   1) Remove gold wrapper styling on Montonio payment box
   2) Force 2-column grid on mobile
   ========================================================= */

@media (max-width: 768px){

  /* 1) RESET Montonio payment box styling (gold border/padding/overflow can break layout) */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box,
  body.woocommerce-checkout #payment li[id*="payment_method_montonio"] .payment_box{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  /* 2) Force the Montonio bank list into a clean 2-column grid */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ol{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ol li{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3) Make each bank tile a premium card (without breaking widths) */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li a,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li button,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li label{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 92px !important;

    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    padding: 10px !important;
  }

  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box img{
    max-height: 42px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
/* =========================================================
   NÕIATAR – Montonio MOBILE: FORCE 2 columns + keep premium box
   Works even if Montonio HTML changes (uses broad selectors)
   ========================================================= */

@media (max-width: 768px){

  /* 1) Keep Montonio payment box premium (gold subtle) */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box,
  body.woocommerce-checkout #payment li[id*="payment_method_montonio"] .payment_box{
    background: rgba(11,16,32,0.35) !important;
    border: 1px solid rgba(215,180,106,0.18) !important;
    border-radius: 18px !important;
    padding: 14px !important;
    box-shadow: none !important;
    overflow: visible !important; /* IMPORTANT: do not clip the grid */
  }

  /* 2) FORCE ALL possible bank containers into 2-column grid */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ol,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="bank"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="banks"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="aspsp"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="logos"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="grid"],
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box [class*="list"]{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  /* 3) Remove default list spacing that can break grid */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ol{
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ul li,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box ol li{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 4) Make each bank tile a luxury card and fill its grid cell */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box a,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box button,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box label{
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 92px !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    padding: 10px !important;
  }

  /* 5) Ensure logos fit nicely */
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box img{
    max-width: 100% !important;
    max-height: 42px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* 6) Kaardimakse icons overflow fix (safe) */
  body.woocommerce-checkout #payment .payment_method_title{
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body.woocommerce-checkout #payment .payment_method_title img{
    max-height: 18px !important;
    width: auto !important;
  }
}
/* =========================================================
   NÕIATAR – Hide "Store Notice / Coming soon bar" on Cart + Checkout
   ========================================================= */

body.woocommerce-cart .woocommerce-store-notice,
body.woocommerce-checkout .woocommerce-store-notice{
  display: none !important;
}
@media (max-width: 768px) {
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box select{
    width:100% !important;
    max-width:210px !important;
    margin:0 0 14px 0 !important;
  }

  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box select + div,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box select + ul{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:14px !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:10px !important;
  }

  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box select + div > *,
  body.woocommerce-checkout #payment li[class*="payment_method_montonio"] .payment_box select + ul > *{
    width:100% !important;
    max-width:100% !important;
  }
}
/* =========================================================
   FP-02 PATCH – Mega menu / Mobile category images keep FULL
   (Override img{height:auto} rule ONLY inside mobile mega menu)
   ========================================================= */

@media (max-width: 768px) {

  /* Mega menu / mobile menu konteinerid */
  :where(
    .elementor-nav-menu--dropdown,
    .elementor-nav-menu__container,
    #mobile-menu,
    #primary-mobile-menu,
    .mobile-nav,
    .mobile-menu,
    .offcanvas-menu,
    .menu-drawer,
    .mega-menu,
    .megamenu,
    .max-mega-menu
  ) {

    /* 1) Pildikasti kõrgus (see on see “kast” mis peab täis olema) */
    :where(
      figure,
      .wp-block-image,
      .elementor-widget																		-image,
      .elementor-image
    ) {
      width: 100% !important;
      height: 140px !important;    /* ✅ muuda nt 120/150 kui vaja */
      overflow: hidden !important;
      border-radius: 18px !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 0 !important;
      display: block !important;
    }

    /* 2) IMG täidab kasti täielikult (cover) */
    :where(
      figure img,
      .wp-block-image img,
      .elementor-widget-image img,
      .elementor-image img
    ) {
      width: 100% !important;
      height: 100% !important;        /* ✅ see on võtmerida */
      max-width: 100% !important;
      object-fit: cover !important;    /* ✅ täidab kasti */
      object-position: center !important;
      display: block !important;
    }
  }
}
/* ==============================
   FP-03 – Front Page CTA button premium
   ============================== */

@media (max-width: 768px) {

  /* “Ava kogu e-pood” nupp (targetime võimalikult ohutult) */
  a.button,
  .wp-block-button__link,
  .elementor-button,
  .btn,
  button,
  input[type="submit"] {
    border-radius: 999px !important;
  }

  /* Täpsemalt CTA nupp front page sektsioonis (kui kasutad Elementor vms) */
  .home .elementor-button,
  .home a.elementor-button,
  .home .wp-block-button__link {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    min-height: 52px !important;
    padding: 14px 18px !important;

    background: rgba(11,16,32,0.45) !important;
    border: 1px solid rgba(215,180,106,0.35) !important;
    color: #FFFFFF !important;

    font-weight: 700 !important;
    letter-spacing: 0.6px !important;

    box-shadow: 0 14px 55px rgba(0,0,0,0.40) !important;
    backdrop-filter: blur(8px) !important;
  }

  /* Vajutamisel efekt (touch feedback) */
  .home .elementor-button:active,
  .home a.elementor-button:active,
  .home .wp-block-button__link:active {
    transform: scale(0.98) !important;
  }
}
/* ==============================
   FP-04 – Mobile Mega Menu card equal height
   ============================== */

@media (max-width: 768px) {
  :where(
    .elementor-nav-menu--dropdown,
    #mobile-menu,
    .mega-menu,
    .megamenu,
    .max-mega-menu,
    .menu-drawer,
    .offcanvas-menu
  ) :where(a, .menu-item, .elementor-item, .elementor-sub-item) {
    display: block !important;
  }

  /* Kui menüüs on kaartidel “tekstiplokk” all */
  :where(
    .elementor-nav-menu--dropdown,
    #mobile-menu,
    .mega-menu,
    .menu-drawer
  ) :where(h3, h4, .title, .menu-title, .elementor-item-title) {
    min-height: 42px !important; /* ✅ ühtlustab pealkirja kõrguse */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}
/* ==============================
   CART-02 – Empty cart premium spacing (mobile)
   ============================== */
@media (max-width: 768px) {

  .woocommerce-cart .cart-empty,
  .woocommerce-cart .woocommerce-info {
    background: rgba(11,16,32,0.45) !important;
    border: 1px solid rgba(215,180,106,0.25) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    color: #fff !important;
  }

  .woocommerce-cart .return-to-shop a.button {
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 999px !important;
    background: #D7B46A !important;
    color: #0B1020 !important;
    border: 1px solid #D7B46A !important;
    font-weight: 800 !important;
  }
}
/* Cart remove button premium */
body.woocommerce-cart a.noiatar-remove {
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;

  color: rgba(255,255,255,0.90) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  text-decoration: none !important;

  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}

body.woocommerce-cart a.noiatar-remove:hover {
  transform: translateY(-1px);
  border-color: rgba(215,180,106,0.55) !important;
  background: rgba(215,180,106,0.12) !important;
  color: #D7B46A !important;
}

@media (max-width: 768px) {
  body.woocommerce-cart a.noiatar-remove {
    width: 48px !important;
    height: 48px !important;
    border-radius: 18px !important;
  }
}
/* =========================================================
   CHECKOUT – Pakipunkt loetavaks (NO JS / NO flashing)
   Ainult disain, et listi oleks näha ja lugeda
   ========================================================= */

/* 1) Select2 kast (see, kus valitakse pakipunkt) */
body.woocommerce-checkout .select2-container--default .select2-selection--single{
  background: rgba(0,0,0,0.18) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 16px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
}

/* Valitud pakipunkti tekst */
body.woocommerce-checkout .select2-container--default .select2-selection--single
.select2-selection__rendered{
  color: rgba(255,255,255,0.92) !important;
  line-height: 46px !important;
  padding-left: 0 !important;
}

/* Placeholder tekst */
body.woocommerce-checkout .select2-container--default .select2-selection--single
.select2-selection__placeholder{
  color: rgba(255,255,255,0.55) !important;
}

/* 2) Dropdown list (avatud valikud) */
body.woocommerce-checkout .select2-dropdown{
  background: #0B1020 !important;
  border: 1px solid rgba(215,180,106,0.25) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  z-index: 999999 !important;
}

/* Valikute tekst listis */
body.woocommerce-checkout .select2-results__option{
  color: rgba(255,255,255,0.92) !important;
  padding: 10px 12px !important;
}

/* Hover/aktiivne valik */
body.woocommerce-checkout .select2-container--default
.select2-results__option--highlighted[aria-selected]{
  background: rgba(215,180,106,0.16) !important;
  color: #D7B46A !important;
}

/* Kui teema lõikab dropdowni ära (oluline) */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review{
  overflow: visible !important;
}
/* =========================================================
   CHECKOUT – Pakipunkt Select2 dropdown LOETAVAKS (valge taust)
   Ei mingit JS-i, ainult disain/kontrast
   ========================================================= */

/* Dropdown taust + raam */
body.woocommerce-checkout .select2-container--open .select2-dropdown{
  background: #ffffff !important;
  border: 1px solid rgba(215,180,106,0.35) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  z-index: 999999 !important;
}

/* Result area */
body.woocommerce-checkout .select2-container--open .select2-results{
  background: #ffffff !important;
}

/* Otsingu input dropdownis */
body.woocommerce-checkout .select2-search--dropdown .select2-search__field{
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  color: #0B1020 !important;
  outline: none !important;
}

/* Kõik valikud – tee tekst TUMEDAKS ja loetavaks */
body.woocommerce-checkout .select2-results__option{
  color: #0B1020 !important;
  font-weight: 700 !important;
  padding: 10px 12px !important;
  background: transparent !important;
}

/* Grupi pealkirjad (nt TALLINN) */
body.woocommerce-checkout .select2-results__group{
  color: #0B1020 !important;
  font-weight: 900 !important;
  letter-spacing: 0.3px !important;
  padding: 12px 12px 8px !important;
  background: rgba(0,0,0,0.03) !important;
}

/* Hover / aktiivne rida (lux) */
body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background: rgba(215,180,106,0.18) !important;
  color: #0B1020 !important;
}

/* Selected */
body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected="true"]{
  background: rgba(0,0,0,0.06) !important;
  color: #0B1020 !important;
}

/* Kui plugin paneb teksti liiga heledaks kuskil inline kujul */
body.woocommerce-checkout .select2-results__option *,
body.woocommerce-checkout .select2-results__group *{
  color: #0B1020 !important;
}

/* Fix: mõni teema lõikab dropdowni ära */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review{
  overflow: visible !important;
}
/* =========================================================
   CHECKOUT – Pakipunkti popup/list loetavaks (NOT select2)
   Fixib sinu valge kast "Toode / Vahesumma" + search
   ========================================================= */

/* Sihtimine: checkoutis kõik “parcel/terminal/pickup/pakipunkt” overlay/popup listid */
body.woocommerce-checkout [class*="parcel"],
body.woocommerce-checkout [class*="terminal"],
body.woocommerce-checkout [class*="pickup"],
body.woocommerce-checkout [class*="pakipunkt"] {
  -webkit-font-smoothing: antialiased;
}

/* Valge list box: tee tekst kindlasti tumedaks + eemaldame “fade” */
body.woocommerce-checkout [class*="parcel"] *,
body.woocommerce-checkout [class*="terminal"] *,
body.woocommerce-checkout [class*="pickup"] *,
body.woocommerce-checkout [class*="pakipunkt"] * {
  color: #0B1020 !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: none !important;
}

/* Kui see popup on dialoog/modal */
body.woocommerce-checkout [role="dialog"],
body.woocommerce-checkout [aria-modal="true"] {
  color: #0B1020 !important;
}

/* Popup kasti taust + raam (et oleks premium) */
body.woocommerce-checkout [role="dialog"],
body.woocommerce-checkout [aria-modal="true"],
body.woocommerce-checkout [class*="parcel"][class*="modal"],
body.woocommerce-checkout [class*="terminal"][class*="modal"],
body.woocommerce-checkout [class*="pickup"][class*="modal"],
body.woocommerce-checkout [class*="pakipunkt"][class*="modal"] {
  background: #ffffff !important;
  border: 1px solid rgba(215,180,106,0.35) !important;
  border-radius: 16px !important;
}

/* “Toode / Vahesumma” header rea tekst tugevaks */
body.woocommerce-checkout [class*="parcel"] h1,
body.woocommerce-checkout [class*="parcel"] h2,
body.woocommerce-checkout [class*="parcel"] h3,
body.woocommerce-checkout [class*="terminal"] h1,
body.woocommerce-checkout [class*="terminal"] h2,
body.woocommerce-checkout [class*="terminal"] h3,
body.woocommerce-checkout [class*="pickup"] h1,
body.woocommerce-checkout [class*="pickup"] h2,
body.woocommerce-checkout [class*="pickup"] h3 {
  font-weight: 900 !important;
  color: #0B1020 !important;
}

/* Search input valge kasti sees */
body.woocommerce-checkout [class*="parcel"] input,
body.woocommerce-checkout [class*="terminal"] input,
body.woocommerce-checkout [class*="pickup"] input,
body.woocommerce-checkout [class*="pakipunkt"] input {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.18) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  color: #0B1020 !important;
  outline: none !important;
}

/* Listi read (pakipunktide nimed) */
body.woocommerce-checkout [class*="parcel"] li,
body.woocommerce-checkout [class*="terminal"] li,
body.woocommerce-checkout [class*="pickup"] li,
body.woocommerce-checkout [class*="pakipunkt"] li {
  color: #0B1020 !important;
  font-weight: 700 !important;
}

/* Hover/active rida (lux) */
body.woocommerce-checkout [class*="parcel"] li:hover,
body.woocommerce-checkout [class*="terminal"] li:hover,
body.woocommerce-checkout [class*="pickup"] li:hover,
body.woocommerce-checkout [class*="pakipunkt"] li:hover {
  background: rgba(215,180,106,0.18) !important;
}

/* Kui plugin kasutab tabelit (Toode/Vahesumma layout) */
body.woocommerce-checkout [class*="parcel"] table *,
body.woocommerce-checkout [class*="terminal"] table *,
body.woocommerce-checkout [class*="pickup"] table * {
  color: #0B1020 !important;
  opacity: 1 !important;
}
/* =========================================================
   CHECKOUT – "Pakipunkt *" label kuldseks
   ========================================================= */

/* Kõige levinum: label on checkoutis tavaline <label> */
body.woocommerce-checkout label[for*="pakipunkt"],
body.woocommerce-checkout label[for*="terminal"],
body.woocommerce-checkout label[for*="parcel"],
body.woocommerce-checkout label[for*="pickup"]{
  color: #D7B46A !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
}

/* Kui plugin kirjutab teksti span/strong sisse */
body.woocommerce-checkout .form-row .woocommerce-input-wrapper + label,
body.woocommerce-checkout .form-row label{
  /* jätame ülejäänud labelid valgeks, aga pakipunkt saab ülal oma reegli */
}

/* Täht * (required) ka kuldseks */
body.woocommerce-checkout label[for*="pakipunkt"] .required,
body.woocommerce-checkout label[for*="terminal"] .required,
body.woocommerce-checkout label[for*="parcel"] .required,
body.woocommerce-checkout label[for*="pickup"] .required{
  color: #D7B46A !important;
}
/* =========================================================
   NÕIATAR – PRODUCT PAGE (PDP) Premium layout + variation arrow FIX
   Works with custom themes because wrapper is forced via PHP
   ========================================================= */

body.single-product{
  --noi-bg:#0B1020;
  --noi-gold:#D7B46A;
  --noi-card:rgba(11,16,32,0.42);
  --noi-border:rgba(215,180,106,0.18);
  --noi-shadow:0 22px 70px rgba(0,0,0,0.55);
  --noi-radius:22px;
}

/* ✅ REAL layout (pilt vasak / info parem) */
body.single-product .noiatar-pdp-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr) !important;
  gap:18px !important;
  align-items:start !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 14px !important;
}

@media(max-width:980px){
  body.single-product .noiatar-pdp-grid{
    grid-template-columns:1fr !important;
  }
}

/* ✅ Pildi card */
body.single-product .noiatar-pdp-grid .woocommerce-product-gallery{
  background:var(--noi-card) !important;
  border:1px solid var(--noi-border) !important;
  border-radius:var(--noi-radius) !important;
  box-shadow:var(--noi-shadow) !important;
  padding:16px !important;
  overflow:hidden !important;
}

body.single-product .noiatar-pdp-grid .woocommerce-product-gallery img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  border-radius:18px !important;
}

/* ✅ Summary card */
body.single-product .noiatar-pdp-grid .summary{
  background:var(--noi-card) !important;
  border:1px solid var(--noi-border) !important;
  border-radius:var(--noi-radius) !important;
  box-shadow:var(--noi-shadow) !important;
  padding:18px !important;
}

body.single-product .noiatar-pdp-grid .summary .product_title{
  color:rgba(255,255,255,0.96) !important;
  letter-spacing:0.3px !important;
}

body.single-product .noiatar-pdp-grid .summary .price,
body.single-product .noiatar-pdp-grid .summary .price *{
  color:var(--noi-gold) !important;
  font-weight:900 !important;
}

/* =========================================================
   ✅ VARIATION DROPDOWN FIX (katkine nool/nurk)
   ========================================================= */

/* 1) Lülita välja teema pseudo-nooled, mis tekitavad "katkise nurga" */
body.single-product form.variations_form .value::before,
body.single-product form.variations_form .value::after,
body.single-product form.variations_form td.value::before,
body.single-product form.variations_form td.value::after{
  content:none !important;
  display:none !important;
}

/* 2) Tee select ise premium + eemalda teema background-image arrow */
body.single-product form.variations_form select,
body.single-product form.cart select,
body.single-product .summary select{
  width:100% !important;
  max-width:420px !important;

  background:rgba(0,0,0,0.18) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  color:rgba(255,255,255,0.92) !important;

  border-radius:16px !important;
  min-height:48px !important;

  padding:12px 46px 12px 14px !important;

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

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

  background-image:none !important; /* ✅ eemaldab katkise noole */
}

/* 3) Pane meie OMA premium nool (SVG) tagasi */
body.single-product form.variations_form .value,
body.single-product form.variations_form td.value{
  position:relative !important;
  max-width:420px !important;
}

body.single-product form.variations_form .value::after,
body.single-product form.variations_form td.value::after{
  content:"" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:16px !important;
  height:16px !important;
  pointer-events:none !important;
  background-repeat:no-repeat !important;
  background-size:16px 16px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23D7B46A' d='M7 10l5 5l5-5z'/%3E%3C/svg%3E") !important;
}

/* Focus */
body.single-product form.variations_form select:focus{
  border-color:rgba(215,180,106,0.55) !important;
  box-shadow:0 0 0 4px rgba(215,180,106,0.10) !important;
}

/* Variations table clean */
body.single-product form.variations_form table.variations{
  margin:10px 0 14px 0 !important;
  border:0 !important;
}
body.single-product form.variations_form table.variations th,
body.single-product form.variations_form table.variations td{
  border:0 !important;
  padding:6px 0 !important;
}

body.single-product form.variations_form label{
  color:rgba(255,255,255,0.82) !important;
  font-weight:800 !important;
}

/* Qty premium */
body.single-product form.cart .quantity input.qty{
  background:rgba(0,0,0,0.18) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  color:rgba(255,255,255,0.92) !important;
  border-radius:16px !important;
  min-height:48px !important;
  width:110px !important;
  text-align:center !important;
}

/* Add to cart premium */
body.single-product .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button{
  width:100% !important;
  min-height:54px !important;
  border-radius:999px !important;
  background:var(--noi-gold) !important;
  border:1px solid var(--noi-gold) !important;
  color:var(--noi-bg) !important;
  font-weight:900 !important;
  letter-spacing:0.7px !important;
  box-shadow:0 18px 75px rgba(215,180,106,0.22) !important;
}
body.single-product .single_add_to_cart_button:disabled,
body.single-product .single_add_to_cart_button.disabled{
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,255,255,0.14) !important;
  color:rgba(255,255,255,0.55) !important;
  box-shadow:none !important;
}

@media(max-width:768px){
  body.single-product form.variations_form select,
  body.single-product form.variations_form .value,
  body.single-product form.variations_form td.value{
    max-width:100% !important;
  }
}
/* =========================================================
   PDP – Variation dropdown arrow BACK (always works)
   ========================================================= */

/* Pane nool otse SELECT peale */
body.single-product form.variations_form select,
body.single-product .summary form.cart select,
body.single-product form.cart select {
  cursor: pointer !important;

  /* background + SVG arrow ühes reas (kindel) */
  background:
    rgba(0,0,0,0.18)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23D7B46A' d='M7 10l5 5l5-5z'/%3E%3C/svg%3E")
    no-repeat right 14px center / 18px 18px !important;

  padding-right: 50px !important; /* ruum noolele */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Kui teema paneb mingi pseudo-noole peale, tapame ära */
body.single-product form.variations_form .value::after,
body.single-product form.variations_form td.value::after,
body.single-product form.variations_form .value::before,
body.single-product form.variations_form td.value::before {
  display: none !important;
  content: none !important;
}
/* =========================================================
   HEADER – Mini cart dropdown (NÕIATAR premium)
   ========================================================= */

.noiatar-mini-cart-wrap{
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Dropdown */
.noiatar-mini-cart-dropdown{
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  width: 360px;
  max-width: 92vw;

  background: rgba(11,16,32,0.92);
  border: 1px solid rgba(215,180,106,0.22);
  border-radius: 18px;
  box-shadow: 0 24px 90px rgba(0,0,0,0.65);

  padding: 14px;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
  z-index: 999999;
}

/* Open state */
.noiatar-mini-cart-wrap.open .noiatar-mini-cart-dropdown{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Inner */
.noiatar-mini-cart-inner{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.noiatar-mini-cart-title{
  color: rgba(255,255,255,0.95);
  font-weight: 900;
  letter-spacing: .4px;
  font-size: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

/* Woo mini cart list spacing */
.noiatar-mini-cart-dropdown .woocommerce-mini-cart{
  max-height: 320px;
  overflow: auto;
  padding-right: 4px;
}

.noiatar-mini-cart-dropdown .woocommerce-mini-cart-item{
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.noiatar-mini-cart-dropdown .woocommerce-mini-cart-item a{
  color: rgba(255,255,255,0.92) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.noiatar-mini-cart-dropdown .woocommerce-mini-cart-item .quantity{
  color: rgba(255,255,255,0.65) !important;
  font-weight: 700 !important;
}

/* Total */
.noiatar-mini-cart-dropdown .woocommerce-mini-cart__total{
  margin: 8px 0 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.92) !important;
  font-weight: 900 !important;
}
.noiatar-mini-cart-dropdown .woocommerce-mini-cart__total strong{
  color: rgba(255,255,255,0.75) !important;
  font-weight: 800 !important;
}
.noiatar-mini-cart-dropdown .woocommerce-mini-cart__total .amount{
  color: #D7B46A !important;
}

/* Buttons */
.noiatar-mini-cart-footer{
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.noiatar-mini-cart-btn{
  flex: 1;
  text-align: center;
  padding: 12px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.92);
  font-weight: 900;
  letter-spacing: .4px;
  text-decoration: none;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}

.noiatar-mini-cart-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(215,180,106,0.45);
  background: rgba(215,180,106,0.12);
  color: #D7B46A;
}

.noiatar-mini-cart-pay{
  background: #D7B46A;
  border-color: #D7B46A;
  color: #0B1020 !important;
}
.noiatar-mini-cart-pay:hover{
  color: #0B1020 !important;
}

/* Mobile: dropdown keskele ja suurem */
@media(max-width: 980px){
  .noiatar-mini-cart-dropdown{
    right: auto;
    left: 50%;
    transform: translate(-50%, 8px);
  }
  .noiatar-mini-cart-wrap.open .noiatar-mini-cart-dropdown{
    transform: translate(-50%, 0);
  }
}
/* =========================================================
   MENU MINI CART – Premium hover dropdown (NÕIATAR)
   ========================================================= */

.noiatar-menu-cart{
  position: relative !important;
}

.noiatar-menu-cart-link{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* count bubble */
.noiatar-cart-count{
  position: absolute !important;
  top: -8px !important;
  right: -10px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: #D7B46A !important;
  color: #0B1020 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* dropdown base */
.noiatar-mini-cart-dropdown{
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  width: 360px !important;
  max-width: 92vw !important;

  background: rgba(11,16,32,0.92) !important;
  border: 1px solid rgba(215,180,106,0.22) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 90px rgba(0,0,0,0.65) !important;

  padding: 14px !important;

  opacity: 0 !important;
  transform: translateY(8px) !important;
  pointer-events: none !important;
  transition: opacity .15s ease, transform .15s ease !important;
  z-index: 999999 !important;
}

/* hover open (desktop) */
@media (min-width: 981px){
  .noiatar-menu-cart:hover .noiatar-mini-cart-dropdown{
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

/* title */
.noiatar-mini-cart-title{
  color: rgba(255,255,255,0.95) !important;
  font-weight: 900 !important;
  letter-spacing: .4px !important;
  font-size: 14px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  margin-bottom: 10px !important;
}

/* list */
.noiatar-mini-cart-body .woocommerce-mini-cart{
  max-height: 320px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

.noiatar-mini-cart-body .woocommerce-mini-cart-item{
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.noiatar-mini-cart-body .woocommerce-mini-cart-item a{
  color: rgba(255,255,255,0.92) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.noiatar-mini-cart-body .woocommerce-mini-cart-item .quantity{
  color: rgba(255,255,255,0.65) !important;
  font-weight: 700 !important;
}

/* total */
.noiatar-mini-cart-body .woocommerce-mini-cart__total{
  margin: 10px 0 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.92) !important;
  font-weight: 900 !important;
}
.noiatar-mini-cart-body .woocommerce-mini-cart__total .amount{
  color: #D7B46A !important;
}

/* buttons */
.noiatar-mini-cart-footer{
  display: flex !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.noiatar-mini-cart-btn{
  flex: 1 !important;
  text-align: center !important;
  padding: 12px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.92) !important;
  font-weight: 900 !important;
  letter-spacing: .4px !important;
  text-decoration: none !important;
  transition: transform .12s ease, border-color .12s ease, background .12s ease !important;
}

.noiatar-mini-cart-btn:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(215,180,106,0.45) !important;
  background: rgba(215,180,106,0.12) !important;
  color: #D7B46A !important;
}

.noiatar-mini-cart-pay{
  background: #D7B46A !important;
  border-color: #D7B46A !important;
  color: #0B1020 !important;
}
/* =========================================================
   ATC POPUP – Center modal positioning (NÕIATAR)
   Works for most add-to-cart popup/toast plugins
   ========================================================= */

/* 1) Tuvasta popup: "Lisatud ostukorvi" toast/modal */
body .noiatar-atc-popup,
body .added-to-cart-popup,
body .wpc-added-to-cart,
body .xoo-cp-modal,
body .xoo-cp-container,
body .woocommerce-message,
body [class*="added"][class*="cart"],
body [class*="cart"][class*="popup"] {
  /* ei muuda automaatselt kõike, ainult kui element on fixed */
}

/* 2) Kui sinu popup on FIXED ja paremal all, surume keskele */
body .noiatar-atc-popup.is-open{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 3) UNIVERSAALNE: iga fixed "added to cart" modal/toast keskmesse */
body [class*="added"][class*="cart"]:not(.woocommerce-message),
body [class*="cart"][class*="popup"],
body [class*="added-to-cart"] {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  z-index: 999999 !important;
}

/* 4) Kui popup container on sees ja jookseb paremale alla */
body [class*="added-to-cart"] *{
  max-width: 92vw !important;
}

/* 5) Mobile: natuke kõrgemale, et keyboard ei sööks */
@media (max-width: 768px){
  body [class*="added"][class*="cart"]:not(.woocommerce-message),
  body [class*="cart"][class*="popup"],
  body [class*="added-to-cart"]{
    top: 46% !important;
  }
}
/* ================================
   Cart Block – Coupon input (tume)
================================ */
.wc-block-components-coupon-form .wc-block-components-text-input input[type="text"],
.wc-block-components-coupon-form .wc-block-components-text-input input[type="text"]:focus{
  background: rgba(12, 16, 26, 0.85) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: none !important;
}

.wc-block-components-coupon-form .wc-block-components-text-input input[type="text"]::placeholder{
  color: rgba(255,255,255,0.55) !important;
}

.wc-block-components-coupon-form .wc-block-components-text-input label{
  color: rgba(255,255,255,0.75) !important;
}

/* Rakenda nupp (kupongi apply) – sobitame tumedaks */
.wc-block-components-coupon-form .wc-block-components-button{
  border-radius: 14px !important;
}

/* =========================================
   "Mine maksma" nupp – mitte mull, vaid kast
========================================= */
.wc-block-cart__submit-container{
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  padding: 16px !important;
}

/* Nupp full-width ja vähem “pill” */
.wc-block-cart__submit-container .wc-block-components-button,
.wc-block-cart__submit-container a.wc-block-components-button{
  width: 100% !important;
  border-radius: 14px !important;
  min-height: 52px !important;
}
/* ====== CART BLOCK: kupongi input tume + valge tekst ====== */
body.woocommerce-cart .wc-block-components-text-input input.wc-block-components-text-input__input,
body.woocommerce-cart .wc-block-components-text-input input[type="text"].wc-block-components-text-input__input,
body.woocommerce-cart .wc-block-components-coupon-form input.wc-block-components-text-input__input{
  background: rgba(10, 14, 22, 0.92) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  box-shadow: none !important;
}

body.woocommerce-cart .wc-block-components-coupon-form input.wc-block-components-text-input__input::placeholder{
  color: rgba(255,255,255,0.55) !important;
  opacity: 1 !important;
}

body.woocommerce-cart .wc-block-components-coupon-form .wc-block-components-text-input__input:focus{
  outline: none !important;
  border-color: rgba(111,231,255,0.35) !important;
}

/* (valge inputi “autofill” fix, kui Chrome teeb valgeks) */
body.woocommerce-cart input.wc-block-components-text-input__input:-webkit-autofill{
  -webkit-text-fill-color: #fff !important;
  transition: background-color 9999s ease-in-out 0s !important;
}
/* === NÕIATAR stable layout wrapper === */
.noiatar-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 18px 80px;
}

.noiatar-head{ margin: 0 0 22px; }
.noiatar-title{ margin: 0; }
.noiatar-sub{ margin: 8px 0 0; opacity:.75; }

/* EMPTY CART */
.noiatar-empty-card{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  padding: 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.noiatar-empty-left h2{ margin: 10px 0 6px; }
.noiatar-empty-left p{ margin: 0 0 14px; opacity:.8; max-width: 56ch; }

.noiatar-icon{
  width: 56px; height: 56px;
  display:flex; align-items:center; justify-content:center;
  border-radius: 16px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 22px;
}

.noiatar-empty-actions{
  display:flex; gap: 12px; flex-wrap: wrap;
  margin-top: 14px;
}

.noiatar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 999px;
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}

.noiatar-btn--gold{
  background: #C8A978;
  color: #0B1020;
  border-color: rgba(0,0,0,.15);
  font-weight: 700;
}

.noiatar-btn--ghost{
  color: rgba(255,255,255,.9);
}

.noiatar-empty-right{
  padding: 16px;
  border-radius: 18px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
}

.noiatar-empty-right h3{ margin: 0 0 10px; }
.noiatar-bullets{ margin: 0; padding-left: 18px; opacity:.9; }
.noiatar-bullets li{ margin: 6px 0; }

.noiatar-empty-links{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.noiatar-chip{
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  text-decoration:none;
}

/* LIVE CART + CHECKOUT: limit weird spacing */
.noiatar-cart-live .woocommerce,
.noiatar-checkout-live .woocommerce{
  margin: 0 !important;
}

/* Mobile */
@media (max-width: 900px){
  .noiatar-wrap{ padding: 26px 14px 60px; }
  .noiatar-empty-card{ grid-template-columns: 1fr; }
}
/* =========================
   NÕIATAR CART – clean layout
   ========================= */

/* reduce empty space / make area wider */
.woocommerce-cart .noiatar-wrap{
  max-width: 1320px !important;
  padding-top: 24px !important;
}

/* make cart + summary sit nicely (theme/card layouts vary) */
.woocommerce-cart .woocommerce{
  margin-top: 0 !important;
}

/* ---- Product row layout + quantity visibility ---- */
/* Some themes hide quantity – force it visible */
.woocommerce-cart-form .quantity,
.woocommerce-cart-form .product-quantity,
.woocommerce-cart-form td.product-quantity{
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Quantity control: [-] [input] [+] */
.woocommerce-cart-form .quantity.noiatar-qty{
  align-items: center;
  gap: 10px;
}

.woocommerce-cart-form .quantity input.qty{
  width: 64px !important;
  text-align: center !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.92) !important;
  border-radius: 14px !important;
  height: 44px !important;
}

.noiatar-qty-btn{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.92);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.noiatar-qty-btn:hover{
  background: rgba(255,255,255,.07);
}

/* ---- Remove link: kill X bubble, show “Eemalda toode” ---- */
.woocommerce a.remove,
.woocommerce-cart a.remove{
  display: none !important; /* hide the × bubble */
}

.noiatar-remove{
  display: inline-flex;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.88);
  text-decoration: none !important;
}
.noiatar-remove:hover{
  background: rgba(255,255,255,.07);
}

/* ---- Coupon input: dark, readable ---- */
.woocommerce-cart .coupon input#coupon_code,
.woocommerce-cart .coupon input[name="coupon_code"]{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
  border-radius: 14px !important;
  height: 44px !important;
}
.woocommerce-cart .coupon input#coupon_code::placeholder{
  color: rgba(255,255,255,.55) !important;
}

/* ---- Cart totals spacing + shipping marker ---- */
.woocommerce .cart-collaterals,
.woocommerce-cart .cart-collaterals{
  margin-top: 0 !important;
}

.woocommerce-cart .cart_totals h2,
.woocommerce-cart .cart_totals .wc-block-components-totals-item__label{
  margin-bottom: 12px !important;
}

/* If your theme uses table totals */
.woocommerce-cart .cart_totals table{
  border-collapse: separate !important;
  border-spacing: 0 12px !important; /* more breathing room */
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
  padding: 14px 16px !important;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
}
.woocommerce-cart .cart_totals table th{
  border-radius: 16px 0 0 16px;
}
.woocommerce-cart .cart_totals table td{
  border-radius: 0 16px 16px 0;
}

/* shipping indicator (no emoji): small gold dot */
.woocommerce-cart .cart_totals tr.shipping th,
.woocommerce-cart .cart_totals tr.shipping td{
  position: relative;
}
.woocommerce-cart .cart_totals tr.shipping th{
  padding-left: 34px !important;
}
.woocommerce-cart .cart_totals tr.shipping th:before{
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translateY(-50%);
  border-radius: 99px;
  background: #C8A978;
  box-shadow: 0 0 10px rgba(200,169,120,.35);
}

/* ---- Proceed to checkout button: proper “not bubble” ---- */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  border-radius: 999px !important;
  padding: 14px 16px !important;
  background: #C8A978 !important;
  color: #0B1020 !important;
  font-weight: 800 !important;
  border: 1px solid rgba(0,0,0,.18) !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  filter: brightness(1.05);
}

/* ---- The “Diskreetsus …” rows equal spacing (your custom list/cards) ---- */
.noiatar-bullets li{
  margin: 10px 0 !important;
  line-height: 1.35 !important;
}
.noiatar-empty-right,
.noiatar-cart-page .noiatar-empty-right{
  display: block;
}

/* Mobile polish */
@media (max-width: 900px){
  .woocommerce-cart .noiatar-wrap{ max-width: 100% !important; padding: 18px 14px 60px !important; }
}
/* =========================
   NÕIATAR – Woo Blocks CART layout fix
   ========================= */

/* 1) Võta ära topelt "Ostukorv" (Blocki enda pealkiri) – jätab alles lehe H1 */
.wp-block-woocommerce-cart .wc-block-cart__title,
.wp-block-woocommerce-cart .wc-block-cart__heading {
  display: none !important;
}

/* 2) Tee kogu cart ala laiemaks + vähem tühja ruumi */
.wp-block-woocommerce-cart {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 18px 60px !important;
}

/* 3) Desktop: parem proportsioon, mitte väike kaart keskel */
@media (min-width: 960px) {
  .wp-block-woocommerce-cart .wc-block-cart__form {
    display: flex !important;
    gap: 26px !important;
    align-items: flex-start !important;
  }
  .wp-block-woocommerce-cart .wc-block-cart__main {
    flex: 1 1 62% !important;
    min-width: 0 !important;
  }
  .wp-block-woocommerce-cart .wc-block-cart__sidebar {
    flex: 0 0 38% !important;
    min-width: 0 !important;
  }
}

/* 4) KOGUS +/- – sunni nähtavaks (paljud teemad peidavad) */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* - / + nupud ilma “mullita” */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector button {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: none !important;
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector button:hover{
  background: rgba(255,255,255,.07) !important;
}

/* koguse input tume + valge tekst */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector input {
  width: 62px !important;
  height: 42px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.92) !important;
  text-align: center !important;
}

/* 5) “Eemalda” – ära kasuta X mullikest */
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: rgba(255,255,255,.85) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link svg{
  display:none !important; /* peida X ikoon */
}
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link::after{
  content: "Eemalda toode";
}

/* 6) Kupondi input – tume taust + valge tekst (mitte valge kast) */
.wp-block-woocommerce-cart .wc-block-components-coupon-code input,
.wp-block-woocommerce-cart .wc-block-components-text-input input {
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.92) !important;
  border-radius: 14px !important;
}
.wp-block-woocommerce-cart .wc-block-components-text-input input::placeholder{
  color: rgba(255,255,255,.55) !important;
}

/* 7) “Ostukorvi summad” spacing – rohkem õhku */
.wp-block-woocommerce-cart .wc-block-components-totals-wrapper > *{
  margin-top: 12px !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-item{
  padding: 14px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.04) !important;
}

/* 8) Tarne rida: kuldne “märgike” */
.wp-block-woocommerce-cart .wc-block-components-totals-item--shipping
.wc-block-components-totals-item__label{
  position: relative !important;
  padding-left: 18px !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-item--shipping
.wc-block-components-totals-item__label::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:99px;
  background:#C8A978;
  box-shadow: 0 0 10px rgba(200,169,120,.35);
}

/* 9) “Mine maksma” nupp – korralik, mitte “mini mull” */
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button{
  border-radius: 999px !important;
  padding: 14px 18px !important;
  background: #C8A978 !important;
  color: #0B1020 !important;
  font-weight: 800 !important;
  border: 1px solid rgba(0,0,0,.18) !important;
}

/* 10) Mobiil: stack ja korralik vahe */
@media (max-width: 959px){
  .wp-block-woocommerce-cart .wc-block-cart__form{
    display:block !important;
  }
  .wp-block-woocommerce-cart .wc-block-cart__sidebar{
    margin-top: 18px !important;
  }
}
/* =========================
   NÕIATAR – Woo Blocks Cart polish
   ========================= */

/* 1) Võta maha Blocki enda H2 “Ostukorv” (et ei oleks topelt pealkirja) */
body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__heading,
body.woocommerce-cart .wp-block-woocommerce-cart h2.wc-block-cart__heading {
  display: none !important;
}

/* 2) Vähenda "tühja ruumi" + tee konteiner laiemaks */
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .wp-block-woocommerce-checkout {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 24px 20px 80px !important;
}

/* Kui sinu teemas on entry-content/max-width, siis vabasta cart/checkout */
body.woocommerce-cart .entry-content,
body.woocommerce-checkout .entry-content {
  max-width: none !important;
}

/* 3) Cart grid – parem proportsioon */
body.woocommerce-cart .wc-block-cart {
  gap: 28px !important;
}
body.woocommerce-cart .wc-block-cart__main {
  flex: 1 1 62% !important;
  min-width: 0 !important;
}
body.woocommerce-cart .wc-block-cart__sidebar {
  flex: 0 0 38% !important;
  max-width: 420px !important;
}

/* 4) Toote kirjeldus/metadata (mitte vaja cartis) */
body.woocommerce-cart .wc-block-components-product-metadata__description,
body.woocommerce-cart .wc-block-components-product-metadata__description * {
  display: none !important;
}

/* 5) Eemalda X-mull ja tee tekst “Eemalda toode” */
body.woocommerce-cart .wc-block-cart-item__remove-link {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-top: 10px !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  opacity: 0.9 !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link svg,
body.woocommerce-cart .wc-block-cart-item__remove-link .wc-block-components-button__text {
  display: none !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link::before {
  content: "Eemalda toode" !important;
}

/* 6) Quantity – ühe “pilli” sees, mitte eraldi mullid */
body.woocommerce-cart .wc-block-components-quantity-selector {
  border: 1px solid rgba(255,255,255,0.14) !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  padding: 0 !important;
  height: 42px !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button {
  background: transparent !important;
  border: 0 !important;
  width: 42px !important;
  height: 42px !important;
  color: #fff !important;
  opacity: 0.9 !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button:first-child {
  border-right: 1px solid rgba(255,255,255,0.12) !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button:last-child {
  border-left: 1px solid rgba(255,255,255,0.12) !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input {
  background: transparent !important;
  border: 0 !important;
  width: 52px !important;
  height: 42px !important;
  color: #fff !important;
  text-align: center !important;
  font-weight: 700 !important;
}

/* 7) Kupongi input – tume taust + valge tekst (et näeks, mida kirjutad) */
body.woocommerce-cart .wc-block-components-text-input input,
body.woocommerce-cart .wc-block-components-text-input input:focus,
body.woocommerce-cart input.wc-block-components-text-input__input {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: none !important;
}
body.woocommerce-cart .wc-block-components-text-input input::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

/* 8) Sidebar totals spacing – ühtlane */
body.woocommerce-cart .wc-block-components-totals-wrapper,
body.woocommerce-cart .wc-block-components-totals-item {
  margin-top: 14px !important;
}
body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-item__value {
  font-weight: 700 !important;
}
body.woocommerce-cart .wc-block-components-totals-item {
  padding: 14px 16px !important;
}

/* 9) Proceed button – täislai ja “kast” */
body.woocommerce-cart .wc-block-cart__submit-container,
body.woocommerce-cart .wc-block-cart__submit-button {
  width: 100% !important;
}
body.woocommerce-cart .wc-block-cart__submit-button {
  border-radius: 16px !important;
  padding: 14px 16px !important;
  font-weight: 800 !important;
}

/* 10) Mobiil – stack + normaalne spacing */
@media (max-width: 900px) {
  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart__sidebar {
    max-width: none !important;
    flex: 1 1 100% !important;
  }
  body.woocommerce-cart .wc-block-cart {
    gap: 18px !important;
  }
}

/* =========================================================
   NOIATAR FIX: Alamkategooria kaardi tekst loetavamaks
   - töötab nii desktopis kui telefonis
   - hoiab pildi + tumeda gradient-overlay + "caption" bar
   ========================================================= */
.woocommerce ul.products li.product-category a,
.woocommerce-page ul.products li.product-category a{
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 22px !important;
}

.woocommerce ul.products li.product-category a::before,
.woocommerce-page ul.products li.product-category a::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(6,10,20,0.05) 0%, rgba(6,10,20,0.55) 62%, rgba(6,10,20,0.80) 100%);
  pointer-events: none;
  z-index: 1;
}

.woocommerce ul.products li.product-category img,
.woocommerce-page ul.products li.product-category img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 22px !important;
  transform: translateZ(0);
}

.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title{
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 14px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: rgba(12, 18, 32, 0.72) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #EDEDED !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase;
  font-size: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  z-index: 2 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.65) !important;
}

.woocommerce ul.products li.product-category .woocommerce-loop-category__title mark.count,
.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title mark.count{
  background: rgba(200, 169, 120, 0.22) !important;
  color: #C8A978 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-weight: 850 !important;
  font-size: 13px !important;
}

@media (max-width: 768px){
  .woocommerce ul.products li.product-category .woocommerce-loop-category__title,
  .woocommerce-page ul.products li.product-category .woocommerce-loop-category__title{
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    padding: 11px 12px !important;
    font-size: 15px !important;
  }
}

/* =====================================================
   FIXES: Product cards title overflow + category label visibility
   (added 2026-01-23)
   ===================================================== */

/* Product grid: keep long titles readable and stop layout overlap */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
  min-height: calc(1.25em * 2);
  margin-bottom: 10px;
}

/* Hide any accidental short-description/excerpt in product cards */
.woocommerce ul.products li.product .woocommerce-product-details__short-description,
.woocommerce ul.products li.product .woocommerce-product__short-description,
.woocommerce ul.products li.product .short-description {
  display: none !important;
}

/* Ensure price + button sit consistently below the title */
.woocommerce ul.products li.product .price { margin-top: 0; }
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button { margin-top: 12px; }

/* Category cards (custom shop grid): make the label readable */
.noitar-cat-card .noitar-cat-name,
.noitar-cat-card .noitar-cat-title {
  color: rgba(215,180,106,0.98) !important;
  text-shadow: 0 1px 10px rgba(0,0,0,0.6);
}

.noitar-cat-card .noitar-cat-bottom {
  background: rgba(11,16,32,0.55) !important;
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* Subcategory loop title (if Woo renders it): make sure it's not hidden */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  display: block !important;
  color: rgba(215,180,106,0.98) !important;
  text-shadow: 0 1px 10px rgba(0,0,0,0.6);
}


/* ==============================
   v24 – Desktop title + subcategory readability fixes
   ============================== */

/* Make subcategory tile caption readable (desktop + mobile) */
.noitar-cat .noitar-cat-bottom{
  background: linear-gradient(180deg, rgba(11,16,32,0.00) 0%, rgba(11,16,32,0.72) 55%, rgba(11,16,32,0.88) 100%) !important;
}
.noitar-cat .noitar-cat-caption{
  color: rgba(245,241,232,0.96) !important;
  text-shadow: 0 1px 10px rgba(0,0,0,0.55) !important;
}
.noitar-cat .noitar-cat-name{
  color: #F5F1E8 !important;
  letter-spacing: 0.06em !important;
  font-weight: 700 !important;
}
.noitar-cat .noitar-cat-count{
  color: #D7B46A !important;
  background: rgba(11,16,32,0.65) !important;
  border: 1px solid rgba(215,180,106,0.35) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

/* Product card title: allow more lines on desktop so long names fit */
@media (min-width: 980px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 22px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 3 !important;
    min-height: calc(1.22em * 3) !important;
  }
}

/* Ensure title never gets hidden by other elements */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  position: relative !important;
  z-index: 2 !important;
}


/* ==============================
   v24 – Desktop title + subcategory readability fixes
   ============================== */

/* Subcategory / category cards: make bottom caption readable */
.noitar-cat,
.noitar-category-card{
  overflow: hidden;
}

.noitar-cat-caption,
.noitar-category-card .noitar-cat-caption,
.woocommerce .noitar-cat-caption{
  color: rgba(246, 241, 232, 0.95) !important;
  background: linear-gradient(180deg, rgba(11,16,32,0.00) 0%, rgba(11,16,32,0.55) 55%, rgba(11,16,32,0.78) 100%) !important;
}

.noitar-cat-name,
.noitar-category-card .noitar-cat-name,
.woocommerce .noitar-cat-name{
  color: #F6F1E8 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 1px 10px rgba(0,0,0,0.55);
}

.noitar-cat-count,
.noitar-category-card .noitar-cat-count,
.woocommerce .noitar-cat-count{
  color: #D7B46A !important;
  border-color: rgba(215, 180, 106, 0.65) !important;
  background: rgba(11,16,32,0.35) !important;
}

/* Ensure caption row has enough contrast even if some other CSS overrides it */
.noitar-cat-bottom{
  background: rgba(11,16,32,0.10);
}

/* Product grid: allow longer titles on desktop */
@media (min-width: 980px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    line-height: 1.2 !important;
    min-height: 3.6em !important; /* ~3 lines */
  }
}
/* ================================
   NÕIATAR – FINAL OVERRIDES
   ================================ */

/* 1) Alamkategooria kaardi caption (nimi + count) loetavaks */
.noitar-cat-caption{
  background: rgba(10,16,32,0.78) !important;
  border-top: 1px solid rgba(215,180,106,0.18) !important;
  backdrop-filter: blur(8px);
}

.noitar-cat-caption .noitar-cat-name{
  color: rgba(245,242,235,0.98) !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  text-shadow: 0 6px 18px rgba(0,0,0,.65);
}

.noitar-cat-caption .noitar-cat-count{
  background: rgba(215,180,106,0.12) !important;
  border: 1px solid rgba(215,180,106,0.35) !important;
  color: rgba(215,180,106,0.98) !important;
  font-weight: 700 !important;
}

/* 2) PIKAD tootenimed – anna rohkem ridu + ära lõhu layouti */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
  white-space: normal !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important; /* 4 rida = ka “mega” nimed mahuvad paremini */
  line-height: 1.12 !important;
  min-height: 4.48em !important; /* 4 * 1.12em */
}

/* Kui mõni plugin/teema lisab loopi kirjeldust, peida ära (see tekitab “sodi”) */
.woocommerce ul.products li.product .woocommerce-product-details__short-description,
.woocommerce ul.products li.product .woocommerce-loop-product__description,
.woocommerce ul.products li.product .product-excerpt,
.woocommerce ul.products li.product .short-description{
  display: none !important;
}
/* === ALAMKATEGOORIA KAARDI TEKST LOETAVAKS (Woo subcategories) === */
.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category{
  position: relative;
}

.woocommerce ul.products li.product-category > a,
.woocommerce-page ul.products li.product-category > a{
  display:block;
  position:relative;
  border-radius: 26px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(14,20,35,.30);
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
}

/* Pilt */
.woocommerce ul.products li.product-category > a img,
.woocommerce-page ul.products li.product-category > a img{
  display:block;
  width:100%;
  height:auto;
}

/* Pealkiri – pane loetavaks + “gold” */
.woocommerce ul.products li.product-category > a .woocommerce-loop-category__title,
.woocommerce-page ul.products li.product-category > a .woocommerce-loop-category__title{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  position:absolute;
  left:0; right:0; bottom:0;
  margin:0 !important;
  padding: 16px 18px;

  color: #F6F1E8 !important;
  font-weight: 600;
  letter-spacing: .10em;
  text-transform: uppercase;

  /* gradient bar, et tekst oleks alati loetav */
  background: linear-gradient(
    180deg,
    rgba(10,15,28,0) 0%,
    rgba(10,15,28,.70) 55%,
    rgba(10,15,28,.92) 100%
  );

  text-shadow: 0 2px 18px rgba(0,0,0,.65);
}

/* Count badge (7) */
.woocommerce ul.products li.product-category > a .woocommerce-loop-category__title mark.count,
.woocommerce-page ul.products li.product-category > a .woocommerce-loop-category__title mark.count{
  background: rgba(215,180,106,.16) !important;
  color: #D7B46A !important;
  border: 1px solid rgba(215,180,106,.35);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1;
}

/* Hover ainult desktopil */
@media (hover:hover){
  .woocommerce ul.products li.product-category > a:hover,
  .woocommerce-page ul.products li.product-category > a:hover{
    transform: translateY(-2px);
    border-color: rgba(215,180,106,.35);
  }
}
/* ====== Alamkategooria kaardid (Woo product categories) ====== */
body.tax-product_cat .woocommerce ul.products li.product-category,
body.tax-product_cat .woocommerce-page ul.products li.product-category{
  position: relative;
}

body.tax-product_cat .woocommerce ul.products li.product-category a{
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
}

/* tumedam gradient, et tekst oleks alati loetav */
body.tax-product_cat .woocommerce ul.products li.product-category a::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:44%;
  background: linear-gradient(to top, rgba(11,16,32,.92), rgba(11,16,32,0));
  pointer-events:none;
}

/* alamkategooria nimi */
body.tax-product_cat .woocommerce ul.products li.product-category .woocommerce-loop-category__title{
  color:#D7B46A !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  text-shadow: 0 1px 14px rgba(0,0,0,.65);
}

/* count mullike (7) — loetavaks, kuldseks */
body.tax-product_cat .woocommerce ul.products li.product-category .woocommerce-loop-category__title mark.count{
  background: rgba(0,0,0,.35) !important;
  color:#D7B46A !important;
  border: 1px solid rgba(215,180,106,.35);
  border-radius: 999px;
  padding: .18em .6em;
  margin-left: .55em;
  font-weight: 700;
}
/* NOIATAR subcategory caption – loetavaks + premium */
.noitar-cat-caption{
  background: rgba(11,16,32,0.78) !important;
  border-top: 1px solid rgba(215,180,106,0.22) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;

  opacity: 1 !important;
  visibility: visible !important;
}

.noitar-cat-name{
  color: rgba(245,241,232,0.98) !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.75) !important;

  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: currentColor !important;
}

.noitar-cat-count{
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(215,180,106,0.16) !important;
  border: 1px solid rgba(215,180,106,0.40) !important;
  color: rgba(245,241,232,0.98) !important;
  font-weight: 900 !important;

  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: currentColor !important;
}
/* 1) Tõsta kogu caption täis nähtavaks (kõige sagedasem probleem) */
html body .noitar-cat-caption,
html body .noitar-cat-caption *{
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  mix-blend-mode: normal !important;
}

/* 2) SUNNI tekstivärv (ka siis kui kuskil on -webkit-text-fill-color) */
html body .noitar-cat-caption .noitar-cat-name{
  color: #F6F1E8 !important;
  -webkit-text-fill-color: #F6F1E8 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.45) !important; /* loetavam */
}

/* 3) Number badge + number kuldseks */
html body .noitar-cat-caption .noitar-cat-count{
  color: #D7B46A !important;
  -webkit-text-fill-color: #D7B46A !important;
  background: rgba(11,16,32,.70) !important;
  border: 1px solid rgba(215,180,106,.45) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.25) !important;
}
html body .noitar-cat-caption{
  position: relative !important;
  z-index: 5 !important;
}
/* 1) ALAMKATEGOORIA KAARDI PILT: ära jäta "õhku" pildi alla */
.woocommerce ul.products li.product-category a img,
.noitar-cat-card img,
.noitar-cat-thumb img,
.noitar-cat-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 18px 18px 0 0; /* ülemine nurk */
}

/* Kui sul on pildi wrapper, siis lõika üle ja nulli padding */
.noitar-cat-thumb,
.noitar-cat-image,
.woocommerce ul.products li.product-category a {
  overflow: hidden;
}

/* 2) CAPTION ala: loetavaks + joon täpselt vastu pilti */
.noitar-cat-caption,
.woocommerce-loop-category__title {
  position: relative;
  z-index: 2;
  margin: 0 !important;
  padding: 14px 16px !important;

  /* tugevam tume gradient, et tekst oleks loetav */
  background: linear-gradient(
    180deg,
    rgba(10,16,32,0.15) 0%,
    rgba(10,16,32,0.72) 55%,
    rgba(10,16,32,0.90) 100%
  ) !important;

  border-top: 1px solid rgba(255,255,255,0.10) !important; /* “joon” pildi all */
}

/* 3) Nimi ja count: heledamaks + kuldne aktsent */
.noitar-cat-caption .noitar-cat-name,
.woocommerce-loop-category__title {
  color: rgba(255,255,255,0.92) !important;
  text-shadow: 0 1px 10px rgba(0,0,0,0.55);
}

.noitar-cat-caption .noitar-cat-count,
.woocommerce-loop-category__title .count {
  color: #D7B46A !important;
  background: rgba(215,180,106,0.14) !important;
  border: 1px solid rgba(215,180,106,0.35) !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
}

/* 4) Kui kuskil on lisamull/overlay, mis teeb teksti tumedaks */
.noitar-cat-caption * {
  position: relative;
  z-index: 3;
}
.woocommerce ul.products li.product-category,
.noitar-cat-card {
  padding: 0 !important;
}

.woocommerce ul.products li.product-category a {
  padding: 0 !important;
  display: block;
}
.noiatar-ticker{
  position: sticky;
  top: auto;               /* kui tahad, et oleks koguaeg üleval */
  z-index: 9999;
  background: rgba(11,16,32,0.92);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}

.noiatar-ticker__inner{
  display: flex;
  gap: 48px;
  white-space: nowrap;
  will-change: transform;

  /* 👇 oluline: lükkab alguse paremale (off-screen) */
  padding-left: 100%;
  animation: noiatar-marquee 18s linear infinite;

  padding-top: 10px;
  padding-bottom: 10px;
}

.noiatar-ticker__text{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  letter-spacing: 0.6px;
  color: rgba(255,255,255,0.92);
}

.noiatar-ticker__text strong{
  color: #D7B46A;
  font-weight: 700;
}

@keyframes noiatar-marquee{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}


/* mobiilis veidi aeglasem / loetavam */
@media (max-width: 768px){
  .noiatar-ticker__inner{ animation-duration: 22s; }
  .noiatar-ticker__text{ font-size: 13px; }
}

/* kasutaja eelistus: reduce motion */
@media (prefers-reduced-motion: reduce){
  .noiatar-ticker__inner{ animation: none; }
}
/* Noiatar Giftcard layout fix */
.single-product .noiatar-gc-fields{
  width: 100%;
  max-width: 520px;
  box-sizing: border-box;
}

.single-product form.cart{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

/* Kui teema paneb quantity ja button kõrvuti, tõsta alla */
.single-product form.cart .quantity,
.single-product form.cart .single_add_to_cart_button{
  margin: 0;
}