@charset "UTF-8";
:root {
  --cream:   #F5F0E8;
  --cream2:  #EDE8DF;
  --cream3:  #E0D9CE;
  --black:   #0D0D0B;
  --black2:  #1A1A16;
  --charcoal:#2E2E28;
  --warm:    #5C5648;
  --muted:   #9A9282;
  --border:  rgba(13,13,11,.10);
  --border2: rgba(13,13,11,.18);
  --accent:  #C8461E;
  --accent2: #E85C2E;
  --f-impact: 'Bebas Neue', Impact, sans-serif;
  --f-serif:  'DM Serif Display', Georgia, serif;
  --f-mono:   'IBM Plex Mono', monospace;
  --f-body:   'Sora', system-ui, sans-serif;
  --nav-h: 56px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body{
  font-family:var(--f-body);
  background:var(--cream);
  color:var(--black);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
  min-height:100vh;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-thumb{background:var(--muted)}
::selection{background:var(--black);color:var(--cream)}

/* ═══ TYPOGRAPHY ═══ */
.t-impact{font-family:var(--f-impact);letter-spacing:.02em;line-height:.92;text-transform:uppercase}
.t-serif{font-family:var(--f-serif);line-height:1.15}
.t-mono{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.t-body{font-family:var(--f-body);font-weight:300;line-height:1.75;color:var(--warm)}
.t-label{font-family:var(--f-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ═══ LAYOUT ═══ */
.container{width:100%;max-width:1360px;margin:0 auto;padding:0 20px}
.container-sm{width:100%;max-width:960px;margin:0 auto;padding:0 20px}
@media(min-width:640px){.container,.container-sm{padding:0 32px}}
@media(min-width:1024px){.container{padding:0 56px}}
@media(min-width:1280px){.container{padding:0 72px}}

/* ═══ BUTTONS ═══ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 24px;
  font-family:var(--f-mono);font-size:.68rem;
  letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  border:1.5px solid var(--black);background:var(--black);color:var(--cream);
  transition:background .2s,color .2s,border-color .2s;
  white-space:nowrap;border-radius:0;-webkit-appearance:none;cursor:pointer;
}
.btn:hover{background:transparent;color:var(--black)}
.btn:active{transform:scale(.98)}
.btn-outline{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 23px;
  font-family:var(--f-mono);font-size:.68rem;
  letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  border:1.5px solid var(--border2);background:transparent;color:var(--black);
  transition:background .2s,color .2s,border-color .2s;
  white-space:nowrap;border-radius:0;-webkit-appearance:none;cursor:pointer;
}
.btn-outline:hover{border-color:var(--black);background:var(--black);color:var(--cream)}
.btn-accent{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 24px;
  font-family:var(--f-mono);font-size:.68rem;
  letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  border:1.5px solid var(--accent);background:var(--accent);color:var(--cream);
  transition:background .2s,border-color .2s;
  white-space:nowrap;border-radius:0;-webkit-appearance:none;cursor:pointer;
}
.btn-accent:hover{background:var(--accent2);border-color:var(--accent2)}

/* ═══ MISC ═══ */
hr{border:none;border-top:1px solid var(--border);margin:0}
.rule-bold{height:2px;background:var(--black);border:none}
.tag{
  display:inline-flex;align-items:center;
  padding:3px 8px;
  border:1px solid var(--border2);
  font-family:var(--f-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--warm);flex-shrink:0;
}
.tag-accent{border-color:var(--accent);color:var(--accent)}
.tag-filled{background:var(--black);border-color:var(--black);color:var(--cream)}

/* ═══ FORM ═══ */
.f-field{
  width:100%;padding:13px 0;
  background:transparent;border:none;border-bottom:1.5px solid var(--border2);
  font-family:var(--f-body);font-size:.875rem;font-weight:300;
  color:var(--black);outline:none;transition:border-color .2s;
  border-radius:0;-webkit-appearance:none;
}
.f-field:focus{border-bottom-color:var(--black)}
.f-field::placeholder{color:var(--muted)}
select.f-field{
  cursor:pointer;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='none' stroke='%239A9282' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 4px center;padding-right:24px;
}
.f-label{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px}

/* ═══ NAV ═══ */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:900;
  background:var(--cream);
  border-bottom:1.5px solid var(--black);
  height:var(--nav-h);
}
.nav-inner{
  height:100%;max-width:1360px;margin:0 auto;
  padding:0 20px;
  display:flex;align-items:center;
  justify-content:space-between;gap:0;
}
@media(min-width:640px){.nav-inner{padding:0 32px}}
@media(min-width:1024px){.nav-inner{padding:0 56px}}
@media(min-width:1280px){.nav-inner{padding:0 72px}}

.nav-logo{
  font-family:var(--f-impact);font-size:1.75rem;
  letter-spacing:.04em;color:var(--black);line-height:1;
  flex-shrink:0;margin-right:0;
}

/* ── NAV LINKS: only show from 768px ── */
.nav-links{
  display:none;
  align-items:center;
  height:100%;
  margin-left:20px;
}
@media(min-width:768px){.nav-links{display:flex}}

.nav-link{
  font-family:var(--f-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--warm);
  height:100%;display:flex;align-items:center;
  padding:0 14px;
  border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s;
}
.nav-link:hover{color:var(--black)}
.nav-link.active{color:var(--black);border-bottom-color:var(--black)}

/* ── NAV RIGHT ── */
.nav-right{display:flex;align-items:center;height:100%;margin-left:auto;gap:0}

.nav-action{
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:0 12px;height:100%;
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--warm);cursor:pointer;
  border-left:1px solid var(--border);
  background:transparent;border-top:none;border-right:none;border-bottom:none;
  transition:background .15s,color .15s;
  white-space:nowrap;position:relative;-webkit-appearance:none;
}
.nav-action:hover{background:var(--cream2);color:var(--black)}
/* Label only from 900px */
.nav-label{display:none}
@media(min-width:900px){.nav-label{display:inline}}

.cart-count{
  position:absolute;top:9px;right:5px;
  min-width:16px;height:16px;border-radius:8px;padding:0 3px;
  background:var(--accent);color:var(--cream);
  font-size:.52rem;font-weight:600;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--f-mono);line-height:1;
}

/* Hamburger — visible < 768px */
.nav-hamburger{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  padding:0 16px;height:100%;
  border-left:1px solid var(--border);
  background:none;border-top:none;border-right:none;border-bottom:none;
  -webkit-appearance:none;cursor:pointer;flex-shrink:0;
}
.nav-hamburger span{width:20px;height:1.5px;background:var(--black);display:block;transition:transform .25s,opacity .25s;transform-origin:center}
.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}
@media(min-width:768px){.nav-hamburger{display:none}}

/* ═══ MOBILE DRAWER ═══ */
#mobile-drawer{
  position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;
  background:var(--cream);border-top:1.5px solid var(--black);
  z-index:899;overflow-y:auto;-webkit-overflow-scrolling:touch;
  display:flex;flex-direction:column;padding:0 20px 48px;
  opacity:0;pointer-events:none;transform:translateX(-8px);
  transition:opacity .22s ease,transform .22s ease;
}
#mobile-drawer.open{opacity:1;pointer-events:auto;transform:translateX(0)}
.drawer-link{
  font-family:var(--f-impact);font-size:2.2rem;letter-spacing:.03em;text-transform:uppercase;
  padding:14px 0;border-bottom:1px solid var(--border);color:var(--black);display:block;transition:color .15s;
}
.drawer-link:hover,.drawer-link.active{color:var(--accent)}
.drawer-currency{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}
.cur-chip{
  padding:11px 10px;text-align:center;
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  background:transparent;color:var(--warm);border:1.5px solid var(--border);cursor:pointer;
  transition:all .15s;-webkit-appearance:none;border-radius:0;
}
.cur-chip.active{background:var(--black);color:var(--cream);border-color:var(--black)}
.cur-chip:hover:not(.active){border-color:var(--black);color:var(--black)}

