/* ==========================================================================
   Organic Wealth — redesign theme
   New header + homepage styling. Namespaced with "ow-" to avoid collisions
   with the existing Bootstrap-based site styles (global.css / global_1.css).
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=Karla:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap");

:root{
  --ow-paper:#FFFFFF;
  --ow-paper-alt:#F2F6EA;
  --ow-card:#FFFFFF;
  --ow-ink:#1B2416;
  --ow-ink-soft:#5B6350;
  --ow-field:#2A9A2E;
  --ow-field-deep:#1B6E1F;
  --ow-field-tint:#E1F3DE;
  --ow-turmeric:#F5901E;
  --ow-turmeric-deep:#D97612;
  --ow-turmeric-tint:#FDE7C4;
  --ow-soil:#3E2C1C;
  --ow-chili:#E14B34;
  --ow-chili-deep:#B83A26;
  --ow-chili-tint:#FBDCD3;
  --ow-border:rgba(27,36,22,0.11);
  --ow-shadow:rgba(20,30,15,0.13);
}

a{color:inherit;text-decoration:none;}
.ow-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.ow-mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;}
.ow-shell{max-width:1680px;margin-inline:auto;}
.ow-pad{padding-inline:clamp(16px,2.2vw,28px);}

/* ---------- Top utility bar ---------- */
.ow-topbar{background:var(--ow-soil);color:var(--ow-paper);font-family:"Karla",sans-serif;}
.ow-topbar-row{max-width:1680px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px clamp(16px,2.2vw,28px);font-size:15px;}
.ow-topbar-row .ow-links{display:flex;gap:18px;}
.ow-topbar-row .ow-links a{opacity:.85;color:inherit;text-decoration:none;}
.ow-topbar-row .ow-links a:hover{opacity:1;}
.ow-topbar-row .ow-r{opacity:.85;font-family:"IBM Plex Mono",monospace;font-size:16px;}
@media (max-width:760px){.ow-topbar-row .ow-links{display:none;}}

/* ---------- Header ---------- */
.ow-sticky-head{position:sticky;top:0;z-index:1040;box-shadow:0 1px 0 var(--ow-border);}
.ow-header{background:var(--ow-paper);font-family:"Karla",sans-serif;}
.ow-header-row{padding-block:14px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.ow-brand{display:flex;align-items:center;gap:11px;text-decoration:none;}
.ow-brand-mark{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.ow-brand-mark img{width:100%;height:100%;object-fit:contain;}
.ow-brand-name{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:20.5px;letter-spacing:-.01em;color:var(--ow-field);}
.ow-brand-name em{font-style:normal;color:var(--ow-turmeric-deep);}

.ow-search-box{
  display:flex;align-items:center;gap:10px;background:var(--ow-paper-alt);
  border:1px solid var(--ow-border);border-radius:999px;padding:11px 18px;
  flex:1;max-width:480px;margin-inline:28px;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease;
}
.ow-search-box svg{transition:color .2s ease,transform .2s ease;color:var(--ow-ink-soft);flex-shrink:0;}
.ow-search-box:hover{border-color:color-mix(in srgb, var(--ow-field) 40%, var(--ow-border));}
.ow-search-box:focus-within{
  background:var(--ow-card);border-color:var(--ow-field);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--ow-field) 14%, transparent),0 8px 18px -10px var(--ow-shadow);
  transform:translateY(-1px);
}
.ow-search-box:focus-within svg{color:var(--ow-field);transform:scale(1.08);}
.ow-search-box input{border:none;background:none;outline:none;color:var(--ow-ink);font-family:"Karla",sans-serif;font-size:15px;width:100%;}
.ow-search-box button{display:flex;flex-shrink:0;color:var(--ow-ink-soft);}

.ow-head-actions{display:flex;align-items:center;gap:10px;}
.ow-icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--ow-border);background:var(--ow-card);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;cursor:pointer;transition:border-color .15s ease,transform .15s ease;text-decoration:none;}
.ow-icon-btn:hover{border-color:var(--ow-field);transform:translateY(-1px);}
.ow-icon-btn svg{color:var(--ow-ink);}
.ow-badge{position:absolute;top:-4px;right:-4px;background:var(--ow-chili);color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 3px;font-family:"IBM Plex Mono",monospace;}
.ow-badge:empty,.ow-badge[data-count="0"]{display:none;}
@keyframes owBadgePop{0%{transform:scale(1);}45%{transform:scale(1.32);}100%{transform:scale(1);}}

/* Click feedback for wishlist heart buttons (product cards + PDP) */
@keyframes owHeartPop{0%{transform:scale(1);}35%{transform:scale(1.4);}60%{transform:scale(0.88);}100%{transform:scale(1);}}
.ow-pop{animation:owHeartPop .4s cubic-bezier(.34,1.56,.64,1);}

.ow-hdrop{position:relative;}
.ow-hdrop:hover .ow-icon-btn,.ow-hdrop:focus-within .ow-icon-btn,.ow-hdrop.open .ow-icon-btn{border-color:var(--ow-turmeric);background:var(--ow-turmeric-tint);transform:translateY(-1px);}
.ow-hdrop-panel{
  position:absolute;top:100%;right:0;padding-top:14px;width:280px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;z-index:55;
}
.ow-hdrop:hover .ow-hdrop-panel,.ow-hdrop:focus-within .ow-hdrop-panel,.ow-hdrop.open .ow-hdrop-panel{opacity:1;visibility:visible;pointer-events:auto;}
.ow-hdrop-card{
  background:var(--ow-card);border:1px solid var(--ow-border);border-radius:16px;
  box-shadow:0 26px 48px -20px var(--ow-shadow);padding:18px;position:relative;
  transform:translateY(6px);transition:transform .22s cubic-bezier(.2,.8,.25,1);
}
.ow-hdrop:hover .ow-hdrop-card,.ow-hdrop:focus-within .ow-hdrop-card,.ow-hdrop.open .ow-hdrop-card{transform:translateY(0);}
.ow-hdrop-card::before{
  content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:var(--ow-card);
  border-left:1px solid var(--ow-border);border-top:1px solid var(--ow-border);transform:rotate(45deg);
}
.ow-hdrop-item{
  display:flex;align-items:center;gap:11px;padding:10px 8px;border-radius:9px;
  font-size:14.5px;font-weight:600;color:var(--ow-ink);text-decoration:none;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.ow-hdrop-item svg{width:16px;height:16px;color:var(--ow-ink-soft);flex-shrink:0;transition:color .15s ease;}
.ow-hdrop-item:hover{background:var(--ow-paper-alt);color:var(--ow-field-deep);transform:translateX(4px);}
.ow-hdrop-item:hover svg{color:var(--ow-field);}
.ow-hdrop-sep{height:1px;background:var(--ow-border);margin:8px 0;}
.ow-hdrop-greet{font-size:15px;color:var(--ow-ink-soft);margin-bottom:12px;}
.ow-hdrop-greet strong{color:var(--ow-ink);}
.ow-hdrop-panel.wide{width:330px;}
.ow-hdrop-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:15px;color:var(--ow-ink);margin-bottom:12px;}
.ow-hdrop-head span.ow-mono{font-weight:600;font-size:14px;color:var(--ow-ink-soft);}
.ow-mini-item{display:flex;align-items:center;gap:11px;padding:8px 6px;border-radius:10px;transition:background .15s ease;text-decoration:none;}
.ow-mini-item:hover{background:var(--ow-paper-alt);}
.ow-mini-thumb{width:42px;height:42px;border-radius:10px;flex-shrink:0;overflow:hidden;background:var(--ow-paper-alt);display:flex;align-items:center;justify-content:center;}
.ow-mini-thumb img{width:100%;height:100%;object-fit:cover;}
.ow-mini-info{flex:1;min-width:0;display:flex;flex-direction:column;}
.ow-mini-info .n{font-size:14.5px;font-weight:600;color:var(--ow-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ow-mini-info .q{font-size:13px;color:var(--ow-ink-soft);}
.ow-mini-price{font-size:14.5px;font-weight:600;flex-shrink:0;color:var(--ow-ink);}
.ow-mini-subtotal{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:15px;color:var(--ow-ink);margin:10px 2px;}
.ow-hdrop-actions{display:flex;gap:10px;margin-top:6px;}
.ow-hdrop-actions a{flex:1;text-align:center;padding:11px;border-radius:10px;font-size:14.5px;font-weight:700;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.ow-ha-outline{border:1px solid var(--ow-border);color:var(--ow-ink);}
.ow-ha-outline:hover{border-color:var(--ow-field);color:var(--ow-field-deep);}
.ow-ha-solid{background:var(--ow-field);color:#fff;}
.ow-ha-solid:hover{background:var(--ow-field-deep);color:#fff;}
.ow-hdrop-cta{display:block;text-align:center;margin-top:4px;padding:11px;border-radius:10px;background:var(--ow-turmeric);color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;transition:background .15s ease;}
.ow-hdrop-cta:hover{background:var(--ow-turmeric-deep);color:#fff;}
.ow-acct-trigger{width:auto !important;padding:0 16px 0 13px;border-radius:999px;gap:8px;}
.ow-acct-trigger span{font-size:15.5px;font-weight:700;white-space:nowrap;color:var(--ow-field-deep);}
@media (max-width:520px){.ow-acct-trigger span{display:none;}.ow-acct-trigger{padding:0;width:42px !important;}}
@media (max-width:480px){
  .ow-header-row{gap:10px;}
  .ow-brand{gap:8px;}
  .ow-brand-mark{width:32px;height:32px;}
  .ow-brand-name{font-size:16.5px;}
  .ow-head-actions{gap:6px;}
  .ow-icon-btn{width:37px;height:37px;}
  .ow-acct-trigger{width:37px !important;}
}

@media (max-width:760px){
  .ow-hdrop-panel{display:none;position:fixed;top:0;left:0;right:auto;padding-top:0;width:min(88vw,320px);z-index:1090;}
  .ow-hdrop-panel.wide{width:min(88vw,340px);}
  .ow-hdrop.open .ow-hdrop-panel{display:block;}
}

.ow-nav-toggle{display:none;}
.ow-mobile-search-panel{display:none;}
@media (max-width:760px){
  .ow-search-box{display:none;}
  .ow-nav-toggle{display:flex;}
  .ow-mobile-search-panel{display:block;padding-bottom:14px;}
  .ow-cat-nav{display:none;}
}
.ow-msp-box{
  display:flex;align-items:center;gap:10px;background:var(--ow-paper-alt);border:1px solid var(--ow-border);
  border-radius:999px;padding:11px 18px;width:100%;
}
.ow-msp-box svg{color:var(--ow-ink-soft);flex-shrink:0;}
.ow-msp-box input{border:none;background:none;outline:none;color:var(--ow-ink);font-family:"Karla",sans-serif;font-size:15.5px;width:100%;}
.ow-msp-box button{display:flex;flex-shrink:0;color:var(--ow-ink-soft);}

/* ---------- Mobile category drawer ---------- */
.ow-mobile-cat-backdrop{display:none;position:fixed;inset:0;background:rgba(20,25,15,.5);z-index:1080;opacity:0;transition:opacity .25s ease;}
.ow-mobile-cat-backdrop.open{display:block;opacity:1;}
.ow-mobile-cat-drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(84vw,340px);background:var(--ow-card);z-index:1085;
  transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.25,1);overflow-y:auto;
  box-shadow:-20px 0 40px -20px rgba(0,0,0,.3);font-family:"Karla",sans-serif;
}
.ow-mobile-cat-drawer.open{transform:translateX(0);}
.ow-mcd-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--ow-border);position:sticky;top:0;background:var(--ow-card);z-index:1;}
.ow-mcd-title{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:18px;color:var(--ow-ink);}
.ow-mcd-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ow-ink-soft);transition:background .15s ease;flex-shrink:0;border:none;background:none;}
.ow-mcd-close:hover{background:var(--ow-paper-alt);}
.ow-mcd-close svg{width:16px;height:16px;}
.ow-mcd-body{padding:10px 12px 30px;}
.ow-mcd-link{
  display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 12px;
  font-size:16px;font-weight:600;color:var(--ow-ink);border-radius:10px;text-align:left;text-decoration:none;
  border:none;background:none;font-family:inherit;cursor:pointer;appearance:none;
}
.ow-mcd-link:hover{background:var(--ow-paper-alt);}
.ow-mcd-chevron{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease;color:var(--ow-ink-soft);}
.ow-mcd-group.open>.ow-mcd-link .ow-mcd-chevron{transform:rotate(180deg);}
.ow-mcd-sublist{max-height:0;overflow:hidden;transition:max-height .35s ease;padding-left:14px;}
.ow-mcd-group.open>.ow-mcd-sublist{max-height:2000px;}
.ow-mcd-sublist a.ow-mcd-link{font-size:15px;font-weight:500;color:var(--ow-ink-soft);}
.ow-mcd-sublist a.ow-mcd-link:hover{background:var(--ow-paper-alt);color:var(--ow-field-deep);}
.ow-mcd-subgroup .ow-mcd-link{font-size:15px;font-weight:600;color:var(--ow-ink);}
.ow-mcd-subsublist{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:14px;}
.ow-mcd-subgroup.open>.ow-mcd-subsublist{max-height:900px;}
.ow-mcd-subsublist a.ow-mcd-link{font-size:14.5px;font-weight:500;color:var(--ow-ink-soft);padding:11px 12px;}
.ow-mcd-foot{padding:16px 20px;border-top:1px solid var(--ow-border);}

/* ---------- Category nav (desktop) ---------- */
.ow-cat-nav{background:var(--ow-field);color:#fff;font-family:"Karla",sans-serif;}
.ow-cat-nav-row{max-width:1680px;margin-inline:auto;padding-inline:clamp(16px,2.2vw,28px);display:flex;align-items:stretch;gap:2px;scrollbar-width:none;}
@media (max-width:1080px){.ow-cat-nav-row{overflow-x:auto;}}
.ow-cat-nav-row::-webkit-scrollbar{display:none;}
.ow-cat-nav-item{position:relative;}
.ow-cat-nav-item>a{display:flex;align-items:center;gap:7px;padding:12px 16px;font-size:16px;font-weight:600;white-space:nowrap;opacity:.94;border-bottom:2px solid transparent;transition:opacity .15s ease,border-color .15s ease,background .15s ease;color:#fff;text-decoration:none;}
.ow-cat-nav-item>a:hover{opacity:1;border-color:var(--ow-turmeric);}
.ow-cat-nav-item>a.current{opacity:1;border-color:var(--ow-turmeric);background:var(--ow-field-deep);}
.ow-cat-all{background:var(--ow-field-deep);}
.ow-cat-nav-item .ow-chevron{width:11px;height:11px;transition:transform .2s ease;flex-shrink:0;}
.ow-cat-nav-item:hover .ow-chevron,.ow-cat-nav-item:focus-within .ow-chevron{transform:rotate(180deg);}

.ow-cat-dropdown{
  position:absolute;top:100%;left:0;padding-top:10px;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;z-index:60;min-width:260px;
}
.ow-cat-nav-item:hover .ow-cat-dropdown,.ow-cat-nav-item:focus-within .ow-cat-dropdown{opacity:1;visibility:visible;pointer-events:auto;}
.ow-cat-dropdown-card{
  background:var(--ow-card);border:1px solid var(--ow-border);border-radius:14px;
  box-shadow:0 30px 54px -22px var(--ow-shadow);padding:14px;color:var(--ow-ink);
}
.ow-cat-dropdown-card a.ow-cat-link{
  display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;
  font-size:14.5px;font-weight:600;color:var(--ow-ink);white-space:nowrap;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.ow-cat-dropdown-card a.ow-cat-link:hover{background:var(--ow-turmeric-tint);color:var(--ow-turmeric-deep);transform:translateX(3px);}
.ow-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.ow-cat-dropdown.mega .ow-cat-dropdown-card{min-width:620px;padding:16px;}
.ow-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 10px;}
.ow-mega-col{padding:8px;border-radius:10px;transition:background .15s ease;}
.ow-mega-col:hover{background:var(--ow-paper-alt);}
.ow-mega-col-head{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14.5px;color:var(--ow-ink);padding:6px 4px;text-decoration:none;}
.ow-mega-col-head svg{width:16px;height:16px;color:var(--ow-field);flex-shrink:0;}
.ow-mega-sub{display:block;padding:6px 4px 6px 25px;font-size:14.5px;font-weight:500;color:var(--ow-ink-soft);text-decoration:none;}
.ow-mega-sub:hover{color:var(--ow-field-deep);}
.ow-view-all{display:inline-flex;align-items:center;gap:6px;padding:6px 4px 2px 25px;font-size:13.5px;font-weight:700;color:var(--ow-turmeric-deep);text-decoration:none;}
.ow-view-all:hover{text-decoration:underline;}
.ow-mega-banner{width:100%;height:100%;min-height:180px;border-radius:10px;object-fit:cover;}
@media (max-width:1200px){.ow-cat-dropdown.mega .ow-cat-dropdown-card{min-width:460px;}.ow-mega-grid{grid-template-columns:repeat(2,1fr);}}

/* ==========================================================================
   Homepage sections
   ========================================================================== */

.ow-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ow-card);border:1px solid var(--ow-border);border-radius:18px;box-shadow:0 16px 32px -22px var(--ow-shadow);overflow:hidden;font-family:"Karla",sans-serif;}
.ow-trust-item{padding:20px 18px;display:flex;gap:13px;align-items:center;border-right:1px solid var(--ow-border);}
.ow-trust-item:last-child{border-right:none;}
.ow-trust-icon{width:42px;height:42px;border-radius:12px;background:var(--ow-field-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ow-trust-icon img{width:22px;height:22px;}
.ow-trust-item h3{font-family:"Bricolage Grotesque",sans-serif;font-size:15px;font-weight:700;color:var(--ow-ink);margin:0 0 3px;}
.ow-trust-item p{font-size:13.5px;color:var(--ow-ink-soft);margin:0;line-height:1.4;}
@media (max-width:980px){.ow-trust-strip{grid-template-columns:repeat(2,1fr);}.ow-trust-item{border-bottom:1px solid var(--ow-border);}}
@media (max-width:560px){.ow-trust-strip{grid-template-columns:1fr;}}

.ow-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;flex-wrap:wrap;font-family:"Karla",sans-serif;}
.ow-section-head h2,.ow-section-head h3{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(22px,3vw,29px);font-weight:700;color:var(--ow-ink);margin:0;}

#hero.hero{height:auto;background:none;margin-top:22px;}
/* Minimal structural CSS for the Swiper.js hero carousel — the library's own
   CSS bundle is no longer loaded, so this reproduces exactly what its JS needs. */
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;box-sizing:content-box;}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;}
.swiper-slide img{display:block;width:100%;}
.swiper-button-next,.swiper-button-prev{
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35 !important;cursor:auto;pointer-events:none;}
.swiper-button-prev{left:10px;}
.swiper-button-next{right:10px;}
.swiper-button-next:after,.swiper-button-prev:after{font-family:inherit;font-weight:700;}
.swiper-button-prev:after{content:"‹";}
.swiper-button-next:after{content:"›";}
.swiper-pagination{position:absolute;left:0;right:0;bottom:10px;z-index:10;display:flex;align-items:center;justify-content:center;gap:6px;}
.swiper-pagination-bullet{display:block;border-radius:999px;cursor:pointer;padding:0;border:none;}

.ow-hero-wrap{border-radius:20px;overflow:hidden;box-shadow:0 20px 40px -26px var(--ow-shadow);border:1px solid var(--ow-border);position:relative;}
.ow-hero-wrap .swiper-button-next,.ow-hero-wrap .swiper-button-prev{
  color:#fff;background:rgba(255,255,255,0.3);width:38px;height:38px;border-radius:50%;
  opacity:0;transition:opacity .25s ease,background .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1);
}
.ow-hero-wrap:hover .swiper-button-next,.ow-hero-wrap:hover .swiper-button-prev{opacity:1;}
.ow-hero-wrap .swiper-button-next:hover,.ow-hero-wrap .swiper-button-prev:hover{background:rgba(255,255,255,0.48);transform:scale(1.1);}
.ow-hero-wrap .swiper-button-next:after,.ow-hero-wrap .swiper-button-prev:after{font-size:22px;line-height:1;}
.ow-hero-wrap .swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:.55;border-radius:999px;transition:width .2s ease,opacity .2s ease,transform .2s ease;}
.ow-hero-wrap .swiper-pagination-bullet:hover{opacity:.85;transform:scale(1.3);}
.ow-hero-wrap .swiper-pagination-bullet-active{width:22px;opacity:1;background:#fff;border-radius:999px;}
.ow-hero-wrap .swiper-pagination-bullet-active:hover{transform:none;}

.ow-masonry-item{border-radius:16px;box-shadow:0 10px 24px -16px var(--ow-shadow);}

.ow-cta-section{background:linear-gradient(165deg,var(--ow-field-tint) 0%,#CDEBC9 100%);border-radius:22px;padding:clamp(28px,4vw,48px);font-family:"Karla",sans-serif;}
.ow-cta-section h2{font-family:"Bricolage Grotesque",sans-serif;color:var(--ow-ink);font-size:clamp(24px,3vw,32px);}
.ow-cta-section p{color:var(--ow-ink-soft);font-size:16px;line-height:1.7;margin-top:16px;}
.ow-cta-section strong{color:var(--ow-ink);}
.ow-cta-section .ow-btn{margin-top:20px;}
.ow-cta-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center;}
.ow-cta-visual{text-align:center;}
.ow-cta-visual img{max-width:100%;max-height:360px;margin-inline:auto;}
@media (max-width:900px){.ow-cta-grid{grid-template-columns:1fr;}.ow-cta-visual{display:none;}}

.ow-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 26px;font-weight:700;font-size:15.5px;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none;}
.ow-btn:hover{transform:translateY(-2px);}
.ow-btn-primary{background:var(--ow-turmeric);color:#fff;box-shadow:0 10px 20px -10px rgba(217,118,18,.5);}
.ow-btn-primary:hover{background:var(--ow-turmeric-deep);color:#fff;}
.ow-btn-ghost{background:transparent;border-color:currentColor;}

.ow-section-head .ow-eyebrow{font-family:"IBM Plex Mono",monospace;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ow-field);display:block;margin-bottom:6px;}
.ow-section-head a.ow-viewall{font-size:15px;font-weight:700;color:var(--ow-field);border-bottom:1px solid currentColor;white-space:nowrap;text-decoration:none;}

/* Recently viewed — product carousel (Swiper), distinct from the other
   homepage rows which use a static .ow-prod-grid. */
.ow-carousel-nav{display:flex;gap:10px;flex-shrink:0;}
.ow-carousel-nav button{width:38px;height:38px;}
.ow-carousel-nav button svg{width:16px;height:16px;}
.ow-carousel-nav button.swiper-button-disabled{opacity:.35;cursor:not-allowed;pointer-events:none;}
.ow-recent-swiper{overflow:hidden;}
.ow-recent-swiper .swiper-wrapper{align-items:stretch;}
.ow-recent-swiper .swiper-slide{width:auto;height:auto;}
.ow-recent-swiper .swiper-slide>a.ow-prod-card{height:100%;}


/* ---------- Promo trio ---------- */
.ow-promo-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ow-promo-card{border-radius:18px;padding:24px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;text-decoration:none;}
.ow-promo-card::after{content:"";position:absolute;right:-26px;bottom:-26px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,0.16);}
.ow-promo-card .k{font-family:"IBM Plex Mono",monospace;font-size:14.5px;letter-spacing:.05em;text-transform:uppercase;opacity:.85;position:relative;z-index:1;}
.ow-promo-card h3{font-family:"Bricolage Grotesque",sans-serif;font-size:19px;margin-top:8px;position:relative;z-index:1;}
.ow-promo-card span.ow-link{margin-top:14px;font-size:15px;font-weight:700;border-bottom:1px solid currentColor;display:inline-block;position:relative;z-index:1;width:fit-content;}
.ow-promo-card.p1{background:linear-gradient(150deg,var(--ow-turmeric-tint),var(--ow-paper-alt));color:var(--ow-turmeric-deep);}
.ow-promo-card.p2{background:linear-gradient(150deg,var(--ow-field),var(--ow-field-deep));color:#fff;}
.ow-promo-card.p3{background:linear-gradient(150deg,var(--ow-chili-tint),var(--ow-paper-alt));color:var(--ow-chili-deep);}
@media (max-width:900px){.ow-promo-trio{grid-template-columns:1fr 1fr;}.ow-promo-card:last-child{grid-column:1/3;}}
@media (max-width:520px){.ow-promo-trio{grid-template-columns:1fr;}.ow-promo-card:last-child{grid-column:auto;}}

/* ---------- Certifications strip ---------- */
.ow-certs{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;
  background:var(--ow-paper-alt);border:1px solid var(--ow-border);border-radius:18px;
  padding:22px clamp(20px,4vw,32px);
}
.ow-certs .ow-lead{display:flex;align-items:center;gap:12px;}
.ow-certs .ow-lead svg{width:24px;height:24px;color:var(--ow-field);flex-shrink:0;}
.ow-certs .ow-lead h3{font-family:"Bricolage Grotesque",sans-serif;font-size:15.5px;margin:0;}
.ow-certs .ow-lead p{font-size:14.5px;margin:2px 0 0;color:var(--ow-ink-soft);}
.ow-cert-badges{display:flex;gap:10px;flex-wrap:wrap;}
.ow-cert-badge{
  display:flex;align-items:center;gap:8px;background:var(--ow-card);border:1px solid var(--ow-border);
  border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:600;color:var(--ow-ink);
  transition:border-color .2s ease,transform .2s ease;
}
.ow-cert-badge:hover{border-color:var(--ow-field);transform:translateY(-2px);}
.ow-cert-badge svg{width:15px;height:15px;color:var(--ow-field);}
@media (max-width:760px){.ow-certs{flex-direction:column;align-items:flex-start;}}

/* ---------- Testimonials (real, approved customer reviews) ---------- */
.ow-testi-swiper{overflow:hidden;padding:4px 2px 10px;}
.ow-testi-swiper .swiper-slide{height:auto;}
.ow-testi-card{
  background:var(--ow-card);border:1px solid var(--ow-border);border-radius:18px;padding:22px;
  display:flex;flex-direction:column;gap:14px;height:100%;transition:transform .25s ease,box-shadow .25s ease;
}
.ow-testi-card:hover{transform:translateY(-6px);box-shadow:0 22px 36px -20px var(--ow-shadow);}
.ow-testi-card .stars{color:var(--ow-turmeric-deep);font-size:15px;}
.ow-testi-text{
  font-size:14.5px;line-height:1.6;color:var(--ow-ink);flex:1;margin:0;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}
.ow-testi-who{display:flex;align-items:center;gap:11px;}
.ow-testi-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:14px;}
.ow-testi-name{font-size:14px;font-weight:700;color:var(--ow-ink);}
.ow-testi-loc{font-size:13.5px;color:var(--ow-ink-soft);}

/* ---------- SEO content block ---------- */
.ow-seo-panel{
  background:linear-gradient(155deg,var(--ow-paper-alt),var(--ow-card));border:1px solid var(--ow-border);
  border-radius:22px;padding:clamp(26px,5vw,40px);
  display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(26px,4vw,44px);align-items:start;
}
.ow-seo-main h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(20px,2.4vw,24px);margin-bottom:14px;}
.ow-seo-text p{font-size:14.5px;line-height:1.75;color:var(--ow-ink-soft);margin-bottom:12px;}
.ow-seo-links{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 16px 30px -22px var(--ow-shadow);}
.ow-seo-links-label{font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ow-field);margin-bottom:4px;display:block;}
.ow-seo-chip{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ow-ink);text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease;}
.ow-seo-chip svg{width:16px;height:16px;color:var(--ow-field);flex-shrink:0;}
.ow-seo-chip:hover{background:var(--ow-turmeric-tint);color:var(--ow-turmeric-deep);transform:translateX(4px);}
@media (max-width:900px){.ow-seo-panel{grid-template-columns:1fr;}.ow-seo-links{flex-direction:row;flex-wrap:wrap;}.ow-seo-chip{flex:1 1 calc(50% - 8px);}}