/* ═══ SEARCH OVERLAY ═══ */
#search-overlay{
  position:fixed;inset:0;top:var(--nav-h);background:var(--cream);z-index:1000;
  display:flex;align-items:flex-start;justify-content:center;
  padding:48px 20px 40px;
  opacity:0;pointer-events:none;transition:opacity .2s;
}
@media(min-width:640px){#search-overlay{padding:60px 32px 40px}}
#search-overlay.open{opacity:1;pointer-events:auto}
.search-inner{width:100%;max-width:800px;position:relative}
.search-giant{
  width:100%;font-family:var(--f-impact);font-size:clamp(2.25rem,8vw,5.5rem);letter-spacing:.03em;
  background:transparent;border:none;border-bottom:3px solid var(--black);
  padding:0 0 14px;outline:none;color:var(--black);caret-color:var(--accent);
  -webkit-appearance:none;border-radius:0;
}
.search-giant::placeholder{color:var(--cream3)}
.search-close-btn{
  position:absolute;top:-2px;right:0;
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);cursor:pointer;background:none;border:none;-webkit-appearance:none;
}

/* ═══ CURRENCY PANEL ═══ */
#cur-panel{
  position:fixed;top:var(--nav-h);right:0;z-index:901;width:210px;
  background:var(--black);border-left:1.5px solid var(--charcoal);
  opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;
}
#cur-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}
.cur-opt{
  display:flex;justify-content:space-between;align-items:center;padding:13px 20px;
  font-family:var(--f-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(245,240,232,.5);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);transition:all .15s;
}
.cur-opt:hover{background:var(--charcoal);color:var(--cream)}
.cur-opt.active{color:var(--cream);background:rgba(255,255,255,.06)}