/* ---------- Newsletter ---------- */
.ow-newsletter{background:var(--ow-paper-alt);border:1px solid var(--ow-border);border-radius:20px;padding:clamp(26px,5vw,44px);text-align:center;}
.ow-newsletter h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(22px,3vw,29px);}
.ow-newsletter p{margin-top:8px;color:var(--ow-ink-soft);}
.ow-sub-form{display:flex;gap:10px;max-width:420px;margin:22px auto 0;}
.ow-sub-form input{flex:1;border-radius:999px;border:1px solid var(--ow-border);background:var(--ow-card);color:var(--ow-ink);padding:12px 18px;font-family:"Karla",sans-serif;font-size:14.5px;outline:none;}
.ow-sub-form button{background:var(--ow-field);color:#fff;border-radius:999px;padding:12px 22px;font-weight:700;font-size:14.5px;white-space:nowrap;transition:background .2s ease;}
.ow-sub-form button:hover{background:var(--ow-field-deep);}
@media (max-width:520px){.ow-sub-form{flex-direction:column;}}

/* ---------- Sticky mini-cart bar ---------- */
.ow-mini-cart-bar{
  position:fixed;left:50%;bottom:20px;z-index:70;transform:translate(-50%,140%);
  display:flex;align-items:center;gap:16px;background:var(--ow-soil);color:var(--ow-paper);border-radius:999px;
  padding:10px 12px 10px 20px;box-shadow:0 20px 40px -14px rgba(0,0,0,0.45);
  transition:transform .4s cubic-bezier(.2,.8,.25,1);max-width:calc(100% - 32px);text-decoration:none;
}
.ow-mini-cart-bar.show{transform:translate(-50%,0);}
.ow-mini-cart-bar .mc-info{display:flex;align-items:center;gap:9px;font-size:15px;white-space:nowrap;color:var(--ow-paper);}
.ow-mini-cart-bar .mc-info svg{width:17px;height:17px;color:var(--ow-turmeric);flex-shrink:0;}
.ow-mini-cart-bar .mc-total{font-family:"IBM Plex Mono",monospace;font-weight:700;}
.ow-mini-cart-bar .mc-btn{background:var(--ow-turmeric);color:var(--ow-soil);border-radius:999px;padding:9px 18px;font-weight:700;font-size:14.5px;white-space:nowrap;flex-shrink:0;}
@media (max-width:480px){.ow-mini-cart-bar .lbl-full{display:none;}}

/* ---------- Footer ---------- */
.ow-footer-band{background:var(--ow-soil);position:relative;overflow:hidden;margin-top:8px;}
.ow-footer-band::before{content:"";position:absolute;top:-120px;right:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle, color-mix(in srgb, var(--ow-field) 35%, transparent), transparent 70%);pointer-events:none;}
.ow-footer-band .ow-brand-name{color:var(--ow-paper);}
.ow-footer-band .ow-brand-name em{color:var(--ow-turmeric);}
.ow-footer{padding-block:52px 30px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;position:relative;font-family:"Karla",sans-serif;}
.ow-footer h4{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--ow-turmeric);margin-bottom:16px;margin-top:20px;display:flex;align-items:center;gap:8px;}
.ow-footer h4::after{content:"";flex:1;height:1px;background:rgba(244,247,238,0.14);}
.ow-footer .col a,.ow-footer .col p{display:block;font-size:16px;margin-bottom:10px;color:rgba(244,247,238,0.72);text-decoration:none;}
.ow-footer .col a{position:relative;width:fit-content;transition:color .2s ease,transform .2s ease;}
.ow-footer .col a:hover{color:var(--ow-paper);transform:translateX(4px);}
.ow-footer .col a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--ow-turmeric);transition:width .25s ease;}
.ow-footer .col a:hover::after{width:100%;}
.ow-foot-brand p{max-width:36ch;margin-top:14px;font-size:16px;line-height:1.6;color:rgba(244,247,238,0.68);}
.ow-foot-social{display:flex;gap:12px;margin-top:20px;}
.ow-footer .col .ow-foot-social a{
  width:42px;height:42px;flex:0 0 42px;margin:0;border-radius:50%;position:relative;overflow:hidden;line-height:1;
  background:rgba(244,247,238,0.08);border:1px solid rgba(244,247,238,0.18);color:rgba(244,247,238,0.85);
  display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease,background .3s ease,color .3s ease;
}
.ow-footer .col .ow-foot-social a::after{display:none;}
.ow-footer .col .ow-foot-social a i{font-size:18px;line-height:1;}
.ow-footer .col .ow-foot-social a:hover{transform:translateY(-5px) scale(1.08);color:#fff;border-color:transparent;box-shadow:0 14px 24px -10px rgba(0,0,0,.5);}
.ow-foot-social a.ig:hover{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.ow-foot-social a.fb:hover{background:#1877F2;}
.ow-foot-social a.yt:hover{background:#FF0000;}
.ow-foot-social a.wa:hover{background:#25D366;}
.ow-foot-pay{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;align-items:center;}
.ow-foot-pay span,.ow-foot-pay a{font-family:"IBM Plex Mono",monospace;font-size:15.5px;border:1px solid rgba(244,247,238,0.18);background:rgba(244,247,238,0.06);border-radius:6px;padding:5px 10px;color:rgba(244,247,238,0.65);text-decoration:none;display:inline-flex;align-items:center;transition:border-color .2s ease,color .2s ease;}
.ow-foot-pay a:hover{border-color:var(--ow-turmeric);color:rgba(244,247,238,0.95);}
.ow-back-to-top{
  width:38px;height:38px;border-radius:50%;background:rgba(244,247,238,0.08);border:1px solid rgba(244,247,238,0.18);
  color:rgba(244,247,238,0.85);display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:background .2s ease,transform .2s ease,border-color .2s ease;
}
.ow-back-to-top:hover{background:var(--ow-turmeric);border-color:var(--ow-turmeric);color:var(--ow-soil);transform:translateY(-3px);}
.ow-back-to-top svg{width:16px;height:16px;}
.ow-foot-bottom{max-width:1680px;margin:0 auto;padding-top:20px;margin-top:10px;border-top:1px solid rgba(244,247,238,0.14);display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:rgba(244,247,238,0.55);flex-wrap:wrap;gap:10px;}
@media (max-width:900px){.ow-footer{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.ow-footer{grid-template-columns:1fr;}}

/* ---------- Product cards (homepage grids) ---------- */
.ow-prod-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;min-height:180px;}
.ow-prod-grid.of4{grid-template-columns:repeat(4,1fr);}
.ow-prod-grid>.col{margin:0 !important;min-width:0;}
/* Non-grid (Bootstrap row) containers elsewhere on the site: lay the same cards out responsively without needing a grid parent */
.row>.col:has(>.ow-prod-card){padding-inline:8px;margin-bottom:16px;}
.ow-prod-card{
  background:linear-gradient(180deg,var(--ow-card),color-mix(in srgb, var(--ow-card) 92%, var(--ow-paper-alt)));
  border:1px solid var(--ow-border);border-radius:20px;padding:18px;
  display:flex;flex-direction:column;gap:13px;position:relative;overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .3s cubic-bezier(.2,.8,.25,1),box-shadow .3s ease,border-color .3s ease;
}
.ow-prod-card:hover{
  transform:translateY(-9px) scale(1.015);
  box-shadow:0 28px 44px -20px var(--ow-shadow);
  border-color:color-mix(in srgb, var(--ow-field) 45%, var(--ow-border));
}
.ow-prod-card h4{
  font-family:"Karla",sans-serif;font-size:15.5px;font-weight:700;line-height:1.35;color:var(--ow-ink);margin:0;transition:color .25s ease;
  height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.ow-prod-card:hover h4{color:var(--ow-field-deep);}
.ow-pack{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--ow-paper-alt);position:relative;box-shadow:inset 0 -20px 24px -8px rgba(0,0,0,.1);transition:box-shadow .3s ease;}
.ow-pack img{width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1);}
.ow-prod-card:hover .ow-pack img{transform:scale(1.08);}
.ow-pack::after{
  content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;z-index:1;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-18deg);transition:left .7s ease;pointer-events:none;
}
.ow-prod-card:hover .ow-pack::after{left:130%;}
.ow-card-icon-btn{
  position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;
  background:var(--ow-card);border:1px solid var(--ow-border);display:flex;align-items:center;justify-content:center;
  color:var(--ow-ink-soft);box-shadow:0 4px 10px -4px var(--ow-shadow);cursor:pointer;
  transition:color .15s ease,border-color .15s ease,opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1);
}
.ow-card-icon-btn svg{width:14px;height:14px;}
.ow-card-icon-btn:hover{transform:scale(1.15) !important;color:var(--ow-chili);border-color:var(--ow-chili);}
.ow-card-icon-btn.active{color:var(--ow-chili);}
@media (hover:hover) and (pointer:fine){
  .ow-card-icon-btn{opacity:0;transform:translateY(-6px) scale(.85);}
  .ow-card-icon-btn.active{opacity:1;transform:translateY(0) scale(1);}
  .ow-prod-card:hover .ow-card-icon-btn{opacity:1;transform:translateY(0) scale(1);}
}
.ow-discount-badge{
  position:absolute;top:10px;left:10px;z-index:2;color:#fff;background:var(--ow-chili);
  font-family:"IBM Plex Mono",monospace;font-weight:700;padding:4px 9px;border-radius:999px;font-size:13px;
  box-shadow:0 4px 10px -4px rgba(0,0,0,.3);
}
.ow-stars{display:flex;align-items:center;gap:5px;font-size:13.5px;color:var(--ow-ink-soft);}
.ow-stars .stw{color:var(--ow-turmeric-deep);letter-spacing:1px;font-size:14px;}
.ow-prod-foot{display:flex;flex-direction:column;align-items:stretch;margin-top:auto;gap:10px;}
.ow-price-wrap{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:52px;}
.ow-price-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.ow-qty-add{justify-content:center;}
.ow-price{font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:17px;color:var(--ow-ink);transition:color .25s ease;}
.ow-prod-card:hover .ow-price{color:var(--ow-field-deep);}
.ow-price-old{font-family:"IBM Plex Mono",monospace;font-size:13.5px;color:var(--ow-ink-soft);text-decoration:line-through;}
.ow-qty-add{
  display:flex;align-items:center;gap:6px;height:34px;background:var(--ow-turmeric);color:#fff;border-radius:999px;
  padding:0 14px;font-size:14px;font-weight:700;white-space:nowrap;flex-shrink:0;align-self:flex-start;cursor:pointer;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.ow-qty-add svg{width:14px;height:14px;flex-shrink:0;}
.ow-qty-add:hover{background:var(--ow-turmeric-deep);transform:translateY(-2px);box-shadow:0 10px 18px -8px var(--ow-shadow);}
.ow-qty-add:disabled{background:var(--ow-border);color:var(--ow-ink-soft);cursor:not-allowed;transform:none;box-shadow:none;}
.ow-qty-add.is-added{background:var(--ow-field-deep);}
.ow-qty-add.is-added:hover{background:var(--ow-field-deep);transform:none;box-shadow:none;}
.ow-oos-label{font-size:12.5px;font-weight:700;color:var(--ow-chili);}
@media (max-width:1080px){.ow-prod-grid,.ow-prod-grid.of4{grid-template-columns:repeat(3,1fr);}}
@media (max-width:640px){.ow-prod-grid,.ow-prod-grid.of4{grid-template-columns:repeat(2,1fr);}}

/* ---------- Page background & section rhythm — match the artifact's clean white canvas ---------- */
html{scroll-behavior:smooth;}
*{box-sizing:border-box;}
img{max-width:100%;height:auto;}
.img-fluid{max-width:100%;height:auto;}
html{margin:0;padding:0;overflow-x:clip;}
body{margin:0 !important;padding:0;background:var(--ow-paper) !important;font-weight:400;font-family:"Karla",-apple-system,"Segoe UI",sans-serif;}
h1,h2,h3{font-family:"Bricolage Grotesque",-apple-system,"Segoe UI",sans-serif;}
.masonry-section{background:none !important;}
/* The old header was position:fixed, so every page pushed its content down with a
   fixed 120px top margin. The new header sits in normal flow and needs none of that. */
.margin-frm-header{margin-top:24px;}
.same-section{margin-block:44px;}
section.same-section h3,section.same-section h4,section.same-section h6{font-weight:700;}

.ow-banner-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ow-banner-card{display:block;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px -16px var(--ow-shadow);transition:transform .2s ease,box-shadow .2s ease;}
.ow-banner-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -16px var(--ow-shadow);}
.ow-banner-card img{width:100%;display:block;}
@media (max-width:820px){.ow-banner-row{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.ow-banner-row{grid-template-columns:1fr;}}

/* ---------- Masonry banner grid (replaces layout rules that lived only in the removed global.css) ---------- */
.our_community_grid{
  display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,minmax(260px,1fr));gap:16px;
  grid-template-areas:
    "grid_item_one grid_item_one grid_item_two grid_item_three grid_item_four"
    "grid_item_five grid_item_six grid_item_seven grid_item_seven grid_item_four";
}
/* Hover lift + tinted ring carried over from the removed .ow-cat-card bento grid,
   so these banner blocks keep that same tactile "category card" feel. */
.our_community_item{
  position:relative;width:100%;height:auto;background-size:cover;background-position:center top;background-repeat:no-repeat;
  border-radius:16px;overflow:hidden;border:1px solid var(--ow-border);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.our_community_item:hover{transform:translateY(-5px);box-shadow:0 20px 32px -18px var(--ow-shadow);border-color:var(--ow-item-tint,var(--ow-field));}
.our_community_item .clickDiv{position:absolute;inset:0;display:block;}
.grid_item_one{grid-area:grid_item_one;--ow-item-tint:var(--ow-turmeric);}
.grid_item_two{grid-area:grid_item_two;--ow-item-tint:var(--ow-chili);}
.grid_item_three{grid-area:grid_item_three;--ow-item-tint:var(--ow-field);}
.grid_item_four{grid-area:grid_item_four;--ow-item-tint:var(--ow-field-deep);}
.grid_item_five{grid-area:grid_item_five;--ow-item-tint:var(--ow-turmeric-deep);}
.grid_item_six{grid-area:grid_item_six;--ow-item-tint:var(--ow-chili-deep);}
.grid_item_seven{grid-area:grid_item_seven;--ow-item-tint:var(--ow-soil);}
@media (max-width:900px){
  .our_community_grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,220px);
    grid-template-areas:
      "grid_item_one grid_item_one"
      "grid_item_two grid_item_three"
      "grid_item_four grid_item_four"
      "grid_item_five grid_item_six";
  }
  .grid_item_seven{display:none;}
}
@media (max-width:560px){
  .our_community_grid{grid-template-columns:1fr;grid-template-rows:repeat(5,220px);
    grid-template-areas:"grid_item_one" "grid_item_two" "grid_item_three" "grid_item_four" "grid_item_five";
  }
  .grid_item_six{display:none;}
}

/* ---------- #indexVisited line banner ----------
   Source images are an ultra-wide desktop strip (~6:1). Left to scale by
   width alone, that ratio squashes to a barely-visible sliver on phones, so
   below 768px the frame gets a fixed height and the image crops via
   object-fit instead of shrinking proportionally. */
#indexVisited{margin-block:32px;}
#indexVisited .lineBanner{width:100%;}
#indexVisited .lineBanner a{display:block;}
#indexVisited .lineBanner img{width:100%;height:auto;display:block;}
@media (max-width:768px){
  #indexVisited .lineBanner a{height:150px;overflow:hidden;}
  #indexVisited .lineBanner img{height:100%;object-fit:cover;object-position:center;}
}
@media (max-width:480px){
  #indexVisited .lineBanner a{height:110px;}
}

/* ==========================================================================
   Auth pages (login / register) — breadcrumb + centered auth card
   ========================================================================== */
.ow-breadcrumb{display:flex;align-items:center;gap:8px;padding-block:18px;font-size:15px;color:var(--ow-ink-soft);flex-wrap:wrap;font-family:"Karla",sans-serif;}
.ow-breadcrumb a{font-weight:600;transition:color .15s ease;}
.ow-breadcrumb a:hover{color:var(--ow-field-deep);}
.ow-breadcrumb svg{width:12px;height:12px;opacity:.55;flex-shrink:0;}
.ow-breadcrumb .current{color:var(--ow-ink);font-weight:700;}

.ow-auth-wrap{display:flex;align-items:center;justify-content:center;padding-block:20px 64px;min-height:58vh;font-family:"Karla",sans-serif;}
.ow-auth-card{
  width:100%;max-width:460px;background:var(--ow-card);border:1px solid var(--ow-border);border-radius:22px;
  padding:clamp(28px,5vw,42px);box-shadow:0 30px 60px -24px var(--ow-shadow);position:relative;overflow:hidden;
}
.ow-auth-card.wide{max-width:620px;}
.ow-auth-card::before{
  content:"";position:absolute;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle, var(--ow-field-tint), transparent 70%);pointer-events:none;
}
.ow-auth-eyebrow{font-family:"IBM Plex Mono",monospace;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ow-field);display:block;margin-bottom:9px;position:relative;}
.ow-auth-card h1{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(23px,3vw,27px);margin:0 0 8px;position:relative;color:var(--ow-ink);}
.ow-auth-card>p.ow-sub{font-size:15px;color:var(--ow-ink-soft);margin:0 0 26px;position:relative;line-height:1.55;}

.ow-auth-step{display:none;position:relative;}
.ow-auth-step.active{display:block;}

.ow-field{display:flex;flex-direction:column;gap:7px;margin-bottom:4px;}
.ow-field label{font-size:13px;font-weight:700;color:var(--ow-ink-soft);text-transform:uppercase;letter-spacing:.03em;}
.ow-field input,.ow-field textarea{
  border:1px solid var(--ow-border);border-radius:11px;padding:13px 15px;font-size:15.5px;color:var(--ow-ink);
  background:var(--ow-paper-alt);outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:"Karla",sans-serif;width:100%;
}
.ow-field textarea{resize:vertical;min-height:110px;line-height:1.5;}
.ow-field input:focus,.ow-field textarea:focus{border-color:var(--ow-field);box-shadow:0 0 0 4px color-mix(in srgb, var(--ow-field) 14%, transparent);}
.ow-field-error{color:var(--ow-chili);font-size:13.5px;font-weight:600;min-height:1.2em;display:block;margin:6px 2px 0;}

/* Write-a-review page */
.ow-review-product{display:flex;align-items:center;gap:14px;background:var(--ow-paper-alt);border-radius:14px;padding:12px 14px;margin-bottom:24px;}
.ow-review-product img{width:56px;height:56px;border-radius:10px;object-fit:contain;background:var(--ow-card);flex-shrink:0;}
.ow-review-product span{font-size:15px;font-weight:700;color:var(--ow-ink);}
.ow-rm-stars{display:flex;gap:6px;margin-bottom:6px;}
.ow-rm-stars button{width:38px;height:38px;font-size:28px;line-height:1;color:var(--ow-border);background:none;border:none;cursor:pointer;transition:color .15s ease,transform .15s ease;padding:0;}
.ow-rm-stars button:hover,.ow-rm-stars button.on{color:var(--ow-turmeric-deep);transform:scale(1.1);}

.ow-auth-card .ow-btn{width:100%;justify-content:center;padding:14px;font-size:16px;margin-top:16px;}

.ow-otp-note{
  background:var(--ow-field-tint);border-radius:12px;padding:14px 16px;margin-bottom:22px;font-size:14px;color:var(--ow-field-deep);
  display:flex;align-items:flex-start;gap:10px;
}
.ow-otp-note svg{width:18px;height:18px;flex-shrink:0;margin-top:1px;}
.ow-otp-note strong{color:var(--ow-ink);word-break:break-all;}
.ow-otp-note .ow-change-link{display:block;margin-top:4px;font-weight:700;text-decoration:underline;color:var(--ow-field-deep);cursor:pointer;background:none;border:none;font-family:inherit;font-size:14px;padding:0;}

.ow-otp-boxes{display:flex;gap:10px;justify-content:space-between;margin-bottom:6px;}
.ow-otp-boxes input{
  width:100%;aspect-ratio:1;text-align:center;font-size:22px;font-weight:700;font-family:"IBM Plex Mono",monospace;
  border:1.5px solid var(--ow-border);border-radius:12px;outline:none;background:var(--ow-paper-alt);color:var(--ow-ink);
  transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;
}
.ow-otp-boxes input:focus{border-color:var(--ow-field);box-shadow:0 0 0 4px color-mix(in srgb, var(--ow-field) 14%, transparent);transform:scale(1.05);}
.ow-otp-boxes input.filled{border-color:var(--ow-field);}
@media (max-width:380px){.ow-otp-boxes{gap:6px;}.ow-otp-boxes input{font-size:18px;}}

.ow-resend-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 4px;font-size:14px;}
.ow-resend-row .ow-timer{color:var(--ow-ink-soft);}
.ow-resend-row .ow-timer strong{font-family:"IBM Plex Mono",monospace;color:var(--ow-ink);}
.ow-resend-btn{font-weight:700;color:var(--ow-field-deep);background:none;border:none;font-size:14px;cursor:pointer;font-family:inherit;padding:0;}
.ow-resend-btn:hover{text-decoration:underline;}

.ow-auth-foot{margin-top:20px;text-align:center;font-size:14px;color:var(--ow-ink-soft);position:relative;}
.ow-auth-foot a{color:var(--ow-field-deep);font-weight:700;border-bottom:1px solid currentColor;}

/* Minimal Bootstrap-utility safety net still relied on by shared JS (e.g. the OTP resend timer toggle) */
.d-none{display:none !important;}

/* ==========================================================================
   Request-in-flight feedback — button + section loaders used by
   showloaderButton()/hideloaderButton() and showloader()/hideloader() in
   global.js whenever a click triggers an AJAX call (sign in, verify OTP,
   subscribe, add to cart, etc.)
   ========================================================================== */
@keyframes ow-spin{to{transform:rotate(360deg);}}

.ow-btn:disabled,button:disabled.ow-btn-primary{opacity:.7;cursor:not-allowed;transform:none !important;box-shadow:none !important;}

.loader-inside-btn{
  display:inline-block;width:15px;height:15px;margin-left:9px;vertical-align:middle;
  border:2px solid currentColor;border-top-color:transparent;border-radius:50%;
  opacity:.85;animation:ow-spin .7s linear infinite;
}

.loader-wrapper{
  position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.72);border-radius:16px;
}
.loadersmall{
  width:34px;height:34px;border:3px solid var(--ow-border);border-top-color:var(--ow-field);
  border-radius:50%;animation:ow-spin .7s linear infinite;
}

/* Theme the third-party Toastify toast to match the site palette instead of its default blue */
.toastify{
  background:linear-gradient(135deg,var(--ow-field),var(--ow-field-deep)) !important;
  box-shadow:0 12px 28px -10px rgba(20,30,15,.45) !important;
  border-radius:10px !important;font-family:"Karla",sans-serif;font-size:15px;font-weight:600;
}

/* ==========================================================================
   Category / product listing page (product.php)
   ========================================================================== */
.ow-cat-banner{
  border-radius:22px;padding:clamp(24px,4.5vw,40px);margin-bottom:28px;
  background:linear-gradient(120deg,var(--ow-field-tint),var(--ow-paper-alt));
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden;
}
.ow-cat-banner::after{content:"";position:absolute;right:-50px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.35);}
.ow-cat-banner-icon{width:60px;height:60px;border-radius:16px;background:var(--ow-card);border:1px solid var(--ow-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 20px -10px var(--ow-shadow);position:relative;z-index:1;}
.ow-cat-banner-icon svg{width:28px;height:28px;color:var(--ow-field-deep);}
.ow-cat-banner-copy{display:flex;gap:18px;align-items:center;position:relative;z-index:1;}
.ow-cat-banner h1{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(24px,3.2vw,33px);color:var(--ow-ink);}
.ow-cat-banner p{margin-top:6px;font-size:14.5px;max-width:56ch;color:var(--ow-ink-soft);}
.ow-cat-banner-stat{position:relative;z-index:1;flex-shrink:0;text-align:right;}
.ow-cat-banner-stat .num{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:21px;display:block;color:var(--ow-field-deep);}
.ow-cat-banner-stat .lbl{font-size:13px;color:var(--ow-ink-soft);font-family:"IBM Plex Mono",monospace;letter-spacing:.04em;}
@media (max-width:760px){.ow-cat-banner-copy{flex-direction:column;align-items:flex-start;}}

.ow-subcat-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px;}
.ow-subcat-chip{
  display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 7px;border-radius:999px;
  border:1px solid var(--ow-border);background:var(--ow-card);font-size:14px;font-weight:600;color:var(--ow-ink-soft);
  text-decoration:none;transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.ow-subcat-chip:hover{transform:translateY(-2px);box-shadow:0 10px 18px -10px var(--ow-shadow);color:var(--ow-ink);}
.ow-subcat-chip.active{background:var(--ow-turmeric-tint);border-color:var(--ow-turmeric);color:var(--ow-turmeric-deep);}
.ow-subcat-thumb{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--ow-paper-alt);}

.ow-cat-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;margin-bottom:56px;}
.ow-cat-layout>div:only-child{grid-column:1/-1;}
@media (max-width:900px){.ow-cat-layout{grid-template-columns:1fr;}}

.ow-filters{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:16px;padding:20px;position:sticky;top:150px;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 170px);overflow-y:auto;}
.ow-filters-head{display:flex;justify-content:space-between;align-items:center;}
.ow-filters-head h3{font-family:"Bricolage Grotesque",sans-serif;font-size:17px;color:var(--ow-ink);}
.ow-filter-group{border-top:1px solid var(--ow-border);padding-top:16px;}
.ow-filter-group:first-of-type{border-top:none;padding-top:0;}
.ow-filter-group h4{font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ow-ink-soft);margin-bottom:10px;}
.ow-filter-opt{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:14.5px;cursor:pointer;color:var(--ow-ink);}
.ow-filter-opt input{appearance:none;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--ow-border);flex-shrink:0;position:relative;transition:background .15s ease,border-color .15s ease;margin:0;}
.ow-filter-opt input:checked{background:var(--ow-field);border-color:var(--ow-field);}
.ow-filter-opt input:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.ow-mobile-filter-toggle{display:none;}
.ow-filter-backdrop{display:none;}
@media (max-width:900px){
  .ow-filters{position:fixed;inset:0 0 0 auto;top:0;width:min(340px,88vw);height:100vh;border-radius:0;z-index:1070;
    transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;box-shadow:-20px 0 40px -20px rgba(0,0,0,.3);max-height:none;}
  .ow-filters.open{transform:translateX(0);}
  .ow-mobile-filter-toggle{
    display:flex;align-items:center;gap:8px;background:var(--ow-turmeric);color:#fff;border-radius:999px;
    padding:10px 18px;font-weight:700;font-size:14.5px;margin-bottom:18px;border:none;cursor:pointer;font-family:inherit;
  }
  .ow-filter-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1065;}
  .ow-filter-backdrop.open{display:block;}
}

.ow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px;}
.ow-toolbar .ow-count{font-size:14px;color:var(--ow-ink-soft);}
.ow-toolbar .ow-count strong{color:var(--ow-ink);}
.ow-sort-select{
  appearance:none;background:var(--ow-card);border:1px solid var(--ow-border);border-radius:10px;
  padding:9px 34px 9px 14px;font-size:14.5px;font-weight:600;color:var(--ow-ink);cursor:pointer;font-family:"Karla",sans-serif;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235B6350' stroke-width='2.4'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:border-color .15s ease;
}
.ow-sort-select:hover,.ow-sort-select:focus{border-color:var(--ow-field);}

/* Pagination — restyles the existing Paging()-generated markup (.pagination/.page-item/.page-link), shared with other list pages */
.pagingDiv{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin-top:12px;}
.pagingDiv .page-item{list-style:none;}
.pagingDiv .page-link,.pagingDiv span.page-link{
  min-width:40px;height:40px;padding:0 14px;border-radius:11px;border:1px solid var(--ow-border);
  background:var(--ow-card);display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;color:var(--ow-ink-soft);text-decoration:none;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
.pagingDiv a.page-link:hover{transform:translateY(-2px);box-shadow:0 10px 18px -10px var(--ow-shadow);border-color:var(--ow-field);color:var(--ow-field-deep);}
.pagingDiv .page-item.active .page-link{
  background:linear-gradient(135deg,var(--ow-turmeric),var(--ow-turmeric-deep));color:#fff;border-color:transparent;
  box-shadow:0 10px 20px -8px rgba(217,118,18,.5);
}
.pagingDiv .myDisableClass{opacity:.45;pointer-events:none;}

.ow-no-results{text-align:center;padding:56px 20px;}
.ow-no-results-icon{
  width:74px;height:74px;border-radius:50%;background:var(--ow-paper-alt);border:1px solid var(--ow-border);
  display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--ow-ink-soft);
}
.ow-no-results-icon svg{width:32px;height:32px;}
.ow-no-results h4{font-family:"Bricolage Grotesque",sans-serif;font-size:19px;color:var(--ow-ink);margin-bottom:8px;}
.ow-no-results p{font-size:14.5px;color:var(--ow-ink-soft);margin-bottom:22px;max-width:36ch;margin-inline:auto;}
.ow-no-results .ow-btn{display:inline-flex;}

/* Category page SEO content block (real $page_more_content — may hold several heading+content pairs) */
.ow-cat-seo{background:linear-gradient(155deg,var(--ow-paper-alt),var(--ow-card));border:1px solid var(--ow-border);border-radius:20px;padding:clamp(24px,4.5vw,36px);margin-bottom:16px;}
.ow-cat-seo .more-content{font-size:14.5px;line-height:1.75;color:var(--ow-ink-soft);}
.ow-cat-seo .more-content p{margin-bottom:12px;}

/* FAQ-style accordion for the category page's SEO content blocks */
.ow-faq-list{display:flex;flex-direction:column;}
.ow-faq-item{border-top:1px solid var(--ow-border);}
.ow-faq-item:first-child{border-top:none;}
.ow-faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:16px 2px;font-size:16px;font-weight:700;color:var(--ow-ink);text-align:left;
  background:none;border:none;cursor:pointer;font-family:"Bricolage Grotesque",sans-serif;
  transition:color .2s ease;
}
.ow-faq-q:hover{color:var(--ow-field-deep);}
.ow-faq-chevron{width:15px;height:15px;flex-shrink:0;color:var(--ow-field);transition:transform .3s ease;}
.ow-faq-item.open .ow-faq-chevron{transform:rotate(180deg);}
.ow-faq-a{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease;}
.ow-faq-item.open .ow-faq-a{max-height:3000px;opacity:1;}
.ow-faq-a .more-content{padding:0 2px 18px;}

/* ==========================================================================
   Product detail page (productdetails.php)
   ========================================================================== */
.ow-pdp{display:grid;grid-template-columns:minmax(0,460px) 1fr;gap:48px;align-items:start;margin-bottom:24px;}
@media (max-width:940px){.ow-pdp{grid-template-columns:1fr;}}

.ow-gallery-carousel{
  aspect-ratio:1/1;border-radius:22px;position:relative;overflow:hidden;background:var(--ow-paper-alt);border:1px solid var(--ow-border);
}
@media (max-width:940px){.ow-gallery-carousel{max-width:420px;margin-inline:auto;}}
.ow-gallery-track{display:flex;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.ow-gallery-slide{flex:0 0 100%;width:100%;height:100%;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;}
.ow-gallery-slide img{width:100%;height:100%;object-fit:contain;}
.ow-gallery-badges{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:3;}
.ow-gallery-badge{background:var(--ow-chili);color:#fff;font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:13px;padding:5px 11px;border-radius:999px;box-shadow:0 4px 10px -4px rgba(0,0,0,.3);}
.ow-gallery-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,0.88);border:none;display:flex;align-items:center;justify-content:center;color:var(--ow-soil);
  opacity:0;transition:opacity .2s ease,background .2s ease,transform .2s ease;cursor:pointer;
}
.ow-gallery-carousel:hover .ow-gallery-nav{opacity:1;}
.ow-gallery-nav:hover{background:#fff;transform:translateY(-50%) scale(1.08);}
.ow-gallery-nav.prev{left:14px;} .ow-gallery-nav.next{right:14px;}
.ow-gallery-nav svg{width:17px;height:17px;}
.ow-gallery-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3;}
.ow-gallery-dots button{width:7px;height:7px;padding:0;border:none;border-radius:999px;background:rgba(255,255,255,0.6);cursor:pointer;transition:width .2s ease,background .2s ease;}
.ow-gallery-dots button.on{width:22px;background:#fff;}
.ow-gallery-thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;}
.ow-gallery-thumb{
  width:70px;height:70px;border-radius:12px;border:2px solid var(--ow-border);overflow:hidden;background:var(--ow-paper-alt);
  padding:0;cursor:pointer;transition:border-color .2s ease,transform .2s ease;flex-shrink:0;
}
.ow-gallery-thumb img{width:100%;height:100%;object-fit:contain;}
.ow-gallery-thumb.active{border-color:var(--ow-field);}
.ow-gallery-thumb:hover{transform:translateY(-2px);}