/* ═══ TOAST ═══ */
#toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(12px);
  background:var(--black);color:var(--cream);
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  padding:11px 20px;max-width:calc(100vw - 40px);
  opacity:0;transition:opacity .25s,transform .25s;z-index:9999;pointer-events:none;
  border-left:3px solid var(--accent);white-space:nowrap;
}
@media(min-width:640px){#toast{left:auto;right:24px;transform:translateY(12px)}}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:640px){#toast.show{transform:translateY(0)}}

/* ═══ REVEAL ═══ */
[data-r]{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
[data-r].in{opacity:1;transform:none}
[data-r='fade']{transform:none}

/* ═══ SPACING ═══ */
.page-top{height:var(--nav-h)}
.section{padding:48px 0}
.section-lg{padding:64px 0}
@media(min-width:640px){.section{padding:72px 0}.section-lg{padding:100px 0}}
@media(min-width:768px){.section{padding:80px 0}.section-lg{padding:120px 0}}

/* ═══ UTILITIES ═══ */
.hide-sm{display:none}
@media(min-width:640px){.hide-sm{display:block}}
.show-sm{display:block}
@media(min-width:640px){.show-sm{display:none}}

/* ═══ PRODUCT TILE ═══ */
.tile{
  background:var(--cream);text-decoration:none;color:inherit;
  display:flex;flex-direction:column;transition:background .15s;
  border:none;
}
.tile:hover{background:var(--cream2)}
.tile:hover .tile-img{transform:scale(1.04)}
.tile-img-wrap{
  overflow:hidden;aspect-ratio:1;background:var(--cream2);
  display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;
}
.tile-img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}
.tile-body{padding:12px 14px 16px;flex:1;display:flex;flex-direction:column}
@media(min-width:640px){.tile-body{padding:14px 16px 18px}}

/* ═══ MOBILE IMPROVEMENTS ═══ */
/* Prevent font boost on mobile */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Better image rendering */
img{image-rendering:-webkit-optimize-contrast}
/* Smooth momentum scroll for sidebars */
.overflow-scroll-touch{-webkit-overflow-scrolling:touch;overflow-y:scroll}
/* Tap highlight for interactive elements */
a,button{-webkit-tap-highlight-color:rgba(0,0,0,.08)}
/* Prevent horizontal scroll on mobile */
.container,.container-sm{overflow-x:clip}
/* Minimum touch target size for accessibility */
.nav-action{min-height:44px;min-width:44px}
button.qty-btn{min-height:44px;min-width:44px}
@supports(padding-bottom:env(safe-area-inset-bottom)){
  footer{padding-bottom:calc(env(safe-area-inset-bottom) + 48px)}
  #mobile-drawer{padding-bottom:calc(env(safe-area-inset-bottom) + 48px)}
}

/* ═══ WHATSAPP FLOAT ═══ */
.wa-float{position:fixed;bottom:80px;left:16px;z-index:900;width:48px;height:48px;background:linear-gradient(135deg,#25d366,#128c4a);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.45),0 1px 0 rgba(255,255,255,.3) inset;transition:all .3s cubic-bezier(.34,1.4,.64,1);text-decoration:none}
.wa-float:hover{transform:scale(1.15) rotate(8deg);box-shadow:0 8px 32px rgba(37,211,102,.55)}
@media(min-width:768px){.wa-float{bottom:24px}}

/* ═══ FEATURED / PRODUCT CARD (reused on shop archive too) ═══ */
.feat-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:500px){.feat-grid{grid-template-columns:1fr 1fr;gap:20px}}
@media(min-width:900px){.feat-grid{grid-template-columns:repeat(4,1fr);gap:24px}}
.feat-card{background:var(--cream);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:all .2s ease-in-out;position:relative;overflow:hidden;border:1.5px solid var(--black);box-shadow:0 0 0 transparent}
.feat-card:hover{background:var(--cream2);transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.feat-card:hover .feat-card__img{transform:scale(1.03)}
.feat-card__img-wrap{aspect-ratio:1;overflow:hidden;background:var(--cream2);display:flex;align-items:center;justify-content:center;border-bottom:1.5px solid var(--black);flex-shrink:0}
.feat-card__img{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}
.feat-card__body{padding:16px;flex:1;display:flex;flex-direction:column;gap:4px}
.feat-card__badge{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:6px;align-items:center;flex-wrap:wrap}

/* ═══ WOOCOMMERCE RESKIN (Fenben) ═══ */
.woocommerce-checkout label,.f-label{display:block;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.woocommerce-checkout .input-text,.woocommerce-checkout select,.woocommerce-checkout textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--border2);background:var(--cream);font-family:var(--f-body);font-size:.85rem;color:var(--black);border-radius:0;outline:none;
}
.woocommerce-checkout .input-text:focus,.woocommerce-checkout select:focus,.woocommerce-checkout textarea:focus{border-color:var(--black)}
.woocommerce-checkout .select2-container{width:100%!important}
.woocommerce-checkout .select2-container--default .select2-selection--single{height:46px;border:1.5px solid var(--border2);border-radius:0;background:var(--cream);display:flex;align-items:center;padding:0}
.woocommerce-checkout .select2-selection__rendered{padding:0 12px!important;line-height:44px!important;color:var(--black)!important;font-family:var(--f-body);font-size:.85rem}
.woocommerce-checkout .select2-selection__arrow{height:44px!important;right:8px!important}
.woocommerce-checkout .select2-container--focus .select2-selection--single,.woocommerce-checkout .select2-container--open .select2-selection--single{border-color:var(--black)}
.select2-dropdown{border:1.5px solid var(--border2)!important;border-radius:0!important}
.select2-results__option{padding:9px 12px!important;font-size:.85rem}
.select2-results__option--highlighted[aria-selected]{background:var(--black)!important}
.select2-search--dropdown .select2-search__field{border:1.5px solid var(--border2)!important;padding:7px 10px!important}
.woocommerce-checkout-review-order-table{width:100%;font-family:var(--f-body);font-size:.85rem;border-collapse:collapse}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:10px 0;border-bottom:1px solid var(--border)}
.woocommerce-checkout-review-order-table .order-total td,.woocommerce-checkout-review-order-table .order-total th{font-family:var(--f-impact);font-size:1.1rem;border-top:1.5px solid var(--black);border-bottom:none}
.wc_payment_methods{list-style:none;padding:0;margin:16px 0 0}
.wc_payment_method{border:1.5px solid var(--border2);padding:14px;margin-bottom:8px}
.wc_payment_method label{display:inline;font-family:var(--f-mono);font-size:.7rem;color:var(--black);text-transform:uppercase;letter-spacing:.08em;margin-left:6px}
#place_order,input[name="apply_coupon"],input[name="update_cart"]{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  border:1.5px solid var(--black);background:var(--black);color:var(--cream)!important;border-radius:0;cursor:pointer;width:100%;
}
#place_order:hover{background:transparent;color:var(--black)!important}
.quantity .qty{width:60px;padding:8px;border:1.5px solid var(--border2);text-align:center;border-radius:0;font-family:var(--f-mono)}
.woocommerce-error,.woocommerce-message,.woocommerce-info{border:1.5px solid var(--black);padding:14px 18px;font-family:var(--f-body);font-size:.85rem;list-style:none;margin:0 0 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.woocommerce-message{background:var(--cream2)}
.woocommerce-error{background:#fef2f2;border-color:#dc2626;color:#991b1b}
.woocommerce-message a.button.wc-forward,.woocommerce-error a.button.wc-forward{margin-left:auto;background:var(--black);color:var(--cream)!important;padding:7px 16px;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap}

/* Pagination */
.woocommerce-pagination ul.page-numbers,.pagination .page-numbers{list-style:none;display:flex;align-items:center;justify-content:center;gap:6px;padding:0;margin:0;flex-wrap:wrap}
.woocommerce-pagination ul.page-numbers li{display:flex}
.woocommerce-pagination .page-numbers a,.woocommerce-pagination .page-numbers span,.pagination .page-numbers a,.pagination .page-numbers span{
  display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;
  border:1.5px solid var(--border2);color:var(--black);font-family:var(--f-mono);font-weight:600;font-size:.72rem;
  text-decoration:none;background:var(--cream);border-radius:0;
}
.woocommerce-pagination .page-numbers a:hover,.pagination .page-numbers a:hover{background:var(--black);color:var(--cream)}
.woocommerce-pagination .page-numbers span.current,.pagination .page-numbers span.current{background:var(--black);border-color:var(--black);color:var(--cream)}
.woocommerce-pagination .page-numbers .dots,.pagination .page-numbers .dots{border:none;background:none}

/* OTP login */
.site-core-otp-login{max-width:380px;margin:0 auto;padding:32px 24px;text-align:center;border:1.5px solid var(--black);background:var(--cream)}
.site-core-otp-icon{width:52px;height:52px;border:1.5px solid var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px}
.site-core-otp-title{font-family:var(--f-serif);font-weight:400;font-size:1.25rem;margin-bottom:6px}
.site-core-otp-sub{font-size:.78rem;color:var(--warm);margin-bottom:22px}
.site-core-otp-row{margin-bottom:16px;text-align:left}
.site-core-otp-label{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
.site-core-otp-input{width:100%;padding:12px;border:1.5px solid var(--border2);background:var(--cream);font-family:var(--f-body);font-size:.85rem;color:var(--black);outline:none;border-radius:0;box-sizing:border-box}
.site-core-otp-input:focus{border-color:var(--black)}
.site-core-otp-code-input{text-align:center;letter-spacing:6px;font-family:var(--f-mono);font-weight:600;font-size:1.1rem}
.site-core-otp-btn{width:100%;padding:13px 24px;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;border:1.5px solid var(--black);background:var(--black);color:var(--cream);cursor:pointer;border-radius:0}
.site-core-otp-btn:hover{background:transparent;color:var(--black)}
.site-core-otp-btn:disabled{opacity:.6;cursor:default}
.site-core-otp-btn-primary{background:var(--accent);border-color:var(--accent)}
.site-core-otp-btn-primary:hover{background:transparent;color:var(--accent)}
.site-core-otp-msg{font-size:.75rem;font-weight:600;margin-top:8px;min-height:16px}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:12px 0;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--warm);border-bottom:1px solid var(--border)}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--black);font-weight:600}
.woocommerce-MyAccount-content table{width:100%;border-collapse:collapse;font-family:var(--f-body);font-size:.85rem}
.woocommerce-MyAccount-content table th,.woocommerce-MyAccount-content table td{padding:10px;border-bottom:1px solid var(--border)}
.woocommerce-MyAccount-content p{color:var(--warm);font-size:.85rem;margin-bottom:16px}
.woocommerce-Addresses.col2-set{display:grid;grid-template-columns:1fr;gap:16px;list-style:none;padding:0}
@media(min-width:640px){.woocommerce-Addresses.col2-set{grid-template-columns:1fr 1fr}}
.woocommerce-Address{border:1.5px solid var(--black);padding:18px}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.woocommerce-Address-title h2{font-family:var(--f-serif);font-size:1.1rem}
.woocommerce-Address-title .edit{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--warm);text-decoration:none}
.woocommerce-Address address{font-style:normal;font-size:.8rem;line-height:1.8;color:var(--warm)}
.woocommerce-MyAccount-content .woocommerce-form-row{margin-bottom:16px}
.woocommerce-MyAccount-content .woocommerce-form-row label{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
.woocommerce-MyAccount-content .input-text{width:100%;padding:12px;border:1.5px solid var(--border2);background:var(--cream);font-family:var(--f-body);font-size:.85rem;color:var(--black);outline:none}
.woocommerce-MyAccount-content .input-text:focus{border-color:var(--black)}
.woocommerce-MyAccount-content fieldset{border:none;padding:0;margin:20px 0 0}
.woocommerce-MyAccount-content fieldset legend{font-family:var(--f-serif);font-size:1.1rem;margin-bottom:14px}
.woocommerce-MyAccount-content button[type="submit"],.woocommerce-MyAccount-content input[type="submit"]{padding:13px 24px;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;border:1.5px solid var(--black);background:var(--black);color:var(--cream);cursor:pointer;border-radius:0}
.woocommerce-MyAccount-content button[type="submit"]:hover{background:transparent;color:var(--black)}
.woocommerce-form-row-first,.woocommerce-form-row-last{display:inline-block;width:48%}
.woocommerce-form-row-last{float:right}
.clear{clear:both}

/* ═══ REVIEWS / COMMENTS ═══ */
#reviews{margin-top:20px}
#reviews .woocommerce-Reviews-title{font-family:var(--f-serif);font-size:22px;color:var(--black);margin-bottom:20px}
.commentlist{list-style:none;padding:0;margin:0 0 30px}
.commentlist .comment{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--border)}
.commentlist .avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}
.comment-text{flex:1}
.comment-text .star-rating{margin-bottom:6px}
.woocommerce-review__author{font-weight:700;color:var(--black);font-size:14px}
.woocommerce-review__dash{color:var(--muted);margin:0 6px}
.woocommerce-review__published-date{color:var(--muted);font-size:12px}
.description p{color:var(--warm);font-size:14px;line-height:1.6;margin-top:6px}
.star-rating{overflow:hidden;position:relative;height:1em;line-height:1;width:5.4em;font-family:inherit}
.star-rating::before{content:'\2605\2605\2605\2605\2605';color:var(--border2);float:left;top:0;left:0;position:absolute}
.star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}
.star-rating span::before{content:'\2605\2605\2605\2605\2605';top:0;position:absolute;left:0;color:var(--accent)}
#review_form_wrapper{background:var(--cream);border:1.5px solid var(--black);padding:24px;margin-top:10px}
#review_form_wrapper .comment-reply-title{font-family:var(--f-serif);font-size:19px;color:var(--black);display:block;margin-bottom:16px}
.comment-notes,.comment-form-rating label,.comment-form-comment label,.comment-form-author label,.comment-form-email label{font-family:var(--f-mono);font-size:.62rem;font-weight:700;color:var(--warm);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:6px}
.comment-notes{text-transform:none;font-weight:400;letter-spacing:0;margin-bottom:14px;font-family:var(--f-body)}
.comment-form-rating{margin-bottom:16px}
.comment-form-rating .stars{display:flex;gap:4px}
.comment-form-rating .stars a{color:var(--accent);font-size:18px;text-decoration:none}
#review_form_wrapper input[type="text"],#review_form_wrapper input[type="email"],#review_form_wrapper textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--border2);background:var(--cream);font-family:var(--f-body);font-size:14px;margin-bottom:14px;outline:none;border-radius:0;
}
#review_form_wrapper input:focus,#review_form_wrapper textarea:focus{border-color:var(--black)}
.form-submit input[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  border:1.5px solid var(--black);background:var(--black);color:var(--cream);cursor:pointer;border-radius:0;
}
.form-submit input[type="submit"]:hover{background:transparent;color:var(--black)}