.ow-pdp-info .ow-cat-tag{display:inline-flex;align-items:center;gap:6px;font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ow-field-deep);background:var(--ow-field-tint);padding:5px 12px;border-radius:999px;margin-bottom:14px;}
.ow-pdp-info h1{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(24px,3vw,33px);line-height:1.15;color:var(--ow-ink);}
.ow-pdp-rating{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap;}
.ow-pdp-rating .stw{color:var(--ow-turmeric-deep);font-size:17px;letter-spacing:1px;}
.ow-pdp-rating a{font-size:14px;color:var(--ow-ink-soft);font-weight:600;border-bottom:1px solid var(--ow-border);transition:color .15s ease,border-color .15s ease;text-decoration:none;}
.ow-pdp-rating a:hover{color:var(--ow-field-deep);border-color:var(--ow-field-deep);}
.ow-pdp-price-row{display:flex;align-items:baseline;gap:12px;margin-top:18px;flex-wrap:wrap;}
.ow-pdp-price{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:29px;color:var(--ow-field-deep);}
.ow-pdp-price-old{font-family:"IBM Plex Mono",monospace;font-size:18px;color:var(--ow-ink-soft);text-decoration:line-through;}
.ow-pdp-price-off{font-family:"IBM Plex Mono",monospace;font-size:13.5px;font-weight:700;color:var(--ow-chili);background:var(--ow-chili-tint);padding:3px 9px;border-radius:6px;}
.ow-pdp-short-desc{font-size:15px;line-height:1.65;color:var(--ow-ink-soft);margin-top:14px;}

.ow-pdp-variant{margin-top:24px;}
.ow-pdp-variant .ow-vh{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ow-ink-soft);margin-bottom:10px;display:block;}
.ow-pdp-variant .p-size{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
.ow-pdp-variant .btn-group{display:inline-flex;}
.ow-pdp-variant input.attribute-values{position:absolute;opacity:0;width:0;height:0;}
.ow-pdp-variant label.btn{
  padding:9px 18px;border-radius:11px;border:1.5px solid var(--ow-border);background:var(--ow-card);
  display:flex;flex-direction:column;align-items:center;gap:2px;
  font-size:14.5px;font-weight:700;color:var(--ow-ink);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
  margin:0;
}
.ow-pdp-variant label.btn:hover{transform:translateY(-2px);}
.ow-pdp-variant input.attribute-values:checked+label.btn{border-color:var(--ow-turmeric);background:var(--ow-turmeric-tint);color:var(--ow-turmeric-deep);}
.ow-pdp-variant .ow-attr-val{line-height:1.2;}
.ow-pdp-variant .ow-attr-price{font-size:12.5px;font-weight:600;color:var(--ow-ink-soft);}
.ow-pdp-variant input.attribute-values:checked+label.btn .ow-attr-price{color:var(--ow-turmeric-deep);opacity:.85;}

.ow-pdp-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;align-items:center;}
.ow-pdp-qty-select{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.ow-qty-box{display:flex;align-items:center;border:1.5px solid var(--ow-border);border-radius:12px;overflow:hidden;height:52px;flex-shrink:0;}
.ow-qty-box button{width:44px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ow-ink);background:none;border:none;cursor:pointer;transition:background .15s ease;}
.ow-qty-box button:hover{background:var(--ow-paper-alt);}
.ow-qty-box button svg{width:15px;height:15px;}
.ow-qty-box .ow-qval{width:44px;text-align:center;font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:16.5px;color:var(--ow-ink);}
.ow-pdp-actions .pBtns{display:flex;gap:12px;flex-wrap:wrap;}
#add_to_buy_btn,#add_to_cart_btn,#ow-sticky-add-btn{
  height:52px;padding:0 24px;border-radius:12px;font-weight:700;font-size:15.5px;
  display:inline-flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
  border:none;cursor:pointer;font-family:"Karla",sans-serif;flex-shrink:0;white-space:nowrap;
}
#add_to_cart_btn,#ow-sticky-add-btn{background:var(--ow-turmeric-tint);color:var(--ow-turmeric-deep);border:1.5px solid var(--ow-turmeric);}
#add_to_cart_btn:hover,#ow-sticky-add-btn:hover{background:var(--ow-turmeric);color:#fff;transform:translateY(-2px);}
#add_to_buy_btn{background:var(--ow-turmeric);color:#fff;box-shadow:0 12px 22px -10px var(--ow-shadow);}
#add_to_buy_btn:hover{background:var(--ow-turmeric-deep);transform:translateY(-2px);}
@media (max-width:520px){#ow-sticky-add-btn{height:44px;padding:0 18px;font-size:14.5px;}}
.btn-border-disable{height:52px;padding:0 24px;border-radius:12px;font-weight:700;font-size:15.5px;background:var(--ow-paper-alt);color:var(--ow-ink-soft);border:1.5px solid var(--ow-border);cursor:not-allowed;}

.ow-pdp-wishlist-btn,.ow-pdp-share-btn{
  width:52px;height:52px;border-radius:12px;border:1.5px solid var(--ow-border);background:var(--ow-card);
  display:flex;align-items:center;justify-content:center;color:var(--ow-ink-soft);flex-shrink:0;cursor:pointer;
  transition:border-color .2s ease,color .2s ease,transform .2s ease,background .2s ease;position:relative;
}
.ow-pdp-wishlist-btn:hover,.ow-pdp-share-btn:hover{border-color:var(--ow-field);color:var(--ow-field-deep);transform:translateY(-2px);}
.ow-pdp-wishlist-btn .heart{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;}
.ow-pdp-wishlist-btn .heart svg{width:20px;height:20px;pointer-events:none;}
.ow-pdp-wishlist-btn .heart .heart-filled{display:none;position:absolute;color:var(--ow-chili);}
.ow-pdp-wishlist-btn .heart.is-active .heart-outline{display:none;}
.ow-pdp-wishlist-btn .heart.is-active .heart-filled{display:block;}
.ow-pdp-wishlist-btn:has(.heart.is-active){border-color:var(--ow-chili);background:var(--ow-chili-tint);}

.ow-share-wrap{position:relative;}
.ow-share-menu{
  position:absolute;top:calc(100% + 10px);right:0;width:210px;z-index:1050;background:var(--ow-card);
  border:1px solid var(--ow-border);border-radius:14px;box-shadow:0 24px 44px -18px rgba(0,0,0,.3);padding:8px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
}
.ow-share-menu.open{opacity:1;visibility:visible;transform:translateY(0);}
.ow-share-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ow-ink);text-decoration:none;transition:background .15s ease;}
.ow-share-item:hover{background:var(--ow-paper-alt);}
.ow-share-ico{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;}
.ow-share-ico svg{width:14px;height:14px;}
.ow-share-ico.wa{background:#25D366;} .ow-share-ico.fb{background:#1877F2;} .ow-share-ico.xx{background:#000;} .ow-share-ico.pin{background:#E60023;}

.ow-pdp-offers{margin-top:22px;background:var(--ow-paper-alt);border:1px solid var(--ow-border);border-radius:14px;padding:16px 18px;}
.ow-pdp-offers h3{font-family:"Bricolage Grotesque",sans-serif;font-size:15px;color:var(--ow-ink);margin-bottom:8px;}
.ow-pdp-offers ul{margin:0;padding-left:18px;font-size:14px;color:var(--ow-ink-soft);line-height:1.6;}

.ow-trust-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;}
.ow-trust-mini div{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:12px;padding:12px 8px;text-align:center;}
.ow-trust-mini svg{width:19px;height:19px;color:var(--ow-field);margin:0 auto 6px;}
.ow-trust-mini span{font-size:13px;font-weight:600;color:var(--ow-ink-soft);line-height:1.3;display:block;}
@media (max-width:520px){.ow-trust-mini{grid-template-columns:repeat(2,1fr);}}

.ow-pdp-tabs{border-bottom:1px solid var(--ow-border);display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap;}
.ow-tab-btn{padding:13px 18px;font-size:15px;font-weight:700;color:var(--ow-ink-soft);border-bottom:2.5px solid transparent;margin-bottom:-1px;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-family:"Karla",sans-serif;transition:color .2s ease,border-color .2s ease;}
.ow-tab-btn:hover{color:var(--ow-ink);}
.ow-tab-btn.active{color:var(--ow-field-deep);border-color:var(--ow-field);}
.ow-tab-panel{display:none;}
.ow-tab-panel.active{display:block;}
.ow-tab-panel .product_description_content{font-size:15px;line-height:1.75;color:var(--ow-ink-soft);max-width:840px;}

.ow-review-summary{display:grid;grid-template-columns:180px 1fr;gap:36px;align-items:center;max-width:620px;margin-bottom:28px;padding-bottom:26px;border-bottom:1px solid var(--ow-border);}
.ow-review-score{text-align:center;}
.ow-review-score .big{font-family:"IBM Plex Mono",monospace;font-size:42px;font-weight:700;color:var(--ow-ink);}
.ow-review-score .stw{color:var(--ow-turmeric-deep);font-size:17px;letter-spacing:1px;display:block;margin:6px 0;}
.ow-review-score p{font-size:13px;color:var(--ow-ink-soft);}
.ow-review-bars{display:flex;flex-direction:column;gap:8px;}
.ow-review-bar-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ow-ink-soft);}
.ow-review-bar-row span:first-child{width:32px;flex-shrink:0;}
.ow-review-bar-track{flex:1;height:7px;border-radius:999px;background:var(--ow-paper-alt);overflow:hidden;}
.ow-review-bar-fill{display:block;height:100%;background:var(--ow-turmeric);border-radius:999px;}
.ow-review-bar-row span:last-child{width:30px;text-align:right;font-family:"IBM Plex Mono",monospace;flex-shrink:0;}
@media (max-width:640px){.ow-review-summary{grid-template-columns:1fr;}}

.ow-review-list{display:flex;flex-direction:column;gap:20px;}
.ow-review-card{padding-bottom:20px;border-bottom:1px solid var(--ow-border);}
.ow-review-card:last-child{border-bottom:none;}
.ow-review-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.ow-review-who{display:flex;align-items:center;gap:11px;}
.ow-review-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14.5px;font-family:"Bricolage Grotesque",sans-serif;flex-shrink:0;background:var(--ow-field);}
.ow-review-name{font-size:15px;font-weight:700;color:var(--ow-ink);}
.ow-review-date{font-size:13px;color:var(--ow-ink-soft);}
.ow-review-stars{color:var(--ow-turmeric-deep);font-size:14.5px;letter-spacing:1px;flex-shrink:0;}
.ow-review-title{font-size:14.5px;font-weight:700;color:var(--ow-ink);margin-top:10px;}
.ow-review-text{font-size:14.5px;color:var(--ow-ink-soft);line-height:1.65;margin-top:4px;}
.ow-no-reviews{text-align:center;padding:36px 20px;}

.ow-write-review-cta{display:inline-flex;align-items:center;gap:9px;background:var(--ow-turmeric);color:#fff;border-radius:11px;padding:11px 20px;font-weight:700;font-size:14px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;text-decoration:none;}
.ow-write-review-cta:hover{background:var(--ow-turmeric-deep);color:#fff;transform:translateY(-2px);box-shadow:0 12px 20px -10px var(--ow-shadow);}
.ow-write-review-cta svg{width:15px;height:15px;}

.ow-sticky-buy{
  position:fixed;left:0;right:0;bottom:0;z-index:1050;background:var(--ow-card);border-top:1px solid var(--ow-border);
  box-shadow:0 -12px 30px -14px rgba(0,0,0,.18);padding:12px clamp(16px,2.2vw,28px);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  transform:translateY(110%);transition:transform .35s ease;
}
.ow-sticky-buy.show{transform:translateY(0);}
.ow-sticky-buy-info{display:flex;align-items:center;gap:12px;min-width:0;}
.ow-sticky-buy-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--ow-paper-alt);}
.ow-sticky-buy-thumb img{width:100%;height:100%;object-fit:contain;}
.ow-sticky-buy-text{min-width:0;}
.ow-sticky-buy-text .n{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;color:var(--ow-ink);}
.ow-sticky-buy-text .p{font-family:"IBM Plex Mono",monospace;font-weight:700;color:var(--ow-field-deep);font-size:15.5px;}
@media (max-width:600px){.ow-sticky-buy-text .n{display:none;}}

/* ==========================================================================
   Cart page (cart.php)
   ========================================================================== */
.ow-cart-layout{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start;margin-bottom:64px;}
@media (max-width:980px){.ow-cart-layout{grid-template-columns:1fr;}}

.ow-free-ship-banner{background:var(--ow-field-tint);border-radius:16px;padding:16px 20px;margin-bottom:22px;}
.ow-fsb-track{height:7px;background:rgba(0,0,0,0.08);border-radius:999px;overflow:hidden;margin-bottom:10px;}
.ow-fsb-fill{height:100%;background:var(--ow-field);border-radius:999px;}
.ow-free-ship-banner p{font-size:14.5px;color:var(--ow-field-deep);font-weight:700;display:flex;align-items:center;gap:8px;margin:0;}
.ow-free-ship-banner svg{width:16px;height:16px;flex-shrink:0;}

.ow-cart-items{display:flex;flex-direction:column;}
.ow-cart-item{display:grid;grid-template-columns:96px 1fr auto auto;gap:20px;align-items:center;padding-block:22px;border-bottom:1px solid var(--ow-border);}
.ow-cart-item:first-child{padding-top:0;}
.ow-cart-thumb{width:96px;height:96px;border-radius:16px;overflow:hidden;flex-shrink:0;background:var(--ow-paper-alt);display:flex;align-items:center;justify-content:center;}
.ow-cart-thumb img{width:100%;height:100%;object-fit:contain;}
.ow-cart-info h4{font-size:16px;font-weight:700;margin-bottom:5px;color:var(--ow-ink);}
.ow-cart-info h4 a{color:inherit;text-decoration:none;}
.ow-cart-info h4 a:hover{color:var(--ow-field-deep);}
.ow-cart-info .meta{font-size:13.5px;color:var(--ow-ink-soft);}
.ow-cart-info .ow-remove-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--ow-chili);opacity:.85;transition:opacity .15s ease;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;}
.ow-cart-info .ow-remove-btn:hover{opacity:1;}
.ow-cart-info .ow-remove-btn svg{width:13px;height:13px;}
.ow-cart-item .ow-qty-box{height:42px;}
.ow-cart-item .ow-qty-box button{width:36px;}
.ow-cart-item .ow-qty-box button svg{width:14px;height:14px;}
.ow-cart-item .ow-qty-box .ow-qval{width:36px;font-size:15px;}
.ow-cart-item .ow-line-price{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:17px;text-align:right;min-width:80px;color:var(--ow-ink);}
.ow-cart-item .ow-unit-price{font-size:13px;color:var(--ow-ink-soft);text-decoration:line-through;text-align:right;margin-top:3px;}
@media (max-width:640px){
  .ow-cart-item{grid-template-columns:72px 1fr auto;grid-template-areas:"thumb info info" "thumb qty price";row-gap:10px;}
  .ow-cart-thumb{grid-area:thumb;width:72px;height:72px;}
  .ow-cart-info{grid-area:info;}
  .ow-cart-item .ow-qty-box{grid-area:qty;justify-self:start;width:fit-content;}
  .ow-cart-item .ow-price-block{grid-area:price;display:flex;align-items:baseline;gap:8px;}
  .ow-cart-item .ow-unit-price{margin-top:0;}
}

.ow-cart-empty{text-align:center;padding:70px 20px;}
.ow-cart-empty-icon{width:78px;height:78px;border-radius:50%;background:var(--ow-paper-alt);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--ow-ink-soft);}
.ow-cart-empty-icon svg{width:34px;height:34px;}
.ow-cart-empty h3{font-family:"Bricolage Grotesque",sans-serif;font-size:20px;margin-bottom:8px;color:var(--ow-ink);}
.ow-cart-empty p{margin-bottom:22px;color:var(--ow-ink-soft);}

.ow-cart-summary{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:18px;padding:24px;position:sticky;top:150px;}
.ow-cart-summary h3{font-family:"Bricolage Grotesque",sans-serif;font-size:18px;margin-bottom:18px;color:var(--ow-ink);}
.ow-cart-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:var(--ow-ink-soft);margin-bottom:12px;}
.ow-cart-summary-row span:last-child{color:var(--ow-ink);font-weight:600;font-family:"IBM Plex Mono",monospace;}
.ow-cart-summary-row.discount span:last-child{color:var(--ow-field-deep);}
.ow-cart-summary-divider{height:1px;background:var(--ow-border);margin:16px 0;}
.ow-cart-summary-total{display:flex;justify-content:space-between;align-items:baseline;font-size:17px;font-weight:700;margin-bottom:22px;color:var(--ow-ink);}
.ow-cart-summary-total span:last-child{font-family:"IBM Plex Mono",monospace;color:var(--ow-field-deep);font-size:21px;}
.ow-btn-checkout{width:100%;justify-content:center;padding:15px;font-size:15.5px;}
.ow-cart-secure-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13.5px;color:var(--ow-ink-soft);margin-top:14px;}
.ow-cart-secure-note svg{width:14px;height:14px;color:var(--ow-field);}

/* ==========================================================================
   SweetAlert2 theme — the library's own base CSS was never loaded (only an
   unused Bootstrap-era bulma theme link existed), so confirmation dialogs
   (e.g. "Remove this item?" on the cart page) rendered completely unstyled.
   ========================================================================== */
.swal2-container{position:fixed;inset:0;display:flex !important;align-items:center;justify-content:center;background:rgba(20,25,15,.55);z-index:99999;padding:16px;}
.swal2-popup{background:var(--ow-card);border-radius:20px;padding:28px;width:100%;max-width:420px;box-shadow:0 30px 60px -24px var(--ow-shadow);display:flex !important;flex-direction:column;align-items:center;text-align:center;position:relative;font-family:"Karla",sans-serif;}
.swal2-title{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:20px;line-height:1.3;color:var(--ow-ink);margin:0 0 12px;padding:0;}
.swal2-html-container{font-size:15px;color:var(--ow-ink-soft);margin:0 0 22px;padding:0;line-height:1.5;}
.swal2-actions{display:flex !important;gap:12px;width:100%;margin:0;}
.swal2-styled{flex:1;border-radius:11px;padding:12px 20px;font-weight:700;font-size:15px;font-family:"Karla",sans-serif;cursor:pointer;border:none;margin:0;transition:background .15s ease;}
.swal2-confirm{background:var(--ow-chili) !important;color:#fff !important;}
.swal2-confirm:hover{background:var(--ow-chili-deep) !important;}
.swal2-cancel{background:var(--ow-paper-alt) !important;color:var(--ow-ink) !important;border:1px solid var(--ow-border) !important;}
.swal2-cancel:hover{background:var(--ow-border) !important;}
.swal2-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:24px;line-height:1;color:var(--ow-ink-soft);cursor:pointer;padding:4px;}

/* ==========================================================================
   Checkout page. Real flow is Bootstrap-tab based (bootstrap.min.js is still
   loaded even though bootstrap.css is disabled), so the functional classes
   (nav-tabs/nav-link/tab-pane/fade/show/active + data-bs-* attrs) are kept
   exactly as the real markup/JS expect; everything here is purely visual.
   ========================================================================== */
.ow-co-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start;padding-block:4px 60px;}
@media (max-width:960px){.ow-co-layout{grid-template-columns:minmax(0,1fr);}}