/* ═══ RICH PRODUCT DESCRIPTION ═══ */
.product-desc{font-family:var(--f-body);font-weight:300;line-height:1.75;color:var(--warm)}
.product-desc h1,.product-desc h2,.product-desc h3,.product-desc h4{font-family:var(--f-serif);font-weight:400;color:var(--black);line-height:1.3;margin:1.5em 0 .5em}
.product-desc h1:first-child,.product-desc h2:first-child,.product-desc h3:first-child{margin-top:0}
.product-desc p{margin-bottom:1em}
.product-desc a{color:var(--black);text-decoration:underline}
.product-desc strong,.product-desc b{font-weight:700;color:var(--black)}
.product-desc ul,.product-desc ol{margin:0 0 1em;padding-left:1.4em;list-style-position:outside}
.product-desc ul{list-style-type:disc}
.product-desc ol{list-style-type:decimal}
.product-desc li{margin-bottom:.4em;display:list-item}
.product-desc table{width:100%;border-collapse:collapse;margin:1.25em 0;font-size:.9em}
.product-desc table th{background:var(--black);color:var(--cream);text-align:left;padding:.6em 1em;font-family:var(--f-mono);font-size:.7em;text-transform:uppercase}
.product-desc table td{padding:.6em 1em;border-bottom:1px solid var(--border)}

.comment-form-rating p.stars{display:flex;gap:4px;margin:4px 0 16px;list-style:none;padding:0}
.comment-form-rating p.stars a{position:relative;text-indent:-9999px;overflow:hidden;display:inline-block;width:22px;height:22px;text-decoration:none}
.comment-form-rating p.stars a::before{content:'\2605';text-indent:0;position:absolute;left:0;top:0;font-size:20px;line-height:1;color:var(--border2)}
.comment-form-rating p.stars a:hover::before,.comment-form-rating p.stars a.active::before{color:var(--accent)}

/* product description read-more: clip real HTML (not stripped plain text) */
.product-desc.is-collapsed{max-height:360px;overflow:hidden;box-shadow:inset 0 -70px 40px -50px rgba(0,0,0,.12)}
.product-desc table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}


/* product description: tighter, readable layout on small screens */
.product-desc{overflow-wrap:break-word;word-break:break-word}
@media(max-width:480px){
  .product-desc{font-size:13.5px}
  .product-desc h1,.product-desc h2,.product-desc h3,.product-desc h4{font-size:1.25em;margin:1em 0 .4em}
  .product-desc table th,.product-desc table td{padding:.5em .7em}
  .product-desc ul,.product-desc ol{padding-left:1.1em}
  .product-desc.is-collapsed{max-height:300px}
}