.ow-co-steps{display:flex;gap:10px;list-style:none;padding:0;margin:0 0 24px;border:none;}
.ow-co-steps .nav-link{appearance:none;background:var(--ow-card);border:1.5px solid var(--ow-border);color:var(--ow-ink-soft);font-family:"Karla",sans-serif;font-weight:700;font-size:14.5px;padding:11px 20px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.ow-co-steps .nav-link .ow-co-step-num{width:20px;height:20px;border-radius:999px;background:var(--ow-paper-alt);color:var(--ow-ink-soft);font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:"IBM Plex Mono",monospace;}
.ow-co-steps .nav-link.active{background:var(--ow-turmeric-tint);border-color:var(--ow-turmeric);color:var(--ow-turmeric-deep);}
.ow-co-steps .nav-link.active .ow-co-step-num{background:var(--ow-turmeric);color:#fff;}
.ow-co-steps .nav-link:disabled{opacity:.45;cursor:not-allowed;}
@media (max-width:360px){
  .ow-co-steps{gap:8px;}
  .ow-co-steps .nav-link{padding:9px 14px;font-size:13.5px;gap:6px;}
}

#myTabContent .tab-pane{display:none;}
#myTabContent .tab-pane.show{display:block;}

.ow-co-section{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:20px;padding:26px;}
.ow-co-section + .ow-co-section{margin-top:20px;}
.ow-co-section h2{font-family:"Bricolage Grotesque",sans-serif;font-size:19px;color:var(--ow-ink);margin:0 0 18px;}

.ow-co-signin{text-align:center;padding:40px 20px;}
.ow-co-signin svg{width:46px;height:46px;color:var(--ow-ink-soft);opacity:.5;margin-bottom:14px;}
.ow-co-signin p{color:var(--ow-ink-soft);margin:0 0 18px;font-size:15px;}

/* Address radio cards — markup generated by create_address_list() in checkout.js */
.ow-addr-card{display:flex;gap:14px;align-items:flex-start;border:1.5px solid var(--ow-border);border-radius:14px;padding:16px 18px;margin-bottom:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease;}
.ow-addr-card:hover{border-color:var(--ow-field);}
.ow-addr-card:has(.ow-addr-radio:checked){border-color:var(--ow-field);background:var(--ow-field-tint);}
.ow-addr-radio{width:18px;height:18px;margin-top:2px;accent-color:var(--ow-field);flex-shrink:0;cursor:pointer;}
.ow-addr-type{display:inline-block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ow-field-deep);background:var(--ow-field-tint);padding:3px 9px;border-radius:6px;margin-bottom:6px;}
.ow-addr-name{font-weight:700;color:var(--ow-ink);font-size:15px;}
.ow-addr-phone{color:var(--ow-ink-soft);font-size:13.5px;margin-left:8px;}
.ow-addr-text{color:var(--ow-ink-soft);font-size:14px;line-height:1.5;margin-top:4px;}

.ow-co-add-new{margin-top:6px;}
.edit-new-address{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ow-field-deep);cursor:pointer;font-size:14.5px;padding:10px 4px;transition:opacity .15s ease;}
.edit-new-address svg{width:17px;height:17px;}
.add-new-address-div.open-div .edit-new-address{display:none;}
.edit-address-form{display:none;margin-top:18px;padding-top:20px;border-top:1px solid var(--ow-border);}
.add-new-address-div.open-div .edit-address-form{display:block;}
.edit-address-form > span{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:17px;letter-spacing:normal;text-transform:none;color:var(--ow-ink);margin-bottom:20px;}
.edit-address-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px 16px;list-style:none;margin:0;padding:0;}
.edit-address-form .col-md-6{grid-column:span 1;}
.edit-address-form .col-md-12{grid-column:1 / -1;}
@media (max-width:560px){.edit-address-form .row{grid-template-columns:1fr;}.edit-address-form .col-md-6{grid-column:1;}}
.edit-address-form .form-group{display:flex;flex-direction:column;gap:6px;}
.edit-address-form input.form-control,.edit-address-form select.form-control,.edit-address-form textarea.form-control{
  height:48px;border:1.5px solid var(--ow-border);border-radius:11px;padding:0 15px;font-size:15px;font-family:"Karla",sans-serif;color:var(--ow-ink);background:var(--ow-paper);transition:border-color .15s ease,box-shadow .15s ease;outline:none;width:100%;
}
.edit-address-form select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6350' stroke-width='2.4'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:15px;}
.edit-address-form textarea.form-control{height:auto;min-height:90px;padding:12px 15px;resize:vertical;line-height:1.5;}
.edit-address-form input.form-control:focus,.edit-address-form select.form-control:focus,.edit-address-form textarea.form-control:focus{border-color:var(--ow-field);box-shadow:0 0 0 4px color-mix(in srgb, var(--ow-field) 14%, transparent);}
.edit-address-form span[id$="_error"]{color:var(--ow-chili);font-size:13px;font-weight:600;display:block;margin-top:4px;min-height:1.1em;}
.edit-address-form p{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ow-ink-soft);margin:2px 0 10px;}
.ow-addr-type-row{display:flex;gap:12px;flex-wrap:wrap;}
.edit-address-form .form-check-inline{
  display:inline-flex;align-items:center;gap:9px;margin:0 !important;flex:0 0 auto;
  border:1.5px solid var(--ow-border);border-radius:12px;padding:10px 16px;cursor:pointer;
  transition:border-color .15s ease,background .15s ease;
}
.edit-address-form .form-check-inline:hover{border-color:var(--ow-field);}
.edit-address-form .form-check-inline:has(.form-check-input:checked){border-color:var(--ow-field);background:var(--ow-field-tint);}
.edit-address-form .form-check-input{width:17px;height:17px;accent-color:var(--ow-field);cursor:pointer;flex-shrink:0;}
.edit-address-form .form-check-label{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ow-ink);cursor:pointer;}
.edit-address-form .form-check-label svg{width:17px;height:17px;color:var(--ow-ink-soft);flex-shrink:0;transition:color .15s ease;}
.edit-address-form .form-check-inline:has(.form-check-input:checked) .form-check-label svg{color:var(--ow-field-deep);}
.save_cancel_btn{display:flex;gap:12px;margin-top:20px;}
.save_cancel_btn .saveBtn{background:var(--ow-turmeric);color:#fff;border:none;border-radius:11px;padding:12px 26px;font-weight:700;font-size:14.5px;cursor:pointer;font-family:"Karla",sans-serif;}
.save_cancel_btn .saveBtn:hover{background:var(--ow-turmeric-deep);}
.save_cancel_btn .cancel-btn{background:var(--ow-paper-alt);color:var(--ow-ink);border:1px solid var(--ow-border);border-radius:11px;padding:12px 22px;font-weight:700;font-size:14.5px;cursor:pointer;font-family:"Karla",sans-serif;}

.ow-co-nextrow{display:flex;justify-content:flex-end;margin-top:22px;}
.checkOutArrow{display:inline-flex;align-items:center;gap:8px;background:var(--ow-turmeric);color:#fff;border:none;border-radius:999px;padding:13px 26px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;font-family:"Karla",sans-serif;transition:background .15s ease,transform .15s ease;}
.checkOutArrow:hover{background:var(--ow-turmeric-deep);color:#fff;transform:translateY(-2px);}
.checkOutArrow svg{width:16px;height:16px;}
#checkOutPrev{background:var(--ow-paper-alt);color:var(--ow-ink);}
#checkOutPrev:hover{background:var(--ow-border);color:var(--ow-ink);}

/* Payment method option cards — real radios (flexRadioDefault), purely
   cosmetic on this page: actual payment method is chosen inside Cashfree's
   own hosted checkout after Place Order, so no fake card/UPI fields here. */
.ow-pay-opts{display:grid;gap:12px;margin-bottom:6px;}
.ow-pay-opt{display:flex;align-items:center;gap:13px;border:1.5px solid var(--ow-border);border-radius:14px;padding:16px 18px;cursor:pointer;transition:border-color .15s ease,background .15s ease;}
.ow-pay-opt:hover{border-color:var(--ow-field);}
.ow-pay-opt:has(.form-check-input:checked){border-color:var(--ow-field);background:var(--ow-field-tint);}
.ow-pay-opt .form-check-input{width:18px;height:18px;accent-color:var(--ow-field);cursor:pointer;flex-shrink:0;}
.ow-pay-opt svg{width:22px;height:22px;color:var(--ow-field-deep);flex-shrink:0;}
.ow-pay-opt .form-check-label{font-weight:700;color:var(--ow-ink);font-size:15px;cursor:pointer;}

/* Sidebar: coupon + order summary */
.ow-co-side{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:20px;padding:24px;position:sticky;top:150px;}
.ow-co-side h2,.ow-co-side h3{font-family:"Bricolage Grotesque",sans-serif;font-size:17px;color:var(--ow-ink);margin:0 0 14px;text-align:left;}
.ow-co-side > p{display:none;}
#coupon_form_div{display:flex;gap:10px;margin-bottom:18px;}
#coupon_form_div.hidden-content{display:none;}
#coupon_code.form-control{flex:1;height:48px;border:1.5px solid var(--ow-border);border-radius:11px;padding:0 15px;font-size:14.5px;font-family:"Karla",sans-serif;outline:none;}
#coupon_code.form-control:focus{border-color:var(--ow-field);box-shadow:0 0 0 4px color-mix(in srgb, var(--ow-field) 14%, transparent);}
.coupon-code .btn-success{background:var(--ow-field);color:#fff;border:none;border-radius:11px;padding:0 20px;font-weight:700;font-size:13.5px;cursor:pointer;letter-spacing:.02em;flex-shrink:0;}
@media (max-width:340px){
  .ow-co-side{padding:24px 16px;}
  .coupon-code .btn-success{padding:0 14px;}
}
.coupon-code .btn-success:hover{background:var(--ow-field-deep);}
#coupon_error{color:var(--ow-chili);font-size:13px;font-weight:600;display:block;margin:-10px 0 12px;}
#applied_coupon_div{background:var(--ow-field-tint);border:1px solid var(--ow-field);border-radius:12px;padding:13px 15px;margin-bottom:18px;}
#applied_coupon_div.hidden-content{display:none;}
#applied_coupon_div img{width:18px;height:18px;}
#applied_coupon_div .coupon_code_text{font-weight:700;color:var(--ow-field-deep);}
#applied_coupon_div .textSecondary{font-size:12.5px;}
#applied_coupon_div .close_coupon{cursor:pointer;opacity:.7;}
#applied_coupon_div .close_coupon:hover{opacity:1;}

.aa-order-summary-area table{width:100%;border-collapse:collapse;}
.aa-order-summary-area tr{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:var(--ow-ink-soft);margin-bottom:12px;}
.aa-order-summary-area th,.aa-order-summary-area td{padding:0;border:none;font-weight:400;}
.aa-order-summary-area td{color:var(--ow-ink);font-weight:600;font-family:"IBM Plex Mono",monospace;}
.aa-order-summary-area tr.total{border-top:1px solid var(--ow-border);padding-top:14px;margin-top:4px;margin-bottom:0;}
.aa-order-summary-area tr.total th{font-family:"Bricolage Grotesque",sans-serif;font-size:17px;font-weight:700;color:var(--ow-ink);}
.aa-order-summary-area tr.total td{font-size:21px;color:var(--ow-field-deep);}
.paymentMethod{margin-top:18px;}
.paymentMethodBtn{width:100%;background:var(--ow-turmeric);color:#fff;border:none;border-radius:999px;padding:15px;font-weight:700;font-size:15.5px;cursor:pointer;font-family:"Karla",sans-serif;transition:background .15s ease,transform .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;}
.paymentMethodBtn:hover{background:var(--ow-turmeric-deep);transform:translateY(-2px);}
.paymentMethodBtn:disabled{opacity:.7;cursor:not-allowed;transform:none;}
.paymentMethodBtn .spinner-border{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:999px;animation:ow-spin .7s linear infinite;}
@keyframes ow-spin{to{transform:rotate(360deg);}}
.hidden-content{display:none !important;}
.pointer{cursor:pointer;}
.swal2-close:hover{color:var(--ow-ink);}

/* ==========================================================================
   Account pages (profile.php + shared includes/profile-side.php sidebar,
   also used by address/wishlist/my-ratigs pages via the same include).
   ========================================================================== */
.ow-page-head{margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;}
.ow-page-head h1{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(26px,3.2vw,34px);color:var(--ow-ink);margin:0;}
.ow-page-head p{margin:6px 0 0;font-size:16px;color:var(--ow-ink-soft);}
.ow-member-badge{display:inline-flex;align-items:center;gap:8px;background:var(--ow-field-tint);color:var(--ow-field-deep);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;white-space:nowrap;}
.ow-member-badge svg{width:15px;height:15px;}

.ow-account-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;margin-bottom:64px;}
.ow-account-nav{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:18px;padding:20px;position:sticky;top:150px;}
.ow-nav-user{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:14px;border-bottom:1px solid var(--ow-border);}
.ow-nav-avatar{
  width:48px;height:48px;border-radius:50%;flex-shrink:0;background:linear-gradient(160deg,var(--ow-field),var(--ow-field-deep));
  color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:17px;
}
.ow-nav-user-info{min-width:0;}
.ow-nav-user-info .n{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ow-ink);}
.ow-nav-user-info .e{font-size:13px;color:var(--ow-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ow-account-nav-link{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;font-size:15px;font-weight:600;
  color:var(--ow-ink-soft);transition:background .15s ease,color .15s ease,transform .15s ease;margin-bottom:2px;
}
.ow-account-nav-link svg{width:18px;height:18px;flex-shrink:0;color:var(--ow-ink-soft);transition:color .15s ease;}
.ow-account-nav-link:hover{background:var(--ow-paper-alt);color:var(--ow-ink);transform:translateX(3px);}
.ow-account-nav-link.active{background:var(--ow-turmeric-tint);color:var(--ow-turmeric-deep);}
.ow-account-nav-link.active svg{color:var(--ow-turmeric);}
.ow-account-nav-sep{height:1px;background:var(--ow-border);margin:12px 0;}
.ow-account-nav-link.danger{color:var(--ow-chili);}
.ow-account-nav-link.danger svg{color:var(--ow-chili);}
.ow-account-nav-link.danger:hover{background:var(--ow-chili-tint);}
@media (max-width:900px){
  .ow-account-layout{grid-template-columns:minmax(0,1fr);}
  .ow-account-nav{position:static;padding:16px;min-width:0;overflow:hidden;}
  .ow-nav-user{padding-bottom:14px;margin-bottom:12px;}
  .ow-account-nav-links{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px;min-width:0;}
  .ow-account-nav-links::-webkit-scrollbar{display:none;}
  .ow-account-nav-link{flex:0 0 auto;white-space:nowrap;margin-bottom:0;border:1px solid var(--ow-border);padding:10px 16px;border-radius:999px;}
  .ow-account-nav-link:hover{transform:none;}
  .ow-account-nav-sep{display:none;}
}

.ow-acct-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;}
.ow-acct-stat{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px;}
.ow-acct-stat-icon{width:46px;height:46px;border-radius:12px;background:var(--ow-field-tint);color:var(--ow-field-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ow-acct-stat-icon svg{width:21px;height:21px;}
.ow-acct-stat .num{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:21px;display:block;color:var(--ow-ink);}
.ow-acct-stat .lbl{font-size:13.5px;color:var(--ow-ink-soft);}
@media (max-width:640px){.ow-acct-stats{grid-template-columns:1fr;}}

.ow-acct-card{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:18px;padding:26px;margin-bottom:22px;}
.ow-acct-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap;}
.ow-acct-card-head h3{font-family:"Bricolage Grotesque",sans-serif;font-size:19px;margin:0;color:var(--ow-ink);}
.ow-acct-card-head a.ow-viewall{font-size:14.5px;font-weight:700;color:var(--ow-field);border-bottom:1px solid currentColor;white-space:nowrap;}
.ow-btn-ghost-sm{
  display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--ow-turmeric-deep);
  border:1.5px solid var(--ow-turmeric);border-radius:9px;padding:8px 14px;background:none;cursor:pointer;font-family:"Karla",sans-serif;
  transition:background .15s ease,color .15s ease;
}
.ow-btn-ghost-sm:hover{background:var(--ow-turmeric);color:#fff;}
.ow-btn-ghost-sm svg{width:14px;height:14px;}
.ow-btn-ghost-sm.primary{background:var(--ow-turmeric);color:#fff;}
.ow-btn-ghost-sm.primary:hover{background:var(--ow-turmeric-deep);}
.ow-btn-ghost-sm.danger{border-color:var(--ow-chili);color:var(--ow-chili-deep);}
.ow-btn-ghost-sm.danger:hover{background:var(--ow-chili);color:#fff;}

/* ==========================================================================
   Order history page (order.php + assets/js/orderdetails.js).
   Real pagination/filtering is per ORDER ITEM (order_product row), not per
   order, so each card below is one item — not a collapsible multi-item order.
   ========================================================================== */
.ow-order-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.ow-order-tab{
  display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;border:1px solid var(--ow-border);background:var(--ow-card);
  font-size:14px;font-weight:600;color:var(--ow-ink-soft);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease;
}
.ow-order-tab:hover{transform:translateY(-2px);}
.ow-order-tab:has(input:checked){background:var(--ow-field-tint);border-color:var(--ow-field);color:var(--ow-field-deep);}

.ow-order-item-card{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:18px;padding:20px 22px;margin-bottom:16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.ow-order-item-thumb{width:64px;height:64px;border-radius:14px;flex-shrink:0;overflow:hidden;background:var(--ow-paper-alt);display:block;}
.ow-order-item-thumb img{width:100%;height:100%;object-fit:contain;}
.ow-order-item-body{flex:1;min-width:220px;}
.ow-order-item-body .n{font-size:15.5px;font-weight:700;color:var(--ow-ink);transition:color .15s ease;}
.ow-order-item-body .n:hover{color:var(--ow-field-deep);}
.ow-order-item-meta{font-size:13.5px;color:var(--ow-ink-soft);margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.ow-order-item-meta .oid{word-break:break-all;}
.ow-order-item-deliv{font-size:13px;color:var(--ow-ink-soft);margin-top:6px;}
.ow-order-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-left:auto;}
.ow-order-item-price{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:17px;color:var(--ow-ink);}
.ow-order-item-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
@media (max-width:560px){
  .ow-order-item-card{padding:16px;}
  .ow-order-item-right{margin-left:0;width:100%;flex-direction:row;align-items:center;justify-content:space-between;}
}

.ow-no-orders{text-align:center;padding:60px 20px;color:var(--ow-ink-soft);}
.ow-no-orders svg{width:40px;height:40px;color:var(--ow-border);margin:0 auto 14px;}

.ow-pagination-wrap{display:flex;justify-content:center;margin-top:8px;}
.ow-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0;}
.ow-pagination .page-item{display:flex;}
.ow-pagination a.ow-page-link{
  min-width:42px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--ow-border);background:var(--ow-card);
  display:flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:700;color:var(--ow-ink-soft);
  transition:transform .2s ease,border-color .2s ease,color .2s ease;cursor:pointer;text-decoration:none;
}
.ow-pagination a.ow-page-link:hover{transform:translateY(-2px);border-color:var(--ow-field);color:var(--ow-field-deep);}
.ow-pagination .page-item.active span.ow-page-link{
  min-width:42px;height:42px;padding:0 14px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:14.5px;font-weight:700;background:linear-gradient(135deg,var(--ow-turmeric),var(--ow-turmeric-deep));color:#fff;
}
.ow-pagination .page-item:not(.active) span.ow-page-link{
  min-width:42px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--ow-border);
  display:flex;align-items:center;justify-content:center;opacity:.4;color:var(--ow-ink-soft);
}
.ow-pagination .fa-angle-left,.ow-pagination .fa-angle-right{font-size:13px;}

/* My Ratings & Reviews — reuses .ow-order-item-card, but review text runs much
   longer than an order line, so the thumbnail needs to stay pinned to the top
   instead of vertically centering against the whole (much taller) card. */
#user-review-list .ow-order-item-card{align-items:flex-start;}
#user-review-list .ow-order-item-right{align-self:center;}
@media (max-width:480px){
  .ow-pagination{gap:6px;}
  .ow-pagination a.ow-page-link,
  .ow-pagination .page-item.active span.ow-page-link,
  .ow-pagination .page-item:not(.active) span.ow-page-link{
    min-width:34px;height:34px;padding:0 8px;font-size:13px;
  }
}

.ow-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:560px){.ow-field-grid{grid-template-columns:1fr;}}
.ow-acct-card .ow-field input{background:var(--ow-paper-alt);}
.ow-acct-card .ow-field input:disabled{color:var(--ow-ink-soft);cursor:not-allowed;opacity:.85;}
.ow-acct-card .ow-field input:not(:disabled){background:var(--ow-card);}

.ow-gender-field{margin-top:4px;}
.ow-gender-label{display:block;font-size:13px;font-weight:700;color:var(--ow-ink-soft);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px;}
.ow-gender-row{display:flex;gap:22px;}
.ow-gender-opt{display:flex;align-items:center;gap:9px;font-size:15.5px;color:var(--ow-ink);}
.ow-gender-opt input{width:18px;height:18px;accent-color:var(--ow-turmeric-deep);}
.ow-gender-opt input:disabled{cursor:not-allowed;opacity:.7;}
.ow-gender-opt:has(input:disabled){cursor:not-allowed;}

.ow-acct-form-foot{display:flex;gap:10px;margin-top:20px;align-items:center;}
.ow-acct-save-btn{background:var(--ow-turmeric);color:#fff;border:none;border-radius:10px;padding:12px 22px;font-weight:700;font-size:14.5px;cursor:pointer;font-family:"Karla",sans-serif;transition:background .2s ease,opacity .2s ease;}
.ow-acct-save-btn:hover{background:var(--ow-turmeric-deep);}
.ow-acct-save-btn:disabled{opacity:.55;cursor:not-allowed;}

.ow-field-value{font-size:16px;font-weight:600;color:var(--ow-ink);}
.ow-otp-note{
  background:var(--ow-field-tint);border-radius:12px;padding:13px 15px;margin:14px 0;font-size:14px;color:var(--ow-field-deep);
  display:flex;align-items:flex-start;gap:9px;max-width:420px;
}
.ow-otp-note svg{width:17px;height:17px;flex-shrink:0;margin-top:1px;}

.ow-order-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--ow-border);flex-wrap:wrap;}
.ow-order-row:last-child{border-bottom:none;padding-bottom:0;}
.ow-order-row:first-child{padding-top:0;}
.ow-order-thumb{
  width:46px;height:46px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:var(--ow-field-tint);color:var(--ow-field-deep);
}
.ow-order-thumb svg{width:20px;height:20px;}
.ow-order-info{flex:1;min-width:160px;}
.ow-order-info .id{font-size:14.5px;font-weight:700;font-family:"IBM Plex Mono",monospace;color:var(--ow-ink);word-break:break-all;}
.ow-order-info .meta{font-size:13.5px;color:var(--ow-ink-soft);margin-top:2px;}
.ow-order-status{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;}
.ow-order-status svg{width:11px;height:11px;}
.ow-order-status.delivered{background:var(--ow-field-tint);color:var(--ow-field-deep);}
.ow-order-status.transit{background:var(--ow-turmeric-tint);color:var(--ow-turmeric-deep);}
.ow-order-status.processing{background:var(--ow-paper-alt);color:var(--ow-ink-soft);}
.ow-order-status.cancelled{background:var(--ow-chili-tint);color:var(--ow-chili-deep);}
.ow-order-total{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:15.5px;color:var(--ow-ink);min-width:70px;text-align:right;}
.ow-order-empty{text-align:center;padding:30px 10px;color:var(--ow-ink-soft);font-size:15px;}

/* ==========================================================================
   Order details / tracking page (orderdetails.php) — single real order item,
   no granular timestamped tracking history exists in the real schema, so the
   stepper reflects only the current status, not a dated event-by-event log.
   ========================================================================== */
.ow-track-summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:6px;}
.ow-track-summary-head .id{font-size:18px;font-weight:700;font-family:"IBM Plex Mono",monospace;color:var(--ow-ink);word-break:break-all;}
.ow-track-summary-head .date{font-size:14px;color:var(--ow-ink-soft);margin-top:4px;}

.ow-eta-banner{display:flex;align-items:center;gap:10px;background:var(--ow-turmeric-tint);color:var(--ow-turmeric-deep);border-radius:12px;padding:14px 18px;margin-top:18px;font-size:15px;font-weight:700;}
.ow-eta-banner svg{width:19px;height:19px;flex-shrink:0;}

.ow-h-stepper{display:flex;align-items:flex-start;margin-top:28px;}
.ow-h-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;}
.ow-h-step-dot{
  width:38px;height:38px;border-radius:50%;background:var(--ow-paper-alt);border:2px solid var(--ow-border);
  display:flex;align-items:center;justify-content:center;color:var(--ow-ink-soft);z-index:1;transition:all .3s ease;
}
.ow-h-step-dot svg{width:17px;height:17px;}
.ow-h-step.done .ow-h-step-dot{background:var(--ow-field);border-color:var(--ow-field);color:#fff;}
.ow-h-step.current .ow-h-step-dot{background:var(--ow-turmeric);border-color:var(--ow-turmeric);color:#fff;box-shadow:0 0 0 5px var(--ow-turmeric-tint);}
.ow-h-step-line{position:absolute;top:19px;left:calc(-50% + 19px);width:calc(100% - 38px);height:3px;background:var(--ow-border);z-index:0;}
.ow-h-step:first-child .ow-h-step-line{display:none;}
.ow-h-step.done .ow-h-step-line{background:var(--ow-field);}
.ow-h-step-label{font-size:13px;font-weight:700;color:var(--ow-ink-soft);margin-top:10px;}
.ow-h-step-date{font-size:11.5px;color:var(--ow-ink-soft);margin-top:2px;font-family:"IBM Plex Mono",monospace;}
.ow-h-step.done .ow-h-step-label,.ow-h-step.current .ow-h-step-label{color:var(--ow-ink);}
@media (max-width:640px){.ow-h-step-label{font-size:11px;}.ow-h-step-date{display:none;}.ow-h-step-dot{width:32px;height:32px;}.ow-h-step-dot svg{width:14px;height:14px;}.ow-h-step-line{top:16px;}}

.ow-track-courier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
@media (max-width:760px){.ow-track-courier-grid{grid-template-columns:1fr 1fr;}}
.ow-track-courier-stat{background:var(--ow-paper-alt);border-radius:12px;padding:14px 16px;}
.ow-track-courier-stat .lbl{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--ow-ink-soft);margin-bottom:5px;}
.ow-track-courier-stat .val{font-size:14.5px;font-weight:700;color:var(--ow-ink);}
.ow-track-courier-stat a.val{color:var(--ow-field-deep);}

.ow-track-exception-note{
  display:flex;align-items:flex-start;gap:10px;font-size:14.5px;font-weight:600;color:var(--ow-chili-deep);
  background:var(--ow-chili-tint);border-radius:12px;padding:14px 16px;margin-top:18px;
}
.ow-track-exception-note.refund{color:var(--ow-field-deep);background:var(--ow-field-tint);}
.ow-track-exception-note svg{width:17px;height:17px;flex-shrink:0;margin-top:1px;}

.ow-track-seller{font-size:13.5px;color:var(--ow-ink-soft);margin-top:4px;}

.ow-order-summary-table{width:100%;border-collapse:collapse;}
.ow-order-summary-table tr{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:var(--ow-ink-soft);margin-bottom:10px;}
.ow-order-summary-table td{padding:0;border:none;}
.ow-order-summary-table td:last-child{color:var(--ow-ink);font-weight:600;font-family:"IBM Plex Mono",monospace;}
.ow-order-summary-table tr.total{border-top:1px solid var(--ow-border);padding-top:12px;margin-top:2px;}
.ow-order-summary-table tr.total td{font-weight:700;color:var(--ow-ink);font-size:16px;}

/* ==========================================================================
   Address management page (address_list.php + assets/js/address.js).
   No "default address" concept exists in the real backend (checkout has its
   own separate per-checkout selection, unrelated) — so unlike the artifact,
   there's no default pill/"Set Default" action here, only Edit/Delete.
   ========================================================================== */
.ow-addr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px;}
.ow-addr-toolbar .count{font-size:15px;color:var(--ow-ink-soft);}
.ow-addr-toolbar .count strong{color:var(--ow-ink);}

.ow-add-address-wrap{background:var(--ow-card);border:1px solid var(--ow-border);border-radius:16px;padding:18px 20px;margin-bottom:20px;}
.ow-add-address-wrap .edit-new-address{padding:0;}

.ow-address-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width:980px){.ow-address-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.ow-address-grid{grid-template-columns:1fr;}}

.ow-address-card{border:1.5px solid var(--ow-border);border-radius:16px;padding:20px;background:var(--ow-card);transition:box-shadow .2s ease,border-color .2s ease;}
.ow-address-card:hover{box-shadow:0 18px 32px -18px var(--ow-shadow);}
.ow-addr-type-tag{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ow-field-deep);background:var(--ow-field-tint);padding:4px 10px;border-radius:999px;margin-bottom:12px;}
.ow-addr-type-tag svg{width:13px;height:13px;}
.ow-address-card .n{font-size:15.5px;font-weight:700;color:var(--ow-ink);margin-bottom:2px;}
.ow-address-card .phone{font-size:13.5px;color:var(--ow-ink-soft);margin-bottom:8px;font-family:"IBM Plex Mono",monospace;}
.ow-address-card p{font-size:14px;color:var(--ow-ink-soft);line-height:1.6;margin:0;}
.ow-address-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
.ow-addr-action-btn{
  display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ow-ink-soft);
  border:1px solid var(--ow-border);border-radius:8px;padding:7px 12px;background:none;cursor:pointer;font-family:"Karla",sans-serif;
  transition:border-color .15s ease,color .15s ease,background .15s ease;
}
.ow-addr-action-btn:hover{border-color:var(--ow-field);color:var(--ow-field-deep);background:var(--ow-field-tint);}
.ow-addr-action-btn.remove:hover{border-color:var(--ow-chili);color:var(--ow-chili-deep);background:var(--ow-chili-tint);}
.ow-addr-action-btn svg{width:13px;height:13px;}

.ow-address-empty{text-align:center;padding:60px 20px;color:var(--ow-ink-soft);}
.ow-address-empty svg{width:48px;height:48px;color:var(--ow-border);margin:0 auto 16px;}
.ow-address-empty h3{font-family:"Bricolage Grotesque",sans-serif;font-size:18px;color:var(--ow-ink);margin-bottom:6px;}

/* Dashed "Add New Address" card at the end of the real address grid */
.ow-addr-add-card{
  border:1.5px dashed var(--ow-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:9px;color:var(--ow-ink-soft);text-align:center;min-height:170px;
  transition:border-color .2s ease,color .2s ease,background .2s ease;background:none;cursor:pointer;width:100%;font-family:"Karla",sans-serif;
}
.ow-addr-add-card:hover{border-color:var(--ow-field);color:var(--ow-field-deep);background:var(--ow-field-tint);}
.ow-addr-add-card .plus-circle{width:38px;height:38px;border-radius:50%;background:var(--ow-paper-alt);display:flex;align-items:center;justify-content:center;transition:background .2s ease;}
.ow-addr-add-card:hover .plus-circle{background:var(--ow-card);}
.ow-addr-add-card svg{width:19px;height:19px;}
.ow-addr-add-card span:last-child{font-size:15px;font-weight:700;}

/* Add/Edit address modal — matches the "My Addresses" artifact's modal pattern.
   The real form inside (.edit-address-form) is the same shared markup used
   inline on the checkout page; only its container/visibility differs here. */
.ow-addr-modal-backdrop{
  position:fixed;inset:0;background:rgba(20,25,15,.55);z-index:1095;
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;
}
.ow-addr-modal-backdrop.open{opacity:1;visibility:visible;}
.ow-addr-modal{
  background:var(--ow-card);border-radius:22px;padding:30px;width:100%;max-width:560px;
  box-shadow:0 50px 90px -20px rgba(0,0,0,.4);max-height:90vh;overflow-y:auto;
  transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.2,.8,.25,1);
}
.ow-addr-modal-backdrop.open .ow-addr-modal{transform:translateY(0) scale(1);}
.ow-addr-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.ow-addr-modal-head h3{font-family:"Bricolage Grotesque",sans-serif;font-size:20px;color:var(--ow-ink);margin:0;}
.ow-addr-modal-close{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ow-ink-soft);border:none;background:none;cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0;}
.ow-addr-modal-close:hover{background:var(--ow-paper-alt);color:var(--ow-ink);}
.ow-addr-modal-close svg{width:16px;height:16px;}
.ow-addr-modal .edit-address-form{display:block;margin-top:0;padding-top:0;border-top:none;}
.ow-addr-modal .edit-address-form > span{display:none;}

/* Wishlist "select an option" variant picker — reuses the address modal shell. */
.ow-variant-modal{max-width:380px;}
.ow-variant-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.ow-variant-option{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1.5px solid var(--ow-border);border-radius:12px;padding:12px 16px;background:none;cursor:pointer;
  font-family:"Karla",sans-serif;text-align:left;transition:border-color .15s ease,background .15s ease;
}
.ow-variant-option:hover{border-color:var(--ow-field);background:var(--ow-field-tint);}
.ow-variant-option:disabled{opacity:.5;cursor:not-allowed;}
.ow-variant-option:disabled:hover{border-color:var(--ow-border);background:none;}
.ow-variant-option .label{font-size:14.5px;font-weight:700;color:var(--ow-ink);}
.ow-variant-option .oos{font-size:12.5px;font-weight:700;color:var(--ow-chili);margin-left:8px;}
.ow-variant-option .price{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:15px;color:var(--ow-field-deep);flex-shrink:0;}

/* ==========================================================================
   Static content pages (About / Privacy / Refund) — long-form copy that
   comes out of the seometa CMS field as plain WYSIWYG-authored HTML
   (h3/p/ul/ol/strong/em/hr), so this styles tag names rather than classes.
   Shares .ow-breadcrumb and .ow-cat-banner with the category page for the
   page header.
   ========================================================================== */
.ow-prose{
  max-width:820px;margin-inline:auto;background:var(--ow-card);border:1px solid var(--ow-border);
  border-radius:22px;padding:clamp(28px,5vw,48px);box-shadow:0 20px 40px -28px var(--ow-shadow);
  font-family:"Karla",sans-serif;font-size:17px;line-height:1.8;color:var(--ow-ink-soft);
}
.ow-prose h2,.ow-prose h3,.ow-prose h4{font-family:"Bricolage Grotesque",sans-serif;color:var(--ow-ink);line-height:1.3;margin:30px 0 14px;}
.ow-prose h2:first-child,.ow-prose h3:first-child,.ow-prose h4:first-child{margin-top:0;}
.ow-prose h2{font-size:clamp(22px,2.8vw,27px);}
.ow-prose h3{font-size:clamp(20px,2.6vw,24px);}
.ow-prose h4{font-size:17.5px;}
.ow-prose p{margin:0 0 16px;}
.ow-prose p:last-child{margin-bottom:0;}
.ow-prose strong{color:var(--ow-ink);font-weight:700;}
.ow-prose em{color:var(--ow-ink-soft);}
.ow-prose a{color:var(--ow-field-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.ow-prose a:hover{color:var(--ow-field);}
.ow-prose ul,.ow-prose ol{margin:0 0 18px;padding-left:24px;}
.ow-prose li{margin-bottom:9px;}
.ow-prose li:last-child{margin-bottom:0;}
.ow-prose li::marker{color:var(--ow-field);font-weight:700;}
.ow-prose hr{border:none;border-top:1px solid var(--ow-border);margin:30px 0;}

/* ---------- Contact page ---------- */
.ow-contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;}
.ow-contact-info-card{
  display:flex;align-items:center;gap:14px;background:var(--ow-card);border:1px solid var(--ow-border);
  border-radius:16px;padding:18px 20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.ow-contact-info-card:hover{transform:translateY(-3px);box-shadow:0 18px 32px -20px var(--ow-shadow);border-color:var(--ow-field);}
.ow-contact-info-icon{width:46px;height:46px;border-radius:13px;background:var(--ow-field-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ow-contact-info-icon svg{width:21px;height:21px;color:var(--ow-field-deep);}
.ow-contact-info-card .lbl{font-size:13px;color:var(--ow-ink-soft);margin-bottom:2px;}
.ow-contact-info-card a,.ow-contact-info-card p{font-size:15.5px;font-weight:700;color:var(--ow-ink);text-decoration:none;margin:0;line-height:1.35;}
.ow-contact-info-card a:hover{color:var(--ow-field-deep);}
@media (max-width:820px){.ow-contact-info{grid-template-columns:1fr;}}

.ow-contact-panel{
  display:grid;grid-template-columns:1fr 1.15fr;gap:0;background:var(--ow-card);border:1px solid var(--ow-border);
  border-radius:22px;overflow:hidden;box-shadow:0 20px 40px -28px var(--ow-shadow);
}
.ow-contact-visual{background:var(--ow-paper-alt);display:flex;align-items:center;justify-content:center;padding:40px;}
.ow-contact-visual img{max-width:100%;width:320px;}
.ow-contact-form-wrap{padding:clamp(26px,4.5vw,44px);}
.ow-contact-form-wrap h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(21px,2.6vw,25px);color:var(--ow-ink);margin-bottom:6px;}
.ow-contact-form-wrap>p{font-size:15px;color:var(--ow-ink-soft);margin-bottom:22px;}
.ow-contact-form-wrap .ow-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ow-contact-form-wrap .ow-btn{width:100%;justify-content:center;padding:14px;font-size:16px;margin-top:6px;}
@media (max-width:900px){
  .ow-contact-panel{grid-template-columns:1fr;}
  .ow-contact-visual{padding:28px;}
  .ow-contact-visual img{width:200px;}
}
@media (max-width:560px){.ow-contact-form-wrap .ow-field-row{grid-template-columns:1fr;}}

/* Track order page */
.ow-track-panel{
  display:grid;grid-template-columns:1.15fr 1fr;background:var(--ow-card);border:1px solid var(--ow-border);
  border-radius:22px;overflow:hidden;box-shadow:0 20px 40px -28px var(--ow-shadow);font-family:"Karla",sans-serif;
}
.ow-track-form-wrap{padding:clamp(26px,4.5vw,48px);position:relative;overflow:hidden;}
.ow-track-form-wrap::before{
  content:"";position:absolute;top:-80px;left:-80px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle, var(--ow-field-tint), transparent 70%);pointer-events:none;
}
.ow-track-form-wrap>*{position:relative;}
.ow-track-form-wrap h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(23px,2.8vw,28px);color:var(--ow-ink);margin-bottom:8px;}
.ow-track-form-wrap>p{font-size:16px;line-height:1.55;color:var(--ow-ink-soft);margin-bottom:26px;max-width:46ch;}
.ow-track-input{position:relative;}
.ow-track-input svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--ow-ink-soft);pointer-events:none;transition:color .2s ease;}
.ow-field .ow-track-input input{padding:16px 16px 16px 48px;font-size:17px;font-family:"IBM Plex Mono",monospace;letter-spacing:.02em;}
.ow-track-input:focus-within svg{color:var(--ow-field);}
.ow-track-form-wrap .ow-btn{width:100%;justify-content:center;padding:15px;font-size:17px;margin-top:10px;}
.ow-track-form-wrap .ow-btn svg{transition:transform .2s ease;}
.ow-track-form-wrap .ow-btn:hover svg{transform:translateX(4px);}
.ow-track-help{display:flex;gap:10px;align-items:flex-start;margin-top:24px;padding:14px 16px;border-radius:12px;background:var(--ow-paper-alt);font-size:15px;color:var(--ow-ink-soft);line-height:1.5;}
.ow-track-help svg{width:19px;height:19px;flex-shrink:0;margin-top:1px;color:var(--ow-field);}
.ow-track-help a{color:var(--ow-field-deep);font-weight:700;border-bottom:1px solid currentColor;text-decoration:none;}

.ow-track-journey{background:linear-gradient(160deg,var(--ow-field-tint),var(--ow-paper-alt));padding:clamp(26px,4.5vw,48px);display:flex;flex-direction:column;}
.ow-track-journey h3{font-family:"Bricolage Grotesque",sans-serif;font-size:20px;color:var(--ow-ink);margin-bottom:22px;}
.ow-track-steps{list-style:none;margin:0;padding:0;}
.ow-track-steps li{display:flex;gap:16px;position:relative;padding-bottom:24px;}
.ow-track-steps li:last-child{padding-bottom:0;}
.ow-track-steps li:not(:last-child)::before{content:"";position:absolute;left:22px;top:46px;bottom:2px;border-left:2px dashed color-mix(in srgb, var(--ow-field) 45%, transparent);}
.ow-track-steps .dot{width:46px;height:46px;border-radius:50%;background:var(--ow-card);border:1px solid var(--ow-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px -10px var(--ow-shadow);transition:transform .2s ease,background .2s ease;}
.ow-track-steps .dot svg{width:20px;height:20px;color:var(--ow-field-deep);}
.ow-track-steps li:last-child .dot{background:var(--ow-field);border-color:var(--ow-field);}
.ow-track-steps li:last-child .dot svg{color:#fff;}
.ow-track-steps li:hover .dot{transform:scale(1.08);}
.ow-track-steps strong{display:block;font-size:16.5px;color:var(--ow-ink);margin-top:3px;}
.ow-track-steps p{font-size:15px;color:var(--ow-ink-soft);margin:2px 0 0;line-height:1.45;}
.ow-track-orders-link{display:inline-flex;align-items:center;gap:6px;margin-top:26px;font-weight:700;font-size:15.5px;color:var(--ow-field-deep);text-decoration:none;align-self:flex-start;border-bottom:1px solid currentColor;}
.ow-track-orders-link:hover{color:var(--ow-field);}
@media (max-width:900px){.ow-track-panel{grid-template-columns:1fr;}}
.ow-track-form-wrap .ow-field{margin-bottom:14px;}
.ow-field .ow-track-input input.ow-track-plain{font-family:"Karla",sans-serif;letter-spacing:0;}
.ow-track-optional{text-transform:none;letter-spacing:0;font-weight:500;}
.ow-track-alert{display:flex;gap:10px;align-items:flex-start;background:var(--ow-chili-tint);color:var(--ow-chili-deep);border-radius:12px;padding:13px 16px;font-size:15px;font-weight:600;line-height:1.45;margin-bottom:6px;}
.ow-track-alert svg{width:19px;height:19px;flex-shrink:0;margin-top:1px;}
.ow-track-result{margin-top:28px;scroll-margin-top:170px;font-family:"Karla",sans-serif;}
.ow-track-result .ow-acct-card{margin-bottom:16px;}
.ow-track-item .ow-order-item-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.ow-track-item .ow-order-item-info{flex:1;min-width:180px;}
.ow-track-item .ow-order-item-info .n{font-size:16.5px;font-weight:700;color:var(--ow-ink);}
.ow-track-item .ow-order-item-info .n a:hover{color:var(--ow-field-deep);}
.ow-track-item .ow-order-item-info .m{font-size:14.5px;color:var(--ow-ink-soft);margin-top:4px;}
.ow-track-item .ow-h-step-label{font-size:14px;}
.ow-track-item .ow-track-exception-note{margin-top:18px;}