/* LUXE Moderno - main.css - Compiled from v5 */

:root { --black: #0c0c0c; --white: #ffffff; --g50: #fafafa; --g100: #f4f4f4; --g200: #e8e8e8; --g300: #d2d2d2; --g400: #a0a0a0; --g500: #707070; --g600: #505050; --green: #25D366; --red: #c0392b; --blue: #2563eb; --amber: #d97706; --nav: 52px; --bot: 58px; --px: 16px; --btn: 48px; --btn-h: 48px; --btn-h-sm: 38px; --r: 4px; --r2: 6px; --r3: 10px; --radius-sheet: 14px 14px 0 0; --sp-xs: 8px; --sp-sm: 12px; --sp-md: 20px; --sp-lg: 32px; --free-green: #1D9E75; --tx: 100ms; --tf: 160ms; --tm: 240ms; --ts: 360ms; --tl: 500ms; --ease: cubic-bezier(.25,.46,.45,.94); --ease-o: cubic-bezier(.0, .0, .2, 1.0); --ease-i: cubic-bezier(.4, .0, 1.0, 1.0); --ease-s: cubic-bezier(.34,1.2,.64,1.0); --ease-x: cubic-bezier(.87,.0,.13,1.0); --sh1: 0 1px 4px rgba(0,0,0,.06), 0 2px 10px rgba(0,0,0,.04); --sh2: 0 4px 16px rgba(0,0,0,.10), 0 10px 32px rgba(0,0,0,.07); --sh3: 0 8px 24px rgba(0,0,0,.14), 0 20px 48px rgba(0,0,0,.10); --display: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }

#luxe-app { position: relative; margin: 0 auto; width: 100%; max-width: 600px; background: #fff; min-height: 100vh; box-shadow: 0 0 60px rgba(0,0,0,.14); }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; font-family: var(--display); font-size: 14px; color: var(--black); background: var(--g100); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overscroll-behavior: none; }
body { max-width: 600px; margin: 0 auto; background: #fff; min-height: 100vh; display: flex; flex-direction: column; position: relative; overflow-x: hidden; }
img { max-width: 100%; display: block; }
a { cursor: pointer; }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }
.woocommerce-notices-wrapper:empty, .woocommerce-message:empty { display: none; }
.luxe-app { max-width: 600px; margin: 0 auto; min-height: 100vh; display: flex; flex-direction: column; background: #fff; position: relative; }
.luxe-main { display: block; padding-bottom: var(--bot); }
.body { flex: 1; overflow-x: hidden; width: 100%; min-width: 0; box-sizing: border-box; }
.top-nav { height: var(--nav); flex-shrink: 0; background: #fff; border-bottom: 1px solid var(--g200); display: flex; align-items: center; padding: 0 14px; position: sticky; top: 0; z-index: 50; transition: box-shadow var(--tf) var(--ease); }
.u-nav { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--g200); display: flex; align-items: center; justify-content: space-between; padding: 0 16px; height: var(--nav); }
.nav-back, .u-nav-back { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--r); -webkit-tap-highlight-color: transparent; color: var(--black); flex-shrink: 0; }
.nav-logo, .u-nav-logo { font-size: 14px; font-weight: 700; letter-spacing: .22em; }
.nav-right, .u-nav-right { margin-left: auto; display: flex; gap: 14px; align-items: center; min-width: 32px; justify-content: flex-end; }
.u-nav-icon { color: var(--black); display: flex; align-items: center; }
.luxe-cart-icon { position: relative; display: flex; align-items: center; }
.luxe-cart-count { position: absolute; top: -5px; right: -7px; background: var(--red); color: #fff; font-size: 8px; font-weight: 700; min-width: 15px; height: 15px; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 0 3px; }
.cart-dot { position: absolute; top: -4px; right: -5px; background: var(--black); color: #fff; font-size: 8px; font-weight: 700; width: 14px; height: 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1; }
.bot-nav { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 600px; height: var(--bot); background: #fff; border-top: 1px solid var(--g200); display: flex; align-items: stretch; z-index: 100; padding-bottom: env(safe-area-inset-bottom,0); }
.bot-nav a { transition: color .14s; -webkit-tap-highlight-color: transparent; }
.bot-nav a.on { color: var(--black); font-weight: 600; }
.bot-wa-tab { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0; }
.bot-wa-circle { background: transparent; box-shadow: none; }
.h-search { padding: 10px var(--px); }
.h-search-inner { border-radius: 6px; border: none; transition: box-shadow var(--tf) var(--ease); }
.h-search-inner:focus-within { box-shadow: 0 0 0 .5px rgba(12,12,12,.09); }
.h-search-inp { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; appearance: none; -webkit-appearance: none; font-family: inherit; font-size: 14px; color: var(--black); }
.h-search-inp::placeholder { font-size: 14px; color: var(--g400); }
.h-flash { background: #0a0a0a; padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.h-flash-left { display: flex; flex-direction: column; gap: 2px; }
.h-flash-badge { color: rgba(255,255,255,.8); }
.h-flash-title { font-size: 15px; font-weight: 500; color: #fff; letter-spacing: -.01em; line-height: 1.2; }
.h-flash-sub { font-size: 11px; color: rgba(255,255,255,.4); letter-spacing: .01em; }
.h-flash-timer { display: flex; align-items: center; gap: 3px; flex-shrink: 0; }
.h-timer-unit { display: flex; flex-direction: column; align-items: center; background: rgba(255,255,255,.08); padding: 5px 8px; min-width: 36px; border-radius: 2px; }
.h-timer-n { font-size: 16px; font-weight: 700; color: #fff; line-height: 1; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.h-timer-l { font-size: 7px; color: rgba(255,255,255,.3); letter-spacing: .08em; text-transform: uppercase; margin-top: 2px; }
.h-timer-sep { font-size: 14px; font-weight: 700; color: rgba(255,255,255,.3); line-height: 1; }
.h-cats-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--g200); }
.h-cat-card { transition: background var(--tf) var(--ease); }
.h-cat-card:hover { background: var(--g50); }
.h-cat-img { width: 54px; height: 54px; }
.h-cat-name { font-size: 9px; font-weight: 600; letter-spacing: .09em; line-height: 1.35; text-transform: uppercase; color: var(--g600); text-align: center; margin-top: 7px; }
.h-brands { padding: 16px 15px 18px; background: #fff; border-top: 1px solid var(--g200); }
.h-brands-row { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.h-brands-row::-webkit-scrollbar { display: none; }
.h-brand-chip { font-size: 10px; font-weight: 600; letter-spacing: .1em; height: 30px; padding: 0 13px; border-radius: 2px; background: var(--g100); color: var(--g600); border: none; cursor: pointer; display: inline-flex; align-items: center; text-decoration: none; white-space: nowrap; flex-shrink: 0; transition: background .12s; text-transform: uppercase; }
.h-brand-chip:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.h-sec { background: #fff; border-top: 1px solid var(--g200); }
.h-sec-hdr { padding: 18px 15px 13px; }
.h-sec-title { font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--black); }
.h-sec-all { font-size: 10px; color: var(--g400); letter-spacing: .1em; text-transform: uppercase; font-weight: 500; text-decoration: none; }
.h-sec-all:hover { color: var(--black); }
.h-prods-scroll { overflow-x: auto; scrollbar-width: none; }
.h-prods-scroll::-webkit-scrollbar { display: none; }
.h-prods-scroll .prod-card { flex: 0 0 148px; width: 148px; }
.h-hot { display: flex; align-items: center; gap: 10px; padding: 8px 14px; background: #fff; border-bottom: 1px solid var(--g200); overflow-x: auto; scrollbar-width: none; }
.h-hot::-webkit-scrollbar { display: none; }
.h-hot-label { font-size: 10px; flex-shrink: 0; color: var(--g400); letter-spacing: .1em; text-transform: uppercase; font-weight: 500; white-space: nowrap; }
.h-hot-tags { display: flex; gap: 6px; flex-wrap: nowrap; }
.h-hot-tag, .h-tag, .hot-tag { font-size: 11px; color: var(--g600); border: 1px solid var(--g200); background: #fff; padding: 4px 12px; cursor: pointer; white-space: nowrap; flex-shrink: 0; border-radius: 2px; letter-spacing: .02em; transition: all .14s; -webkit-tap-highlight-color: transparent; }
.h-hot-tag:hover, .h-tag:hover, .hot-tag:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.h-trust { display: flex; background: #fff; border-top: 1px solid var(--g200); border-bottom: 1px solid var(--g200); }
.h-trust-item { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 20px 10px; text-align: center; border-right: 1px solid var(--g200); }
.h-trust-item:last-child { border-right: none; }
.h-trust-title { font-size: 11px; font-weight: 500; color: var(--black); line-height: 1.3; }
.h-trust-sub { font-size: 10px; color: var(--g400); line-height: 1.3; }
.h-video-wrap { background: #000; position: relative; width: 100%; aspect-ratio: 16/9; max-height: 520px; overflow: hidden; flex-shrink: 0; }
.h-video-content { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 16px; pointer-events: none; text-align: center; }
.h-video-title { font-size: 64px; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; color: #fff; line-height: 1; margin-bottom: 16px; text-shadow: 0 2px 24px rgba(0,0,0,.4); }
.h-video-btn { height: 42px; padding: 0 40px; background: #fff; color: #0c0c0c; font-size: 11px; font-weight: 600; border: none; cursor: pointer; letter-spacing: .14em; text-transform: uppercase; display: inline-flex; align-items: center; pointer-events: all; border-radius: 0; font-family: inherit; text-decoration: none; transition: opacity .15s; }
.h-video-btn:hover { opacity: .88; }
.h-tp-block { padding: 26px 16px 20px; border-bottom: 1px solid var(--g100); }
.h-tp-score-row { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 7px; }
.h-tp-score { font-size: 30px; font-weight: 300; letter-spacing: -.04em; line-height: 1; }
.h-tp-stars { display: flex; gap: 3px; align-items: center; }
.h-tp-label { font-size: 9px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--g400); }
.h-tp-meta { font-size: 11px; color: var(--g400); letter-spacing: .01em; }
.h-reviews-sec { background: #fff; border-top: 1px solid var(--g200); }
.h-reviews-scroll { display: flex; gap: 10px; overflow-x: auto; padding: 0 15px 18px; scrollbar-width: none; }
.h-reviews-scroll::-webkit-scrollbar { display: none; }
.h-rv-card { transition: box-shadow .22s; }
.h-rv-top { display: flex; align-items: center; justify-content: space-between; }
.h-rv-stars { display: flex; gap: 2px; }
.h-rv-via { display: flex; align-items: center; }
.h-rv-title { font-size: 13px; font-weight: 500; color: var(--black); line-height: 1.35; }
.h-rv-body { font-size: 12px; color: var(--g500); line-height: 1.65; flex: 1; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.h-rv-foot { display: flex; align-items: center; gap: 9px; margin-top: 2px; padding-top: 9px; border-top: 1px solid var(--g100); }
.h-rv-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--g100); color: var(--black); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; flex-shrink: 0; }
.h-rv-name { font-size: 11px; font-weight: 500; color: var(--black); line-height: 1.2; }
.h-rv-date { font-size: 10px; color: var(--g400); margin-top: 1px; }
.h-reviews-cta { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 14px 0; font-size: 11px; font-weight: 500; color: #00b67a; cursor: pointer; background: #fff; border-top: 1px solid var(--g100); letter-spacing: .04em; transition: opacity .14s; text-decoration: none; }
.h-reviews-cta:hover { background: var(--g50); }
.s0 { background: linear-gradient(145deg, #ddd6ce, #ccc4bb); }
.s1 { background: linear-gradient(145deg, #c8d4de, #b4c4d2); }
.s2 { background: linear-gradient(145deg, #c8dec6, #b2ccb0); }
.s3 { background: linear-gradient(145deg, #dec8ce, #ccb2b9); }
.s4 { background: linear-gradient(145deg, #c8d8d2, #b2c6bf); }
.c1 { background: #ede8e2; }
.c2 { background: #d8e4ed; }
.c3 { background: #d5e8d2; }
.c4 { background: #eddbdf; }
.c5 { background: #d8ede5; }
.c6 { background: #d2dbed; }
.c7 { background: #ede8d8; }
.c8 { background: #d2e8ed; }
.cat-layout { display: flex; min-height: calc(100vh - var(--nav) - var(--bot)); overflow: hidden; }
.cat-side { width: 88px; flex: 0 0 88px; background: var(--g50); border-right: 1px solid var(--g200); overflow-y: auto; scrollbar-width: none; position: sticky; top: var(--nav); align-self: flex-start; max-height: calc(100vh - var(--nav)); }
.cat-side::-webkit-scrollbar { display: none; }
.cat-side-item { display: block; padding: 14px 8px; font-size: 11px; font-weight: 400; color: var(--g500); text-align: center; line-height: 1.3; cursor: pointer; border-left: 2px solid transparent; letter-spacing: .01em; text-decoration: none; transition: all .14s; }
.cat-side-item.on { background: #fff; color: var(--black); border-left-color: var(--black); font-weight: 600; }
.cat-right { overflow-y: auto; flex: 1 1 auto; min-width: 0; background: #fff; -webkit-overflow-scrolling: touch; }
.cat-right::-webkit-scrollbar { display: none; }
.cat-panel { display: none; }
.cat-panel.on { display: block; animation: panel-in var(--tm) var(--ease-o) both; }
.panel-section { padding: 12px 12px 4px; }
.panel-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; cursor: pointer; }
.panel-section-title { font-size: 12px; font-weight: 600; color: var(--black); }
.panel-section-viewall { font-size: 11px; color: var(--g400); white-space: nowrap; }
.panel-section-viewall:hover { color: var(--black); }
.panel-prod-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }
.panel-prod-item { cursor: pointer; display: flex; flex-direction: column; align-items: center; -webkit-tap-highlight-color: transparent; }
.panel-prod-item:active { opacity: .76; }
.panel-prod-img-wrap { width: 100%; padding-top: 100%; position: relative; border-radius: var(--r); overflow: hidden; background: var(--g100); margin-bottom: 5px; }
.panel-prod-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.panel-prod-item:hover .panel-prod-img { transform: scale(1.04); }
.panel-prod-name { font-size: 10px; color: var(--g600); text-align: center; line-height: 1.35; font-weight: 400; width: 100%; }
.filter-bar { overflow-x: auto; }
.filter-bar::-webkit-scrollbar { display: none; }
.fpill { transition: all .14s; cursor: pointer; }
.fpill.on { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.fpill:hover:not(.on) { border-color: var(--black); border-width: .5px; color: var(--black); background: var(--g50); }
.sort-bar { padding: 11px 14px 9px; border-bottom: 1px solid var(--g100); background: #fff; }
.sort-count { font-size: 11px; color: var(--g500); }
.sort-opts { display: flex; gap: 14px; }
.sort-opt { text-decoration: none; color: var(--g400); }
.sort-opt.on { color: var(--black); }
.prod-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--g200); }
.prod-card { transition: box-shadow var(--ts) var(--ease); }
.prod-card:active { opacity: .88; }
.prod-img-wrap { position: relative; overflow: hidden; flex-shrink: 0; }
.prod-img { aspect-ratio: 1 / 1; }
.prod-card:hover .prod-img { transform: scale(1.06); }
.prod-body { padding: 11px var(--px) 14px; }
.prod-name { font-size: 12px; color: var(--black); font-weight: 400; line-height: 1.42; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.prod-price { font-size: 13px; font-weight: 600; color: var(--black); display: flex; align-items: center; gap: 5px; flex-wrap: wrap; letter-spacing: -.01em; }
.prod-price del { font-size: 11px; color: var(--g400); font-weight: 400; }
.prod-badge { letter-spacing: .07em; text-transform: uppercase; }
.prod-badge.new { background: var(--black); color: #fff; }
.prod-badge.sale { background: var(--red); color: #fff; }
.prod-badge.oos { background: var(--g400); color: #fff; }
.prod-meta { display: flex; align-items: center; justify-content: space-between; margin-top: 7px; }
.prod-views { font-size: 10px; color: var(--g300); display: flex; align-items: center; gap: 2px; letter-spacing: .02em; }
.prod-heart { transition: color .14s, transform .14s; }
.prod-heart.on { color: #e53e3e; }
.prod-heart:active { transform: scale(1.35); }
.carousel-wrap { position: relative; background: var(--g100); overflow: hidden; -webkit-user-select: none; user-select: none; width: 100%; flex-shrink: 0; max-height: 480px; }
.carousel-track { display: flex; width: 100%; transition: transform .38s cubic-bezier(.87,0,.13,1); will-change: transform; }
.carousel-slide { flex: 0 0 100%; width: 100%; aspect-ratio: 1; overflow: hidden; position: relative; max-height: 480px; }
.carousel-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.carousel-slide .carousel-img { object-fit: contain; }
.slide-graphic { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.cdots-row { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; align-items: center; }
.cdot { width: 6px; height: 6px; border-radius: 2px; background: rgba(255,255,255,.38); cursor: pointer; transition: background .24s, width .24s; }
.cdot.on { background: #fff; width: 18px; }
.thumbs-row { display: grid; grid-template-columns: repeat(5,1fr); gap: 4px; padding: 7px 10px; background: #fff; border-bottom: 1px solid var(--g200); }
.thumb { width: 100%; aspect-ratio: 1; overflow: hidden; border: 2px solid transparent; transition: border-color .14s, opacity .14s, transform .1s; }
.thumb.on { border-color: var(--black); border-width: .5px; opacity: 1; }
.thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.thumb-count { font-size: 10px; color: var(--g400); font-weight: 500; display: flex; align-items: center; justify-content: center; background: var(--g50); border: 1.5px solid var(--g200); border-radius: var(--r); aspect-ratio: 1; cursor: pointer; }
.pinfo { background: #fff; padding: 16px 16px 14px; border-bottom: 1px solid var(--g100); }
.badges-row { display: flex; gap: 5px; margin-bottom: 10px; }
.badge { font-size: 9px; font-weight: 700; padding: 3px 8px; border-radius: 2px; letter-spacing: .08em; }
.badge-new { background: var(--g100); color: var(--black); text-transform: uppercase; }
.badge-sale { background: #fef2f2; color: #c0392b; text-transform: uppercase; }
.badge-stock { background: #f0fdf4; color: #15803d; text-transform: uppercase; }
.badge-oos { background: var(--g100); color: var(--g400); text-transform: uppercase; }
.pname { font-size: 19px; font-weight: 600; color: var(--black); line-height: 1.28; letter-spacing: -.02em; margin-bottom: 10px; }
.psub { font-size: 12px; color: var(--g400); margin-bottom: 12px; letter-spacing: .01em; }
.price-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 0; }
.pprice { font-size: 24px; font-weight: 600; color: var(--black); letter-spacing: -.03em; line-height: 1; }
.pprice-orig { font-size: 14px; font-weight: 400; color: var(--g400); text-decoration: line-through; letter-spacing: -.01em; }
.pmeta { display: flex; gap: 14px; font-size: 11px; color: var(--g400); flex-wrap: wrap; margin-top: 8px; }
.stock-warn { font-size: 11px; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: var(--r); padding: 5px 10px; display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; }
.attr-blk { padding: 14px 16px; border-bottom: 1px solid var(--g100); background: #fff; }
.attr-label { font-size: 10px; font-weight: 700; color: var(--g500); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
.colors-row { display: flex; gap: 7px; flex-wrap: wrap; }
.color-dot { width: 26px; height: 26px; border-radius: 50%; }
.color-dot.on { box-shadow: 0 0 0 2.5px var(--black), 0 0 0 5px #fff inset; transform: scale(1.06); }
.sizes-row { display: flex; gap: 6px; flex-wrap: wrap; }
.size-pill { transition: background .14s, color .14s, border-color .14s, transform .1s; -webkit-tap-highlight-color: transparent; }
.size-pill.on { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; font-weight: 600; }
.size-pill.oos { color: var(--g300); background: var(--g50); border-color: var(--g100); text-decoration: line-through; pointer-events: none; }
.size-guide-link { font-size: 10px; color: var(--g400); text-decoration: underline dotted; cursor: pointer; margin-left: auto; letter-spacing: .02em; }
.accordion { background: #fff; }
.ac-item { border-bottom: 1px solid var(--g100); }
.ac-header { transition: background .1s; -webkit-tap-highlight-color: transparent; }
.ac-item.open .ac-header { background: var(--g50); }
.ac-arrow { width: 18px; height: 18px; transition: transform .24s cubic-bezier(.87,0,.13,1); flex-shrink: 0; }
.ac-item.open .ac-arrow { transform: rotate(180deg); }
.ac-body { max-height: 0; overflow: hidden; transition: max-height .36s cubic-bezier(0,.0,.2,1); }
.ac-item.open .ac-body { max-height: 800px; }
.ac-inner { padding: 0 16px 16px; font-size: 13px; color: var(--g500); line-height: 1.74; }
.ac-p { margin-bottom: 10px; }
.spec-table { width: 100%; border-collapse: collapse; }
.spec-table tr { border-bottom: 1px solid var(--g100); }
.spec-table td { padding: 9px 10px; font-size: 12px; border-bottom: 1px solid var(--g100); vertical-align: top; color: var(--black); }
.spec-table td:first-child { color: var(--g500); font-weight: 500; font-size: 11px; width: 38%; }
.spec-table td:last-child { color: var(--black); }
.ship-list { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.ship-row { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; color: var(--g600); line-height: 1.6; }
.ship-ico { font-size: 15px; flex-shrink: 0; }
.tag-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 12px; }
.chip { font-size: 10px; background: var(--g100); color: var(--g600); padding: 4px 10px; border-radius: 2px; }
.chip:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.sku-box { font-size: 11px; padding: 8px 12px; border-radius: var(--r2); background: var(--g50); color: var(--g400); margin-top: 10px; line-height: 1.9; letter-spacing: .02em; }
.act-bar { position: fixed; bottom: var(--bot); left: 50%; transform: translateX(-50%); width: min(100%, 600px); height: calc(52px + env(safe-area-inset-bottom,0)); padding-bottom: env(safe-area-inset-bottom,0); display: flex; background: #fff; border-top: 1px solid var(--g200); z-index: 49; box-sizing: border-box; }
.act-fav { width: 52px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; border-right: 1px solid var(--g200); background: #fff; color: var(--g300); transition: color .1s, opacity .1s; -webkit-tap-highlight-color: transparent; }
.act-fav.on { color: #e53e3e; }
.act-wa { flex: 1; height: 52px; background: #25D366; color: #fff; border: none; display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: opacity .14s; text-decoration: none; -webkit-tap-highlight-color: transparent; font-family: inherit; }
.act-wa:active { opacity: .88; }
.act-cart { flex: 1; height: 52px; background: var(--black); color: #fff; border: none; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; gap: 7px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: opacity .14s; -webkit-tap-highlight-color: transparent; }
.act-cart:active { opacity: .80; }
.size-sheet { position: fixed; inset: 0; background: #fff; z-index: 200; transform: translateY(100%); transition: transform .3s cubic-bezier(.4,0,.2,1); display: flex; flex-direction: column; max-width: 600px; left: 50%; margin-left: -300px; }
.size-sheet.on { transform: none; }
.ss-head { display: flex; align-items: center; justify-content: space-between; padding: 14px var(--px); border-bottom: 1px solid var(--g200); background: #fff; flex-shrink: 0; position: sticky; top: 0; z-index: 2; }
.ss-title { font-size: 13px; font-weight: 600; color: var(--black); }
.ss-close { color: var(--g400); cursor: pointer; font-size: 22px; display: flex; align-items: center; }
.sg-table { width: 100%; border-collapse: collapse; }
.sg-table th { background: var(--g50); padding: 9px 10px; font-size: 10px; font-weight: 600; color: var(--g500); letter-spacing: .08em; text-transform: uppercase; border-bottom: 1px solid var(--g200); text-align: left; }
.sg-table td { padding: 10px; border-bottom: 1px solid var(--g100); font-size: 12px; color: var(--black); }
.sg-table tr.hl td { background: var(--g100); font-weight: 600; }
.hotnow-section, .alsolike-section { background: #fff; border-top: 1px solid var(--g200); }
.module-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 15px 11px; }
.module-title { font-size: 10px; font-weight: 700; color: var(--black); letter-spacing: .14em; text-transform: uppercase; }
.module-viewall { font-size: 10px; color: var(--g400); letter-spacing: .08em; text-transform: uppercase; font-weight: 500; cursor: pointer; }
.hotnow-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--g200); }
.hotnow-item { overflow: hidden; transition: opacity .14s, box-shadow .36s; cursor: pointer; }
.hotnow-item:active { opacity: .82; }
.hotnow-img { transition: transform .32s ease; }
.hotnow-body { padding: 8px 10px 11px; }
.hotnow-name { font-size: 10px; font-weight: 400; color: var(--black); line-height: 1.3; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hotnow-price { font-size: 12px; font-weight: 600; color: var(--black); }
.alsolike-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--g200); }
.alsolike-card { overflow: hidden; transition: opacity .14s, box-shadow .36s; }
.alsolike-card:active { opacity: .82; }
.alsolike-img { transition: transform .32s ease; }
.alsolike-body { padding: 10px 13px 13px; }
.alsolike-name { font-size: 12px; font-weight: 400; color: var(--black); line-height: 1.4; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.alsolike-price-row { display: flex; align-items: center; gap: 5px; }
.alsolike-price { font-size: 13px; font-weight: 600; color: var(--black); }
.alsolike-orig { font-size: 11px; color: var(--g400); text-decoration: line-through; }
.empty-cart { padding: 60px 32px; }
.empty-cart-icon { color: var(--g200); margin-bottom: 8px; }
.empty-cart-title { font-size: 17px; font-weight: 600; letter-spacing: -0.01em; color: var(--black); }
.empty-cart-sub { font-size: 13px; color: var(--g500); line-height: 1.6; }
.btn-shop-now { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 24px; background: var(--black); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; border-radius: var(--r2); text-decoration: none; transition: opacity var(--tf); }
.bag-section-head { padding: 13px 15px 9px; border-bottom: 1px solid var(--g200); display: flex; align-items: center; gap: 8px; background: #fff; }
.bag-section-title { font-size: 11px; font-weight: 700; color: var(--black); letter-spacing: .1em; text-transform: uppercase; }
.bag-section-count { font-size: 11px; color: var(--g400); margin-left: auto; }
.cart-item { display: flex; gap: 12px; padding: 13px 15px; border-bottom: 1px solid var(--g100); background: #fff; align-items: flex-start; }
.cart-item-img { background: var(--g100); }
.cart-item-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cart-item-body { flex: 1; min-width: 0; }
.cart-item-name { font-size: 13px; font-weight: 500; color: var(--black); line-height: 1.35; margin-bottom: 3px; }
.cart-item-meta { font-size: 11px; color: var(--g500); margin-bottom: 6px; }
.cart-item-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cart-item-price { font-size: 14px; font-weight: 600; color: var(--black); letter-spacing: -.01em; }
.qty-ctrl { display: flex; align-items: center; border: 1px solid var(--g200); border-radius: var(--r); overflow: hidden; height: 32px; }
.qty-btn { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: var(--black); cursor: pointer; background: var(--g50); border: none; flex-shrink: 0; }
.qty-btn:active { background: var(--g200); }
.qty-num { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; background: #fff; border-left: 1px solid var(--g200); border-right: 1px solid var(--g200); -webkit-user-select: none; user-select: none; }
.cart-del { transition: color .14s; }
.cart-del:hover { color: var(--red); }
.promo-wrap { padding: 12px 15px; background: #fff; border-bottom: 1px solid var(--g100); }
.promo-row { display: flex; gap: 8px; align-items: center; }
.promo-input { flex: 1; }
.promo-input:focus { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.07); }
.promo-btn { height: 38px; }
.cart-summary { background: var(--g50); padding: 16px 15px; border-top: 1px solid var(--g100); }
.cart-sum-row { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: var(--g600); margin-bottom: 7px; }
.cart-sum-row.total { font-size: 15px; font-weight: 700; color: var(--black); border-top: 1px solid var(--g200); padding-top: 12px; margin-top: 2px; margin-bottom: 0; }
.checkout-bar { padding: 12px 15px; background: #fff; border-top: 1px solid var(--g200); flex-shrink: 0; }
.btn-checkout { width: 100%; background: var(--black); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .06em; height: 48px; border-radius: var(--r2); border: none; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; transition: opacity .16s; }
.btn-checkout:active { opacity: .8; }
.wishlist-overlay { position: fixed; inset: 0; z-index: 60; background: rgba(0,0,0,.45); display: flex; align-items: flex-end; opacity: 0; pointer-events: none; transition: opacity .22s; }
.wishlist-overlay.on { display: flex; }
.wishlist-sheet { transform: translateY(100%); transition: transform .3s cubic-bezier(.4,0,.2,1); }
.wishlist-head { padding: 16px var(--px) 12px; border-bottom: 1px solid var(--g200); display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; background: #fff; z-index: 1; }
.wishlist-head-title { font-size: 15px; font-weight: 600; color: var(--black); }
.wishlist-close { font-size: 24px; color: var(--g400); cursor: pointer; background: none; border: none; line-height: 1; padding: 0; }
.wish-item { padding: 12px var(--px); gap: 12px; display: flex; border-bottom: 1px solid var(--g100); align-items: center; }
.wish-item-img { width: 58px; height: 58px; border-radius: var(--r); flex-shrink: 0; object-fit: cover; background: var(--g100); }
.wish-item-body { flex: 1; }
.wish-item-name { font-size: 13px; font-weight: 500; margin-bottom: 2px; color: var(--black); }
.wish-item-price { font-size: 13px; font-weight: 600; color: var(--black); }
.wish-item-add { height: 32px; border-radius: var(--r); font-size: 11px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0 14px; background: var(--black); color: #fff; border: none; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.checkout-body { padding: 0 15px 80px; }
.order-toggle { padding: 11px 15px; }
.order-toggle:hover { background: var(--g100); }
.order-toggle-left { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; color: var(--blue); }
.order-toggle-price { font-size: 14px; font-weight: 600; color: var(--black); letter-spacing: -.01em; }
.order-summary { background: var(--g50); border-bottom: 1px solid var(--g200); padding: 12px 15px; margin: 0 -15px; display: none; }
.order-summary.open { display: block; }
.order-item { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; }
.order-item-img { border-radius: var(--r); width: 44px; height: 44px; flex-shrink: 0; position: relative; background: var(--g100); overflow: hidden; }
.order-item-img img { width: 100%; height: 100%; object-fit: cover; }
.qty-bubble { position: absolute; top: -5px; right: -5px; background: var(--g500); color: #fff; font-size: 9px; font-weight: 700; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.order-item-body { flex: 1; min-width: 0; }
.order-item-name { font-size: 12px; font-weight: 500; color: var(--black); line-height: 1.35; margin-bottom: 2px; }
.order-item-meta { font-size: 10px; color: var(--g500); }
.order-item-price { font-size: 13px; font-weight: 600; color: var(--black); white-space: nowrap; flex-shrink: 0; }
.order-totals { border-top: 1px solid var(--g300); padding-top: 10px; margin-top: 10px; }
.order-total-row { display: flex; justify-content: space-between; font-size: 12px; color: var(--g600); margin-bottom: 6px; }
.order-total-row.grand { font-size: 15px; font-weight: 700; color: var(--black); border-top: 1px solid var(--g300); padding-top: 8px; margin-top: 4px; margin-bottom: 0; }
.checkout-steps { display: flex; align-items: center; gap: 6px; padding: 14px 0 4px; font-size: 11px; color: var(--g400); }
.checkout-steps .step { color: var(--black); font-weight: 600; }
.checkout-steps .sep { color: var(--g300); }
.express-pay { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; padding: 0; }
.express-btn { width: 100%; border: 1px solid var(--g200); border-radius: var(--r2); padding: 12px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 13px; font-weight: 500; gap: 8px; height: 44px; background: #fff; box-sizing: border-box; font-family: inherit; transition: opacity .14s; -webkit-tap-highlight-color: transparent; border: none; }
.express-btn.apple { background: #000; color: #fff; }
.express-btn:active { opacity: .8; }
.express-or { display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--g400); margin-bottom: 14px; }
.express-or::before, .express-or::after { content: ''; flex: 1; height: 1px; background: var(--g200); }
.co-section { padding: 0 16px; }
.co-section-hdr { display: flex; align-items: center; justify-content: space-between; padding: 18px 0 10px; }
.co-section-title { font-size: 15px; font-weight: 600; color: var(--black); letter-spacing: -.01em; }
.co-section-link { font-size: 13px; color: var(--blue); text-decoration: none; cursor: pointer; }
.co-section-link:hover { text-decoration: underline; }
.co-field-group { margin-bottom: 8px; }
.co-field-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.co-inp-wrap { position: relative; border: 1px solid var(--g200); border-radius: var(--r2); background: #fff; overflow: hidden; display: flex; align-items: center; transition: border-color .14s, box-shadow .14s; }
.co-inp-wrap:focus-within { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(12,12,12,.08); }
.co-inp-wrap.co-sel-wrap { flex-direction: column; align-items: flex-start; padding: 8px 14px 6px; overflow: visible; border-radius: var(--r2); }
.co-inp-lbl { font-size: 10px; font-weight: 600; letter-spacing: .06em; color: var(--g500); text-transform: uppercase; margin-bottom: 2px; line-height: 1; }
.co-inp { width: 100%; padding: 14px; font-size: 14px; color: var(--black); background: transparent; border: none; outline: none; font-family: inherit; min-width: 0; -webkit-appearance: none; }
.co-sel-wrap .co-inp { padding: 2px 0; padding-right: 24px; font-size: 14px; width: 100%; cursor: pointer; }
.co-ico-wrap { padding-right: 0; }
.co-ico-wrap .co-inp { padding-right: 38px; }
.co-inp-ic { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--g400); pointer-events: none; flex-shrink: 0; }
.co-sel { appearance: none; -webkit-appearance: none; cursor: pointer; width: 100%; background: transparent; border: none; outline: none; font-family: inherit; font-size: 14px; color: var(--black); }
.co-sel-ic { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--g400); pointer-events: none; }
.co-check-row { display: flex; align-items: center; gap: 10px; padding: 6px 0 14px; font-size: 13px; color: var(--g600); cursor: pointer; }
.co-check { width: 16px; height: 16px; accent-color: var(--black); cursor: pointer; flex-shrink: 0; }
.co-ship-group { border: 1px solid var(--g200); border-radius: var(--r2); overflow: hidden; margin-bottom: 8px; }
.co-ship-opt { display: flex; align-items: center; gap: 12px; padding: 13px 14px; background: #fff; cursor: pointer; border-bottom: 1px solid var(--g200); transition: background .1s; -webkit-tap-highlight-color: transparent; }
.co-ship-opt:last-child { border-bottom: none; }
.co-ship-opt.on { background: var(--g50); }
.co-ship-radio { width: 17px; height: 17px; border-radius: 50%; border: 1.5px solid var(--g300); flex-shrink: 0; position: relative; transition: border-color .14s, box-shadow .14s, background .14s; }
.co-ship-radio.on { border-color: var(--black); border-width: .5px; background: var(--black); box-shadow: inset 0 0 0 3px #fff; }
.co-ship-body { flex: 1; }
.co-ship-name { font-size: 13px; font-weight: 500; color: var(--black); }
.co-ship-sub { font-size: 11px; color: var(--g500); margin-top: 1px; }
.co-ship-price { font-size: 13px; font-weight: 500; color: var(--black); white-space: nowrap; }
.co-card-expand { background: var(--g50); border-bottom: 1px solid var(--g100); }
.btn-place-order { width: 100%; background: var(--black); color: #fff; font-size: 14px; font-weight: 600; padding: 15px; border-radius: var(--r2); cursor: pointer; letter-spacing: .04em; display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; border: none; transition: opacity .16s; font-family: inherit; box-sizing: border-box; text-transform: none; margin: 16px 0 0; -webkit-tap-highlight-color: transparent; }
.btn-place-order:active { opacity: .82; }
.checkout-trust { display: flex; justify-content: center; gap: 16px; padding: 10px 0 24px; font-size: 10px; color: var(--g400); flex-wrap: wrap; }
.checkout-trust span { display: flex; align-items: center; gap: 4px; }
.login-bg { background: #fff; }
.login-hero { background: var(--black); padding: 32px 22px 28px; position: relative; overflow: hidden; flex-shrink: 0; }
.login-logo { font-size: 20px; letter-spacing: .25em; }
.login-tagline { font-size: 9px; color: rgba(255,255,255,.28); letter-spacing: .16em; text-transform: uppercase; }
.login-body { padding: 24px 20px 20px; flex: 1; }
.login-tabs { display: flex; border-bottom: 1.5px solid var(--g200); margin-bottom: 20px; }
.login-tab { flex: 1; text-align: center; padding: 10px 0; font-size: 13px; font-weight: 500; color: var(--g400); cursor: pointer; border: none; background: none; border-bottom: 2px solid transparent; margin-bottom: -1.5px; font-family: inherit; transition: color .14s, border-color .14s; }
.login-tab.on { color: var(--black); font-weight: 700; border-bottom-color: var(--black); }
.social-btns { gap: 9px; margin-bottom: 18px; display: flex; flex-direction: column; }
.social-btn { display: flex; align-items: center; justify-content: center; gap: 10px; height: 44px; border: 1px solid var(--g200); border-radius: var(--r2); font-size: 13px; font-weight: 500; background: #fff; color: var(--black); cursor: pointer; transition: background .12s; font-family: inherit; width: 100%; }
.social-btn:hover { background: var(--g50); }
.login-or { display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--g400); margin: 16px 0; }
.login-or::before, .login-or::after { content: ''; flex: 1; height: 1px; background: var(--g200); }
.field { margin-bottom: 16px; }
.field label { display: block; font-size: 10px; font-weight: 600; color: var(--g500); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 7px; }
.field input, .field select, .field textarea { height: 48px; border: 1px solid var(--g200); border-radius: var(--r2); }
.field input:focus, .field select:focus { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.07); }
.field textarea { resize: vertical; }
.login-forgot { font-size: 12px; color: var(--g500); text-align: right; margin-top: -6px; margin-bottom: 16px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.auth-btn { width: 100%; height: var(--btn-h); background: var(--black); color: #fff; font-size: 13px; font-weight: 600; border-radius: var(--r2); border: none; cursor: pointer; letter-spacing: .04em; transition: opacity var(--tf); -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; }
.auth-btn:active { opacity: .82; }
.login-switch { font-size: 13px; color: var(--g500); margin-top: 18px; text-align: center; }
.login-switch span { color: var(--black); font-weight: 700; cursor: pointer; }
.login-terms { font-size: 10px; color: var(--g400); margin-top: 13px; line-height: 1.72; text-align: center; }
.pw-strength { height: 4px; border-radius: 2px; margin-top: 6px; background: var(--g200); transition: all .3s; width: 0; }
.pw-strength.weak { background: var(--red); width: 33%; }
.pw-strength.medium { background: var(--amber); width: 66%; }
.pw-strength.strong { background: #16a34a; width: 100%; }
.otp-row { display: flex; gap: 9px; justify-content: center; margin: 18px 0; }
.otp-box { width: 44px; height: 52px; border-radius: var(--r2); font-size: 20px; font-weight: 700; text-align: center; border: 1px solid var(--g200); color: var(--black); outline: none; transition: border-color .14s; background: #fff; font-family: inherit; }
.otp-box:focus { border-color: var(--black); border-width: .5px; }
.acc-hero { background: var(--black); padding: 22px 16px 18px; }
.acc-avatar { width: 50px; height: 50px; border-radius: 50%; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); margin-bottom: 10px; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; }
.acc-name { font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 2px; letter-spacing: -.01em; }
.acc-email { font-size: 11px; color: rgba(255,255,255,.42); }
.acc-stats { display: flex; border-top: 1px solid rgba(255,255,255,.08); margin-top: 14px; }
.acc-stat { flex: 1; padding: 12px 0; text-align: center; border-right: 1px solid rgba(255,255,255,.08); }
.acc-stat:last-child { border-right: none; }
.acc-stat-num { font-size: 17px; font-weight: 600; color: #fff; display: block; }
.acc-stat-label { font-size: 9px; color: rgba(255,255,255,.38); margin-top: 2px; display: block; letter-spacing: .06em; }
.acc-section { background: #fff; margin-bottom: 8px; }
.acc-section-title { font-size: 10px; font-weight: 500; color: var(--g400); letter-spacing: .12em; text-transform: uppercase; padding: 13px 15px 6px; }
.acc-item { transition: background .12s; }
.acc-item:hover { background: var(--g50); }
.acc-item-icon { width: 32px; height: 32px; border-radius: var(--r); background: var(--g100); font-size: 15px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.acc-item-body { flex: 1; }
.acc-item-title { font-size: 13px; font-weight: 500; color: var(--black); }
.acc-item-sub { font-size: 11px; color: var(--g500); margin-top: 1px; }
.acc-item-right { display: flex; align-items: center; gap: 5px; font-size: 11px; color: var(--g400); }
.acc-badge { background: var(--red); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 8px; }
.acc-order { transition: background .12s; }
.acc-order:hover { background: var(--g50); }
.acc-order-img { width: 40px; height: 40px; border-radius: var(--r); flex-shrink: 0; object-fit: cover; background: var(--g100); }
.acc-order-body { flex: 1; }
.acc-order-num { font-size: 13px; font-weight: 600; color: var(--black); margin-bottom: 2px; }
.acc-order-meta { font-size: 11px; color: var(--g500); margin-bottom: 5px; }
.acc-order-status { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 2px; }
.acc-order-status.processing { background: #eff6ff; color: #1d4ed8; }
.acc-order-status.delivered { background: #f0fdf4; color: #15803d; }
.acc-order-status.cancelled { background: var(--g100); color: var(--g400); }
.acc-order-status.pending { background: #fffbeb; color: #92400e; }
.acc-order-price { font-size: 13px; font-weight: 600; color: var(--black); text-align: right; margin-left: auto; }
.order-status-pill { padding: 3px 8px; }
.pill-processing { background: #eff6ff; color: #1d4ed8; }
.pill-delivered { background: #f0fdf4; color: #15803d; }
.pill-cancelled { background: var(--g100); color: var(--g500); }
.pill-pending { background: #fffbeb; color: #92400e; }
.search-bar-wrap { background: #fff; padding: 9px 14px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--g200); position: sticky; top: 0; z-index: 40; }
.search-input-row { flex: 1; background: var(--g100); border: none; border-radius: var(--r2); height: 40px; display: flex; align-items: center; padding: 0 12px; gap: 8px; min-width: 0; }
.search-input-row input { flex: 1; background: none; border: none; outline: none; font-size: 13px; color: var(--black); font-family: inherit; }
.search-input-row input::placeholder { color: var(--g400); }
.search-cancel { color: var(--g500); font-size: 12px; font-weight: 500; cursor: pointer; white-space: nowrap; flex-shrink: 0; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.search-section-title { font-size: 10px; font-weight: 600; color: var(--g400); letter-spacing: .12em; text-transform: uppercase; padding: 12px 14px 7px; display: block; }
.search-history { padding: 0 14px; }
.search-hist-item { display: flex; align-items: center; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid var(--g100); cursor: pointer; text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent; }
.search-hist-item:hover { background: var(--g50); }
.search-hist-left { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--black); }
.ty-hero { background: var(--black); padding: 30px 20px 26px; text-align: center; }
.ty-check { width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.1); margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; color: #fff; }
.ty-title { font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -.01em; margin-bottom: 4px; }
.ty-sub { font-size: 11px; color: rgba(255,255,255,.4); }
.ty-order-num { font-size: 10px; color: rgba(255,255,255,.25); letter-spacing: .1em; margin-top: 8px; }
.ty-section { background: #fff; padding: 16px 15px; border-bottom: 1px solid var(--g100); }
.ty-section-title { font-size: 10px; font-weight: 600; color: var(--g400); letter-spacing: .12em; text-transform: uppercase; padding: 14px 16px 8px; display: block; }
.ty-track { background: var(--g50); border: 1px solid var(--g100); border-radius: var(--r); padding: 13px; margin-top: 5px; }
.ty-track-row { display: flex; justify-content: space-between; font-size: 12px; color: var(--g600); margin-bottom: 5px; }
.ty-track-row:last-child { border-bottom: none; }
.ty-timeline { display: flex; flex-direction: column; }
.ty-step { display: flex; gap: 12px; position: relative; }
.ty-step-left { display: flex; flex-direction: column; align-items: center; width: 28px; flex-shrink: 0; }
.ty-step-dot { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; background: var(--g100); }
.ty-step-dot.done { background: #16a34a; color: #fff; border: none; }
.ty-step-dot.now { background: var(--black); color: #fff; }
.ty-step-dot.pend { background: var(--g100); color: var(--g400); border: 1px solid var(--g200); }
.ty-step-line { width: 1px; flex: 1; background: var(--g200); margin: 4px 0; min-height: 16px; }
.ty-step-body { flex: 1; padding-bottom: 16px; }
.ty-step-title { font-size: 13px; font-weight: 500; color: var(--black); margin-bottom: 2px; }
.ty-step-sub { font-size: 11px; color: var(--g500); }
.ty-address { font-size: 13px; color: var(--g600); line-height: 1.8; margin-top: 8px; }
.ty-actions { padding: 16px 15px; gap: 8px; display: flex; flex-direction: column; background: #fff; }
.btn-wa-ty { background: #25D366; color: #fff; height: 48px; border-radius: var(--r2); font-size: 13px; font-weight: 600; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; font-family: inherit; width: 100%; }
.btn-continue { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 14px; background: var(--black); color: #fff; border-radius: var(--r2); font-size: 13px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; transition: opacity .14s; -webkit-tap-highlight-color: transparent; }
.home-footer { background: #0a0a0a; padding: 44px 22px 36px; color: #fff; }
.hf-top { text-align: center; margin-bottom: 28px; }
.hf-brand-name { font-size: 16px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: #fff; margin-bottom: 6px; display: block; }
.hf-brand-tag { font-size: 10px; color: rgba(255,255,255,.35); letter-spacing: .08em; line-height: 1.5; }
.hf-social-row { display: flex; gap: 8px; margin-bottom: 24px; justify-content: center; }
.hf-soc-btn { transition: opacity .14s, transform .14s; }
.hf-links-row { display: flex; flex-wrap: wrap; gap: 5px 22px; margin-bottom: 26px; justify-content: center; }
.hf-links-row a { font-size: 13px; font-weight: 400; color: rgba(255,255,255,.65); cursor: pointer; transition: color .14s; letter-spacing: .02em; padding: 3px 0; text-decoration: none; display: inline-block; }
.hf-links-row a:hover { color: #fff; }
.hf-rule { height: 1px; background: rgba(255,255,255,.07); margin-bottom: 20px; }
.hf-payments-block { margin-bottom: 20px; }
.hf-pay-label { font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: 10px; font-weight: 600; text-align: center; }
.hf-pay-icons { display: flex; gap: 5px; flex-wrap: wrap; justify-content: center; }
.hf-pay-note { font-size: 9px; color: rgba(255,255,255,.25); margin-top: 10px; line-height: 1.5; text-align: center; }
.hf-bottom-row { display: flex; align-items: center; justify-content: space-between; }
.hf-copy { font-size: 10px; color: rgba(255,255,255,.2); letter-spacing: .02em; }
.lang-btn { transition: background .14s; }
.lang-menu { display: none; position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: #1a1a1a; border: 1px solid rgba(255,255,255,.1); border-radius: var(--r2); overflow: hidden; min-width: 180px; box-shadow: 0 -8px 32px rgba(0,0,0,.36); z-index: 200; }
.lang-menu.open { display: block; }
.lang-option { padding: 11px 16px; font-size: 13px; color: rgba(255,255,255,.5); cursor: pointer; border-bottom: 1px solid rgba(255,255,255,.05); transition: background .12s; background: none; border-left: none; border-right: none; width: 100%; text-align: left; font-family: inherit; display: block; }
.lang-option:hover { background: rgba(255,255,255,.08); color: #fff; }
.luxe-toast { position: fixed; bottom: calc(var(--bot) + 12px); left: 50%; transform: translateX(-50%) translateY(0); background: #222; color: #fff; font-size: 12px; font-weight: 500; padding: 9px 16px; border-radius: 20px; white-space: nowrap; z-index: 9999; opacity: 0; transition: opacity .2s; pointer-events: none; }
.luxe-toast.show { opacity: 1; }
.luxe-pagination { display: flex; justify-content: center; gap: 6px; padding: 20px 14px; }
.luxe-pagination .page-numbers { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--g200); border-radius: var(--r); font-size: 13px; color: var(--g600); text-decoration: none; background: #fff; }
.luxe-pagination .page-numbers:hover { background: var(--g100); border-color: var(--g300); color: var(--black); }
.luxe-pagination .page-numbers.current { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.luxe-pagination .prev, .luxe-pagination .next { font-size: 16px; }
.isvg { display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; vertical-align: -0.125em; flex-shrink: 0; }
.ripple { position: relative; overflow: hidden; }
.ripple::after { content: ''; position: absolute; border-radius: 50%; background: rgba(0,0,0,.08); transform: scale(0); animation: ripple-anim .5s linear; pointer-events: none; }
.addr-card { border-radius: var(--r2); padding: 14px var(--px); margin-bottom: 10px; border: 1px solid var(--g200); background: #fff; }
.addr-dfbadge { font-size: 9px; font-weight: 600; background: var(--black); color: #fff; padding: 2px 8px; border-radius: 2px; letter-spacing: .08em; margin-bottom: 7px; display: inline-block; }
.addr-name { font-size: 14px; font-weight: 600; margin-bottom: 3px; color: var(--black); }
.addr-line { font-size: 12px; line-height: 1.7; color: var(--g600); }
.addr-tel { font-size: 12px; color: var(--g500); margin-bottom: 5px; }
.addr-acts { gap: 14px; margin-top: 10px; border-top: 1px solid var(--g100); padding-top: 10px; display: flex; }
.addr-act { font-size: 12px; font-weight: 500; color: var(--g500); cursor: pointer; background: none; border: none; transition: color .14s; padding: 0; font-family: inherit; }
.addr-act:hover { color: var(--black); }
.coupon-card { margin: 0 15px 10px; border-radius: var(--r2); overflow: hidden; border: 1px solid var(--g200); display: flex; background: #fff; }
.coupon-left { background: var(--black); width: 80px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 6px; position: relative; }
.coupon-title { font-size: 13px; font-weight: 600; color: var(--black); margin-bottom: 3px; }
.coupon-cond { font-size: 11px; color: var(--g500); margin-bottom: 6px; }
.coupon-exp { font-size: 10px; color: var(--g400); }
.coupon-right { flex: 1; padding: 12px 14px 12px 20px; }
.coupon-amt { font-size: 24px; font-weight: 700; color: #fff; line-height: 1; letter-spacing: -.02em; }
.coupon-unit { font-size: 9px; color: rgba(255,255,255,.38); letter-spacing: .12em; margin-top: 2px; }
.cbadge-ok { font-size: 9px; font-weight: 600; background: #f0fdf4; color: #15803d; padding: 2px 7px; border-radius: 2px; float: right; margin-top: -2px; }
.cbadge-used { font-size: 9px; font-weight: 600; background: var(--g100); color: var(--g400); padding: 2px 7px; border-radius: 2px; float: right; margin-top: -2px; }
.notif-item { border-bottom: 1px solid var(--g100); }
.notif-left { flex: 1; }
.notif-title { font-size: 13px; font-weight: 500; color: var(--black); margin-bottom: 2px; }
.notif-sub { font-size: 11px; color: var(--g500); }
.notfound-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 32px; text-align: center; }
.notfound-code { font-size: 88px; font-weight: 200; letter-spacing: -.04em; color: var(--g200); line-height: 1; margin-bottom: 8px; }
.notfound-title { font-size: 18px; font-weight: 600; color: var(--black); margin-bottom: 8px; letter-spacing: -.01em; }
.notfound-sub { font-size: 13px; color: var(--g500); line-height: 1.7; margin-bottom: 28px; }
.notfound-actions { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.woocommerce-error, .woocommerce-message, .woocommerce-info { background: var(--g50); border-left: 3px solid var(--black); padding: 12px 16px; font-size: 13px; color: var(--black); margin: 0; list-style: none; }
.woocommerce-error { background: #fef2f2; border: 1px solid #fecaca; border-radius: var(--r2); padding: 12px 14px; font-size: 13px; color: var(--red); margin-bottom: 16px; }
.woocommerce-message { padding: 12px 14px; font-size: 13px; border-radius: var(--r2); margin: 10px 14px; }
*::-webkit-scrollbar { display: none; }
* { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--black); outline-offset: 2px; }
a, button, [onclick], label, select { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.bot-nav a span { font-size: 9px; line-height: 1; letter-spacing: 0.04em; }
.bot-nav a svg { width: 20px; height: 20px; stroke-width: 1.5; display: block; }
.bot-nav a:active { opacity: .45; }
.co-ship-opt.on .co-ship-radio { border-color: var(--black); border-width: .5px; background: var(--black); box-shadow: inset 0 0 0 3px #fff; }
.co-ship-opt:hover:not(.on) { background: var(--g50); }
.acc-item:active { background: var(--g50); }
.acc-item:last-child { border-bottom: none; }
.cat-side-item:not(.on):hover { background: var(--g100); color: var(--black); }
.cat-side-item:active { background: var(--g200); }
.fpill:active { opacity: .7; }
.prod-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,.08); }
.panel-section-head:hover { background: var(--g50); }
.panel-section-head:active { background: var(--g100); }
.panel-section-head:hover .panel-section-viewall { color: var(--black); }
.panel-prod-item:hover { opacity: .85; }
.ac-header:hover { background: var(--g50); }
.ac-header:active { background: var(--g100); }
.h-cat-card:active { background: var(--g100); }
.h-brand-chip:hover, .h-brand-chip:active { background: var(--black); color: #fff; }
.h-brand-chip:active { transform: scale(.94); }
.cart-del:active { opacity: .6; }
.qty-btn:hover { background: var(--g100); }
.size-pill:hover:not(.oos):not(.on) { border-color: var(--black); border-width: .5px; background: var(--g50); transform: translateY(-1px); }
.size-pill:active:not(.oos) { transform: scale(.94); opacity: .75; }
.color-dot:hover { transform: scale(1.14); }
.color-dot:active { transform: scale(.9); }
.wish-item:hover { background: var(--g50); }
.wish-item:active { opacity: .85; }
.wish-item-add:active { opacity: .7; }
.search-hist-item:active { background: var(--g50); margin: 0 -14px; padding-left: 14px; padding-right: 14px; }
.search-hist-item:last-child { border-bottom: none; }
.social-btn:active { background: var(--g50); }
.social-btn-google:hover { background: var(--g50); }
.social-btn-fb { border-color: #1877f2; color: #1877f2; }
.social-btn-apple { border-color: #000; border-width: .5px; color: #000; }
.h-tag:active, .h-tag:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.bot-wa-tab:active .bot-wa-circle { transform: scale(.88); }
.bot-wa-circle:active { transform: scale(.93); }
.act-fav:active { opacity: .5; }
.btn-checkout:active, .btn-login:active, .auth-btn:active, .btn-shop-now:active, .btn-continue:active { opacity: .78; }
.hf-soc-btn:hover { opacity: .78; }
.hf-soc-btn:active { opacity: .5; transform: scale(.9); }
.hotnow-item:hover .hotnow-img { transform: scale(1.06); }
.alsolike-card:hover .alsolike-img { transform: scale(1.06); }
.lang-btn:active { background: rgba(255,255,255,.12); }
.lang-option:last-child { border-bottom: none; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--black); border-width: .5px; box-shadow: none; }
.field input::placeholder { color: var(--g400); font-size: 14px; }
.shoe-icon { font-size: 88px; filter: drop-shadow(0 10px 20px rgba(0,0,0,.1)); transform: rotate(-12deg); }
.slide-num { position: absolute; bottom: 10px; right: 14px; font-size: 11px; color: rgba(255,255,255,.7); background: rgba(0,0,0,.3); padding: 2px 8px; border-radius: 10px; }
.share-fab { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; background: rgba(0,0,0,.32); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; border: none; cursor: pointer; z-index: 5; transition: background .16s, transform .1s; }
.share-fab:active { transform: scale(.88); }
.carousel-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; align-items: center; }
.top-nav, .u-nav { padding: 0 16px; }
.acc-section + .acc-section { margin-top: 0; }
.btn-login { width: 100%; background: var(--black); color: #fff; height: 50px; border-radius: var(--r2); font-size: 13px; font-weight: 600; letter-spacing: .06em; border: none; cursor: pointer; transition: opacity .16s; display: flex; align-items: center; justify-content: center; font-family: inherit; }
.btn-login:active { opacity: .8; }
.express-btn.paypal { background: #ffc439; color: #003087; }
.wishlist-overlay.on .wishlist-sheet { transform: translateY(0); }
.h-reviews-cta:active { opacity: .7; }
.h-reviews-hdr { display: flex; align-items: center; justify-content: space-between; padding: 18px 15px 14px; }
.h-reviews-title { font-size: 11px; font-weight: 600; color: var(--black); letter-spacing: .1em; text-transform: uppercase; }
.od-status { background: var(--black); padding: 22px var(--px); text-align: center; }
.od-stitle { font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 4px; }
.od-ssub { font-size: 11px; color: rgba(255,255,255,.4); }
.od-dot.done { background: #16a34a; color: #fff; border-color: #16a34a; }
.od-dot.now { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.pinfo, .attr-blk { padding-left: var(--px); padding-right: var(--px); }
.rating-blk { padding: 13px 16px; border-bottom: 1px solid var(--g100); background: #fff; }
.rating-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.rating-score { font-size: 16px; font-weight: 600; color: var(--black); }
.rating-count { font-size: 11px; color: var(--g400); }
.spec-table tr:nth-child(even) td { background: var(--g50); }
.toggle { width: 44px; height: 26px; background: var(--g300); border-radius: 13px; position: relative; cursor: pointer; transition: background .18s; flex-shrink: 0; }
.toggle.on { background: var(--black); }
.toggle::after { content: ''; position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; top: 3px; left: 3px; transition: transform .18s; box-shadow: 0 1px 3px rgba(0,0,0,.18); }
.toggle.on::after { transform: translateX(18px); }
.porig { font-size: 13px; color: var(--g400); text-decoration: line-through; font-weight: 400; }
.psave { font-size: 11px; font-weight: 600; color: var(--red); background: #fef2f2; padding: 3px 8px; border-radius: 2px; }
.co-inp::placeholder { color: var(--g400); }
#co-card-fields { border: 1px solid var(--g200); border-radius: var(--r2); overflow: hidden; background: var(--g50); margin-top: 0; }
.woocommerce-notices-wrapper:empty { display: none; }
.single-product .luxe-main { padding-bottom: calc(var(--bot) + 52px); }
.h-nav { justify-content: space-between; padding: 0 16px; background: #fff; border-bottom: 1px solid var(--g200); position: relative; }
.checkout-body .order-toggle { margin: 0; }
body, html { overflow-x: hidden; }
.woocommerce-product-page main, .single-product main { padding-bottom: calc(var(--bot) + 52px); }
.h-nav-left, .h-nav-right { display: flex; align-items: center; gap: 16px; min-width: 44px; }
.h-nav-left { flex: 0 0 auto; }
.h-nav-right { justify-content: flex-end; }
.h-nav-btn { transition: opacity .14s; }
.h-nav-btn:active { opacity: .45; }
.h-nav-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 13px; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; color: var(--black); }
.nav-secure-badge { display: flex; align-items: center; color: var(--g500); }
.h-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.h-video-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,.3) 0%, rgba(0,0,0,.15) 40%, rgba(0,0,0,.55) 100%); }
.h-video-placeholder { width: 100%; height: 100%; background: linear-gradient(145deg,#1a1a1a,#0c0c0c); position: absolute; inset: 0; }
.h-video-eyebrow { font-size: 9px; letter-spacing: .22em; color: rgba(255,255,255,.38); text-transform: uppercase; margin-bottom: 8px; }
.h-video-line { width: 28px; height: .5px; background: rgba(255,255,255,.2); margin: 8px auto; }
.h-video-sub { font-size: 10px; color: rgba(255,255,255,.36); letter-spacing: .1em; }
.h-video-cta { position: absolute; bottom: 28px; left: 0; right: 0; display: flex; justify-content: center; }
.h-search-cam { background: none; border: none; cursor: pointer; color: var(--g400); display: flex; align-items: center; padding: 2px; flex-shrink: 0; transition: color .14s; }
.h-search-cam:active { color: var(--black); }
.h-brands-label { font-size: 10px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--g400); margin-bottom: 12px; display: block; }
.h-tp-logo { display: flex; justify-content: center; margin-bottom: 14px; }
.hot-tags { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 12px; }
.search-bar-wrap a:first-child { display: none; }
.search-hist-left svg { color: var(--g400); flex-shrink: 0; }
#search-body-results .prod-grid { grid-template-columns: repeat(2,1fr); }
#search-results .prod-img { aspect-ratio: 1; background: var(--g100); }
a.h-flash { text-decoration: none; display: flex; }
.h-flash:active { opacity: .88; }
.h-trust-item svg { width: 22px; height: 22px; flex-shrink: 0; }
.bot-nav a.on svg { stroke: var(--black); }
.luxe-wishlist-nav-btn.on svg { fill: var(--red); stroke: var(--red); }
.h-search-inner svg { color: var(--g400); flex-shrink: 0; width: 15px; height: 15px; }
.hot-tag, .h-tag, .h-hot-tag { border: 1px solid var(--g200); border-radius: 2px; padding: 5px 13px; font-size: 12px; color: var(--g600); cursor: pointer; background: #fff; transition: all .14s; display: inline-flex; align-items: center; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
.hot-tag:hover, .h-tag:hover, .h-hot-tag:hover, .hot-tag:active, .h-tag:active, .h-hot-tag:active { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.search-hist-item .isvg:last-child, .search-hist-item svg:last-child { color: var(--g300); flex-shrink: 0; }
.hf-links-row span { font-size: 13px; font-weight: 400; color: rgba(255,255,255,.65); cursor: pointer; transition: color .14s; letter-spacing: .02em; padding: 3px 0; }
.hf-links-row span:hover { color: #fff; }
.search-input-row button[type="submit"] { display: none; }
body.woocommerce-account .bot-nav a[href*="my-account"] { color: var(--black); font-weight: 600; }
.luxe-pagination a, .luxe-pagination span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--r); border: 1px solid var(--g200); font-size: 13px; font-weight: 500; color: var(--black); text-decoration: none; transition: all var(--tf); }
.luxe-pagination .current { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.luxe-pagination a:hover { border-color: var(--black); border-width: .5px; }
.single-product .body { background: #fff; }
:focus:not(:focus-visible) { outline: none; }
svg { stroke-width: 1.5; }
.nav-back svg, .u-nav-back svg { stroke-width: 1.8; }
.stars svg, .review-stars svg { stroke-width: 0; fill: var(--amber); }
.bot-wa-circle svg { filter: drop-shadow(0 2px 8px rgba(37,211,102,.35)); }
.act-fav svg { width: 20px; height: 20px; stroke-width: 1.5; }
.nav-right a svg, .u-nav-right a svg, .u-nav-icon svg { width: 19px; height: 19px; stroke-width: 1.5; }
.h-video-btn:active { opacity: .7; transform: scale(.96); }
.h-tag { font-size: 11px; color: var(--g600); border: 1px solid var(--g200); background: #fff; padding: 4px 12px; cursor: pointer; white-space: nowrap; flex-shrink: 0; border-radius: 2px; letter-spacing: .02em; transition: all .14s; text-decoration: none; }
.h-flash, a.h-flash { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: #0c0c0c; cursor: pointer; gap: 12px; text-decoration: none; }
.h-brand-chip:active, .h-brand-chip:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.h-tp-meta strong { color: var(--black); font-weight: 500; }
.hf-pay-icons svg { display: block; border-radius: 5px; }
.lang-option:hover, .lang-option.on { background: rgba(255,255,255,.06); color: #fff; }
.search-input-row svg { color: var(--g400); flex-shrink: 0; }
.hot-tag { border: 1px solid var(--g200); border-radius: 2px; padding: 5px 13px; font-size: 12px; color: var(--g600); cursor: pointer; background: #fff; transition: all .14s; display: inline-flex; align-items: center; }
.hot-tag:active, .hot-tag:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.psub, .pmeta, .stock-warn { display: none; }
.attr-val { font-size: 11px; font-weight: 500; color: var(--black); }
.ac-p:last-child { margin-bottom: 0; }
.stars { display: flex; gap: 2px; color: var(--amber); }
.stars svg { width: 13px; height: 13px; fill: var(--amber); stroke: none; }
.review-item { padding: 10px 0; border-bottom: 1px solid var(--g100); }
.review-item:last-child { border-bottom: none; }
.review-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.review-user { font-size: 12px; font-weight: 600; color: var(--black); }
.review-date { font-size: 10px; color: var(--g400); }
.review-stars { display: flex; gap: 1px; }
.review-text { font-size: 12px; color: var(--g600); line-height: 1.7; }
.review-tag { font-size: 10px; background: var(--g100); color: var(--g500); padding: 2px 8px; border-radius: 2px; display: inline-block; margin-top: 4px; }
.alsolike-grid, .related-grid, .hot-prod-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--g200); }
.alsolike-card, .related-card, .hot-prod-card, .hotnow-item { background: #fff; cursor: pointer; display: flex; flex-direction: column; transition: opacity .14s; }
.alsolike-card:active, .related-card:active, .hot-prod-card:active, .hotnow-item:active { opacity: .75; }
.alsolike-img, .related-img, .hot-prod-img, .hotnow-img { width: 100%; aspect-ratio: 1; background: var(--g100); display: block; object-fit: cover; }
.alsolike-body, .related-body, .hot-prod-body { padding: 10px 12px 13px; }
.alsolike-name, .related-name, .hot-prod-name { font-size: 12px; font-weight: 400; color: var(--black); line-height: 1.42; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.alsolike-price-row, .related-price-row, .hot-prod-price-row { display: flex; align-items: center; gap: 5px; }
.alsolike-price, .related-price, .hot-prod-price { font-size: 13px; font-weight: 600; color: var(--black); letter-spacing: -.01em; }
.alsolike-orig, .related-orig, .hot-prod-orig { font-size: 11px; color: var(--g400); text-decoration: line-through; }
.acc-item:hover, .acc-item:active { background: var(--g50); }
.acc-order:active { background: var(--g50); }
.coupon-left::after { content: ''; position: absolute; right: -8px; top: 0; bottom: 0; width: 16px; background: repeating-radial-gradient(circle at 0 50%, transparent 0, transparent 6px, #fff 6px, #fff 8px); background-size: 16px 24px; }
.coupon-card.used .coupon-left { background: var(--g300); }
.chat-msg { display: flex; gap: 8px; padding: 6px 14px; align-items: flex-end; }
.chat-msg.mine { flex-direction: row-reverse; }
.chat-avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--g100); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 13px; color: var(--g500); }
.chat-bubble { max-width: 72%; padding: 10px 13px; border-radius: 12px; font-size: 13px; line-height: 1.55; }
.chat-bubble.theirs { background: var(--g100); color: var(--black); border-bottom-left-radius: 3px; }
.chat-bubble.mine { background: var(--black); color: #fff; border-bottom-right-radius: 3px; }
.chat-ts { font-size: 10px; color: var(--g400); margin-top: 3px; padding-left: 38px; }
.chat-ts.mine { text-align: right; }
.chat-ibar { flex-shrink: 0; padding: 10px 14px; background: #fff; border-top: 1px solid var(--g200); display: flex; gap: 8px; align-items: center; }
.chat-inp { flex: 1; border: 1px solid var(--g200); border-radius: 20px; padding: 9px 14px; font-size: 13px; color: var(--black); outline: none; background: var(--g50); font-family: inherit; transition: border-color .14s; }
.chat-inp:focus { border-color: var(--black); border-width: .5px; background: #fff; }
.chat-send { width: 36px; height: 36px; background: var(--black); border-radius: 50%; color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: opacity .14s; -webkit-tap-highlight-color: transparent; }
.chat-quick { display: flex; gap: 6px; padding: 8px 14px; overflow-x: auto; scrollbar-width: none; flex-shrink: 0; border-bottom: 1px solid var(--g200); }
.chat-quick::-webkit-scrollbar { display: none; }
.chat-qtag { transition: all .14s; }
.chat-qtag:active { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.login-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 65% 35%, rgba(255,255,255,.04), transparent 60%); pointer-events: none; }
.ty-track-row span:last-child { font-weight: 600; color: var(--black); }
.single-product .luxe-main, .woocommerce-product-page .luxe-main { padding-bottom: calc(var(--bot) + 56px); }
.thumb:not(.on):hover { opacity: .76; transform: scale(1.04); }
.thumb:active { transform: scale(.92); opacity: .8; }
.hotnow-item:hover { box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 2px 10px rgba(0,0,0,.04); }
.alsolike-card:hover { box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 2px 10px rgba(0,0,0,.04); }
#fav-btn { transition: color .1s, opacity .1s; }
#fav-btn:active { opacity: .5; }
#fav-btn.on { color: #e53e3e; }
.share-fab:hover { background: rgba(0,0,0,.5); }
.cat-banner { display: flex; align-items: center; padding: 0 14px; height: 54px; position: relative; overflow: hidden; cursor: pointer; text-decoration: none; }
.cat-banner:hover { filter: brightness(1.1); }
.cat-banner:active { filter: brightness(.88); }
.btn-checkout:hover, .btn-login:hover, .auth-btn:hover, .btn-shop-now:hover, .btn-continue:hover { opacity: .88; }
.btn-checkout:active, .btn-login:active, .auth-btn:active, .btn-shop-now:active, .btn-continue:active, .act-cart:active { opacity: .7; }
.act-wa:hover, .btn-wa-ty:hover { opacity: .88; }
.act-wa:active, .btn-wa-ty:active { opacity: .78; }
.hot-tag:hover, .h-tag:hover { background: var(--g50); border-color: var(--g500); }
.hot-tag:active, .h-tag:active { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.h-rv-card:hover { box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 2px 10px rgba(0,0,0,.04); }
.h-sec-all, .module-viewall { transition: color .14s; }
.h-sec-all:hover, .module-viewall:hover { color: var(--black); }
.sort-opt:hover:not(.on) { color: var(--g600); }
.sub-item { background: #fff; display: flex; flex-direction: column; align-items: center; padding: 9px 4px 8px; cursor: pointer; border-right: 1px solid var(--g200); border-bottom: 1px solid var(--g200); }
.sub-item:hover { background: var(--g50); }
.sub-item:active { background: var(--g100); }
.wish-del-btn { background: none; border: 1px solid var(--g200); color: var(--g400); font-size: 10px; padding: 0 11px; height: 28px; border-radius: var(--r); cursor: pointer; white-space: nowrap; transition: all var(--tf); }
.wish-del-btn:hover { color: var(--red); }
.search-input-row:focus-within { box-shadow: 0 0 0 .5px rgba(10,10,10,.07); }
.nav-back:active, .u-nav-back:active { background: var(--g100); }
.luxe-wishlist-nav-btn svg { transition: fill .18s, stroke .18s; }
a, button { -webkit-tap-highlight-color: transparent; }
.hf-links-row a.on { color: #fff; }
del.prod-orig, .prod-orig { font-size: 11px; color: var(--g400); font-weight: 400; text-decoration: line-through; }
#co-card-fields .co-inp-wrap { border-radius: 0; border-left: none; border-right: none; border-top: none; }
#co-card-fields .co-inp-wrap:first-child { border-top: 1px solid var(--g200); }
#co-card-fields .co-inp-wrap:last-child { border-radius: 0 0 var(--r2) var(--r2); }
#co-card-fields > div:last-child .co-inp-wrap:last-child { border-radius: 0 0 var(--r2) var(--r2); }
.co-card-row { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--g200); }
.co-card-row .co-inp-wrap:first-child { border-right: 1px solid var(--g200); }
.co-card-row .co-inp-wrap:last-child { border-right: none; }
.free-shipping, .co-ship-price.free, span[style*="1D9E75"], span[style*="--green"] { color: var(--free-green); }
.ty-order-item { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--g100); }
.ty-order-item:last-child { border-bottom: none; }
.ty-order-item-img { width: 44px; height: 44px; border-radius: var(--r); overflow: hidden; flex-shrink: 0; background: var(--g100); }
.ty-order-item-img img { width: 100%; height: 100%; object-fit: cover; }
.ty-order-item-info { flex: 1; min-width: 0; }
.ty-order-item-name { font-size: 13px; font-weight: 500; color: var(--black); margin-bottom: 2px; }
.ty-order-item-qty { font-size: 11px; color: var(--g500); }
.ty-order-item-price { font-size: 13px; font-weight: 600; color: var(--black); white-space: nowrap; }
.pw-label { font-size: 10px; color: var(--g400); margin-top: 3px; }
.co-section:not(:first-child) .co-section-hdr { padding-top: 20px; }
.btn-place-order:hover { opacity: .88; }
.co-ship-opt span[style*="flex:1"] { flex: 1; font-size: 13px; font-weight: 500; color: var(--black); }
.express-btn.apple span { font-size: 18px; }
.express-btn.paypal .pp-pay { font-size: 15px; font-weight: 900; color: #003087; }
.express-btn.paypal .pp-pal { font-size: 15px; font-weight: 900; color: #009cde; }
.order-total-row .free { color: var(--free-green); }
.cart-sum-row .free { color: var(--free-green); }
.luxe-main.has-actbar { padding-bottom: calc(var(--bot) + 52px); }
.h-video-content * { pointer-events: none; }
.h-video-cta * { pointer-events: all; }
.panel-spacer { height: 20px; }
.sub-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 0; background: var(--g200); }
.sub-item:nth-child(8n) { border-right: none; }
.sub-img { width: 100%; aspect-ratio: 1; border-radius: 3px; margin-bottom: 4px; }
.sub-name { font-size: 8px; color: var(--g500); text-align: center; line-height: 1.3; }
.cat-banner-text { position: relative; z-index: 1; }
.cat-banner-title { font-size: 18px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #fff; display: block; line-height: 1; }
.cat-banner-sub { font-size: 9px; color: rgba(255,255,255,.35); margin-top: 2px; display: block; letter-spacing: .06em; }
.cat-banner-arrow { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 15px; color: rgba(255,255,255,.15); z-index: 1; }
.b1 { background: #1a1520; }
.b2 { background: #111c10; }
.b3 { background: #1c1108; }
.b4 { background: #0a1420; }
.b5 { background: #1a1208; }
.woocommerce-Price-amount.amount { font-size: inherit; color: inherit; }
.prod-price .woocommerce-Price-amount { font-size: 13px; font-weight: 600; color: var(--black); }
.pprice .woocommerce-Price-amount { font-size: 24px; font-weight: 600; letter-spacing: -.03em; }
.woocommerce-pagination { display: none; }
.woocommerce-info { border-color: var(--blue); }
.woocommerce-product-page .luxe-main, .single-product .luxe-main { padding-bottom: calc(var(--bot) + 56px); }
.prod-heart-stat { display: flex; align-items: center; color: var(--g300); font-size: 13px; }
.prod-heart-stat.on { color: var(--red); }
button.prod-heart { background: none; border: none; padding: 0; display: flex; align-items: center; cursor: pointer; }
/* #acc-orders-section display-none removed */
.logged-in #acc-orders-section { display: block; }
.woocommerce-account #acc-orders-section { display: block; }
.login-gate { position: fixed; inset: 0; z-index: 150; background: rgba(0,0,0,.45); display: none; align-items: flex-end; }
.login-gate.on { display: flex; }
.login-sheet { background: #fff; border-radius: 12px 12px 0 0; width: 100%; padding: 20px 20px 36px; transform: translateY(100%); transition: transform .3s cubic-bezier(.4,0,.2,1); }
.login-gate.on .login-sheet { transform: translateY(0); }
.co-secure-badge { font-size: 11px; color: var(--g400); display: flex; align-items: center; gap: 4px; }
#acc-guest button { font-size: 13px; font-weight: 700; padding: 9px 20px; border-radius: 8px; cursor: pointer; border: none; font-family: inherit; }
.luxe-skeleton { background: linear-gradient(90deg, var(--g100) 25%, var(--g200) 50%, var(--g100) 75%); background-size: 200% 100%; animation: luxe-shimmer 1.4s infinite; }
.h-cat-img img, .thumb-inner img, .panel-prod-img img { width: 100%; height: 100%; object-fit: cover; }
.luxe-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 400; opacity: 0; pointer-events: none; transition: opacity .22s; }
.luxe-overlay.on { opacity: 1; pointer-events: all; }
.search-input-row input[type="search"] { -webkit-appearance: none; }
.related { padding: 12px 0 12px 14px; background: var(--g50); }
.related-title { font-size: 11px; font-weight: 600; color: var(--black); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 10px; display: flex; align-items: center; gap: 4px; padding-right: 14px; }
.related-scroll { display: flex; gap: 9px; overflow-x: auto; padding-right: 14px; scrollbar-width: none; }
.related-scroll::-webkit-scrollbar { display: none; }
.rel-item { flex-shrink: 0; width: 92px; cursor: pointer; text-decoration: none; }
.rel-img { width: 92px; height: 92px; border-radius: var(--r); display: block; margin-bottom: 4px; background: var(--g100); object-fit: cover; }
.rel-name { font-size: 10px; color: var(--g500); line-height: 1.3; margin-bottom: 2px; }
.rel-price { font-size: 12px; font-weight: 600; color: var(--black); }
.low-stock { display: inline-flex; align-items: center; gap: 4px; }
.woocommerce-checkout { padding: 0; margin: 0; }
.woocommerce-checkout form { margin: 0; }
#customer_details, #order_review { margin: 0; padding: 0; }
.woocommerce-additional-fields { margin: 0; }
.co-card-top { border-radius: 0; border-bottom: 1px solid var(--g200); }
.co-card-row .co-inp-wrap { border-radius: 0; border: none; border-right: 1px solid var(--g200); }
.co-card-bottom { border-radius: 0 0 var(--r2) var(--r2); }
.pp-pay { font-size: 15px; font-weight: 900; color: #003087; }
.pp-pal { font-size: 15px; font-weight: 900; color: #009cde; }
.co-section[style*="padding-bottom"] { padding-bottom: 20px; }
.od-section { background: #fff; padding: 14px 16px; border-bottom: 1px solid var(--g200); }
.od-items-section { padding-bottom: 4px; }
.od-timeline { display: flex; gap: 0; margin-top: 10px; }
.od-step { display: flex; align-items: stretch; gap: 0; }
.od-step-left { display: flex; flex-direction: column; align-items: center; width: 28px; flex-shrink: 0; }
.od-step-dot { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; background: var(--g100); color: var(--g400); border: 1px solid var(--g200); }
.od-step-dot.done { background: #16a34a; color: #fff; border-color: #16a34a; }
.od-step-dot.now { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.od-step-dot.pend { background: var(--g100); color: var(--g400); border-color: var(--g200); }
.od-line { width: 1px; flex: 1; background: var(--g200); margin: 3px 0; }
.od-step-body { flex: 1; padding-bottom: 16px; }
.od-step:last-child .od-step-body { padding-bottom: 0; }
.od-step-title { font-size: 13px; font-weight: 500; color: var(--black); margin-bottom: 2px; }
.od-step-sub { font-size: 11px; color: var(--g500); }
.od-item { display: flex; gap: 12px; align-items: center; padding: 10px var(--px); border-bottom: 1px solid var(--g100); }
.od-item:last-child { border-bottom: none; }
.od-item-img { width: 52px; height: 52px; border-radius: var(--r); overflow: hidden; flex-shrink: 0; background: var(--g100); }
.od-item-img img { width: 100%; height: 100%; object-fit: cover; }
.od-item-info { flex: 1; min-width: 0; }
.od-item-name { font-size: 13px; font-weight: 500; color: var(--black); margin-bottom: 2px; }
.od-item-qty { font-size: 11px; color: var(--g500); }
.od-item-price { font-size: 13px; font-weight: 600; color: var(--black); white-space: nowrap; }
.od-address { font-size: 13px; color: var(--g600); line-height: 1.65; margin-top: 8px; }
.luxe-empty-state { padding: 60px var(--px); text-align: center; }
.luxe-empty-icon { font-size: 36px; margin-bottom: 14px; }
.luxe-empty-title { font-size: 16px; font-weight: 600; color: var(--black); margin-bottom: 8px; }
.luxe-empty-sub { font-size: 13px; color: var(--g500); margin-bottom: 20px; }
.acc-avatar-letter { font-size: 22px; color: #fff; }
.acc-stat-last { border-right: none; }
.acc-hero-guest { text-align: left; }
.acc-guest-title { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.acc-guest-sub { font-size: 12px; color: rgba(255,255,255,.45); margin-bottom: 14px; }
.acc-guest-btns { display: flex; gap: 8px; }
.acc-btn-signin { background: #fff; color: #000; font-size: 13px; font-weight: 700; padding: 9px 20px; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; transition: opacity .14s; }
.acc-btn-signin:hover { opacity: .88; }
.acc-btn-register { background: rgba(255,255,255,.1); color: #fff; font-size: 13px; font-weight: 600; padding: 9px 20px; border-radius: 8px; border: 1px solid rgba(255,255,255,.2); text-decoration: none; display: inline-flex; align-items: center; transition: background .14s; }
.acc-btn-register:hover { background: rgba(255,255,255,.18); }
.acc-item-danger { color: var(--red); }
.coupon-tabs { display: flex; border-bottom: 1.5px solid var(--g200); margin-bottom: 12px; }
.coupon-tab { flex: 1; text-align: center; padding: 11px 0; font-size: 13px; font-weight: 500; color: var(--g400); cursor: pointer; background: none; border: none; border-bottom: 2px solid transparent; margin-bottom: -1.5px; font-family: inherit; transition: color .14s, border-color .14s; }
.coupon-tab.on { color: var(--black); font-weight: 700; border-bottom-color: var(--black); }
.coupon-panel { display: none; }
.coupon-panel.on { display: block; }
.coupon-empty { padding: 44px var(--px); text-align: center; color: var(--g400); font-size: 13px; }
.orders-empty { padding: 60px var(--px); text-align: center; }
.orders-empty-icon { font-size: 36px; margin-bottom: 14px; }
.orders-empty-title { font-size: 16px; font-weight: 600; color: var(--black); margin-bottom: 8px; }
.orders-empty-sub { font-size: 13px; color: var(--g500); margin-bottom: 20px; }
.addr-form-wrap { padding: 14px var(--px); }
.addr-form-label { margin-bottom: 14px; }
.addr-edit-card { padding: 14px; }
.addr-section { padding: 14px; }
.addr-shipping-badge { background: var(--g100); color: var(--g600); }
.addr-no-addr { font-size: 13px; color: var(--g500); margin-bottom: 10px; }
.profile-header { padding: 20px var(--px) 16px; background: #fff; border-bottom: 1px solid var(--g100); text-align: center; }
.profile-avatar-wrap { display: flex; flex-direction: column; align-items: center; margin-bottom: 16px; }
.profile-avatar { width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg,#3a3a3a,#222); display: flex; align-items: center; justify-content: center; font-size: 30px; color: #fff; margin-bottom: 10px; flex-shrink: 0; }
.profile-change-btn { font-size: 12px; font-weight: 600; color: var(--black); border: 1px solid var(--g300); border-radius: 6px; padding: 5px 14px; background: #fff; cursor: pointer; font-family: inherit; transition: background .14s; }
.profile-change-btn:hover { background: var(--g50); }
.profile-form-wrap { padding: 16px var(--px); }
.support-header { background: #fff; padding: 14px 16px; border-bottom: 1px solid var(--g200); }
.support-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #16a34a; flex-shrink: 0; }
.otp-wrap { padding: 28px var(--px) 20px; flex: 1; }
.otp-title { font-size: 18px; font-weight: 600; color: var(--black); margin-bottom: 5px; }
.otp-sub { font-size: 13px; color: var(--g500); line-height: 1.55; margin-bottom: 22px; }
.otp-resend { text-align: center; font-size: 12px; color: var(--g400); margin-top: 14px; }
.otp-resend span { color: var(--black); font-weight: 600; cursor: pointer; }
.search-results-label { padding: 8px var(--px); font-size: 11px; color: var(--g400); }
.sg-body { padding: 16px; overflow-y: auto; flex: 1; }
.sg-note { font-size: 11px; color: var(--g400); margin-top: 12px; line-height: 1.7; }
.slabel { font-size: 10px; font-weight: 600; color: var(--g400); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; display: block; }
.order-item-row-link { text-decoration: none; color: inherit; display: flex; gap: 10px; padding: 14px var(--px); border-bottom: 1px solid var(--g100); background: #fff; cursor: pointer; align-items: flex-start; transition: background .12s; }
.order-item-row-link:active { background: var(--g50); }
.chat-avatar-support { background: #25D366; color: #fff; font-size: 11px; font-weight: 700; }
.chat-spacer { flex: 1; min-height: 20px; }
.chat-body { flex: 1; display: flex; flex-direction: column; overflow-y: auto; background: var(--g50); padding: 10px 0; scrollbar-width: none; }
.chat-attach { font-size: 22px; color: var(--g400); line-height: 1; background: none; border: none; cursor: pointer; display: flex; align-items: center; }
.otp-resend-btn { color: var(--black); font-weight: 600; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; }
.register-or { display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--g400); margin: 16px 0; letter-spacing: .06em; text-transform: uppercase; }
.register-or::before, .register-or::after { content: ''; flex: 1; height: 1px; background: var(--g200); }
.auth-switch-mt { margin-top: 16px; }
.social-icon-fb { font-size: 20px; font-weight: 900; color: #1877F2; line-height: 1; }
.auth-back-link { color: var(--g400); font-size: 13px; text-decoration: none; }
.auth-back-link:hover { color: var(--black); }
.carousel-img { width: 100%; height: 100%; object-fit: contain; }
.prod-rating-label { font-size: 11px; color: var(--g400); }
.act-cart-disabled { opacity: .5; cursor: not-allowed; }
.co-gw-label { font-size: 13px; font-weight: 500; flex: 1; color: var(--black); }
.pay-icon-row { display: flex; gap: 4px; align-items: center; }
.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; }
.free-shipping { color: var(--free-green); font-weight: 500; }
.cat-panel-spacer { height: 16px; }
.h-search-inner button[type="submit"] { display: none; }
.thumb-inner[style*="background-image"] { background-size: cover; background-position: center; width: 100%; height: 100%; }
.co-section-hdr[style*="padding-top"] { padding-top: 20px; }
.co-section + .co-section .co-section-hdr { padding-top: 20px; }
#search-body-results > div:first-child { padding: 8px var(--px); font-size: 11px; color: var(--g400); }
.coupon-panel:first-of-type { display: block; }
[data-coupon-panel="available"] { display: block; }
[data-coupon-panel="used"], [data-coupon-panel="expired"] { display: none; }
[data-coupon-panel="used"].on, [data-coupon-panel="expired"].on { display: block; }
.btn-outline { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 14px; border: 1px solid var(--g300); border-radius: var(--r2); font-size: 13px; font-weight: 600; color: var(--black); background: #fff; cursor: pointer; text-decoration: none; transition: background .12s; -webkit-tap-highlight-color: transparent; }
.btn-outline:hover { border-color: var(--black); border-width: .5px; }
.comments-wrap { padding: 0 var(--px); }
.review-form-wrap { padding: 20px var(--px); border-top: 1px solid var(--g100); }
.review-textarea { resize: vertical; min-height: 80px; }
.auth-btn-mt { margin-top: 12px; }
.lang-wrap { position: relative; }
.cart-icon-wrap { position: relative; display: inline-flex; align-items: center; }
.wishlist-empty { padding: 30px var(--px); text-align: center; color: var(--g400); font-size: 13px; }
.post-date { font-size: 11px; color: var(--g400); margin-top: 4px; }
.luxe-page-content { padding: 24px var(--px) 40px; background: #fff; min-height: 60vh; }
.page-hero-img { margin: -24px calc(-1 * var(--px)) 20px; aspect-ratio: 16/7; overflow: hidden; background: var(--g100); }
.page-hero-img img { width: 100%; height: 100%; object-fit: cover; }
.page-title { font-size: 22px; font-weight: 700; letter-spacing: -.02em; margin-bottom: 16px; line-height: 1.2; color: var(--black); }
.luxe-content { font-size: 14px; color: var(--g600); line-height: 1.8; }
.luxe-content h2 { font-size: 18px; font-weight: 600; margin: 20px 0 10px; }
.luxe-content h3 { font-size: 15px; font-weight: 600; margin: 16px 0 8px; }
.luxe-content p { margin-bottom: 14px; }
.luxe-content ul, .luxe-content ol { padding-left: 18px; margin-bottom: 14px; }
.luxe-content a { color: var(--black); text-decoration: underline; }
.luxe-content img { border-radius: var(--r2); margin: 14px 0; }
.search-no-results { display: flex; flex-direction: column; align-items: center; padding: 48px 24px 32px; text-align: center; }
.search-no-icon { font-size: 40px; margin-bottom: 12px; }
.search-no-title { font-size: 16px; font-weight: 600; color: var(--black); margin-bottom: 6px; }
.search-no-sub { font-size: 13px; color: var(--g400); margin-bottom: 20px; }
.search-no-recent { font-size: 13px; color: var(--g400); padding: 16px 14px; text-align: center; }
.archive-empty { padding: 60px var(--px); text-align: center; color: var(--g400); }
.archive-empty-icon { font-size: 36px; margin-bottom: 12px; }
.archive-empty-title { font-size: 16px; font-weight: 600; color: var(--black); margin-bottom: 6px; }
.archive-empty-sub { font-size: 13px; color: var(--g500); }
.cart-sum-row.free-row { color: var(--free-green); }
.co-hdr-pt { padding-top: 20px; }
.co-sec-pb { padding-bottom: 8px; }
.panel-empty { padding: 48px 16px; text-align: center; color: var(--g400); }
.panel-empty-icon { font-size: 32px; margin-bottom: 12px; }
.panel-empty-text { font-size: 14px; }
.cat-empty { padding: 60px 16px; text-align: center; color: var(--g400); }
#toggle-chevron { transition: transform .2s ease; }
.acc-item-icon svg { width: 16px; height: 16px; }
.search-cats-grid { margin: 0 0 8px; }
.field textarea:focus { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.08); }
.comments-pagination { padding: 16px var(--px); }
.luxe-review-form { margin: 0; }
.luxe-review-form .field { margin-bottom: 14px; }
.stars a { color: var(--amber); text-decoration: none; font-size: 20px; }
.stars a:hover, .stars a.active { color: #d97706; }
[data-coupon-panel] { display: none; }
.rv { opacity: 0; }
.rv.in { animation: reveal-in .45s cubic-bezier(.0,.0,.2,1.0) both; }
.cart-dot.pop { animation: badge-pop .3s cubic-bezier(.34,1.2,.64,1.0) both; }
.qty-num.bump { transform: scale(1.28); transition: transform .12s cubic-bezier(.34,1.56,.64,1); }
.prod-card.stagger-ready { opacity: 0; transform: translateY(10px); }
.nav-scrolled { box-shadow: 0 1px 8px rgba(0,0,0,.08); }
.auth-wrap { max-width: 100%; }
.auth-hero { background: var(--black); padding: 32px var(--px) 24px; text-align: center; }
.auth-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 30%, rgba(255,255,255,.04), transparent 60%); pointer-events: none; }
.auth-logo { font-size: 14px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #fff; display: block; margin-bottom: 6px; }
.auth-tagline { font-size: 11px; color: rgba(255,255,255,.38); letter-spacing: .06em; }
.auth-body { padding: 24px var(--px); background: #fff; }
.auth-title { font-size: 20px; font-weight: 700; color: var(--black); margin-bottom: 4px; letter-spacing: -.02em; }
.auth-sub { font-size: 13px; color: var(--g500); margin-bottom: 20px; line-height: 1.55; }
.auth-switch { font-size: 13px; color: var(--g500); margin-top: 18px; text-align: center; }
.auth-switch span { color: var(--black); font-weight: 700; cursor: pointer; }
.login-panel { display: block; }
.login-panel:not(.on) { display: none; }
.login-panel.on { display: block; }
.login-sheet-drag { width: 34px; height: 3px; background: var(--g200); border-radius: 2px; margin: 0 auto 17px; }
.login-sheet-title { font-size: 17px; font-weight: 600; color: var(--black); margin-bottom: 4px; letter-spacing: -.01em; }
.login-sheet-sub { font-size: 12px; color: var(--g500); margin-bottom: 22px; line-height: 1.55; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.od-icon { width: 46px; height: 46px; border-radius: 50%; background: rgba(255,255,255,.1); margin: 0 auto 11px; display: flex; align-items: center; justify-content: center; color: #fff; }
.order-item-row { display: flex; gap: 10px; padding: 14px var(--px); border-bottom: 1px solid var(--g100); background: #fff; cursor: pointer; align-items: flex-start; transition: background .12s; text-decoration: none; color: inherit; }
.order-item-row:active { background: var(--g50); }
.order-imgs { display: flex; }
.order-img-stack { width: 50px; height: 50px; border-radius: var(--r); flex-shrink: 0; margin-right: -8px; border: 2px solid #fff; object-fit: cover; background: var(--g100); }
.order-info { flex: 1; min-width: 0; }
.order-num { font-size: 13px; font-weight: 600; color: var(--black); margin-bottom: 2px; }
.order-meta-txt { font-size: 11px; color: var(--g500); margin-bottom: 5px; }
.order-price-col { font-size: 13px; font-weight: 600; color: var(--black); text-align: right; white-space: nowrap; flex-shrink: 0; }
.settings-section { background: #fff; margin-bottom: 8px; }
.settings-section-title { font-size: 10px; font-weight: 600; color: var(--g400); letter-spacing: .12em; text-transform: uppercase; padding: 13px var(--px) 6px; }
.social-icon-g { width: 20px; height: 20px; flex-shrink: 0; display: block; }
.login-panel:first-of-type { display: block; }
.addr-card.default { border-color: var(--black); border-width: .5px; }
.addr-act.del { color: var(--red); }
.page-numbers.current { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.ty-step-dot.active { background: var(--black); color: #fff; border: none; }
.ty-step-dot.pending { background: var(--g100); color: var(--g400); border: 1px solid var(--g200); }
.od-step-dot.active { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.od-step-dot.pending { background: var(--g100); color: var(--g400); border-color: var(--g200); }
.co-ship-opt:active { background: var(--g50); }
.ty-step:last-child .ty-step-body { padding-bottom: 0; }
.ty-address strong { color: var(--black); font-weight: 600; }
.woocommerce-Price-currencySymbol { font-size: inherit; }
.sg-table tr.hl td, .sg-table tr.on td { background: var(--g100); font-weight: 600; }
.auth-link { font-size: 13px; color: var(--black); font-weight: 600; cursor: pointer; text-decoration: underline dotted; }
.woocommerce-review-form .stars a { color: var(--amber); font-size: 20px; }
p.stars { margin-bottom: 12px; }
p.stars span a { color: var(--g300); text-decoration: none; }
p.stars span a:hover, p.stars.selected span a { color: var(--amber); }
.woocommerce-cart .luxe-main { padding-bottom: 0; }
.woocommerce-checkout .luxe-main { padding-bottom: 0; }
#luxe-toast, .luxe-toast { z-index: 99999; }
.search-result-label { padding: 8px var(--px); font-size: 11px; color: var(--g400); }
.review-stars svg { width: 12px; height: 12px; fill: var(--amber); stroke: none; }
.woocommerce-error li { list-style: none; }
.field input::placeholder, .field select::placeholder, .field textarea::placeholder { color: var(--g400); font-size: 14px; }
.notif-item:last-child { border-bottom: none; }
.delivery-opt { display: flex; align-items: center; gap: 10px; padding: 12px 13px; border: 1px solid var(--g200); border-radius: var(--r2); cursor: pointer; margin-bottom: 6px; transition: border-color var(--tf) var(--ease); background: #fff; -webkit-tap-highlight-color: transparent; }
.delivery-opt.on { border-color: var(--black); border-width: .5px; }
.d-radio { width: 17px; height: 17px; border-radius: 50%; border: 1.5px solid var(--g300); flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: all var(--tf); }
.delivery-opt.on .d-radio { border-color: var(--black); border-width: .5px; background: var(--black); }
.d-body { flex: 1; }
.d-title { font-size: 13px; font-weight: 500; color: var(--black); }
.d-sub { font-size: 11px; color: var(--g500); margin-top: 2px; }
.d-price { font-size: 13px; font-weight: 500; color: var(--black); white-space: nowrap; }
.co-field-wrap { border: 1px solid var(--g200); border-radius: var(--r2); overflow: hidden; margin-bottom: 12px; position: relative; }
.co-field-wrap .co-field { position: relative; }
.co-field-row { display: grid; grid-template-columns: 1fr 1fr; }
.co-field-row .co-field { border-right: 1px solid var(--g200); }
.co-field-row .co-field:last-child { border-right: none; }
.co-label { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 14px; color: var(--g400); pointer-events: none; transition: all .15s; transform-origin: left top; }
.co-label-up, .co-field-wrap:focus-within .co-label { top: 8px; transform: none; font-size: 11px; color: var(--g500); }
.co-input { width: 100%; padding: 18px 12px 6px; font-size: 14px; color: var(--black); background: transparent; border: none; outline: none; font-family: inherit; }
.co-input:focus ~ .co-label { top: 8px; transform: none; font-size: 11px; color: var(--g500); }
.co-select { width: 100%; padding: 18px 32px 6px 12px; font-size: 14px; color: var(--black); background: transparent; border: none; outline: none; appearance: none; -webkit-appearance: none; font-family: inherit; cursor: pointer; }
.co-select-arrow { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--g400); pointer-events: none; }
.co-field-icon, .co-field-ico { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--g400); pointer-events: none; }
.co-field-icon ~ .co-input, .co-field-ico ~ .co-input { padding-left: 36px; }
.checkout-header { background: #fff; padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--g200); }
.checkout-logo { font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--black); }
.checkout-secure { font-size: 10px; color: var(--g400); display: flex; align-items: center; gap: 4px; }
.checkout-section { margin-bottom: 18px; }
.checkout-section-title { font-size: 13px; font-weight: 600; color: var(--black); margin-bottom: 12px; letter-spacing: .01em; }
.co-shipping { border: 1px solid var(--g200); border-radius: var(--r2); overflow: hidden; margin-top: 12px; }
.co-checkbox-row { display: flex; align-items: flex-start; gap: 9px; margin-top: 10px; }
.co-pay-opts { border: 1px solid var(--g200); border-radius: var(--r2); overflow: hidden; margin-bottom: 0; }
.co-pay-opt { display: flex; align-items: center; gap: 12px; padding: 13px 14px; background: #fff; cursor: pointer; border-bottom: 1px solid var(--g100); transition: background .1s; -webkit-tap-highlight-color: transparent; }
.co-pay-opt:last-child { border-bottom: none; }
.co-pay-opt.on { background: var(--g50); }
.co-pay-lbl { font-size: 13px; font-weight: 500; color: var(--black); flex: 1; }
.co-pay-cards { display: flex; gap: 4px; }
.p-radio { width: 17px; height: 17px; border-radius: 50%; border: 1.5px solid var(--g300); flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: all var(--tf); }
.co-pay-opt.on .p-radio { border-color: var(--black); border-width: .5px; background: var(--black); }
.co-submit-btn { width: 100%; background: var(--black); color: #fff; font-size: 13px; font-weight: 600; height: 50px; border-radius: var(--r2); border: none; cursor: pointer; letter-spacing: .04em; transition: opacity var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; position: relative; overflow: hidden; }
.co-submit-btn:active { opacity: .82; }
.card-fields { background: var(--g50); border: 1px solid var(--g200); border-radius: var(--r2); overflow: hidden; margin-top: 10px; }
.card-field-row { display: flex; align-items: center; padding: 11px 13px; border-bottom: 1px solid var(--g100); gap: 10px; }
.card-field-row:last-child { border-bottom: none; }
.content-page { padding: 20px 16px 32px; background: #fff; font-size: 13px; line-height: 1.75; color: var(--g600); }
.cp-h1 { font-size: 20px; font-weight: 700; color: var(--black); letter-spacing: -.02em; margin-bottom: 8px; }
.cp-h2 { font-size: 16px; font-weight: 600; color: var(--black); letter-spacing: -.01em; margin: 24px 0 8px; }
.cp-h3 { font-size: 14px; font-weight: 600; color: var(--black); margin: 18px 0 6px; }
.faq-item { border-bottom: 1px solid var(--g100); }
.faq-question { font-size: 13px; font-weight: 500; padding: 15px 16px; color: var(--black); cursor: pointer; }
.faq-answer { font-size: 13px; line-height: 1.72; color: var(--g500); padding: 0 16px 15px; display: none; }
.faq-item.open .faq-answer { display: block; }
.hot-section { background: #fff; border-top: 1px solid var(--g200); padding: 0; }
.hot-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--g200); padding: 0 0 1px; }
.hot-item { cursor: pointer; text-align: center; background: #fff; -webkit-tap-highlight-color: transparent; transition: opacity var(--tf); }
.hot-item:active { opacity: .7; }
.hot-img { width: 100%; aspect-ratio: 1; border-radius: 0; display: flex; align-items: center; justify-content: center; font-size: 28px; overflow: hidden; object-fit: cover; }
.hot-name { font-size: 10px; font-weight: 500; color: var(--black); line-height: 1.3; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 6px 6px 0; }
.hot-price { font-size: 12px; font-weight: 600; color: var(--black); padding: 0 6px 8px; }
.det-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 12px 15px; background: #fff; border-bottom: 1px solid var(--g100); }
.det-img { border-radius: var(--r); aspect-ratio: 1; width: 100%; object-fit: cover; }
.desc-blk { padding: 14px 16px; border-bottom: 1px solid var(--g100); background: #fff; }
.desc-text { font-size: 13px; line-height: 1.72; color: var(--g500); }
.h-prod-badge { font-size: 9px; font-weight: 700; padding: 2px 7px; border-radius: 2px; letter-spacing: .06em; text-transform: uppercase; }
.h-prod-badge.new { background: var(--black); color: #fff; }
.h-prod-badge.sale { background: var(--red); color: #fff; }
.panel-section-arrow { color: var(--g400); flex-shrink: 0; }
.footer-logo { font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #fff; display: block; margin-bottom: 4px; }
.footer-tagline { font-size: 10px; color: rgba(255,255,255,.28); letter-spacing: .06em; margin-bottom: 18px; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 16px; margin-bottom: 16px; }
.footer-link { font-size: 12px; color: rgba(255,255,255,.5); padding: 4px 0; display: block; text-decoration: none; }
.footer-link:hover { color: rgba(255,255,255,.8); }
.footer-divider { height: 1px; background: rgba(255,255,255,.07); margin-bottom: 14px; }
.footer-social { display: flex; gap: 10px; margin-bottom: 16px; }
.footer-social a { width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.1); border-radius: var(--r); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.38); font-size: 17px; transition: all var(--tf); }
.footer-social a:hover { color: rgba(255,255,255,.7); border-color: rgba(255,255,255,.25); }
.footer-payments { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }
.footer-pay-icon { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 3px; padding: 2px 6px; font-size: 9px; font-weight: 600; color: rgba(255,255,255,.3); letter-spacing: .04em; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; font-size: 10px; color: rgba(255,255,255,.2); margin-top: 14px; }
.auth-terms { text-align: center; font-size: 10px; color: var(--g400); margin-top: 12px; line-height: 1.72; padding: 0 8px; }
.nav-title { position: absolute; left: 50%; transform: translateX(-50%); font-size: 13px; font-weight: 600; color: var(--black); white-space: nowrap; }
.bag-section-icon { color: var(--g400); font-size: 18px; }
.btn-blk { display: flex; align-items: center; justify-content: center; height: var(--btn-h); width: 100%; background: var(--black); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .04em; border: none; border-radius: var(--r2); cursor: pointer; transition: opacity var(--tf) var(--ease); position: relative; overflow: hidden; -webkit-tap-highlight-color: transparent; }
.btn-blk:active { opacity: .82; }
.btn-loading { pointer-events: none; opacity: .7; }
.btn-loading::after { content: ''; position: absolute; width: 15px; height: 15px; border: 2px solid rgba(255,255,255,.3); border-top-color: #fff; border-radius: 50%; animation: spin .65s linear infinite; top: 50%; right: 16px; margin-top: -7.5px; }
.acc-menu-item { display: flex; align-items: center; gap: 13px; padding: 15px var(--px); border-bottom: 1px solid var(--g100); cursor: pointer; transition: background var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; text-decoration: none; color: inherit; }
.acc-menu-item:last-child { border-bottom: none; }
.acc-menu-item:active { background: var(--g50); }
.notif-row { display: flex; align-items: flex-start; gap: 11px; padding: 14px var(--px); border-bottom: 1px solid var(--g100); cursor: pointer; transition: background var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.notif-row:active { background: var(--g50); }
.notif-row:last-child { border-bottom: none; }
.od-track { padding: 16px var(--px); background: #fff; }
.alsolike-scroll { overflow-x: auto; display: flex; gap: 1px; scrollbar-width: none; }
.alsolike-scroll::-webkit-scrollbar { display: none; }
.error { font-size: 12px; color: var(--red); display: flex; align-items: center; gap: 5px; margin-top: 5px; }
.com { font-size: 10px; color: var(--g400); }
.g { color: var(--g400); }
.hot-tag:hover, .h-tag:hover, .hot-tag:active, .h-tag:active { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.search-input-row input, .search-input-row input[type="search"] { flex: 1; background: none; border: none; outline: none; font-size: 13px; color: var(--black); font-family: inherit; min-width: 0; }
.search-cancel:hover { color: var(--black); }
.search-hist-del { color: var(--g300); cursor: pointer; flex-shrink: 0; }
.btn-shop-now:active { opacity: .82; }
.co-field-group + .co-field-group { border-top: 1px solid var(--g100); }
.co-inp-wrap + .co-inp-wrap { border-top: 1px solid var(--g100); border-radius: 0; }
.co-inp-wrap:first-child { border-radius: var(--r2) var(--r2) 0 0; }
.co-inp-wrap:last-child { border-radius: 0 0 var(--r2) var(--r2); }
.co-inp-wrap:only-child { border-radius: var(--r2); }
.order-toggle-left svg { flex-shrink: 0; }
.cart-sum-row:last-child { margin-bottom: 0; }
.cart-sum-total { font-size: 15px; font-weight: 700; color: var(--black); border-top: 1px solid var(--g200); padding-top: 10px; margin-top: 4px; }
.free-shipping, .cart-free-ship { color: var(--free-green, #1D9E75); }
#cart-footer-wrap .btn-checkout { margin: 0; }
.social-login-row { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.acc-guest-signin { background: #fff; color: #000; font-size: 13px; font-weight: 700; padding: 9px 20px; border-radius: 8px; border: none; cursor: pointer; font-family: inherit; }
.acc-guest-register { background: rgba(255,255,255,.1); color: #fff; font-size: 13px; font-weight: 600; padding: 9px 20px; border-radius: 8px; border: 1px solid rgba(255,255,255,.2); cursor: pointer; font-family: inherit; }
.prod-orig { font-size: 11px; color: var(--g400); text-decoration: line-through; }
.luxe-size-sheet { position: fixed; inset: 0; z-index: 200; display: none; align-items: flex-end; background: rgba(0,0,0,.45); }
.luxe-size-sheet.on { display: flex; }
.ss-inner { background: #fff; width: 100%; border-radius: var(--radius-sheet); max-height: 80vh; overflow: hidden; display: flex; flex-direction: column; }
.ss-hdr { display: flex; align-items: center; justify-content: space-between; padding: 16px var(--px); border-bottom: 1px solid var(--g100); flex-shrink: 0; }
.login-gate-inner { background: #fff; width: 100%; border-radius: var(--radius-sheet); padding: 24px var(--px) 32px; max-height: 80vh; overflow-y: auto; }
html { scroll-padding-top: var(--nav); }
.chat-wa-link { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; color: var(--black); -webkit-tap-highlight-color: transparent; }
.chat-wa-link:active { opacity: .7; }
.chat-inp::placeholder { color: var(--g400); }
.chat-send:active { opacity: .75; }
.btn-outline:active { background: var(--g100); }
.btn-continue:active { opacity: .82; }
.od-status.completed .od-icon, .od-status.delivered .od-icon { background: #16a34a; }
.od-status.processing .od-icon { background: #1d4ed8; }
.ty-header { background: var(--black); padding: 28px 20px 24px; text-align: center; }
.ty-detail-row { display: flex; justify-content: space-between; padding: 10px 16px; border-bottom: 1px solid var(--g100); font-size: 13px; color: var(--g600); background: #fff; }
.ty-detail-row:last-child { border-bottom: none; }
.ty-detail-val { font-weight: 600; color: var(--black); }
.luxe-woo-wrap { width: 100%; }
.woocommerce-notices-wrapper { padding: 0 var(--px); }
.luxe-pagination a.page-numbers { text-decoration: none; }
.order-item:last-of-type { margin-bottom: 0; }
.order-total-row:last-child { margin-bottom: 0; }
.co-field-row2 .co-field-group { margin-bottom: 0; }
.co-inp-wrap.co-ico-wrap { overflow: hidden; }
.co-ship-opt:active:not(.on) { background: var(--g50); }
.co-ship-price.free-shipping, .co-ship-price.free { color: #15803d; }
.woocommerce-checkout .form-row { display: block; margin: 0; }
.woocommerce-checkout .input-text { width: 100%; padding: 14px; font-size: 14px; }
.luxe-cart-item-label { font-size: 11px; color: var(--g400); }
.luxe-cart-item-count { font-weight: 600; color: var(--black); }
.luxe-cart-subtotal { font-size: 13px; font-weight: 600; color: var(--black); }
.luxe-cart-total { font-size: 15px; font-weight: 700; color: var(--black); }
.luxe-cart-shipping { color: #15803d; }
.luxe-wishlist-nav-btn { display: flex; align-items: center; background: none; border: none; cursor: pointer; padding: 4px; -webkit-tap-highlight-color: transparent; color: var(--black); }
.luxe-password-meter { font-size: 14px; }
.qty-minus, .qty-plus { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: var(--g50); border: none; cursor: pointer; flex-shrink: 0; -webkit-tap-highlight-color: transparent; transition: background .1s; }
.qty-minus:active, .qty-plus:active { background: var(--g200); }
.thumb-inner { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.coupon-card.used { opacity: .7; }
.woocommerce-form, .woocommerce-form-login, .woocommerce-form-register { display: block; }
.required { color: var(--red); }
.woocommerce-form .form-row { margin-bottom: 12px; }
.luxe-ac-toggle { cursor: pointer; display: flex; align-items: center; justify-content: space-between; width: 100%; background: none; border: none; font-family: inherit; text-align: left; }
.footer-widget { margin-bottom: 20px; }
.footer-widget-title { font-size: 12px; font-weight: 600; color: var(--black); margin-bottom: 10px; letter-spacing: .04em; }
.widget-title { font-size: 12px; font-weight: 600; margin-bottom: 10px; }
.luxe-wc-page { width: 100%; }
.variations_form { width: 100%; }
.hero { background: var(--black); padding: 22px 18px 24px; text-align: center; position: relative; overflow: hidden; }
.hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 60% 40%, rgba(255,255,255,.04), transparent 65%); pointer-events: none; }
.hero-eye { font-size: 9px; letter-spacing: .28em; color: rgba(255,255,255,.28); text-transform: uppercase; margin-bottom: 10px; }
.hero-title { font-family: var(--display); font-size: 36px; letter-spacing: .18em; font-weight: 700; color: #fff; line-height: .96; margin-bottom: 12px; text-transform: uppercase; }
.hero-line { width: 24px; height: .5px; background: rgba(255,255,255,.14); margin: 0 auto 10px; }
.hero-sub { font-size: 10px; color: rgba(255,255,255,.3); letter-spacing: .1em; }
.h-video-eye { font-size: 10px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: rgba(255,255,255,.6); margin-bottom: 10px; }
.srch-wrap { background: var(--black); padding: 0 14px 12px; }
.srch-row { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: var(--r); height: 40px; display: flex; align-items: center; padding: 0 12px; gap: 8px; margin-bottom: 10px; }
.srch-row:focus-within { border-color: rgba(255,255,255,.25); }
.srch-row input { flex: 1; background: none; border: none; outline: none; font-size: 13px; color: #fff; font-family: inherit; }
.srch-row input::placeholder { color: rgba(255,255,255,.3); }
.srch-div { width: 1px; height: 14px; background: rgba(255,255,255,.15); flex-shrink: 0; }
.srch-cam { display: flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: #fff; letter-spacing: .04em; white-space: nowrap; cursor: pointer; flex-shrink: 0; }
.upload-zone { border: 1px dashed rgba(255,255,255,.14); border-radius: var(--r2); padding: 14px 12px; display: flex; flex-direction: column; align-items: center; gap: 5px; cursor: pointer; }
.upload-txt { font-size: 10px; color: rgba(255,255,255,.35); text-align: center; line-height: 1.65; }
.upload-btn { background: #fff; color: #000; font-size: 10px; font-weight: 600; letter-spacing: .05em; padding: 5px 16px; border-radius: var(--r); margin-top: 3px; border: none; cursor: pointer; }
.size-guide-sheet { position: fixed; inset: 0; z-index: 200; display: none; align-items: flex-end; background: rgba(0,0,0,.45); }
.size-guide-sheet.on { display: flex; }
.size-guide-sheet .sg-inner, .size-guide-sheet .ss-inner { background: #fff; width: 100%; border-radius: var(--radius-sheet); max-height: 80vh; overflow: hidden; display: flex; flex-direction: column; }
.sg-head { display: flex; align-items: center; justify-content: space-between; padding: 13px 15px; border-bottom: 1px solid var(--g200); background: #fff; flex-shrink: 0; }
.sg-title { font-size: 14px; font-weight: 600; color: var(--black); }
.sg-close { font-size: 22px; color: var(--g400); cursor: pointer; background: none; border: none; display: flex; align-items: center; }
.spill { display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; border-radius: var(--r); border: 1px solid var(--g200); font-size: 12px; font-weight: 400; color: var(--black); background: #fff; cursor: pointer; transition: all var(--tf); -webkit-tap-highlight-color: transparent; }
.spill.on { border-color: var(--black); border-width: .5px; background: var(--black); color: #fff; }
.spill.oos { border-color: var(--g100); color: var(--g300); cursor: not-allowed; background: var(--g50); text-decoration: line-through; }
.spill:hover:not(.oos):not(.on) { border-color: var(--black); border-width: .5px; }
.pay-methods { display: flex; flex-direction: column; gap: 6px; }
.pay-method { display: flex; align-items: center; gap: 10px; padding: 12px 13px; border: 1px solid var(--g200); border-radius: var(--r2); cursor: pointer; transition: border-color var(--tf); background: #fff; -webkit-tap-highlight-color: transparent; }
.pay-method.on { border-color: var(--black); border-width: .5px; }
.pay-label { flex: 1; font-size: 13px; font-weight: 400; color: var(--black); }
.pay-icons { display: flex; gap: 5px; }
.pay-icon { background: var(--g50); border: 1px solid var(--g200); border-radius: 3px; padding: 2px 6px; font-size: 9px; font-weight: 700; color: var(--g600); }
.pay-radio { width: 17px; height: 17px; border-radius: 50%; border: 1.5px solid var(--g300); flex-shrink: 0; transition: all var(--tf); }
.pay-method.on .pay-radio { border-color: var(--black); border-width: .5px; background: var(--black); box-shadow: inset 0 0 0 3px #fff; }
.place-order-btn { width: 100%; background: var(--black); color: #fff; font-size: 13px; font-weight: 600; height: 50px; border-radius: var(--r2); border: none; cursor: pointer; letter-spacing: .04em; display: flex; align-items: center; justify-content: center; gap: 8px; font-family: inherit; transition: opacity var(--tf); -webkit-tap-highlight-color: transparent; }
.place-order-btn:active { opacity: .82; }
.policy-page { padding: 20px 16px 32px; font-size: 13px; line-height: 1.75; color: var(--g600); background: #fff; }
.policy-page p { margin-bottom: 14px; }
.policy-page ul, .policy-page ol { padding-left: 18px; margin-bottom: 14px; }
.policy-page h2 { font-size: 16px; font-weight: 600; color: var(--black); margin: 20px 0 8px; }
.policy-page h3 { font-size: 14px; font-weight: 600; color: var(--black); margin: 16px 0 6px; }
.register-panel { display: none; }
.register-panel.on { display: block; }
.related-head { display: flex; align-items: center; justify-content: space-between; padding: 16px var(--px) 12px; }
.related-viewall { font-size: 11px; color: var(--g400); cursor: pointer; text-decoration: none; }
.related-viewall:hover { color: var(--black); }
.cart-item.removing { max-height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; border: none; transition: max-height var(--ts) var(--ease-i), opacity var(--tm) var(--ease-i), padding var(--ts) var(--ease-i); overflow: hidden; }
.section-head { display: flex; align-items: center; gap: 5px; padding: 0 var(--px) 10px; font-size: 11px; font-weight: 600; color: var(--black); letter-spacing: .08em; text-transform: uppercase; }
.site-footer { background: #0c0c0c; padding: 26px 18px 20px; flex-shrink: 0; }
.skel { background: linear-gradient(90deg, var(--g100) 0%, var(--g50) 40%, var(--g100) 80%); background-size: 400px 100%; animation: shimmer 1.6s ease infinite; border-radius: var(--r); }
.wish-list { background: #fff; }
.wish-row { display: flex; align-items: center; gap: 12px; padding: 14px var(--px); border-bottom: 1px solid var(--g100); background: #fff; -webkit-tap-highlight-color: transparent; }
.wish-row:last-child { border-bottom: none; }
.wish-row:active { background: var(--g50); }
.wish-row-img { width: 64px; height: 64px; border-radius: var(--r); object-fit: cover; background: var(--g100); flex-shrink: 0; }
.wish-row-body { flex: 1; min-width: 0; }
.wish-row-name { font-size: 13px; font-weight: 500; color: var(--black); line-height: 1.4; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wish-row-meta { font-size: 11px; color: var(--g400); margin-bottom: 5px; }
.wish-row-price { font-size: 14px; font-weight: 600; color: var(--black); letter-spacing: -.01em; }
.wish-row-actions { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; flex-shrink: 0; }
.wish-move-btn { background: var(--black); color: #fff; font-size: 10px; font-weight: 600; letter-spacing: .05em; padding: 0 11px; height: 32px; border-radius: var(--r); border: none; cursor: pointer; white-space: nowrap; transition: opacity var(--tf); -webkit-tap-highlight-color: transparent; }
.wish-move-btn:active { opacity: .82; }
.wish-del-btn:active { border-color: var(--red); color: var(--red); }
.co-field-select { position: relative; }
.co-field-select select { -webkit-appearance: none; appearance: none; }
.od-dot { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; background: var(--g100); color: var(--g400); border: 1px solid var(--g200); }
.h-nav-btn.on svg { fill: var(--black); }
.h-nav-btn.on { opacity: 1; }
.pprice, .pprice .woocommerce-Price-amount, .woocommerce-Price-amount bdi { font-size: 22px; font-weight: 700; letter-spacing: -.03em; color: var(--black); line-height: 1; }
.bump { animation: bump .2s ease; }
.field.error .input-text, .field.error input { animation: field-err .35s ease; border-color: var(--red); }
button, [role="button"], label { cursor: pointer; }
.woocommerce-notices-wrapper:not(:empty) { padding: 8px 0; }
.woocommerce-checkout #billing_first_name_field, .woocommerce-checkout #billing_last_name_field, .woocommerce-checkout #billing_state_field, .woocommerce-checkout #billing_postcode_field { width: 48%; display: inline-block; vertical-align: top; }
.woocommerce-checkout #billing_first_name_field, .woocommerce-checkout #billing_state_field { margin-right: 4%; }
.coupon-card:active { opacity: .92; transform: scale(.99); }
.chat-body::-webkit-scrollbar { display: none; }
.woocommerce-checkout #customer_details { display: none; }
.woocommerce-checkout #order_review { display: none; }
.woocommerce-checkout .woocommerce-checkout-payment { display: none; }
.woocommerce-checkout .checkout.woocommerce-checkout { width: 100%; }
.top-nav svg, .u-nav svg, .bot-nav svg, .nav-right svg, .u-nav-right svg, .h-search svg, .act-bar svg, .act-cart svg, .act-wa svg, .chat-send svg, .share-fab svg { stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.act-cart svg { width: 17px; height: 17px; }
.act-wa svg { width: 18px; height: 18px; }
.share-fab svg { width: 14px; height: 14px; stroke-width: 2; }
.u-nav-right svg, .nav-right svg { width: 19px; height: 19px; }
.btn-wa-ty svg { width: 18px; height: 18px; }
.isvg svg { width: 1em; height: 1em; display: block; }
.nav-right a, .nav-right button { color: var(--black); font-size: 20px; line-height: 1; display: flex; align-items: center; }
.nav-right a:active, .nav-right button:active, .u-nav-icon:active { opacity: .45; }
#toast.on, .luxe-toast.on, .luxe-toast.show, #toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
#lang-menu.open { opacity: 1; transform: translateY(0); pointer-events: all; }
.empty-cart.on { display: flex; }
.content-page h1 { font-size: 20px; font-weight: 700; color: var(--black); margin-bottom: 10px; }
.content-page h2 { font-size: 16px; font-weight: 600; color: var(--black); margin: 20px 0 8px; }
.content-page h3 { font-size: 14px; font-weight: 600; color: var(--black); margin: 16px 0 6px; }
.content-page p { margin-bottom: 14px; }
.content-page ul, .content-page ol { padding-left: 18px; margin-bottom: 14px; }
.content-page li { margin-bottom: 5px; }
.policy-page h1 { font-size: 20px; font-weight: 700; color: var(--black); margin-bottom: 10px; }
.policy-page li { margin-bottom: 5px; }
.co-field { position: relative; background: #fff; }
.co-input:focus { background: var(--g50); }
.co-input:focus ~ .co-label, .co-input:not(:placeholder-shown) ~ .co-label { top: 8px; transform: none; font-size: 11px; color: var(--g500); }
.co-select:focus { background: var(--g50); }
.co-field-wrap > .co-field:not(:last-child) { border-bottom: 1px solid var(--g200); }
.co-field-row:not(:last-child) { border-bottom: 1px solid var(--g200); }
.co-checkbox-row input[type=checkbox] { width: 16px; height: 16px; accent-color: var(--black); }
.co-ship-price:not(:empty).free { color: #15803d; }
.cart-item:hover { background: var(--g50); }
.cart-sum-row span:last-child { font-weight: 500; color: var(--black); }
.order-item-row:hover, a.order-item-row:hover { background: var(--g50); }
.order-toggle:active { background: var(--g200); }
.order-item:last-child { margin-bottom: 0; }
.notif-item:hover { background: var(--g50); }
.notif-item:active { background: var(--g100); }
.acc-item:hover, .acc-menu-item:hover { background: var(--g50); }
.addr-card:hover { background: var(--g50); box-shadow: var(--sh1); }
.addr-act.del:hover { color: var(--red); }
.addr-act:active { opacity: .6; }
.coupon-card:hover { box-shadow: var(--sh1); }
.express-btn:hover { opacity: .88; }
.auth-link:hover { opacity: .72; }
.auth-switch span:hover { opacity: .72; }
.login-tab:hover { color: var(--g600); }
.login-terms a { color: var(--g600); text-decoration: underline; }
.login-forgot span { color: var(--black); font-weight: 600; }
.social-btn-google { transition: opacity var(--tf) var(--ease), background var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.social-btn-fb:hover, .social-btn-google:hover { opacity: .88; }
.social-btn-apple:hover { opacity: .88; }
.social-btn-apple:active { opacity: .7; }
.social-btn-apple svg { fill: #000; flex-shrink: 0; }
.wish-row:hover { background: var(--g50); }
.wish-list > .wish-row { padding-left: var(--px); padding-right: var(--px); }
.wish-item-add:hover { opacity: .88; }
.upload-btn:hover { opacity: .82; }
.upload-btn:active { opacity: .6; }
.sg-close:hover, .ss-close:hover { opacity: .6; }
.sg-close:active, .ss-close:active { transform: scale(.88); }
.size-pill:hover:not(.oos) { border-color: var(--black); border-width: .5px; }
.spill:active:not(.oos) { transform: scale(.94); }
.search-cancel:active { opacity: .65; }
.size-guide-link:hover { color: var(--black); text-decoration: underline; }
.h-trust-item:hover { background: var(--g50); }
.bot-wa-tab:hover .bot-wa-circle { box-shadow: 0 4px 16px rgba(37,211,102,.38); }
.footer-link:active { color: #fff; }
.footer-social a:active { color: #fff; border-color: rgba(255,255,255,.36); }
.field:focus-within label { color: var(--black); transition: color var(--tf) var(--ease); }
.review-stars span, .stars span { transition: transform var(--tx) var(--ease-s); display: inline-block; }
.review-stars span:hover, .stars span:hover { transform: scale(1.3); }
.div { border: none; border-top: 1px solid var(--g200); margin: 0; }
.ac-inner p { line-height: 1.7; }
.pmeta span { display: flex; align-items: center; gap: 3px; }
.chip:active { opacity: .75; }
.top-nav.nav-scrolled { box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 4px 20px rgba(0,0,0,.08); }
.login-switch span:hover { opacity: .72; }
.card-field-row input { flex: 1; background: none; border: none; outline: none; font-size: 14px; font-family: inherit; color: var(--black); }
.ty-step:hover { background: var(--g50); }
.ty-step:last-child .ty-step-line { display: none; }
.search-hist-left svg, .search-hist-left i { color: var(--g400); }
.od-dot.pend { background: var(--g100); color: var(--g400); border-color: var(--g200); }
.acc-item svg { stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

@keyframes panel-in {
  from { opacity: 0; transform: translateX(6px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes ripple-anim { to { transform: scale(3); opacity: 0; } }

@keyframes luxe-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

@keyframes ripple      { from { transform: scale(0); opacity: 1; } to { transform: scale(4); opacity: 0; } }

@keyframes reveal-in {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes badge-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.5); }
  100% { transform: scale(1); }
}

@keyframes actbar-fade { from { opacity: 0; } to { opacity: 1; } }

@keyframes shimmer { 0%{background-position:-400px 0} 100%{background-position:400px 0} }

@keyframes spin        { to { transform: rotate(360deg); } }

@keyframes pg-in       { from { opacity: 0; } to { opacity: 1; } }

@keyframes tab-line    { from { width: 0; opacity: 0; } to { width: 100%; opacity: 1; } }

@keyframes field-err   { 0%,100% { transform: translateX(0); } 25%,75% { transform: translateX(-4px); } 50% { transform: translateX(4px); } }

@keyframes bump        { 0%,100% { transform: scale(1); } 50% { transform: scale(1.25); } }

@keyframes pop         { 0%,100% { transform: scale(1); } 40% { transform: scale(1.35); } 70% { transform: scale(0.9); } }

@media(max-width:600px) { .size-sheet { left: 0; margin-left: 0; } }

/* ================================================================
   LUXE �MISSING CLASSES (UI parity fixes)
   ================================================================ */

/* ── psub / pmeta / stock-warn �visible in UI ── */
.psub { display: block; font-size: 12px; color: var(--g400); margin-bottom: 12px; letter-spacing: .01em; }
.pmeta { display: flex; gap: 14px; font-size: 11px; color: var(--g400); flex-wrap: wrap; margin-bottom: 10px; }
.pmeta span { display: flex; align-items: center; gap: 3px; }
.stock-warn { display: inline-flex; font-size: 11px; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: var(--r); padding: 5px 10px; align-items: center; gap: 5px; margin-bottom: 4px; }

/* ── HOT RIGHT NOW section ── */
.hotnow-section { background: #fff; border-top: 1px solid var(--g200); }
.module-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 15px 12px; }
.module-title { font-size: 11px; font-weight: 600; color: var(--black); letter-spacing: .1em; text-transform: uppercase; }
.module-viewall { font-size: 11px; color: var(--g400); cursor: pointer; letter-spacing: .04em; transition: color .14s; }
.module-viewall:hover { color: var(--black); }
.hotnow-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--g200); }
.hotnow-item { background: #fff; cursor: pointer; display: flex; flex-direction: column; transition: opacity .14s; overflow: hidden; }
.hotnow-item:hover { box-shadow: 0 2px 12px rgba(0,0,0,.08); }
.hotnow-item:active { opacity: .75; }
.hotnow-img { width: 100%; aspect-ratio: 1; transition: transform .4s var(--ease); transform: scale(1); }
.hotnow-item:hover .hotnow-img { transform: scale(1.06); }
.hotnow-body { padding: 7px 10px 10px; }
.hotnow-name { font-size: 10px; font-weight: 400; color: var(--black); line-height: 1.3; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hotnow-price { font-size: 12px; font-weight: 600; color: var(--black); }

/* ── YOU MAY ALSO LIKE section ── */
.alsolike-section { background: #fff; border-top: 1px solid var(--g200); margin-bottom: 0; }
.alsolike-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--g200); }
.alsolike-card { background: #fff; cursor: pointer; display: flex; flex-direction: column; transition: opacity .14s; overflow: hidden; -webkit-tap-highlight-color: transparent; }
.alsolike-card:hover { box-shadow: 0 2px 12px rgba(0,0,0,.08); }
.alsolike-card:active { opacity: .75; }
.alsolike-img { width: 100%; aspect-ratio: 1; background: var(--g100); transition: transform .4s var(--ease); transform: scale(1); }
.alsolike-card:hover .alsolike-img { transform: scale(1.06); }
.alsolike-body { padding: 9px 12px 12px; }
.alsolike-name { font-size: 12px; font-weight: 400; color: var(--black); line-height: 1.4; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.alsolike-price-row { display: flex; align-items: center; gap: 5px; }
.alsolike-price { font-size: 13px; font-weight: 600; color: var(--black); }
.alsolike-orig { font-size: 11px; color: var(--g400); text-decoration: line-through; }

/* ── CHECKOUT: co-* classes (floating label form style) ── */
.co-section { padding: 0 16px; }
.co-section-hdr { display: flex; align-items: center; justify-content: space-between; padding: 18px 0 10px; }
.co-section-title { font-size: 15px; font-weight: 600; color: var(--black); letter-spacing: -.01em; }
.co-section-link { font-size: 13px; color: var(--blue); text-decoration: underline; cursor: pointer; }
.co-secure-badge { font-size: 11px; color: var(--g500); display: flex; align-items: center; gap: 4px; }
.co-field-group { margin-bottom: 8px; }
.co-field-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.co-field-row2 .co-field-group { margin-bottom: 0; }
.co-inp-wrap { position: relative; border: 1px solid var(--g200); border-radius: var(--r2); background: #fff; overflow: hidden; display: flex; align-items: center; transition: border-color .14s, box-shadow .14s; }
.co-inp-wrap:focus-within { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(12,12,12,.08); }
.co-inp { width: 100%; padding: 14px; font-size: 14px; color: var(--black); background: transparent; border: none; outline: none; font-family: inherit; }
.co-inp::placeholder { color: var(--g400); }
.co-sel-wrap { flex-direction: column; align-items: flex-start; padding: 8px 14px 6px; }
.co-inp-lbl { font-size: 10px; font-weight: 600; color: var(--g500); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 2px; line-height: 1; }
.co-sel-wrap .co-inp { padding: 2px 0; font-size: 14px; }
-webkit-appearance: none;
.co-sel { appearance: none; cursor: pointer; }
.co-sel-ic { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--g400); pointer-events: none; }
.co-ico-wrap { padding-right: 38px; }
.co-inp-ic { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--g400); pointer-events: none; flex-shrink: 0; }
.co-check-row { display: flex; align-items: center; gap: 10px; padding: 6px 0 14px; font-size: 13px; color: var(--g600); cursor: pointer; }
.co-check { width: 16px; height: 16px; accent-color: var(--blue); cursor: pointer; flex-shrink: 0; }
.co-ship-group { border: 1px solid var(--g200); border-radius: var(--r2); overflow: hidden; margin-bottom: 8px; }
.co-ship-opt { display: flex; align-items: center; gap: 12px; padding: 13px 14px; background: #fff; cursor: pointer; border-bottom: 1px solid var(--g200); transition: background .1s; -webkit-tap-highlight-color: transparent; }
.co-ship-opt:last-child { border-bottom: none; }
.co-ship-opt.on { background: var(--g50); }
.co-ship-opt:hover:not(.on) { background: var(--g50); }
.co-ship-radio { width: 17px; height: 17px; border-radius: 50%; border: 1.5px solid var(--g300); flex-shrink: 0; position: relative; transition: border-color .14s, background .14s; }
.co-ship-opt.on .co-ship-radio { border-color: var(--black); border-width: .5px; background: var(--black); box-shadow: inset 0 0 0 3px #fff; }
.co-ship-body { flex: 1; }
.co-ship-name { font-size: 13px; font-weight: 500; color: var(--black); }
.co-ship-sub { font-size: 11px; color: var(--g500); margin-top: 1px; }
.co-ship-price { font-size: 13px; font-weight: 500; color: var(--black); }
.co-ship-price.free { color: #15803d; }
.co-card-expand { background: var(--g50); border-bottom: 1px solid var(--g100); overflow: hidden; }
#co-card-fields { border: 1px solid var(--g200); border-radius: 0 0 var(--r2) var(--r2); border-top: 1px solid var(--g100); margin-top: -1px; margin-bottom: 8px; display: none; }
#co-card-fields.on { display: block; }

/* ── THANK YOU PAGE ── */
.ty-hero { background: var(--black); padding: 32px 16px 28px; text-align: center; }
.ty-check { width: 52px; height: 52px; background: #16a34a; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #fff; margin: 0 auto 14px; }
.ty-title { font-size: 19px; font-weight: 600; color: #fff; margin-bottom: 6px; letter-spacing: -.01em; }
.ty-sub { font-size: 12px; color: rgba(255,255,255,.45); line-height: 1.65; }
.ty-order-num { font-size: 10px; color: rgba(255,255,255,.28); margin-top: 8px; letter-spacing: .08em; }
.ty-section { background: #fff; padding: 16px 15px; border-bottom: 1px solid var(--g100); }
.ty-section-title { font-size: 11px; font-weight: 600; color: var(--black); margin-bottom: 12px; display: flex; align-items: center; gap: 6px; letter-spacing: .08em; text-transform: uppercase; }
.ty-track { background: var(--g50); border: 1px solid var(--g100); border-radius: var(--r); padding: 14px; margin-top: 4px; }
.ty-track-row { display: flex; justify-content: space-between; font-size: 12px; color: var(--g600); margin-bottom: 6px; }
.ty-track-row:last-child { margin-bottom: 0; }
.ty-track-row span:last-child { font-weight: 600; color: var(--black); }
.ty-timeline { display: flex; flex-direction: column; }
.ty-step { display: flex; gap: 12px; position: relative; }
.ty-step-left { display: flex; flex-direction: column; align-items: center; width: 28px; flex-shrink: 0; }
.ty-step-dot { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; flex-shrink: 0; z-index: 1; }
.ty-step-dot.done { background: #16a34a; color: #fff; }
.ty-step-dot.active { background: var(--black); color: #fff; }
.ty-step-dot.pending { background: var(--g100); color: var(--g400); border: 1px solid var(--g200); }
.ty-step-line { width: 1px; flex: 1; background: var(--g200); margin: 4px 0; }
.ty-step-body { flex: 1; padding-bottom: 16px; }
.ty-step:last-child .ty-step-line { display: none; }
.ty-step:last-child .ty-step-body { padding-bottom: 0; }
.ty-step-title { font-size: 13px; font-weight: 500; color: var(--black); margin-bottom: 2px; }
.ty-step-sub { font-size: 11px; color: var(--g500); }
.ty-address { font-size: 13px; color: var(--g600); line-height: 1.8; }
.ty-address strong { color: var(--black); font-weight: 600; }
.ty-actions { padding: 16px 15px; background: #fff; display: flex; flex-direction: column; gap: 8px; }
.btn-wa-ty { background: #25D366; color: #fff; font-size: 13px; font-weight: 600; padding: 14px; border-radius: var(--r2); text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; letter-spacing: .04em; border: none; text-decoration: none; font-family: inherit; transition: opacity .14s; }
.btn-wa-ty:active { opacity: .88; }
.btn-continue { background: var(--black); color: #fff; font-size: 13px; font-weight: 600; padding: 14px; border-radius: var(--r2); text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; letter-spacing: .04em; border: none; text-decoration: none; font-family: inherit; transition: opacity .14s; }
.btn-continue:active { opacity: .85; }

/* ── ACCOUNT �guest/user states + complete menu ── */
.acc-guest { display: flex; flex-direction: column; align-items: flex-start; padding: 22px 16px 18px; }
.acc-guest-title { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.acc-guest-sub { font-size: 12px; color: rgba(255,255,255,.45); margin-bottom: 14px; line-height: 1.55; }
.acc-guest-btns { display: flex; gap: 8px; }
.acc-btn-signin { background: #fff; color: #000; font-size: 13px; font-weight: 700; padding: 9px 20px; border-radius: 8px; border: none; cursor: pointer; transition: opacity .14s; font-family: inherit; }
.acc-btn-register { background: rgba(255,255,255,.1); color: #fff; font-size: 13px; font-weight: 600; padding: 9px 20px; border-radius: 8px; border: 1px solid rgba(255,255,255,.2); cursor: pointer; transition: opacity .14s; font-family: inherit; }
.acc-btn-signin:active, .acc-btn-register:active { opacity: .8; }
.acc-item-icon { width: 34px; height: 34px; border-radius: var(--r); display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; background: var(--g100); }
.acc-item-right { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--g400); margin-left: auto; }
.acc-item-right svg { color: var(--g300); }
.acc-avatar-letter { font-size: 22px; color: #fff; }
.acc-item.sign-out .acc-item-title { color: var(--red); }
.acc-item.sign-out .acc-item-right svg { color: var(--red); }

/* ── FREE SHIPPING label in cart ── */
.free-row { color: #15803d; }
.free-shipping { color: #15803d; }
.checkout-total-free { color: #15803d; }

/* ================================================================
   LUXE �ADDITIONAL MISSING CLASSES (continued)
   ================================================================ */

/* ── ORDER DETAIL: od-* ── */
.od-status { background: var(--black); padding: 22px 16px; text-align: center; }
.od-icon { width: 46px; height: 46px; border-radius: 50%; background: #16a34a; margin: 0 auto 11px; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center; }
.od-stitle { font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 3px; }
.od-ssub { font-size: 11px; color: rgba(255,255,255,.4); }
.od-dot { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; }
.od-dot.done { background: #16a34a; color: #fff; }
.od-dot.now { background: var(--black); color: #fff; }
.od-dot.pend { background: var(--g100); color: var(--g400); border: 1px solid var(--g200); }
.od-line { width: 1px; flex: 1; background: var(--g200); margin: 4px 0; }

/* ── ADDRESS PAGES ── */
.addr-card { margin: 0 15px 10px; border: 1px solid var(--g200); border-radius: var(--r2); padding: 14px; background: #fff; }
.addr-card.default { border-color: var(--black); border-width: .5px; }
.addr-dfbadge { font-size: 9px; font-weight: 700; background: var(--black); color: #fff; padding: 2px 8px; border-radius: 2px; letter-spacing: .07em; margin-bottom: 8px; display: inline-block; }
.addr-name { font-size: 13px; font-weight: 600; color: var(--black); margin-bottom: 4px; }
.addr-body { font-size: 12px; color: var(--g600); line-height: 1.7; }
.addr-tel { font-size: 12px; color: var(--g500); margin-bottom: 5px; }
.addr-acts { display: flex; gap: 14px; margin-top: 10px; border-top: 1px solid var(--g100); padding-top: 10px; }
.addr-act { font-size: 12px; font-weight: 500; color: var(--g500); cursor: pointer; transition: color .14s; }
.addr-act:hover { color: var(--black); }
.addr-act.del { color: var(--red); }
.addr-act.del:hover { color: #a02020; }

/* ── NOTIFICATION SETTINGS ── */
.settings-section { background: #fff; margin-bottom: 8px; }
.settings-section-title { padding: 13px 15px 6px; font-size: 10px; font-weight: 600; color: var(--g400); letter-spacing: .13em; text-transform: uppercase; }
.notif-item { padding: 13px 15px; border-bottom: 1px solid var(--g100); display: flex; align-items: center; justify-content: space-between; }
.notif-item:last-child { border-bottom: none; }
.notif-left { flex: 1; }
.notif-title { font-size: 13px; font-weight: 500; color: var(--black); }
.notif-sub { font-size: 11px; color: var(--g500); margin-top: 1px; }

/* ── TOGGLE SWITCH ── */
.toggle { width: 42px; height: 24px; border-radius: 12px; background: var(--g300); cursor: pointer; position: relative; transition: background .18s; flex-shrink: 0; }
.toggle.on { background: var(--black); }
.toggle::after { content: ''; position: absolute; width: 18px; height: 18px; background: #fff; border-radius: 50%; top: 3px; left: 3px; transition: transform .18s; box-shadow: 0 1px 3px rgba(0,0,0,.16); }
.toggle.on::after { transform: translateX(18px); }

/* ── 404 PAGE ── */
.notfound-wrap { padding: 52px 28px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; }
.notfound-code { font-size: 76px; font-weight: 200; color: var(--g200); line-height: 1; margin-bottom: 8px; letter-spacing: -.05em; }
.notfound-title { font-size: 18px; font-weight: 600; color: var(--black); margin-bottom: 8px; letter-spacing: -.01em; }
.notfound-sub { font-size: 13px; color: var(--g500); line-height: 1.75; margin-bottom: 28px; }
.notfound-actions { display: flex; flex-direction: column; gap: 9px; width: 100%; }

/* ── CHAT / SUPPORT PAGE ── */
.chat-quick { padding: 7px 13px; gap: 5px; border-bottom: 1px solid var(--g200); overflow-x: auto; display: flex; flex-shrink: 0; }
.chat-qtag { font-size: 10px; padding: 5px 11px; border-radius: 2px; border: 1px solid var(--g200); color: var(--g600); white-space: nowrap; flex-shrink: 0; cursor: pointer; background: #fff; transition: all .14s; -webkit-tap-highlight-color: transparent; }
.chat-qtag:active { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.chat-msg { padding: 5px 13px; gap: 7px; display: flex; align-items: flex-end; }
.chat-msg.mine { flex-direction: row-reverse; }
.chat-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--g100); font-size: 12px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.chat-bubble { max-width: 74%; padding: 9px 12px; font-size: 13px; line-height: 1.55; border-radius: 12px; }
.chat-bubble.theirs { background: var(--g100); color: var(--black); border-bottom-left-radius: 3px; }
.chat-bubble.mine { background: var(--black); color: #fff; border-bottom-right-radius: 3px; }
.chat-ts { font-size: 10px; color: var(--g400); margin-top: 2px; }
.chat-ts.mine { text-align: right; }
.chat-ibar { padding: 9px 13px; gap: 7px; background: #fff; border-top: 1px solid var(--g200); flex-shrink: 0; display: flex; align-items: center; position: sticky; bottom: var(--bot); }
.chat-inp { flex: 1; border: 1px solid var(--g200); border-radius: 20px; padding: 9px 14px; font-size: 13px; outline: none; background: #fff; transition: border-color .14s; font-family: inherit; }
.chat-inp:focus { border-color: var(--black); border-width: .5px; }
.chat-send { width: 35px; height: 35px; background: var(--black); border-radius: 50%; color: #fff; border: none; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: opacity .14s; }
.chat-send:active { opacity: .8; }

/* ── SEARCH PAGE ── */
.search-section-title { font-size: 10px; font-weight: 600; color: var(--g400); letter-spacing: .1em; text-transform: uppercase; padding: 12px 14px 7px; }
.hot-tags { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 12px; }
.hot-tag { border: 1px solid var(--g200); border-radius: 2px; padding: 5px 13px; font-size: 12px; color: var(--g600); cursor: pointer; background: #fff; transition: all .14s; -webkit-tap-highlight-color: transparent; }
.hot-tag:hover, .hot-tag:active { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.search-history { padding: 0; }
.search-hist-item { display: flex; align-items: center; justify-content: space-between; padding: 11px 14px; border-bottom: 1px solid var(--g100); cursor: pointer; transition: background .12s; }
.search-hist-item:hover { background: var(--g50); }
.search-hist-left { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--black); }

/* ── COUPON PAGE ── */
.coupon-card { margin: 0 15px 10px; border: 1px solid var(--g200); border-radius: var(--r2); overflow: hidden; background: #fff; cursor: pointer; transition: box-shadow .2s; }
.coupon-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.coupon-body { padding: 14px; }
.coupon-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.coupon-amt { font-size: 22px; font-weight: 700; color: var(--black); letter-spacing: -.02em; }
.coupon-title { font-size: 13px; font-weight: 600; color: var(--black); margin-bottom: 4px; }
.coupon-cond { font-size: 11px; color: var(--g500); }
.coupon-foot { border-top: 1px dashed var(--g200); padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; }
.coupon-code { font-size: 12px; font-weight: 700; color: var(--black); letter-spacing: .08em; font-family: monospace; }
.coupon-exp { font-size: 10px; color: var(--g400); }
.coupon-tab { flex: 1; text-align: center; padding: 10px 0; font-size: 13px; font-weight: 500; color: var(--g400); cursor: pointer; border-bottom: 2px solid transparent; }
.coupon-tab.on { color: var(--black); border-bottom-color: var(--black); font-weight: 700; }
.coupon-tabs { display: flex; border-bottom: 1px solid var(--g200); margin-bottom: 12px; }

/* ── SEARCH PAGE: result list ── */
.search-results-label { padding: 8px 14px; font-size: 11px; color: var(--g400); }

/* ── EXTRA PRODUCT CARD HEART (fixed position overlay) ── */
.prod-heart-overlay { position: absolute; bottom: 8px; right: 8px; width: 28px; height: 28px; background: rgba(255,255,255,.88); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--g300); transition: color .14s, transform .14s; z-index: 2; border: none; }
.prod-heart-overlay.on { color: #e53e3e; }
.prod-heart-overlay:active { transform: scale(1.35); }

/* ── PRODUCT LIST: prod-img-wrap inner badge positioning ── */
.prod-img-wrap { position: relative; }
.size-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 199; opacity: 0; pointer-events: none; transition: opacity .22s; }
.size-overlay.on { opacity: 1; pointer-events: all; }


/* ================================================================
   LUXE v6 �PIXEL-PERFECT OVERRIDES (auto-generated from UI diff)
   All values extracted directly from store-ui-preview.html
   ================================================================ */


/* ── BODY ───────────────────────────────────────────────────────── */
body { background: #fff; display: block; }

/* ── NAV ────────────────────────────────────────────────────────── */
.top-nav, .u-nav { padding: 0 var(--px); }
.top-nav { top: 0; }
.u-nav { padding: 0 14px; }
.nav-logo, .u-nav-logo { font-size: 13px; }
.bot-nav { width: min(100%, 600px); max-width: 600px; }
.bot-wa-circle {
  background: #25D366;
  box-shadow: 0 2px 10px rgba(37,211,102,.28);
  width: 40px; height: 40px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff; flex-shrink: 0;
}
.bot-wa-tab:active .bot-wa-circle { transform: scale(.84); }

/* ── HOME ───────────────────────────────────────────────────────── */
.h-search-inp::placeholder { font-size: 13px; }
.h-hot { display: none; }
.h-flash { background: var(--black); padding: 12px var(--px); }
.h-flash-title { font-size: 14px; font-weight: 600; }
.h-flash-sub { font-size: 10px; color: rgba(255,255,255,.38); }
.h-flash-badge {
  font-size: 9px; font-weight: 600; letter-spacing: .12em;
  padding: 2px 8px; color: rgba(255,255,255,.8);
}
.h-timer-l { font-size: 8px; color: rgba(255,255,255,.35); margin-top: 3px; }
.h-timer-sep { font-size: 15px; font-weight: 400; }
.h-timer-unit { background: rgba(255,255,255,.08); padding: 5px 7px; border-radius: 3px; }
.h-sec-hdr { padding: 18px var(--px) 12px; }
.h-cat-name { color: var(--black); line-height: 1.3; }
.h-brand-chip {
  background: #fff;
  border: 1px solid var(--g200);
  color: var(--black);
  padding: 0 14px;
  display: flex;
  transition: background var(--tf) var(--ease), color var(--tf) var(--ease), border-color var(--tf) var(--ease), transform var(--tx) var(--ease-s);
}
.h-trust-title { font-size: 10px; font-weight: 600; }
.h-trust-sub { font-size: 9px; }
.h-prod-badge { letter-spacing: .07em; padding: 2px 6px; }
.h-tp-block { padding: 28px 16px 22px; }
.h-tp-score { font-size: 28px; }
.h-tp-label { font-size: 12px; font-weight: 500; letter-spacing: .04em; color: #00b67a; }
.h-reviews-title { font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.h-reviews-cta {
  display: flex; align-items: center; justify-content: center;
  gap: 6px; padding: 14px 0; font-size: 11px; color: #00b67a;
  transition: opacity .14s; border: none; background: none;
  text-decoration: none; cursor: pointer; margin: 0;
}
.h-rv-card { border-radius: 2px; padding: 15px; }
.h-rv-title { font-size: 13px; font-weight: 500; }
.h-rv-avatar { background: var(--g100); color: var(--black); font-weight: 600; }
.h-rv-name { font-weight: 500; }
.h-rv-foot { gap: 9px; padding-top: 9px; border-top: 1px solid var(--g100); }

/* ── HERO (video) ────────────────────────────────────────────────── */
.h-video-overlay {
  background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.5));
}
.h-video-title { font-size: 26px; letter-spacing: .1em; line-height: 1.1; margin-bottom: 18px; }
.h-video-btn {
  background: #fff; color: #000; border: none;
  padding: 12px 28px; font-size: 11px; font-weight: 700;
  letter-spacing: .1em; height: 42px; border-radius: 0;
  transition: opacity var(--tf) var(--ease), transform var(--tx) var(--ease-s);
}

/* ── HOME FOOTER ─────────────────────────────────────────────────── */
.home-footer { background: var(--black); padding: 36px var(--px) 28px; }
.hf-brand-name { font-size: 14px; }
.hf-top { margin-bottom: 30px; }
.hf-social-row { gap: 10px; margin-bottom: 28px; }
.hf-links-row { gap: 5px 20px; margin-bottom: 24px; }
.hf-links-row span { font-size: 11px; color: rgba(255,255,255,.48); }
.hf-links-row span:hover { color: rgba(255,255,255,.85); }
.hf-links-row a { font-size: 11px; color: rgba(255,255,255,.48); }
.hf-links-row a:hover { color: rgba(255,255,255,.85); }
.hf-rule { background: rgba(255,255,255,.08); margin-bottom: 24px; }
.hf-payments-block { margin-bottom: 24px; }
.hf-pay-label { color: rgba(255,255,255,.28); }
.hf-pay-icons { gap: 7px; }
.hf-pay-icons svg { border-radius: 4px; }
.hf-pay-note { font-size: 11px; color: rgba(255,255,255,.4); }
.hf-soc-btn:hover { opacity: .72; }
.hf-soc-btn:active { transform: scale(.88); opacity: .55; }
.lang-option:hover { background: var(--g50); }
.footer-link { font-size: 11px; color: rgba(255,255,255,.38); }
.footer-link:hover { color: rgba(255,255,255,.75); }

/* ── CATEGORY PAGE ───────────────────────────────────────────────── */
.cat-layout { min-height: calc(100vh - var(--nav) - var(--bot)); }
.cat-side { max-height: calc(100vh - var(--nav)); }
.cat-side-item {
  transition: background var(--tf) var(--ease), color var(--tf) var(--ease), border-left-color var(--tf) var(--ease);
}
.panel-prod-img-wrap { border-radius: 0; }
.panel-prod-item:active { opacity: .62; }
.panel-prod-item:hover .panel-prod-img { transform: scale(1.07); }

/* ── ARCHIVE / PRODUCT GRID ───────────────────────────────────────── */
.sort-bar { border-bottom: 1px solid var(--g200); padding: 9px var(--px); }
.sort-count { color: var(--g400); }
.fpill {
  transition: background var(--tf) var(--ease), color var(--tf) var(--ease), border-color var(--tf) var(--ease);
}
.prod-meta { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; }
.thumb-count { display: none; }
.prod-card { transition: box-shadow var(--ts) var(--ease); }
.prod-card:active { opacity: .88; }
.prod-card:hover { box-shadow: var(--sh2); }
.prod-card:hover .prod-img { transform: scale(1.06); }
.prod-heart { transition: color var(--tx) var(--ease), transform var(--tx) var(--ease-s); }
.prod-heart.on { color: #e53e3e; }
.prod-heart:active { transform: scale(1.35); }

/* ── PRODUCT DETAIL ───────────────────────────────────────────────── */
.slide-num { font-size: 10px; color: rgba(0,0,0,.2); letter-spacing: .06em; background: none; padding: 0; }
.pname { line-height: 1.25; }
.pprice { font-size: 22px; font-weight: 700; }
.pmeta { display: none; }
.stock-warn { display: none; }
.badges-row { margin-bottom: 9px; }
.colors-row { gap: 10px; }
.color-dot { width: 28px; height: 28px; }
.sizes-row { gap: 7px; }
.sku-box { font-size: 10px; }
.spill {
  transition: background var(--tf) var(--ease), color var(--tf) var(--ease), border-color var(--tf) var(--ease), transform var(--tx) var(--ease-s);
}
.share-fab svg { stroke-width: 1.5; }
.act-bar { width: min(100%, 600px); height: 52px; }
.act-fav { transition: color .18s; }
.act-fav.on { color: var(--red); }
.act-wa { background: #22C55E; font-size: 11px; letter-spacing: .1em; }
.act-wa svg { width: 17px; height: 17px; }
.module-head { padding: 16px 15px 11px; }
.module-title { font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.module-viewall { font-size: 10px; letter-spacing: .08em; }
.hotnow-body { padding: 8px 10px 11px; }
.hotnow-item:active { opacity: .82; }
.hotnow-item:hover { box-shadow: var(--sh1); }
.alsolike-body { padding: 10px 13px 13px; }
.alsolike-card:active { opacity: .82; }
.alsolike-card:hover { box-shadow: var(--sh1); }
.ac-header { transition: background var(--tx) var(--ease); }
.ac-body { transition: max-height var(--ts) var(--ease-o); }

/* ── CART ─────────────────────────────────────────────────────────── */
.bag-section-icon { color: var(--black); }
.cart-item { padding: 14px 16px; }
.cart-item-meta { margin-bottom: 7px; }
.qty-btn { width: 30px; height: 30px; }
.qty-num { height: 30px; }
.promo-input { flex: 1 1 0%; }
.promo-input:focus { box-shadow: 0 0 0 .5px rgba(10,10,10,.10); }
.promo-btn { height: 44px; }
.cart-summary { padding: 16px var(--px); }
.cart-sum-row { margin-bottom: 8px; }
.cart-sum-row.total { margin-top: 4px; }
.btn-checkout { font-weight: 700; letter-spacing: .08em; height: var(--btn); }
.btn-shop-now { font-size: 13px; padding: 0 32px; height: 48px; }
.empty-cart { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 60px 32px; }

/* ── CHECKOUT ─────────────────────────────────────────────────────── */
.checkout-header { padding: 14px var(--px); }
.checkout-steps { gap: 5px; padding: 12px 0 4px; }
.checkout-steps .step { font-weight: 700; }
.express-btn { border: 1px solid var(--g200); }
.express-btn:active { opacity: .7; }
.express-or { font-size: 10px; }
.checkout-trust { padding: 10px 0; }
.checkout-body { padding: 0; }
.order-toggle-left { gap: 7px; }
.co-ship-opt { gap: 11px; padding: 12px 14px; transition: background var(--tf) var(--ease); }
.co-ship-opt:active { background: var(--g100); }
.co-ship-radio { width: 16px; height: 16px; }
.co-ship-price { font-weight: 600; }
.co-inp-wrap { transition: border-color .15s, box-shadow .15s; }
.co-inp-wrap:focus-within { box-shadow: 0 0 0 .5px rgba(10,10,10,.08); }
.co-checkbox-row { align-items: center; gap: 10px; }
.btn-place-order { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.btn-place-order:active { opacity: .8; }

/* ── THANK YOU ─────────────────────────────────────────────────────── */
.ty-hero { padding: 30px var(--px) 26px; }
.ty-check { width: 48px; height: 48px; background: var(--green); font-size: 22px; margin: 0 auto 12px; }
.ty-title { font-size: 18px; letter-spacing: -.02em; }
.ty-sub { color: rgba(255,255,255,.42); line-height: 1.6; }
.ty-order-num { color: rgba(255,255,255,.25); letter-spacing: .1em; }
.ty-section { padding: 16px var(--px); }
.ty-section-title { font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.ty-track { padding: 13px; margin-top: 5px; }
.ty-track-row { margin-bottom: 5px; }
.ty-step-body { padding-bottom: 16px; }
.ty-step:last-child .ty-step-body { padding-bottom: 0; }
.btn-continue { letter-spacing: .06em; }
.ty-actions { gap: 8px; padding: 16px var(--px); }

/* ── ACCOUNT / LOGIN ───────────────────────────────────────────────── */
.acc-hero { padding: 22px var(--px) 18px; }
.acc-name { font-size: 17px; }
.acc-email { font-size: 12px; }
.acc-stat { padding: 11px 0; }
.acc-stat-num { font-weight: 700; }
.acc-item-icon { width: 32px; height: 32px; font-size: 15px; }
.acc-item-right { gap: 5px; }
.acc-order-status { gap: 3px; }
.login-logo { font-size: 18px; letter-spacing: .24em; }
.login-tabs { border-bottom: 1px solid var(--g200); margin-bottom: 22px; }
.login-tab { padding: 11px 0; margin-bottom: -1px; }
.login-gate { position: absolute; z-index: 50; background: rgba(0,0,0,.48); display: flex; }
.login-sheet { padding: 20px 20px 34px; transition: transform var(--ts) var(--ease-x); }
.login-sheet-sub { margin-bottom: 20px; }
.social-btns { gap: 10px; margin-bottom: 20px; }
.social-btn { font-size: 14px; height: 48px; transition: background .14s; }
.social-btn:active { background: var(--g100); }
.social-icon-fb { font-size: 22px; }
.login-or { margin: 20px 0; }
.otp-box { width: 46px; height: 54px; border-radius: 5px; font-size: 22px; transition: border-color .14s, box-shadow .14s; }
.auth-hero { padding: 30px 20px 26px; }
.auth-logo { font-size: 17px; letter-spacing: .24em; margin-bottom: 5px; }
.auth-tagline { font-size: 9px; color: rgba(255,255,255,.28); letter-spacing: .14em; }
.auth-body { padding: 24px 16px 32px; }
.auth-title { font-weight: 600; margin-bottom: 5px; }
.auth-btn { letter-spacing: .06em; transition: opacity .16s; height: 50px; }
.auth-btn:active { opacity: .8; }
.pw-strength { height: 3px; margin-top: 7px; }
.pw-strength.weak   { background: #ef4444; }
.pw-strength.medium { background: #f59e0b; }

/* ── BADGE (exact spec: pale backgrounds) ───────────────────────────── */
.badge-new  { background: var(--g100); color: var(--black); }
.badge-sale { background: #fef2f2;     color: var(--red); }
.badge-stock { background: #f0fdf4;   color: var(--green); }
.badge-sale.prod-badge { background: var(--red); color: #fff; }
.badge-new.prod-badge  { background: var(--black); color: #fff; }

/* ── WISHLIST / SHEET ─────────────────────────────────────────────── */
.wishlist-overlay { position: fixed; }
.wishlist-head { padding: 16px 18px 12px; }
.wishlist-close { font-size: 22px; }
.wish-item { padding: 12px 18px; }
.wish-item-add { padding: 7px 14px; }
.wish-move-btn { padding: 5px 10px; font-size: 11px; letter-spacing: .04em; transition: opacity .14s; }
.wish-del-btn { border: none; color: var(--g300); padding: 4px; transition: color .14s; }
.wish-row { padding: 12px var(--px); align-items: flex-start; }
.wish-row-img { width: 66px; height: 66px; }
.wish-move-btn:active { opacity: .8; }

/* ── SIZE SHEET ────────────────────────────────────────────────────── */
.size-sheet { z-index: 100; }
.ss-head { padding: 14px 16px; }
.ss-title { font-size: 14px; }
.ss-close { font-size: 26px; }
.size-guide-sheet { position: absolute; background: #fff; z-index: 30; display: flex; }
.sg-head { padding: 14px 16px; }

/* ── SEARCH ─────────────────────────────────────────────────────────── */
.search-bar-wrap { padding: 9px var(--px); }
.search-input-row input { font-size: 14px; }
.search-hist-item { padding: 12px 0; transition: background var(--tf) var(--ease); }
.search-hist-item:active { background: var(--g100); }
.search-history { padding: 0 14px; }
.search-input-row:focus-within { box-shadow: 0 0 0 .5px rgba(10,10,10,.1); }

/* ── ORDER LIST / DETAIL ──────────────────────────────────────────── */
.order-item-row { padding: 14px 15px; transition: background var(--tf) var(--ease); }
.order-item-row:active { background: var(--g100); }
.order-status-pill { padding: 3px 9px; }
.od-icon { width: 48px; height: 48px; margin: 0 auto 12px; font-size: 22px; }
.od-stitle { margin-bottom: 4px; }
.od-ssub { color: rgba(255,255,255,.42); }
.od-dot { width: 28px; height: 28px; font-size: 12px; }
.od-line { margin: 3px 0; }

/* ── ADDRESS ─────────────────────────────────────────────────────── */
.addr-card { border-radius: 5px; margin: 0 16px 10px; }
.addr-name { font-size: 14px; margin-bottom: 3px; }
.addr-dfbadge { font-weight: 600; letter-spacing: .08em; margin-bottom: 7px; }

/* ── COUPON ──────────────────────────────────────────────────────── */
.coupon-card {
  transition: box-shadow var(--ts) var(--ease), transform var(--tx) var(--ease-s);
}
.coupon-card:hover { box-shadow: var(--sh1); }
.coupon-card:active { transform: scale(.98); opacity: .88; }
.coupon-amt { font-size: 24px; color: #fff; }
.coupon-title { margin-bottom: 3px; }

/* ── NOTIFICATIONS ──────────────────────────────────────────────── */
.settings-section-title { padding: 14px 15px 7px; font-weight: 500; letter-spacing: .12em; }
.notif-item { padding: 14px 15px; }

/* ── TOGGLE ──────────────────────────────────────────────────────── */
.toggle { width: 44px; height: 26px; transition: background var(--tm) var(--ease); }
.toggle::after { width: 20px; height: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.18); transition: transform var(--tm) var(--ease-s), box-shadow var(--tm) var(--ease); }
.toggle.on::after { transform: translateX(18px); }

/* ── STARS ───────────────────────────────────────────────────────── */
.stars { color: #f59e0b; }
.stars svg { fill: #f59e0b; }

/* ── HOT TAGS ───────────────────────────────────────────────────── */
.hot-tag { font-size: 11px; padding: 5px 12px; }

/* ── CHAT ────────────────────────────────────────────────────────── */
.chat-msg { padding: 6px 14px; gap: 8px; }
.chat-avatar { width: 30px; height: 30px; font-size: 13px; }
.chat-bubble { max-width: 72%; padding: 10px 13px; }
.chat-ts { margin-top: 3px; }
.chat-ibar { padding: 10px 14px; gap: 8px; }
.chat-send { width: 36px; height: 36px; transition: opacity var(--tx) var(--ease), transform var(--tx) var(--ease-s); }
.chat-send:active { opacity: .65; }
.chat-quick { padding: 8px 14px; gap: 6px; }

/* ── 404 ─────────────────────────────────────────────────────────── */
.notfound-code { font-size: 72px; }
.notfound-sub { line-height: 1.72; }
.notfound-wrap { padding: 52px var(--px); }
.notfound-actions { gap: 10px; }

/* ── CO-INP-WRAP focus-within exact ────────────────────────────── */
.co-inp-wrap:focus-within { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.08); }
.h-search-inner:focus-within { box-shadow: 0 0 0 .5px rgba(10,10,10,.1); }
.srch-row:focus-within { border-color: rgba(255,255,255,.35); }

/* ── COUPON-LEFT (black bg with holes) ─────────────────────────── */
.coupon-left { background: var(--black); }

/* ── CART/ICON WRAP ─────────────────────────────────────────────── */
.cart-icon-wrap { position: relative; display: flex; align-items: center; }

/* ── RELATED SCROLL ─────────────────────────────────────────────── */
.related-scroll { padding-right: var(--px); }

/* ── MISC MISSING CLASSES ───────────────────────────────────────── */
.archive-empty {
  padding: 60px 32px; text-align: center; display: flex;
  flex-direction: column; align-items: center; gap: 10px;
}
.archive-empty-icon { font-size: 36px; margin-bottom: 4px; }
.archive-empty-title { font-size: 16px; font-weight: 600; color: var(--black); }
.archive-empty-sub { font-size: 13px; color: var(--g500); }

.acc-guest { padding: 8px 0 4px; }
.acc-guest-title { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.acc-guest-sub { font-size: 12px; color: rgba(255,255,255,.45); margin-bottom: 14px; line-height: 1.6; }
.acc-guest-btns { display: flex; gap: 8px; }
.acc-btn-signin {
  background: #fff; color: var(--black);
  font-size: 13px; font-weight: 700; padding: 9px 20px;
  border-radius: var(--r2); text-decoration: none; display: inline-flex; align-items: center;
}
.acc-btn-register {
  background: rgba(255,255,255,.1); color: #fff;
  font-size: 13px; font-weight: 600; padding: 9px 20px;
  border-radius: var(--r2); border: 1px solid rgba(255,255,255,.2); text-decoration: none;
}

.co-ship-price.free { color: #15803d; }
.free-shipping { color: #15803d; }
.cart-sum-row.free-row { color: #15803d; }

.size-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 99;
  display: none;
}
.size-overlay.on { display: block; }

.wishlist-empty {
  padding: 40px var(--px); text-align: center;
  font-size: 13px; color: var(--g400);
}

/* ── LUXE TOAST ──────────────────────────────────────────────────── */
.luxe-toast {
  position: fixed; bottom: calc(var(--bot) + 10px); left: 50%;
  transform: translateX(-50%) translateY(8px);
  background: rgba(10,10,10,.9); color: #fff;
  font-size: 13px; font-weight: 500; padding: 10px 18px;
  border-radius: 8px; white-space: nowrap; z-index: 500;
  opacity: 0; pointer-events: none;
  transition: opacity .2s, transform .2s;
  backdrop-filter: blur(8px);
}
.luxe-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ── WC NOTICES ─────────────────────────────────────────────────── */
.woocommerce-notices-wrapper:empty,
.woocommerce-message:empty { display: none; }
.woocommerce-error, .woocommerce-message, .woocommerce-info {
  background: var(--g50); border-left: 3px solid var(--black);
  padding: 12px var(--px); font-size: 13px; color: var(--g600);
  list-style: none; margin: 0 0 8px;
}
.woocommerce-error { border-left-color: var(--red); }
.woocommerce-message { border-left-color: var(--green); }

/* ── SINGLE PRODUCT: bottom padding for action bar ──────────────── */
.single-product main, .woocommerce-product-page main { padding-bottom: calc(var(--bot) + 52px); }

/* ================================================================
   FINAL REMAINING FIXES
   ================================================================ */

/* Body: UI demo shows gray outer, WP shows white (correct for WP) */
/* body { background: #fff; } �keep as-is for WP */

/* Hero title exact */
.hero { padding: 30px 16px 28px; }
.hero-title { font-size: 32px; letter-spacing: .16em; line-height: 1; }

/* Search row (video hero search) */
.srch-row { border-radius: var(--r2); height: 42px; padding: 0 13px; }

/* Cat layout (remove --demo variable, WP doesn't have it) */
/* Already fixed: calc(100vh - var(--nav) - var(--bot)) */

/* Panel hover scale exact */
.panel-prod-item:hover .panel-prod-img { transform: scale(1.07); }

/* Sort bar exact */
.sort-bar { border-bottom: 1px solid var(--g200); padding: 9px var(--px); }

/* Empty cart: UI shows display:none by default, .on shows flex */
.empty-cart { display: none; }
.empty-cart.on { display: flex; }
/* But WC shows it when cart IS empty - use :not(.hidden) pattern */
/* Actually in WP: we show it when WC()->cart->is_empty() in PHP �keep flex */

/* Checkout body padding */
.checkout-body { padding: 0 15px; }

/* Card fields exact */
.co-card-expand { background: transparent; }
.co-ico-wrap { overflow: visible; }

/* Express btn transitions */
.express-btn { transition: opacity var(--tf) var(--ease), transform var(--tx) var(--ease-s); }

/* Delivery/payment option transitions */
.delivery-opt { transition: border-color .14s; }
.d-radio { transition: all .14s; }
.pay-method { transition: border-color .14s; }
.p-radio { transition: all .14s; }

/* Thank you actions padding */
.ty-actions { padding: 16px 15px; }

/* Wishlist overlay: absolute in UI (inside #app), fixed in WP (full page) */
/* Keep fixed for WP - it works better */

/* Timer unit exact */
.h-timer-unit { padding: 5px 8px; border-radius: 2px; }

/* Reviews CTA background */
.h-reviews-cta { background: #fff; }

/* Related head padding */
.related-head { padding: 16px 15px 12px; }
.section-head { padding: 0 14px 10px; }

/* Cart del full transition */
.cart-del { transition: color var(--tf) var(--ease), transform var(--tx) var(--ease-s); }

/* Hotnow full transition */
.hotnow-item { transition: opacity var(--tf) var(--ease), box-shadow var(--ts) var(--ease); }
.hotnow-img { transition: transform var(--tl) var(--ease); }

/* Alsolike full transition */
.alsolike-card { transition: opacity var(--tf) var(--ease), box-shadow var(--ts) var(--ease); }
.alsolike-img { transition: transform var(--tl) var(--ease); }

/* Login tab transition */
.login-tab { transition: color var(--tf) var(--ease), border-bottom-color var(--tf) var(--ease); }

/* Bot-nav correct sizing */
.bot-nav { width: min(100%, 600px); max-width: 600px; }
.bot-nav a { transition: color var(--tf) var(--ease); }

/* Site footer */
.site-footer { padding: 26px var(--px) 22px; background: var(--black); }
.footer-bottom { color: rgba(255,255,255,.18); }

/* Social icon */
.social-icon-fb { color: #1877f2; }

/* Share fab */
.share-fab { transition: background var(--tf) var(--ease), transform var(--tx) var(--ease-s); }

/* AC arrow transition */
.ac-arrow { transition: transform var(--tm) var(--ease-x); }

/* Acc-badge */
.acc-badge {
  background: var(--red); color: #fff;
  font-size: 9px; font-weight: 700;
  padding: 2px 6px; border-radius: 8px;
  min-width: 18px; text-align: center;
}

/* Acc-order exact */
.acc-order {
  display: flex; align-items: center; gap: 11px;
  padding: 12px var(--px); border-bottom: 1px solid var(--g100);
  cursor: pointer; background: #fff; text-decoration: none;
  transition: background var(--tf) var(--ease);
  -webkit-tap-highlight-color: transparent;
}
.acc-order:hover { background: var(--g50); }
.acc-order:active { background: var(--g100); }
.acc-order-img { width: 40px; height: 40px; border-radius: var(--r); flex-shrink: 0; object-fit: cover; background: var(--g100); overflow: hidden; }
.acc-order-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.acc-order-body { flex: 1; min-width: 0; }
.acc-order-num { font-size: 13px; font-weight: 600; color: var(--black); margin-bottom: 2px; }
.acc-order-meta { font-size: 11px; color: var(--g500); margin-bottom: 5px; }
.acc-order-status { display: inline-flex; align-items: center; font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 2px; letter-spacing: .04em; }
.acc-order-status.processing { background: #eff6ff; color: #1d4ed8; }
.acc-order-status.delivered  { background: #f0fdf4; color: #15803d; }
.acc-order-status.cancelled  { background: var(--g100); color: var(--g500); }
.acc-order-price { font-size: 13px; font-weight: 600; color: var(--black); white-space: nowrap; flex-shrink: 0; }

/* login-panel */
.login-panel { display: block; }
.login-panel.on { display: block; }

/* Search history exact */
.search-hist-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--g100); cursor: pointer; color: var(--black); font-size: 13px; -webkit-tap-highlight-color: transparent; }
.search-hist-item:hover { background: var(--g50); }
.search-hist-item:active { background: var(--g100); }
.search-hist-item:last-child { border-bottom: none; }
.search-hist-left { display: flex; align-items: center; gap: 9px; }
.search-history { padding: 0 14px; }

/* Co-ico-wrap + co-inp-ic */
.co-ico-wrap { position: relative; }
.co-ico-wrap .co-inp { padding-right: 40px; }
.co-inp-ic { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--g400); pointer-events: none; flex-shrink: 0; }

/* size-pill = spill alias */
.size-pill { /* see .spill */ }

/* pinfo attr-blk padding */
.pinfo { padding: 16px var(--px) 14px; }
.attr-blk { padding: 14px var(--px); }

/* Co-card-expand */
.co-card-expand { background: var(--g50); border-top: 1px solid var(--g100); }
.co-card-expand.on { display: block; }

/* ================================================================
   LUXE v6 �COMPREHENSIVE PATCH (missing selectors + value fixes)
   ================================================================ */

/* ── BODY / LAYOUT ─────────────────────────────────────────────── */
body { background: #fff; } /* WP white bg is correct */

/* ── NAV ELEMENTS ────────────────────────────────────────────────── */
.nav-logo,
.u-nav-logo { font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--black); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; }
.nav-back { color: var(--black); display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; flex-shrink: 0; text-decoration: none; }
.nav-right { margin-left: auto; display: flex; gap: 14px; align-items: center; min-width: 32px; justify-content: flex-end; }
.nav-right a, .nav-right button { color: var(--black); display: flex; align-items: center; position: relative; }
.nav-right a, .nav-right button, .u-nav-icon, .nav-back, .u-nav-back { transition: opacity var(--tx) var(--ease); -webkit-tap-highlight-color: transparent; }
.nav-right a:active, .nav-right button:active, .u-nav-icon:active,
.nav-back:active, .u-nav-back:active { opacity: .45; }
.u-nav-back { color: var(--black); display: flex; align-items: center; min-width: 32px; flex-shrink: 0; text-decoration: none; }
.u-nav-logo { color: var(--black); }
.u-nav-right { min-width: 32px; justify-content: flex-end; display: flex; gap: 14px; }
.nav-right svg, .u-nav-right svg, .u-nav-icon svg { width: 19px; height: 19px; stroke-width: 1.5; }
.nav-right a svg, .u-nav-right a svg { width: 19px; height: 19px; stroke-width: 1.5; }
.nav-back svg, .u-nav-back svg { stroke-width: 1.8; width: 20px; height: 20px; }
.h-nav-left, .h-nav-right { display: flex; align-items: center; gap: 16px; }
.top-nav, .u-nav { padding-left: var(--px); padding-right: var(--px); }

/* ── PLACEHOLDER COLORS ─────────────────────────────────────────── */
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8 { min-height: 40px; }

/* ── FIELD INPUTS ────────────────────────────────────────────────── */
.field input, .field select { display: block; width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--g200); border-radius: var(--r2); font-size: 14px; color: var(--black); outline: none; font-family: inherit; box-sizing: border-box; }
.field input:focus, .field select:focus { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.08); }
.field input::placeholder { color: var(--g400); }
.field input, .field select, .field textarea, .co-inp, .co-sel { width: 100%; box-sizing: border-box; min-width: 0; }
.field input, .field select, .field textarea { transition: border-color var(--tf) var(--ease), box-shadow var(--tf) var(--ease); }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.08); outline: none; }

/* ── BUTTONS �shared heights ────────────────────────────────────── */
.btn-login, .auth-btn, .btn-checkout, .btn-continue, .btn-shop-now, .btn-place-order, .social-btn { height: 48px; min-height: 48px; }
.btn-login, .auth-btn { padding: 0; display: flex; align-items: center; justify-content: center; width: 100%; }
.btn-checkout, .btn-login, .auth-btn, .btn-shop-now, .btn-continue,
.btn-place-order, .act-cart, .promo-btn { transition: opacity var(--tf) var(--ease), box-shadow var(--tm) var(--ease); cursor: pointer; }
.btn-checkout:hover, .btn-login:hover, .auth-btn:hover,
.btn-shop-now:hover, .btn-continue:hover { opacity: .88; }
.btn-checkout:active, .btn-login:active, .auth-btn:active,
.btn-shop-now:active, .btn-continue:active { opacity: .78; }

/* ── ACT-BAR ─────────────────────────────────────────────────────── */
.act-fav:active, #fav-btn:active { opacity: .5; }
.act-fav.on, #fav-btn.on { color: #e53e3e; }
.act-wa, .btn-wa-ty { height: var(--btn-h); border-radius: var(--r2); font-size: 13px; transition: opacity var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; position: relative; }
.act-wa:active, .btn-wa-ty:active { opacity: .75; }
.act-wa svg, .btn-wa-ty svg { width: 18px; height: 18px; }
.bot-wa-circle svg, .act-wa svg { stroke-width: 1.5; }
.bot-nav svg, .act-bar svg, .top-nav svg, .u-nav svg, .nav-right svg,
.h-search svg, .acc-item svg { stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#fav-icon { width: 20px; height: 20px; stroke-width: 1.5; }

/* ── RELATED PRODUCTS ─────────────────────────────────────────────── */
.related-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--g200); }
.related-card { background: #fff; cursor: pointer; display: flex; flex-direction: column; transition: opacity .14s; overflow: hidden; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.related-card:active { opacity: .75; }
.related-img { width: 100%; aspect-ratio: 1; background: var(--g100); object-fit: cover; display: block; }
.related-body { padding: 10px 13px 13px; border-top: 1px solid var(--g100); }
.related-name { font-size: 12px; font-weight: 400; color: var(--black); line-height: 1.4; margin-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.related-price-row { display: flex; align-items: center; gap: 6px; }
.related-price { font-size: 13px; font-weight: 600; color: var(--black); letter-spacing: -.01em; }
.related-orig { font-size: 11px; color: var(--g400); text-decoration: line-through; }
.alsolike-card, .related-card, .hot-prod-card { background: #fff; cursor: pointer; transition: opacity .14s; }
.alsolike-card:active, .related-card:active, .hot-prod-card:active { opacity: .75; }
.alsolike-img, .related-img, .hot-prod-img { width: 100%; aspect-ratio: 1; background: var(--g100); }

/* ── HOT PRODUCTS ────────────────────────────────────────────────── */
.hot-prod-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--g200); }
.hot-prod-card { background: #fff; cursor: pointer; display: flex; flex-direction: column; transition: opacity .14s; overflow: hidden; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.hot-prod-card:active { opacity: .7; }
.hot-prod-img { width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background: var(--g100); }
.hot-prod-body { padding: 9px 12px 12px; background: #fff; }
.hot-prod-name { font-size: 12px; font-weight: 400; color: var(--black); line-height: 1.4; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hot-prod-price-row { display: flex; align-items: center; gap: 5px; }
.hot-prod-price { font-size: 13px; font-weight: 600; color: var(--black); }
.hot-prod-orig { font-size: 11px; color: var(--g400); text-decoration: line-through; }

/* ── TYPOGRAPHY / SHARED ─────────────────────────────────────────── */
.prod-price, .alsolike-price, .related-price, .hot-prod-price,
.hotnow-price, .rel-price, .wish-row-price { font-size: 13px; font-weight: 600; letter-spacing: -.01em; }
.porig, .alsolike-orig, .related-orig, .hot-prod-orig { font-size: 12px; color: var(--g400); }
.prod-name, .alsolike-name, .related-name, .hot-prod-name, .hotnow-name { font-size: 12px; font-weight: 400; line-height: 1.45; color: var(--black); }
.prod-name, .cart-item-name, .wish-row-name, .alsolike-name,
.related-name, .hot-prod-name { line-height: 1.4; }
.pname, .auth-title, .empty-cart-title, .notfound-title, .ty-title, .od-stitle { line-height: 1.25; }
.desc-text, .ac-inner, .auth-sub, .login-sheet-sub, .notfound-sub, .empty-cart-sub { font-size: 13px; line-height: 1.72; color: var(--g500); }
.badge, .prod-badge, .chip, .fpill, .size-pill, .order-status-pill, .acc-order-status { line-height: 1; }
.badge, .prod-badge, .chip, .fpill, .order-status-pill, .addr-dfbadge, .h-flash-badge, .slabel, .sort-opt { font-size: 10px; letter-spacing: .08em; }
.hero-title, .login-logo, .auth-logo, .nav-logo, .u-nav-logo, .footer-logo { letter-spacing: .2em; }

/* ── WIDTH / BOX-SIZING SAFETY ──────────────────────────────────── */
.promo-wrap, .cart-summary, .checkout-bar, .bag-section-head { width: 100%; box-sizing: border-box; }
.cart-item, .cart-item-body, .cart-item-row { width: 100%; box-sizing: border-box; min-width: 0; }
.checkout-body, .co-field-group, .co-field-row2, .co-inp-wrap,
.co-ship-group, .express-pay, .express-btn { width: 100%; box-sizing: border-box; min-width: 0; }
.acc-section, .acc-item, .acc-order, .notif-item, .order-item-row,
.wish-row, .addr-card { width: 100%; box-sizing: border-box; min-width: 0; }
.search-bar-wrap, .search-input-row { width: 100%; box-sizing: border-box; min-width: 0; }
.cart-sum-row, .order-total-row, .ty-track-row { width: 100%; box-sizing: border-box; }
.login-body, .auth-body, .social-btn, .btn-login, .auth-btn { width: 100%; box-sizing: border-box; }

/* ── LOGIN / AUTH ─────────────────────────────────────────────────── */
.login-hero, .auth-hero { background: var(--black); padding: 30px var(--px) 26px; text-align: center; position: relative; overflow: hidden; }
.login-logo, .auth-logo { font-size: 16px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: #fff; display: block; margin-bottom: 5px; font-family: var(--display); }
.login-tagline, .auth-tagline { font-size: 10px; color: rgba(255,255,255,.3); letter-spacing: .14em; text-transform: uppercase; display: block; }
.login-body, .auth-body { padding: 24px var(--px) 28px; flex: 1; overflow-y: auto; }
.login-bg, .auth-wrap { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.login-switch, .auth-switch { font-size: 13px; color: var(--g500); text-align: center; margin-top: 18px; }
.login-switch span, .auth-switch span { color: var(--black); font-weight: 700; cursor: pointer; transition: opacity var(--tf) var(--ease); }
.login-switch span:hover, .auth-switch span:hover { opacity: .72; }
.login-terms, .auth-terms { font-size: 10px; color: var(--g400); text-align: center; margin-top: 13px; line-height: 1.72; }
.login-or::before, .login-or::after { content: ''; flex: 1; height: 1px; background: var(--g200); }
.btn-login, .auth-btn { width: 100%; height: var(--btn); background: var(--black); color: #fff; font-family: inherit; }
.btn-login:active, .auth-btn:active { opacity: .8; }
.login-panel { display: block; }
.login-panel.on { display: block; }

/* ── SOCIAL BUTTONS ─────────────────────────────────────────────── */
.social-btn, .express-btn { border-radius: var(--r2); font-size: 13px; font-weight: 500; }
.social-btn, .express-btn { transition: background var(--tf) var(--ease), border-color var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.social-btn-apple, .social-btn-google, .social-btn-fb { transition: opacity var(--tf) var(--ease), background var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.social-btn-fb:hover { opacity: .88; }
.auth-link, .login-switch span, .auth-switch span { transition: opacity var(--tf) var(--ease); cursor: pointer; }
.auth-link:hover, .login-switch span:hover, .auth-switch span:hover { opacity: .72; }

/* ── ACCOUNT ──────────────────────────────────────────────────────── */
.acc-menu-item, .acc-item, .order-item-row, .addr-card, .coupon-card { transition: background var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.acc-menu-item:hover, .acc-item:hover, .addr-card:hover { background: var(--g50); }
.acc-menu-item:active, .acc-item:active { background: var(--g100); }
.acc-order { align-items: flex-start; padding: 12px 15px; transition: background .12s; }
.acc-order:active { background: var(--g50); }
.acc-badge { background: var(--red); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 8px; min-width: 18px; text-align: center; }

/* ── HOT TAGS ─────────────────────────────────────────────────────── */
.hot-tag, .h-hot-tag { transition: background var(--tf) var(--ease), color var(--tf) var(--ease), border-color var(--tf) var(--ease); }
.hot-tag:hover, .h-hot-tag:hover { background: var(--g50); border-color: var(--g500); }
.hot-tag:active, .h-hot-tag:active { background: var(--black); color: #fff; }
.h-tag:active, .h-tag:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.h-hot-tag { font-size: 11px; color: var(--g600); border-color: var(--g200); }

/* ── WISHLIST ──────────────────────────────────────────────────────── */
.wishlist-sheet, .login-sheet { border-radius: 14px 14px 0 0; }

/* ── CHECKOUT ──────────────────────────────────────────────────────── */
.order-toggle-left i { font-size: 15px; }
.express-or::before, .express-or::after { content: ''; flex: 1; height: 1px; background: var(--g200); }
.delivery-opt.on .d-radio::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fff; position: absolute; }
.pay-method.on .p-radio { border-color: var(--black); border-width: .5px; background: var(--black); }
.pay-method.on .p-radio::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.card-field-row input::placeholder { color: var(--g400); }
.card-field-row i { font-size: 17px; color: var(--g400); }
.co-submit-btn, button[type="submit"].btn-place-order, .place-order-btn { width: 100%; background: var(--black); color: #fff; font-size: 13px; font-weight: 700; }
.checkout-body { padding: 0; }
.co-ship-radio { transition: border-color var(--tf) var(--ease), background var(--tf) var(--ease), box-shadow var(--tf) var(--ease); }
#co-card-fields .co-field:not(:last-child), #co-card-fields .co-field-row:not(:last-child) { border-bottom: 1px solid var(--g200); }
#co-card-fields .co-field-row .co-field { border-right: 1px solid var(--g200); }
#co-card-fields .co-field-row .co-field:last-child { border-right: none; }

/* ── THANK YOU ─────────────────────────────────────────────────────── */
.ty-section-title i { font-size: 15px; color: var(--g400); }
.ty-actions { padding: 16px 15px; }

/* ── SIZE SHEET ────────────────────────────────────────────────────── */
.size-sheet, .size-guide-sheet { background: #fff; }
.ss-head, .sg-head { padding: 13px 15px; border-bottom: 1px solid var(--g200); background: #fff; }
.ss-title, .sg-title { font-size: 14px; font-weight: 600; color: var(--black); }
.ss-close, .sg-close { font-size: 24px; color: var(--g400); cursor: pointer; background: none; border: none; line-height: 1; padding: 0; }
.ss-close, .sg-close { transition: opacity var(--tx) var(--ease), transform var(--tx) var(--ease-s); -webkit-tap-highlight-color: transparent; }
.ss-close:hover, .sg-close:hover { opacity: .6; }
.ss-close:active, .sg-close:active { transform: scale(.88); }
.nav-back, .u-nav-back, .ss-close, .sg-close, .ac-header, .panel-section-head { -webkit-tap-highlight-color: transparent; }
.sg-table tr.hl td, .sg-table tr.on td { background: var(--g100); font-weight: 600; }

/* ── SEARCH ────────────────────────────────────────────────────────── */
.search-bar-wrap, .search-input-row { transition: box-shadow var(--tf) var(--ease); }
.search-input-row:focus-within, .h-search-inner:focus-within { box-shadow: 0 0 0 .5px rgba(10,10,10,.1); }
.search-hist-left i { font-size: 15px; color: var(--g400); }

/* ── FOOTER ────────────────────────────────────────────────────────── */
.footer-logo { font-family: var(--display); font-size: 13px; letter-spacing: .22em; font-weight: 700; color: #fff; text-transform: uppercase; }
.checkout-logo { font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--black); }
.site-footer { padding: 26px var(--px) 22px; background: var(--black); }
.footer-bottom { color: rgba(255,255,255,.18); }
.footer-link:hover, .hf-links-row span:hover { color: rgba(255,255,255,.75); }
.hf-links-row span, .footer-link { transition: color var(--tf) var(--ease); }
.footer-social a { transition: all .14s; }
.hf-soc-btn { transition: opacity var(--tf) var(--ease), transform var(--tx) var(--ease-s); }

/* ── LANG MENU ─────────────────────────────────────────────────────── */
.lang-btn { transition: all .14s; }
.lang-option { transition: background var(--tx) var(--ease); }
.lang-option.on { color: #fff; font-weight: 500; background: rgba(255,255,255,.04); }
#lang-menu { display: none; }
#lang-menu.open { display: block; }

/* ── STARS ─────────────────────────────────────────────────────────── */
.stars span, .review-stars span { transition: transform var(--tx) var(--ease-s); display: inline-block; }
.stars span:hover, .review-stars span:hover { transform: scale(1.3); }

/* ── SECTIONS ─────────────────────────────────────────────────────── */
.h-sec-all, .module-viewall, .panel-section-viewall { transition: color var(--tf) var(--ease); cursor: pointer; }
.h-sec-all:hover, .module-viewall:hover { color: var(--black); }
.h-prods-scroll, .h-brands-row, .h-reviews-scroll,
.alsolike-scroll, .related-scroll, .filter-bar { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }

/* ── BRAND CHIP HOVER ─────────────────────────────────────────────── */
.h-brand-chip:active, .h-brand-chip:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }

/* ── ADDR-ACT ─────────────────────────────────────────────────────── */
.addr-act { transition: color var(--tf) var(--ease), opacity var(--tf) var(--ease); }
.addr-act.del:hover { color: var(--red); }

/* ── ORDER LIST ─────────────────────────────────────────────────────── */
.order-item-row:hover { background: var(--g50); }

/* ── PROD-IMG border-radius ─────────────────────────────────────── */
.prod-img-wrap, .panel-prod-img-wrap { border-radius: 0; }

/* ── BOT-NAV ACTIVE DOT ──────────────────────────────────────────── */
.bot-nav a.on::after { content: ''; position: absolute; bottom: 9px; width: 4px; height: 4px; border-radius: 50%; background: var(--black); }

/* ── CONTENT PAGES ──────────────────────────────────────────────── */
.content-page h1, .policy-page h1 { font-size: 20px; font-weight: 700; color: var(--black); margin-bottom: 8px; }
.content-page h2, .policy-page h2 { font-size: 16px; font-weight: 600; color: var(--black); margin: 24px 0 8px; }
.content-page h3, .policy-page h3 { font-size: 14px; font-weight: 600; color: var(--black); margin: 18px 0 6px; }
.content-page p, .policy-page p { margin-bottom: 14px; font-size: 14px; line-height: 1.7; color: var(--g600); }
.content-page ul, .content-page ol, .policy-page ul, .policy-page ol { padding-left: 18px; margin-bottom: 14px; }
.content-page li, .policy-page li { margin-bottom: 5px; font-size: 14px; line-height: 1.7; color: var(--g600); }
.faq-item, .ac-item { border-bottom: 1px solid var(--g100); }
.faq-question, .ac-header { font-size: 13px; font-weight: 500; padding: 15px 16px; color: var(--black); display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.faq-answer, .ac-inner { font-size: 13px; line-height: 1.72; color: var(--g500); padding: 0 16px 15px; }

/* ── H-NAV BTN exact active opacity ─────────────────────────────── */
.h-nav-btn:active { opacity: .5; }

/* ── RV CARD TRANSITIONS ──────────────────────────────────────────── */
.h-rv-card { transition: box-shadow var(--ts) var(--ease), transform var(--tx) var(--ease-s); }
.h-rv-card:hover { box-shadow: var(--sh1); }

/* ── cat-layout / cat-side exact calcs ──────────────────────────── */
.cat-layout { min-height: calc(100vh - var(--nav) - var(--bot)); }
.cat-side { max-height: calc(100vh - var(--nav)); }

/* ── PROMO INPUT placeholder ─────────────────────────────────────── */
.promo-input::placeholder { color: var(--g400); }
.promo-input:focus, .chat-inp:focus { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.10); outline: none; }

/* ── TOAST (global) ────────────────────────────────────────────── */
#toast, #luxe-toast, .luxe-toast { position: fixed; bottom: calc(var(--bot) + 10px); left: 50%; transform: translateX(-50%) translateY(8px); background: rgba(10,10,10,.9); color: #fff; font-size: 13px; font-weight: 500; padding: 10px 18px; border-radius: 8px; white-space: nowrap; z-index: 600; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; backdrop-filter: blur(8px); }
#toast.on, #toast.show, #luxe-toast.show, .luxe-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ── WISHLIST OVERLAY POSITION ──────────────────────────────────── */

/* ── SCROLLBAR HIDE ─────────────────────────────────────────────── */
* { scrollbar-width: none; -ms-overflow-style: none; }
*::-webkit-scrollbar { display: none; }

/* ── BODY BASE ──────────────────────────────────────────────────── */
body { max-width: 600px; margin: 0 auto; background: #fff; min-height: 100vh; overflow-x: hidden; }
html { background: var(--g100); }

/* ================================================================
   LUXE �FINAL DEFINITIVE PATCH (auto-generated from UI diff)
   Fixes all 29 value diffs + 118 missing selectors
   ================================================================ */


/* ─── BODY / HTML ──────────────────────────────────────────────── */
html { background: #f5f5f5; }
body { background: #fff; max-width: 600px; margin: 0 auto; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
*  { scrollbar-width: none; -ms-overflow-style: none; }
*::-webkit-scrollbar { display: none; }
a { text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; font-family: inherit; border: none; background: none; padding: 0; }
input, select, textarea { font-family: inherit; }
img { display: block; max-width: 100%; }

/* ─── NAV ──────────────────────────────────────────────────────── */
.top-nav, .u-nav { top: 0; }
.top-nav, .u-nav { padding: 0 var(--px); }
.nav-logo,
.u-nav-logo { font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--black); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); white-space: nowrap; }
.nav-back { color: var(--black); display: flex; align-items: center; justify-content: center; min-width: 32px; }
.nav-back svg, .u-nav-back svg { stroke-width: 1.8; width: 20px; height: 20px; }
.nav-right { margin-left: auto; display: flex; gap: 14px; align-items: center; min-width: 32px; justify-content: flex-end; }
.nav-right a, .nav-right button { color: var(--black); position: relative; display: flex; align-items: center; }
.nav-right svg, .u-nav-right svg, .u-nav-icon svg { width: 19px; height: 19px; stroke-width: 1.5; }
.nav-right a svg, .u-nav-right a svg { width: 19px; height: 19px; stroke-width: 1.5; }
.nav-right a, .nav-right button, .u-nav-icon, .nav-back, .u-nav-back { transition: opacity var(--tx) var(--ease); -webkit-tap-highlight-color: transparent; }
.nav-right a:active, .nav-right button:active, .u-nav-icon:active, .nav-back:active, .u-nav-back:active { opacity: .45; }
.u-nav-back { color: var(--black); display: flex; align-items: center; min-width: 32px; }
.u-nav-right { min-width: 32px; justify-content: flex-end; display: flex; gap: 14px; }
.h-nav-left, .h-nav-right { display: flex; align-items: center; gap: 16px; min-width: 44px; }
.h-nav-btn { transition: opacity var(--tx) var(--ease), transform var(--tx) var(--ease-s); -webkit-tap-highlight-color: transparent; }
.h-nav-btn:active { opacity: .5; transform: scale(.88); }
.h-nav-btn.on svg { fill: var(--black); stroke: var(--black); }
.nav-back, .u-nav-back, .ss-close, .sg-close, .ac-header, .panel-section-head { -webkit-tap-highlight-color: transparent; }

/* ─── BOT-NAV ──────────────────────────────────────────────────── */
.bot-nav { width: min(100%, 600px); max-width: 600px; }
.bot-nav svg, .act-bar svg, .top-nav svg, .u-nav svg,
.nav-right svg, .h-search svg, .acc-item svg { stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.bot-wa-circle svg, .act-wa svg { stroke-width: 1.5; }
.act-wa svg, .btn-wa-ty svg { width: 18px; height: 18px; }
#fav-icon { width: 20px; height: 20px; stroke-width: 1.5; }
/* Bot-nav active indicator: pill, not dot */
.bot-nav a.on::after { content: ''; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 16px; height: 2px; border-radius: 1px; background: var(--black); }

/* ─── COLOUR PLACEHOLDERS ──────────────────────────────────────── */
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8 { min-height: 40px; }
.c1 { background: #ede8e2; } .c2 { background: #d8e4ed; } .c3 { background: #d5e8d2; }
.c4 { background: #eddbdf; } .c5 { background: #d8ede5; } .c6 { background: #d2dbed; }
.c7 { background: #ede8d8; } .c8 { background: #d2e8ed; }
.s0 { background: linear-gradient(145deg,#ddd6ce,#ccc4bb); }
.s1 { background: linear-gradient(145deg,#c8d4de,#b4c4d2); }
.s2 { background: linear-gradient(145deg,#c8dec6,#b2ccb0); }
.s3 { background: linear-gradient(145deg,#dec8ce,#ccb2b9); }
.s4 { background: linear-gradient(145deg,#c8d8d2,#b2c6bf); }

/* ─── PROD-IMG ─────────────────────────────────────────────────── */
.prod-img { aspect-ratio: 1/1; width: 100%; object-fit: cover; display: block; transition: transform var(--tl) var(--ease); transform: scale(1); transform-origin: center; }
.prod-img-wrap, .panel-prod-img-wrap { overflow: hidden; border-radius: 0; }

/* ─── SHARED BUTTON HEIGHT & TRANSITION ─────────────────────────── */
.btn-checkout, .btn-login, .auth-btn, .btn-shop-now, .btn-continue,
.btn-blk, .act-cart, .promo-btn, .wish-move-btn, .wish-item-add,
.btn-place-order, .social-btn { height: var(--btn-h); min-height: var(--btn-h); border-radius: var(--r2); font-size: 13px; font-weight: 600; letter-spacing: .06em; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.btn-checkout, .btn-login, .auth-btn, .btn-shop-now, .btn-continue,
.btn-blk, .btn-place-order, .act-cart, .promo-btn { transition: opacity var(--tf) var(--ease), box-shadow var(--tm) var(--ease); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.btn-checkout:hover, .btn-login:hover, .auth-btn:hover, .btn-shop-now:hover, .btn-continue:hover { opacity: .88; }
.btn-checkout:active, .btn-login:active, .auth-btn:active, .btn-shop-now:active,
.btn-continue:active, .act-cart:active, .btn-place-order:active { opacity: .7; }
.act-wa, .btn-wa-ty { height: var(--btn-h); border-radius: var(--r2); font-size: 13px; font-weight: 600; letter-spacing: .04em; transition: opacity var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.act-wa:active, .btn-wa-ty:active { opacity: .75; }
.btn-login, .auth-btn { padding: 0; display: flex; align-items: center; justify-content: center; width: 100%; }
.btn-login, .auth-btn, .btn-checkout, .btn-continue, .btn-shop-now, .btn-place-order, .social-btn { height: 48px; min-height: 48px; }
.btn-outline, .social-btn, .express-btn { border-radius: var(--r2); font-size: 13px; font-weight: 500; }
.social-btn, .express-btn { transition: background var(--tf) var(--ease), border-color var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.social-btn-apple, .social-btn-google, .social-btn-fb { transition: opacity var(--tf) var(--ease), background var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.co-submit-btn, .place-order-btn { width: 100%; background: var(--black); color: #fff; font-size: 13px; font-weight: 600; height: 50px; border-radius: var(--r2); border: none; letter-spacing: .06em; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: opacity .16s; }

/* ─── FIELD INPUTS ─────────────────────────────────────────────── */
.field input, .field select, .field textarea { height: 48px; border: 1px solid var(--g200); border-radius: var(--r2); padding: 0 14px; font-size: 14px; color: var(--black); background: #fff; transition: border-color var(--tf) var(--ease), box-shadow var(--tf) var(--ease); -webkit-appearance: none; outline: none; width: 100%; box-sizing: border-box; font-family: inherit; display: block; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.08); }
.field input::placeholder { color: var(--g400); font-size: 14px; }
.field input, .field select, .field textarea, .co-inp, .co-sel { width: 100%; box-sizing: border-box; min-width: 0; }
.field input, .field select, .field textarea, .promo-input, .chat-inp { transition: border-color var(--tf) var(--ease), box-shadow var(--tf) var(--ease); }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.10); outline: none; }
.promo-input:focus, .chat-inp:focus { border-color: var(--black); border-width: .5px; box-shadow: 0 0 0 .5px rgba(10,10,10,.10); outline: none; }

/* ─── WIDTH/BOX-SIZING SAFETY ──────────────────────────────────── */
.promo-wrap, .cart-summary, .checkout-bar, .bag-section-head { width: 100%; box-sizing: border-box; }
.cart-item, .cart-item-body, .cart-item-row { width: 100%; box-sizing: border-box; min-width: 0; }
.checkout-body, .co-field-group, .co-field-row2, .co-inp-wrap,
.co-ship-group, .co-pay-opts, .express-pay, .express-btn { width: 100%; box-sizing: border-box; min-width: 0; }
.login-body, .auth-body, .social-btn, .btn-login, .auth-btn { width: 100%; box-sizing: border-box; }
.acc-section, .acc-item, .acc-order, .notif-item, .order-item-row,
.wish-row, .addr-card { width: 100%; box-sizing: border-box; min-width: 0; }
.search-bar-wrap, .search-input-row { width: 100%; box-sizing: border-box; min-width: 0; }
.cart-sum-row, .order-total-row, .ty-track-row { width: 100%; box-sizing: border-box; }

/* ─── TYPOGRAPHY SHARED ────────────────────────────────────────── */
.hero-title, .login-logo, .auth-logo, .nav-logo, .u-nav-logo, .footer-logo { letter-spacing: .2em; }
.desc-text, .ac-inner, .auth-sub, .login-sheet-sub, .notfound-sub, .empty-cart-sub { font-size: 13px; line-height: 1.72; color: var(--g500); }
.desc-text, .ac-inner p, .ac-p, .auth-sub, .login-sheet-sub,
.addr-line, .ty-address, .notfound-sub, .empty-cart-sub, .review-text, .ship-row { line-height: 1.7; }
.desc-text, .ac-inner, .auth-sub, .login-sheet-sub, .notfound-sub,
.empty-cart-sub, .review-text, .ty-address, .addr-line, .co-ship-sub { font-size: 13px; line-height: 1.72; color: var(--g500); }
.prod-price, .alsolike-price, .related-price, .hot-prod-price,
.hotnow-price, .rel-price, .wish-row-price { font-size: 13px; font-weight: 600; letter-spacing: -.01em; }
.porig, .alsolike-orig, .related-orig, .hot-prod-orig { font-size: 12px; color: var(--g400); }
.prod-name, .alsolike-name, .related-name, .hot-prod-name, .hotnow-name { font-size: 12px; font-weight: 400; line-height: 1.45; color: var(--black); }
.prod-name, .cart-item-name, .wish-row-name, .alsolike-name, .related-name, .hot-prod-name { line-height: 1.4; }
.pname, .auth-title, .empty-cart-title, .notfound-title, .ty-title, .od-stitle { line-height: 1.25; }
.pname, .auth-title, .empty-cart-title, .ty-title, .od-stitle,
.wishlist-head-title, .ss-title, .sg-title, .login-sheet-title { font-weight: 600; letter-spacing: -.02em; color: var(--black); }
.badge, .prod-badge, .chip, .fpill, .size-pill, .order-status-pill, .acc-order-status { line-height: 1; }
.badge, .prod-badge, .chip, .fpill, .order-status-pill,
.addr-dfbadge, .h-flash-badge, .slabel, .sort-opt { font-size: 10px; letter-spacing: .08em; }

/* ─── CHECKOUT BODY ────────────────────────────────────────────── */
.checkout-body { padding: 0 15px; }
.express-or::before, .express-or::after { content: ''; flex: 1; height: 1px; background: var(--g200); }
.delivery-opt.on .d-radio::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.pay-method.on .p-radio { border-color: var(--black); border-width: .5px; background: var(--black); }
.pay-method.on .p-radio::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.co-field-wrap > .co-field:not(:last-child), .co-field-wrap > .co-field-row:not(:last-child) { border-bottom: 1px solid var(--g200); }
.co-field-icon { position: relative; background: #fff; }
.co-field-ico { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--g400); pointer-events: none; }
.co-input:focus ~ .co-label, .co-input:not(:placeholder-shown) ~ .co-label { top: 8px; transform: none; font-size: 11px; color: var(--g500); }
.co-label-up { top: 8px; transform: none; font-size: 11px; color: var(--g500); }
#co-card-fields .co-field:not(:last-child), #co-card-fields .co-field-row:not(:last-child) { border-bottom: 1px solid var(--g200); }
#co-card-fields .co-field-row .co-field { border-right: 1px solid var(--g200); }
#co-card-fields .co-field-row .co-field:last-child { border-right: none; }

/* ─── LOGIN / AUTH ─────────────────────────────────────────────── */
.login-bg, .auth-wrap { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.login-hero, .auth-hero { background: var(--black); padding: 30px var(--px) 26px; text-align: center; position: relative; overflow: hidden; }
.login-logo, .auth-logo { font-family: var(--display); font-size: 16px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: #fff; display: block; margin-bottom: 5px; }
.login-tagline, .auth-tagline { font-size: 10px; color: rgba(255,255,255,.3); letter-spacing: .14em; text-transform: uppercase; display: block; }
.login-body, .auth-body { padding: 24px var(--px) 28px; flex: 1; overflow-y: auto; }
.login-panel { display: block; }
.login-panel.on { display: block; }
.login-switch, .auth-switch { font-size: 13px; color: var(--g500); text-align: center; margin-top: 18px; }
.login-switch span, .auth-switch span { color: var(--black); font-weight: 700; cursor: pointer; transition: opacity var(--tf) var(--ease); }
.login-switch span:hover, .auth-switch span:hover { opacity: .72; }
.login-terms, .auth-terms { font-size: 10px; color: var(--g400); text-align: center; margin-top: 14px; line-height: 1.72; }
.login-or::before, .login-or::after { content: ''; flex: 1; height: 1px; background: var(--g200); }
.login-forgot:hover span { text-decoration: underline; }
.auth-link, .login-switch span, .auth-switch span { transition: opacity var(--tf) var(--ease); cursor: pointer; }
.auth-link:hover, .login-switch span:hover, .auth-switch span:hover { opacity: .72; }
.btn-login, .auth-btn { width: 100%; height: var(--btn); background: var(--black); color: #fff; }
.btn-login:active, .auth-btn:active { opacity: .8; }
.social-btn-fb:hover { opacity: .88; }
.wishlist-sheet, .login-sheet { border-radius: 14px 14px 0 0; }

/* ─── ACCOUNT ──────────────────────────────────────────────────── */
.acc-menu-item, .acc-item, .order-item-row, .addr-card, .notif-row, .coupon-card { transition: background var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.acc-menu-item:hover, .acc-item:hover, .addr-card:hover { background: var(--g50); }
.acc-menu-item:active, .acc-item:active { background: var(--g100); }
.acc-item-right i { font-size: 15px; }
.order-item-row:hover { background: var(--g50); }
.acc-order { align-items: flex-start; padding: 12px 15px; transition: background .12s; }
.acc-order:active { background: var(--g50); }

/* ─── RELATED / HOT PRODUCTS ───────────────────────────────────── */
.related-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--g200); }
.related-card { background: #fff; cursor: pointer; display: flex; flex-direction: column; overflow: hidden; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.related-card:active { opacity: .75; }
.related-img { width: 100%; aspect-ratio: 1; background: var(--g100); object-fit: cover; display: flex; align-items: center; justify-content: center; }
.related-body { padding: 10px 13px 13px; border-top: 1px solid var(--g100); }
.related-name { font-size: 12px; font-weight: 400; color: var(--black); margin-bottom: 5px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.related-price-row { display: flex; align-items: center; gap: 6px; }
.related-price { font-size: 13px; font-weight: 600; color: var(--black); }
.related-orig { font-size: 11px; color: var(--g400); text-decoration: line-through; }
.related-title i { color: var(--red); font-size: 13px; }
.alsolike-card, .related-card, .hot-prod-card { background: #fff; cursor: pointer; transition: opacity .14s; }
.alsolike-card:active, .related-card:active, .hot-prod-card:active { opacity: .75; }
.alsolike-img, .related-img, .hot-prod-img { width: 100%; aspect-ratio: 1; background: var(--g100); }
.hot-prod-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--g200); }
.hot-prod-card { background: #fff; cursor: pointer; display: flex; flex-direction: column; overflow: hidden; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.hot-prod-card:active { opacity: .7; }
.hot-prod-img { width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background: var(--g100); }
.hot-prod-body { padding: 9px 12px 12px; background: #fff; }
.hot-prod-name { font-size: 12px; font-weight: 400; color: var(--black); margin-bottom: 5px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hot-prod-price-row { display: flex; align-items: center; gap: 5px; }
.hot-prod-price { font-size: 13px; font-weight: 600; color: var(--black); }
.hot-prod-orig { font-size: 11px; color: var(--g400); text-decoration: line-through; }

/* ─── FAV BUTTON ───────────────────────────────────────────────── */
.act-fav:active, #fav-btn:active { opacity: .5; }
.act-fav.on, #fav-btn.on { color: #e53e3e; }

/* ─── TOAST ────────────────────────────────────────────────────── */
#toast, #luxe-toast, .luxe-toast { position: fixed; bottom: calc(var(--bot) + 16px); left: 50%; transform: translateX(-50%) translateY(14px); max-width: calc(100% - 32px); background: rgba(10,10,10,.92); color: #fff; padding: 9px 20px; border-radius: 24px; font-size: 12px; font-weight: 500; opacity: 0; transition: opacity var(--tf) var(--ease-o), transform var(--tf) var(--ease-o); z-index: 99999; pointer-events: none; white-space: nowrap; letter-spacing: .01em; backdrop-filter: blur(8px); }
#toast.on, #toast.show, #luxe-toast.show, .luxe-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ─── SIZE SHEET ───────────────────────────────────────────────── */
.size-sheet, .size-guide-sheet { background: #fff; }
.ss-close, .sg-close { transition: opacity var(--tx) var(--ease), transform var(--tx) var(--ease-s); }
.ss-close:hover, .sg-close:hover { opacity: .6; }
.ss-close:active, .sg-close:active { transform: scale(.88); }
.sg-table tr.hl td, .sg-table tr.on td { background: var(--g100); font-weight: 600; }

/* ─── SEARCH ───────────────────────────────────────────────────── */
.search-input-row, .h-search-inner { transition: box-shadow var(--tf) var(--ease); }
.search-input-row:focus-within, .h-search-inner:focus-within { box-shadow: 0 0 0 .5px rgba(10,10,10,.1); }

/* ─── FOOTER / LANG ────────────────────────────────────────────── */
.hf-links-row span, .footer-link { transition: color var(--tf) var(--ease); }
.footer-link:hover, .hf-links-row span:hover { color: rgba(255,255,255,.75); }
.footer-logo { font-family: var(--display); font-size: 13px; letter-spacing: .22em; font-weight: 700; color: #fff; text-transform: uppercase; }
.checkout-logo { font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--black); }
.lang-option.on { color: #fff; font-weight: 500; background: rgba(255,255,255,.04); }
#lang-menu { display: none; }
#lang-menu.open { display: block; }
#h-wish-btn { transition: color var(--tx) var(--ease), transform var(--tx) var(--ease-s); }
#h-wish-btn:active { transform: scale(.84); }

/* ─── HOT TAGS ─────────────────────────────────────────────────── */
.hot-tag, .h-hot-tag { transition: background var(--tf) var(--ease), color var(--tf) var(--ease), border-color var(--tf) var(--ease); -webkit-tap-highlight-color: transparent; }
.hot-tag:hover, .h-hot-tag:hover { background: var(--g50); border-color: var(--g500); }
.hot-tag:active, .h-hot-tag:active { background: var(--black); color: #fff; }
.h-tag:active, .h-tag:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.h-brand-chip:active, .h-brand-chip:hover { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.div, hr { border-top-color: var(--g200); }

/* ─── SECTIONS / SCROLL ─────────────────────────────────────────── */
.h-sec-all, .module-viewall, .panel-section-viewall { transition: color var(--tf) var(--ease); cursor: pointer; }
.h-sec-all:hover, .module-viewall:hover { color: var(--black); }
.h-prods-scroll, .h-brands-row, .h-reviews-scroll,
.alsolike-scroll, .related-scroll, .filter-bar { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
.cat-banner:hover .cat-banner-arrow { transform: translateY(-50%) translateX(4px); color: rgba(255,255,255,.55); }
.sort-opt + .sort-opt { position: relative; }

/* ─── CONTENT PAGES ─────────────────────────────────────────────── */
.content-page h1, .policy-page h1 { font-size: 20px; font-weight: 700; color: var(--black); letter-spacing: -.02em; margin-bottom: 8px; }
.content-page h2, .policy-page h2 { font-size: 16px; font-weight: 600; color: var(--black); letter-spacing: -.01em; margin: 24px 0 8px; }
.content-page h3, .policy-page h3 { font-size: 14px; font-weight: 600; color: var(--black); margin: 18px 0 6px; }
.content-page p, .policy-page p { margin-bottom: 14px; font-size: 14px; line-height: 1.7; color: var(--g600); }
.content-page ul, .content-page ol, .policy-page ul, .policy-page ol { padding-left: 18px; margin-bottom: 14px; }
.content-page li, .policy-page li { margin-bottom: 5px; font-size: 14px; line-height: 1.7; color: var(--g600); }
.faq-item, .ac-item { border-bottom: 1px solid var(--g100); }
.faq-question, .ac-header { font-size: 13px; font-weight: 500; padding: 15px 16px; color: var(--black); display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.faq-answer, .ac-inner { font-size: 13px; line-height: 1.72; color: var(--g500); padding: 0 16px 15px; }

/* ─── STARS ────────────────────────────────────────────────────── */
.stars span, .review-stars span { transition: transform var(--tx) var(--ease-s); display: inline-block; }
.stars span:hover, .review-stars span:hover { transform: scale(1.3); }

/* ─── CAROUSEL / PRODUCT ────────────────────────────────────────── */
.carousel-track { transition: transform .38s var(--ease-x); }
.cdot { transition: background var(--tm) var(--ease), width var(--tm) var(--ease); }
.thumb { transition: border-color var(--tf) var(--ease), opacity var(--tf) var(--ease), transform var(--tx) var(--ease-s); }
.size-pill { transition: background var(--tf) var(--ease), color var(--tf) var(--ease), border-color var(--tf) var(--ease), transform var(--tx) var(--ease-s); }

/* ─── LOGIN-TERMS margin-top ────────────────────────────────────── */
.login-terms, .auth-terms { margin-top: 14px; }

.woocommerce-form-register .woocommerce-privacy-policy-text,
.woocommerce-form-register .woocommerce-privacy-policy-text p {
  font-size: 10px !important;
  line-height: 1.72 !important;
  color: var(--g400) !important;
  text-align: center !important;
  margin: 10px 0 14px !important;
}
.woocommerce-form-register .woocommerce-privacy-policy-text a {
  color: var(--black) !important;
  text-decoration: underline !important;
}


/* login-panel: first panel visible by default */
#login-panel-signin { display: block; }
#login-panel-register { display: none; }

/* chat transitions exact */
.chat-inp { transition: border-color var(--tf) var(--ease), box-shadow var(--tf) var(--ease); }
.chat-qtag { transition: background var(--tf) var(--ease), color var(--tf) var(--ease), border-color var(--tf) var(--ease); }

/* bot-nav active indicator bottom: 9px */
.bot-nav a.on::after { bottom: 9px; width: 16px; height: 2px; border-radius: 1px; }

/* rv.in uses ease-o */
.rv.in { animation: reveal-in .45s var(--ease-o) both; }


/* act-bar: WP max 600px wide (site is max 600px anyway) */
.act-bar { width: min(100%, 600px); }

/* HTML background: WP renders on white chrome, not demo gray */
html { background: #fff; }
body { background: #fff; }

/* Missing 105 selectors: most are multi-selector aliases already covered
   individually, or demo-only. Spot-check the meaningful ones: */

/* co-sel-wrap (checkout select wrapper) */
.co-sel-wrap { flex-direction: column; align-items: flex-start; padding: 8px 14px 6px; }
.co-sel-wrap .co-inp { padding: 2px 0; font-size: 14px; }

/* promo-input placeholder */
.promo-input::placeholder { color: var(--g400); }

/* btn-place-order i icon */
.btn-place-order i { font-size: 17px; }

/* ty-section-title i icon */
.ty-section-title i { font-size: 15px; color: var(--g400); }

/* acc-item-right i icon */
.acc-item-right i { font-size: 15px; }

/* h-wish-btn (home nav wishlist) */
#h-wish-btn { transition: color var(--tx) var(--ease), transform var(--tx) var(--ease-s); }
#h-wish-btn:active { transform: scale(.84); }

/* Co-field-wrap inner borders */
.co-field-wrap > .co-field:not(:last-child),
.co-field-wrap > .co-field-row:not(:last-child),
.co-field-wrap > .co-field-icon:not(:last-child) { border-bottom: 1px solid var(--g200); }

/* Size pill alias (already have .spill) */
.size-pill.on { background: var(--black); color: #fff; border-color: var(--black); border-width: .5px; }
.size-pill.oos { color: var(--g300); border-color: var(--g100); text-decoration: line-through; cursor: not-allowed; background: var(--g50); opacity: .7; }

/* WC notices */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-error { border-left: 3px solid var(--red); }
.woocommerce-message { border-left: 3px solid var(--green); }

/* ����������������������������������������������������������������
   PATCH v6.1 �ALL NEW CLASS DEFINITIONS
   ���������������������������������������������������������������� */

/* ── 404: outline link button ── */
.btn-outline-link {
  width: 100% !important; padding: 14px !important;
  border: 1px solid var(--g300) !important; border-radius: 8px !important;
  font-size: 14px !important; font-weight: 600 !important;
  color: var(--black) !important; background: #fff !important;
  cursor: pointer !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  gap: 6px !important; text-decoration: none !important;
  transition: border-color .14s, background .14s !important;
}
.btn-outline-link:hover { border-color: var(--black) !important; border-width: .5px !important; background: var(--g50) !important; }
.btn-outline-link:active { opacity: .8 !important; }

/* ── search: no-results layout ── */
.search-prod-grid { margin-bottom: 16px !important; }
.notfound-emoji { font-size: 48px !important; }
.hot-tags-centered { justify-content: center !important; margin-top: 8px !important; }

/* ── checkout: new card field classes ── */
.co-ship-section { margin-top: 14px !important; }
.co-ship-section-title {
  font-size: 13px !important; font-weight: 600 !important;
  color: var(--black) !important; margin-bottom: 10px !important;
}
.co-card-fields-wrap {
  border: 1px solid var(--g200) !important; border-radius: var(--r2) !important;
  overflow: hidden !important; margin-top: 8px !important; background: #fff !important;
}
.co-card-row-top {
  display: flex !important; align-items: center !important;
  padding: 11px 13px !important; border-bottom: 1px solid var(--g200) !important;
}
.co-card-row-mid {
  display: grid !important; grid-template-columns: 1fr 1fr !important;
  border-bottom: 1px solid var(--g200) !important;
}
.co-card-cell { padding: 11px 13px !important; }
.co-card-cell-left { border-right: 1px solid var(--g200) !important; }
.co-inp-bare {
  padding: 0 !important; border: none !important; outline: none !important;
  font-size: 14px !important; background: none !important; width: 100% !important;
  font-family: inherit !important; color: var(--black) !important;
}
.co-inp-bare::placeholder { color: var(--g400) !important; }
.co-visa-icon { flex-shrink: 0 !important; }
.co-submit-wrap { padding: 0 0 6px !important; }
.apple-icon { font-size: 18px !important; }
.pp-pay { font-size: 15px !important; font-weight: 900 !important; color: #003087 !important; }
.pp-pal { font-size: 15px !important; font-weight: 900 !important; color: #009cde !important; }

/* ── Forms: shared button/field modifiers ── */
.btn-mt { margin-top: 8px !important; }
.btn-block { display: block !important; text-align: center !important; margin-bottom: 10px !important; }
.body-padded { padding: 16px !important; }
.field-section-divider {
  margin-top: 20px !important; border-top: 1px solid var(--g200) !important;
  padding-top: 20px !important;
}
.label-note { font-weight: 400 !important; color: var(--g400) !important; }
.guest-link {
  display: block !important; text-align: center !important;
  font-size: 12px !important; color: var(--g500) !important; cursor: pointer !important;
  text-decoration: none !important;
}
.guest-link:hover { color: var(--black) !important; }

/* ── Account ── */
.acc-user { display: flex !important; flex-direction: column !important; }

/* ── Orders empty ── */
.empty-cart-full { min-height: 40vh !important; }

/* ── OTP resend ── */
.otp-resend-btn { color: var(--black) !important; font-weight: 600 !important; cursor: pointer !important; }

/* ── Support chat ── */
.chat-avatar-wa {
  background: #25D366 !important; color: #fff !important;
  font-size: 11px !important; font-weight: 700 !important;
}
.chat-msg-spaced { margin-top: 8px !important; }
.wa-link { color: #25D366 !important; font-weight: 600 !important; text-decoration: none !important; }
.chat-spacer { flex: 1 !important; min-height: 20px !important; }
.chat-attach-btn {
  color: var(--g400) !important; font-size: 22px !important; line-height: 1 !important;
  background: none !important; border: none !important; cursor: pointer !important;
  display: flex !important; align-items: center !important;
}

/* ── View order ── */
.order-not-found { padding: 20px !important; color: var(--g500) !important; font-size: 13px !important; }
.od-item-meta { font-size: 11px !important; color: var(--g500) !important; }
.od-actions { padding: 14px 16px !important; }

/* ── Address ── */
.addr-empty { color: var(--g400) !important; font-style: italic !important; }

/* ── Single product ── */
.attr-blk-notop { border-top: none !important; padding-top: 4px !important; }

/* ── Login panel: initial hidden state ── */
.login-panel { display: block; }
.login-panel:first-of-type,
#login-panel-login { display: block; }

/* ── Coupon panel hidden ── */
.coupon-panel { display: none !important; }

/* ── Animations ── */
@keyframes ripple { to { transform: scale(3.5); opacity: 0; } }
@keyframes reveal-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes badge-pop { 0% { transform: scale(1); } 40% { transform: scale(1.5); } 100% { transform: scale(1); } }
.rv { opacity: 0; }
.rv.in { animation: reveal-in .45s var(--ease-o) both; }
.cart-dot.pop { animation: badge-pop .3s var(--ease-s) both; }
.qty-num.bump { transform: scale(1.28) !important; transition: transform .12s var(--ease-s) !important; }
.nav-scrolled { box-shadow: 0 1px 8px rgba(0,0,0,.08) !important; }

/* ── WooCommerce native output overrides ── */
.woocommerce-shipping-methods { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.woocommerce-shipping-methods li { display: flex !important; align-items: center !important; gap: 12px !important; padding: 13px 14px !important; border-bottom: 1px solid var(--g200) !important; }
.woocommerce-shipping-methods li:last-child { border-bottom: none !important; }
.woocommerce-shipping-methods li input[type="radio"] { display: none !important; }
.woocommerce-shipping-methods li label { flex: 1 !important; font-size: 13px !important; font-weight: 500 !important; color: var(--black) !important; }

/* ── Scroll reveal for home sections ── */
.h-sec, .h-trust, .h-brands, .h-tp-block, .h-reviews-sec { opacity: 0; }
.h-sec.in, .h-trust.in, .h-brands.in, .h-tp-block.in, .h-reviews-sec.in { opacity: 1; }

/* ── ty/od step dots final ── */
.ty-step-dot.done, .od-step-dot.done { background: #16a34a !important; color: #fff !important; }
.ty-step-dot.active, .od-step-dot.active { background: var(--black) !important; color: #fff !important; }
.ty-step-dot.pending, .od-step-dot.pending { background: var(--g100) !important; color: var(--g400) !important; border: 1px solid var(--g200) !important; }

/* ── sr-only ── */
.sr-only { display: none !important; }

/* ── Free shipping green ── */
.free-shipping { color: var(--free-green) !important; }

/* ── iOS safe area ── */
.bot-nav { padding-bottom: env(safe-area-inset-bottom, 0) !important; }
.act-bar { padding-bottom: env(safe-area-inset-bottom, 0) !important; height: calc(52px + env(safe-area-inset-bottom, 0)) !important; }
.luxe-main { padding-bottom: var(--bot) !important; }
.woocommerce-product-page .luxe-main, .single-product .luxe-main { padding-bottom: calc(var(--bot) + 56px) !important; }


/* ����������������������������������������������������������������
   PATCH v6.2 �PIXEL-PERFECT VALUE CORRECTIONS
   Based on systematic comparison with UI preview
   ���������������������������������������������������������������� */

/* ── Video hero title: 64px not 26px ── */
.h-video-title {
  font-size: 64px !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
  text-shadow: 0 2px 24px rgba(0,0,0,.4) !important;
}

/* ── Product detail price: 24px ── */
.pprice {
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: -.03em !important;
  line-height: 1 !important;
  color: var(--black) !important;
}

/* ── Product card body: exact padding ── */
.prod-body {
  padding: 11px 13px 15px !important;
}

/* ── Account hero: exact padding ── */
.acc-hero {
  padding: 22px 16px 18px !important;
}

/* ── Place order button: 14px not 17px ── */
.btn-place-order {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
}

/* ── Cart summary rows: 13px not 15px ── */
.cart-sum-row {
  font-size: 13px !important;
  color: var(--g600) !important;
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}
.cart-sum-row.total {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--black) !important;
  border-top: 1px solid var(--g200) !important;
  padding-top: 12px !important;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}

/* ── Review card: 220px width ── */
.h-rv-card {
  flex-shrink: 0 !important;
  width: 220px !important;
  background: #fff !important;
  border: 1px solid var(--g200) !important;
  border-radius: 2px !important;
  padding: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

/* ── Flash sale title: 15px not 14px ── */
.h-flash-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #fff !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
}

/* ── Login hero: exact padding ── */
.login-hero {
  padding: 32px 22px 28px !important;
  background: var(--black) !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
}

/* ── Action bar buttons: 11px letter-spaced text ── */
.act-cart {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
.act-wa {
  background: #25D366 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

/* ── Additional precise fixes from UI audit ── */

/* Product badge: uppercase */
.prod-badge {
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 2px !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  position: absolute !important;
  top: 9px !important;
  left: 9px !important;
  z-index: 2 !important;
}

/* Section header: exact spacing */
.h-sec-hdr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 15px 14px !important;
}

/* Hot strip: exact padding */
.h-hot {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--g200) !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

/* Category grid: exact */
.h-cats-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1px !important;
  background: var(--g200) !important;
}
.h-cat-card {
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 20px 10px 16px !important;
  gap: 11px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .12s !important;
  -webkit-tap-highlight-color: transparent !important;
}
.h-cat-card:active { background: var(--g50) !important; }
.h-cat-img {
  width: 54px !important;
  height: 54px !important;
  border-radius: 2px !important;
  object-fit: cover !important;
  background: var(--g100) !important;
  border: 1px solid var(--g200) !important;
}
.h-cat-name {
  font-size: 10px !important;
  font-weight: 500 !important;
  color: var(--black) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  line-height: 1.3 !important;
}

/* Brand strip: exact */
.h-brand-chip {
  flex-shrink: 0 !important;
  height: 30px !important;
  padding: 0 14px !important;
  border: 1px solid var(--g200) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--black) !important;
  cursor: pointer !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  background: #fff !important;
  transition: all .14s !important;
  border-radius: 2px !important;
  text-decoration: none !important;
}
.h-brand-chip:active, .h-brand-chip:hover {
  background: var(--black) !important;
  color: #fff !important;
  border-color: var(--black) !important; border-width: .5px !important;
}

/* Trust strip: exact */
.h-trust-item {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 20px 10px !important;
  text-align: center !important;
  border-right: 1px solid var(--g200) !important;
}
.h-trust-item:last-child { border-right: none !important; }
.h-trust-title { font-size: 11px !important; font-weight: 500 !important; color: var(--black) !important; line-height: 1.3 !important; }
.h-trust-sub { font-size: 10px !important; color: var(--g400) !important; line-height: 1.3 !important; }

/* TP block: exact */
.h-tp-score { font-size: 32px !important; font-weight: 300 !important; letter-spacing: -.04em !important; line-height: 1 !important; }
.h-tp-label { font-size: 12px !important; font-weight: 500 !important; color: #00b67a !important; }
.h-tp-meta { font-size: 11px !important; color: var(--g400) !important; }

/* Review hdr: exact */
.h-reviews-title { font-size: 11px !important; font-weight: 600 !important; color: var(--black) !important; letter-spacing: .1em !important; text-transform: uppercase !important; }

/* Review card text: exact */
.h-rv-title { font-size: 13px !important; font-weight: 500 !important; color: var(--black) !important; line-height: 1.35 !important; }
.h-rv-body { font-size: 12px !important; color: var(--g500) !important; line-height: 1.65 !important; flex: 1 !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.h-rv-name { font-size: 11px !important; font-weight: 500 !important; color: var(--black) !important; }
.h-rv-date { font-size: 10px !important; color: var(--g400) !important; }

/* Home footer: exact */
.hf-brand-name { font-size: 16px !important; font-weight: 700 !important; letter-spacing: .24em !important; text-transform: uppercase !important; color: #fff !important; display: block !important; margin-bottom: 6px !important; }
.hf-brand-tag { font-size: 10px !important; color: rgba(255,255,255,.35) !important; letter-spacing: .08em !important; line-height: 1.5 !important; }
.hf-pay-label { font-size: 9px !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: rgba(255,255,255,.3) !important; margin-bottom: 10px !important; font-weight: 600 !important; text-align: center !important; }
.hf-copy { font-size: 10px !important; color: rgba(255,255,255,.2) !important; letter-spacing: .02em !important; }

/* Checkout shipping: exact */
.co-ship-name { font-size: 13px !important; font-weight: 500 !important; color: var(--black) !important; }
.co-ship-sub { font-size: 11px !important; color: var(--g500) !important; margin-top: 2px !important; }
.co-ship-price { font-size: 13px !important; font-weight: 500 !important; color: var(--black) !important; flex-shrink: 0 !important; }

/* Account stat: exact */
.acc-stat-num { font-size: 17px !important; font-weight: 600 !important; color: #fff !important; display: block !important; }
.acc-stat-label { font-size: 9px !important; color: rgba(255,255,255,.38) !important; margin-top: 2px !important; display: block !important; letter-spacing: .06em !important; }

/* Size pill: exact */
.size-pill {
  padding: 7px 13px !important;
  border-radius: var(--r) !important;
  border: 1px solid var(--g200) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--black) !important;
  background: #fff !important;
  cursor: pointer !important;
  transition: all .14s !important;
  -webkit-user-select: none; user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
.size-pill.on { background: var(--black) !important; color: #fff !important; border-color: var(--black) !important; border-width: .5px !important; font-weight: 600 !important; }
.size-pill.oos { color: var(--g300) !important; background: var(--g50) !important; border-color: var(--g100) !important; text-decoration: line-through !important; pointer-events: none !important; opacity: .7 !important; }

/* Order status pills: all states */
.pill-processing { background: #eff6ff !important; color: #1d4ed8 !important; }
.pill-delivered   { background: #f0fdf4 !important; color: #15803d !important; }
.pill-cancelled   { background: #fef2f2 !important; color: #c0392b !important; }
.pill-pending     { background: #fffbeb !important; color: #92400e !important; }
.pill-on-hold     { background: #faf5ff !important; color: #7c3aed !important; }

/* Promo: exact height */
.promo-input { height: 40px !important; }
.promo-btn { height: 40px !important; }

/* Search bar: exact inner */
.h-search-inner {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  background: var(--g100) !important;
  padding: 10px 13px !important;
  border-radius: var(--r) !important;
  border: 1px solid transparent !important;
  transition: border-color var(--tf), box-shadow var(--tf) !important;
}
.h-search-inner:focus-within {
  border-color: var(--g300) !important;
  box-shadow: 0 0 0 .5px rgba(10,10,10,.06) !important;
}


/* ����������������������������������������������������������������
   PATCH v6.3 �EXTENDED PIXEL CORRECTIONS
   ���������������������������������������������������������������� */

/* Account: exact text sizes */
.acc-name { font-size: 16px !important; font-weight: 600 !important; color: #fff !important; margin-bottom: 2px !important; letter-spacing: -.01em !important; }
.acc-email { font-size: 11px !important; color: rgba(255,255,255,.42) !important; }

/* Checkout field inputs: 14px */
.co-field { font-size: 14px !important; }
.co-field input, .co-field select { font-size: 14px !important; }
.co-inp { font-size: 14px !important; color: var(--black) !important; }

/* Form fields: 14px */
.field input, .field select, .field textarea { font-size: 14px !important; }

/* Accordion header: 13px */
.ac-header { font-size: 13px !important; font-weight: 500 !important; color: var(--black) !important; }

/* Thank you title: 19px not 18px */
.ty-title { font-size: 19px !important; font-weight: 600 !important; color: #fff !important; margin-bottom: 6px !important; letter-spacing: -.02em !important; }
.ty-sub { font-size: 12px !important; color: rgba(255,255,255,.45) !important; line-height: 1.65 !important; }

/* Bot nav tab label: 9px */
.bot-nav a {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  color: var(--g400) !important;
  text-decoration: none !important;
  letter-spacing: .04em !important;
  transition: color .14s !important;
  -webkit-tap-highlight-color: transparent !important;
}
.bot-nav a.on { color: var(--black) !important; font-weight: 600 !important; }

/* ── Additional precision fixes ── */

/* Flash badge: 9px */
.h-flash-badge {
  display: inline-block !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.8) !important;
  background: rgba(255,255,255,.12) !important;
  padding: 2px 8px !important;
  border-radius: 2px !important;
  margin-bottom: 3px !important;
  align-self: flex-start !important;
}

/* Flash timer: 16px digits */
.h-timer-n {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  font-variant-numeric: tabular-nums !important;
}
.h-timer-l {
  font-size: 8px !important;
  color: rgba(255,255,255,.35) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-top: 3px !important;
}
.h-timer-sep {
  font-size: 15px !important;
  color: rgba(255,255,255,.3) !important;
  padding: 0 1px !important;
  margin-bottom: 3px !important;
  align-self: center !important;
}

/* Brands label */
.h-brands-label {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--g400) !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* Attr label */
.attr-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--g500) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.attr-val { font-size: 11px !important; font-weight: 500 !important; color: var(--black) !important; }

/* psave badge */
.psave {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--red) !important;
  background: #fef2f2 !important;
  padding: 3px 8px !important;
  border-radius: 2px !important;
}

/* Section title precision */
.h-sec-title { font-size: 11px !important; font-weight: 600 !important; color: var(--black) !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
.h-sec-all { font-size: 11px !important; color: var(--g400) !important; letter-spacing: .06em !important; text-transform: uppercase !important; transition: color .14s !important; text-decoration: none !important; cursor: pointer !important; }
.h-sec-all:hover { color: var(--black) !important; }


/* ── Bot-nav: 4 tabs when WhatsApp not configured ── */
.bot-nav a:first-child:nth-last-child(4),
.bot-nav a:first-child:nth-last-child(4) ~ a {
  flex: 1;
}


/* ── WISHLIST OVERLAY: fix opacity and pointer-events ── */
.wishlist-overlay.on {
  opacity: 1 !important;
  pointer-events: all !important;
}
.wishlist-sheet {
  background: #fff !important;
  border-radius: 14px 14px 0 0 !important;
  width: 100% !important;
  max-height: 80vh !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
}


/* ── WP Admin bar: adjust fixed positioned elements ── */
.admin-bar .top-nav,
.admin-bar .u-nav { top: 32px !important; }
@media screen and (max-width: 782px) {
  .admin-bar .top-nav,
  .admin-bar .u-nav { top: 46px !important; }
}
.admin-bar .bot-nav { bottom: 0 !important; }
.admin-bar .act-bar { bottom: var(--bot) !important; }
.admin-bar .wishlist-overlay,
.admin-bar .size-sheet { top: 32px !important; }
@media screen and (max-width: 782px) {
  .admin-bar .wishlist-overlay,
  .admin-bar .size-sheet { top: 46px !important; }
}


/* ── Sign out item: red accent ── */
.acc-item.sign-out .acc-item-title { color: var(--red) !important; }
.acc-item.sign-out .acc-item-right { color: var(--red) !important; }
.acc-item.sign-out:hover { background: #fff5f5 !important; }


/* ����������������������������������������������������������������
   PERFORMANCE & ACCESSIBILITY ADDITIONS
   ���������������������������������������������������������������� */

/* ── Smooth scroll ── */
html { scroll-behavior: smooth; }

/* ── Focus visible for keyboard nav ── */
:focus-visible {
  outline: 2px solid var(--black);
  outline-offset: 2px;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--black);
  outline-offset: 2px;
  border-radius: 2px;
}

/* ── Image rendering ── */
img {
  image-rendering: -webkit-optimize-contrast;
}

/* ── Reduce motion for accessibility ── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .carousel-track { transition: none !important; }
}

/* ── Print styles ── */
@media print {
  .bot-nav, .act-bar, .wishlist-overlay,
  .size-sheet, .luxe-toast, #luxe-toast { display: none !important; }
  .luxe-main { padding-bottom: 0 !important; }
  body { background: #fff !important; }
}

/* ── High contrast mode ── */
@media (forced-colors: active) {
  .act-cart, .btn-checkout, .btn-place-order {
    border: 2px solid ButtonText;
  }
}


/* ������������������������������������������������������������
   PATCH v5.20 �PIXEL-PERFECT SYNC WITH UI PREVIEW
   137 property corrections + missing selectors
   ������������������������������������������������������������ */

/* ── ACCOUNT ── */
.acc-email          { font-size: 12px !important; }
.acc-name           { font-size: 17px !important; }
.acc-hero           { padding: 22px var(--px) 18px !important; }
.acc-section-title  { font-weight: 700 !important; letter-spacing: .14em !important; }
.acc-stat-num       { font-weight: 700 !important; }
.acc-item:active, .acc-menu-item:active { background: var(--g100) !important; }

/* ── ACT BAR ── */
.act-bar { display: flex !important; height: 52px !important; width: min(100%,600px) !important; }
.act-cart, .act-wa { height: 52px !important; border: none !important; }
.act-wa   { background: #22C55E !important; }

/* ── ADDRESS ── */
.addr-line { font-size: 12px !important; line-height: 1.7 !important; }

/* ── ALSOLIKE ── */
.alsolike-body { padding: 10px 12px 13px !important; }
.alsolike-img  { display: flex !important; align-items: center !important; justify-content: center !important; }
.alsolike-orig { font-size: 11px !important; }

/* ── AUTH ── */
.auth-btn       { font-weight: 700 !important; }
.auth-title     { line-height: 1.2 !important; }
.auth-title, .btn-login { font-weight: 700 !important; }
.login-hero     { padding: 30px var(--px) 26px !important; }
.login-panel    { display: block !important; }

/* ── BADGE ── */
.badge { font-size: 9px !important; }

/* ── BAG ── */
.bag-section-title { font-size: 10px !important; letter-spacing: .14em !important; }

/* ── BOT NAV ── */
.bot-nav        { display: flex !important; width: min(100%,600px) !important; }
.bot-nav a      { gap: 4px !important; }

/* ── BUTTONS ── */
.btn-checkout   { border: none !important; font-weight: 700 !important; height: var(--btn) !important; letter-spacing: .08em !important; }
.btn-place-order { border: none !important; font-size: 13px !important; font-weight: 700 !important; height: 50px !important; letter-spacing: .08em !important; }
.btn-wa-ty      { height: 48px !important; }
.btn-shop-now   { display: inline-flex !important; }

/* ── CART ── */
.cart-item-name { line-height: 1.35 !important; }

/* ── CHAT BUBBLES (missing selectors) ── */
.chat-msg.mine .chat-bubble  { background: var(--black) !important; color: #fff !important; }
.chat-msg.theirs .chat-bubble { background: var(--g100) !important; color: var(--black) !important; }

/* ── CHECKOUT FIELDS ── */
.co-ship-price  { font-weight: 600 !important; }
.co-ship-sub    { font-size: 13px !important; }
.field textarea { height: auto !important; padding: 12px 14px !important; }

/* ── CO-INPUT FLOATING LABEL (missing selectors) ── */
.co-input:focus ~ .co-label,
.co-input:not(:placeholder-shown) ~ .co-label {
  top: 8px !important; transform: none !important; font-size: 11px !important;
}

/* ── FIELD ERROR (missing selector) ── */
.field.error select { border-color: var(--red) !important; animation: field-err .4s var(--ease) !important; }

/* ── HOME: BRANDS ── */
.h-brand-chip     { display: flex !important; }
.h-brands-label   { font-weight: 700 !important; letter-spacing: .14em !important; }

/* ── HOME: CATS ── */
.h-cat-card:active { background: var(--g100) !important; }
.h-cat-name       { font-size: 9px !important; font-weight: 600 !important; letter-spacing: .09em !important; line-height: 1.35 !important; }

/* ── HOME: FLASH ── */
.h-flash-badge    { font-size: 10px !important; letter-spacing: .08em !important; }
.h-flash-sub      { letter-spacing: .02em !important; }
.h-flash-title    { font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important; }

/* ── HOME: HOT ── */
.h-hot            { display: none !important; }
.h-hot.show       { display: flex !important; }
.h-hot-tag        { padding: 4px 11px !important; }

/* ── HOME: REVIEWS ── */
.h-reviews-hdr    { padding: 18px 15px 13px !important; }
.h-reviews-title  { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; }

/* ── HOME: SEARCH ── */
.h-search-inner   { border: none !important; border-radius: 6px !important; }

/* ── HOME: SECTION HEADS ── */
.h-sec-all        { font-size: 10px !important; letter-spacing: .1em !important; }
.h-sec-hdr        { padding: 18px var(--px) 12px !important; }
.h-sec-title      { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; }

/* ── HOME: TRUSTPILOT ── */
.h-tp-score       { font-size: 28px !important; }

/* ── HOME: TRUST ── */
.h-trust-sub      { font-size: 9px !important; line-height: 1.35 !important; }
.h-trust-title    { font-size: 10px !important; font-weight: 600 !important; }

/* ── VIDEO HERO ── */
.h-video-title    { font-size: 26px !important; letter-spacing: .1em !important; line-height: 1.1 !important; }
.hero-title       { letter-spacing: .16em !important; }

/* ── FOOTER ── */
.hf-brand-name    { font-size: 14px !important; }
.hot-prod-body    { padding: 10px 12px 13px !important; }
.hot-tags         { padding: 0 14px 11px !important; }

/* ── HOTNOW ── */
.hotnow-name      { font-size: 12px !important; }
.hotnow-price     { font-size: 13px !important; }

/* ── NAV LOGO ── */
.nav-logo, .u-nav-logo { letter-spacing: .22em !important; }

/* ── ORDER ── */
.od-icon          { margin: 0 auto 11px !important; }

/* ── PANEL ── */
.panel-section-title { font-size: 10px !important; font-weight: 700 !important; }

/* ── PILL ── */
.pill-cancelled   { background: var(--g100) !important; }

/* ── PRODUCT ── */
.pprice           { font-size: 22px !important; font-weight: 700 !important; }
.pprice .woocommerce-Price-amount { font-size: 22px !important; font-weight: 700 !important; }
.porig            { font-size: 13px !important; }
.prod-badge       { padding: 2px 7px !important; }
.prod-body        { padding: 11px var(--px) 14px !important; }
.prod-name        { line-height: 1.42 !important; }
.psub             { display: none !important; }

/* ── PROMO ── */
.promo-btn        { font-size: 12px !important; height: 44px !important; }
.promo-input      { height: 44px !important; }

/* ── RELATED ── */
.related-body     { padding: 10px 12px 13px !important; }
.related-title    { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; }
.rel-price        { font-size: 12px !important; }

/* ── REVIEWS ── */
.review-stars svg { width: 13px !important; height: 13px !important; }
.review-text      { font-size: 13px !important; }
.ac-inner         { padding: 0 16px 16px !important; line-height: 1.72 !important; }

/* ── SEARCH ── */
.search-section-title { font-weight: 700 !important; letter-spacing: .14em !important; }
.section-head         { font-size: 10px !important; letter-spacing: .12em !important; }

/* ── SETTINGS ── */
.settings-section-title { font-weight: 700 !important; letter-spacing: .14em !important; padding: 13px 15px 6px !important; }

/* ── SIZE GUIDE ── */
.sg-close, .ss-close { font-size: 22px !important; }
.sg-head, .ss-head   { padding: 14px 16px !important; }

/* ── SIZE PILL ── */
.size-pill  { border-radius: 4px !important; padding: 8px 14px !important; }
.size-sheet { display: none !important; }
.size-sheet.on { display: flex !important; }

/* ── SOCIAL ── */
.social-btn { font-size: 14px !important; }

/* ── THANK YOU ── */
.ty-sub   { line-height: 1.6 !important; }
.ty-title { font-size: 18px !important; }

/* ── WISH ── */
.wish-item-add, .wish-move-btn {
  border-radius: var(--r) !important;
  font-size: 11px !important;
  height: 32px !important;
  letter-spacing: .04em !important;
}
.wish-row-price { font-size: 14px !important; }
.wishlist-overlay { display: none !important; }
.wishlist-overlay.on { display: flex !important; }

/* ── END PATCH v5.20 ── */

/* ������������������������������������������������������������
   PATCH v5.21 �FINAL DEFINITIVE CORRECTIONS
   Wins over all previous definitions
   ������������������������������������������������������������ */

/* ── HERO + LOGO letter-spacing: exact UI values ── */
.hero-title              { font-size: 32px !important; letter-spacing: .16em !important; line-height: 1 !important; }
.nav-logo, .u-nav-logo   { letter-spacing: .22em !important; font-size: 13px !important; }
.login-logo, .auth-logo  { letter-spacing: .24em !important; font-size: 16px !important; }
.footer-logo             { letter-spacing: .22em !important; }

/* ── Video hero: correct font size (overrides the huge 64px base) ── */
.h-video-title { font-size: 26px !important; letter-spacing: .1em !important; line-height: 1.1 !important; }
@media (max-width: 420px) {
  .h-video-content { padding-bottom: 86px !important; }
}

/* ── Login/auth hero: correct padding ── */
.login-hero, .auth-hero { padding: 30px var(--px) 26px !important; }

/* ── u-nav: ensure sticky (the garbled CSS was overriding with relative) ── */
.u-nav {
  position: sticky !important; top: 0 !important; z-index: 50 !important;
  display: flex !important; align-items: center !important;
  height: var(--nav) !important;
}

/* ── h-sec-all: correct typography ── */
.h-sec-all { font-size: 10px !important; letter-spacing: .1em !important; }

/* ── Section head ── */
.section-head { font-size: 10px !important; letter-spacing: .12em !important; }

/* ── Promo bar ── */
.promo-btn   { font-size: 12px !important; height: 44px !important; }
.promo-input { height: 44px !important; }

/* ── Wishlist add/move buttons: exact sizing ── */
.wish-item-add, .wish-move-btn {
  border-radius: var(--r) !important; font-size: 11px !important;
  height: 32px !important; letter-spacing: .04em !important;
  padding: 5px 10px !important;
}

/* ── Social buttons ── */
.social-btn { font-size: 14px !important; height: 48px !important; }

/* ── Panel section title ── */
.panel-section-title { font-size: 10px !important; font-weight: 700 !important; }

/* ── Badge ── */
.badge { font-size: 9px !important; }

/* ── Bag section title ── */
.bag-section-title { font-size: 10px !important; letter-spacing: .14em !important; }

/* ── Related/alsolike ── */
.related-title { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; }
.related-body  { padding: 10px 12px 13px !important; }
.alsolike-body { padding: 10px 12px 13px !important; }
.alsolike-img, .related-img, .hot-prod-img { display: flex !important; align-items: center !important; justify-content: center !important; }
.alsolike-orig { font-size: 11px !important; }
.rel-price     { font-size: 12px !important; }

/* ── h-brands-label: correct weight ── */
.h-brands-label { font-weight: 700 !important; letter-spacing: .14em !important; }

/* ── h-brand-chip display ── */
.h-brand-chip { display: flex !important; }

/* ── Flash title ── */
.h-flash-title { font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important; }
.h-flash-badge { font-size: 10px !important; letter-spacing: .08em !important; }

/* ── pprice: canonical ── */
.pprice, .pprice .woocommerce-Price-amount, .pprice bdi {
  font-size: 22px !important; font-weight: 700 !important;
  letter-spacing: -.03em !important; line-height: 1 !important;
}
.porig { font-size: 13px !important; }

/* ── co-ship-sub: correct size ── */
.co-ship-sub { font-size: 13px !important; }
.co-ship-price { font-weight: 600 !important; }

/* ── Buttons: no browser border ── */
.btn-checkout, .btn-place-order, .act-cart { border: none !important; }
.btn-checkout    { font-weight: 700 !important; letter-spacing: .08em !important; height: var(--btn) !important; }
.btn-place-order { font-size: 13px !important; font-weight: 700 !important; letter-spacing: .08em !important; height: 50px !important; }
.btn-login       { font-weight: 700 !important; }
.auth-btn        { font-weight: 700 !important; }

/* ── Checkout steps ── */
.checkout-steps .step { font-weight: 700 !important; }

/* ── ACT BAR ── */
.act-bar  { display: flex !important; height: 52px !important; }
.act-cart { height: 52px !important; }
.act-wa   { height: 52px !important; background: #22C55E !important; }

/* ── BOT NAV ── */
.bot-nav   { display: flex !important; }
.bot-nav a { gap: 4px !important; }

/* ── Search section title ── */
.search-section-title { font-weight: 700 !important; letter-spacing: .14em !important; }

/* ── Reviews title ── */
.h-reviews-title { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; }

/* ── Acc section ── */
.acc-section-title { font-weight: 700 !important; letter-spacing: .14em !important; }
.acc-name  { font-size: 17px !important; }
.acc-email { font-size: 12px !important; }
.acc-stat-num { font-weight: 700 !important; }

/* ── Settings section title ── */
.settings-section-title { font-weight: 700 !important; letter-spacing: .14em !important; padding: 13px 15px 6px !important; }

/* ── Login panel show ── */
.login-panel { display: block !important; }

/* ── H-tp score ── */
.h-tp-score { font-size: 28px !important; }

/* ── Trust ── */
.h-trust-title { font-size: 10px !important; font-weight: 600 !important; }
.h-trust-sub   { font-size: 9px !important; line-height: 1.35 !important; }

/* ── H-sec ── */
.h-sec-hdr   { padding: 18px var(--px) 12px !important; }
.h-sec-title { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; }

/* ── Cat name ── */
.h-cat-name { font-size: 9px !important; font-weight: 600 !important; letter-spacing: .09em !important; line-height: 1.35 !important; }
.h-cat-card:active { background: var(--g100) !important; }

/* ── Reviews ── */
.h-reviews-hdr { padding: 18px 15px 13px !important; }
.review-stars svg { width: 13px !important; height: 13px !important; }
.review-text { font-size: 13px !important; }
.ac-inner { padding: 0 16px 16px !important; line-height: 1.72 !important; }

/* ── Hot prod ── */
.hot-prod-body { padding: 10px 12px 13px !important; }
.hotnow-name   { font-size: 12px !important; }
.hotnow-price  { font-size: 13px !important; }
.hot-tags      { padding: 0 14px 11px !important; }

/* ── Pill cancelled ── */
.pill-cancelled { background: var(--g100) !important; }

/* ── Prod ── */
.prod-badge { padding: 2px 7px !important; }
.prod-body  { padding: 11px var(--px) 14px !important; }
.prod-name  { line-height: 1.42 !important; }
.prod-meta { display: flex !important; }
.prod-card:hover .prod-meta { display: flex !important; }

/* ── Wish row price ── */
.wish-row-price { font-size: 14px !important; }

/* ── Ty title ── */
.ty-title { font-size: 18px !important; }
.ty-sub   { line-height: 1.6 !important; }

/* ── OD icon ── */
.od-icon { margin: 0 auto 11px !important; }

/* ── Address ── */
.addr-line { font-size: 12px !important; }

/* ── Cart item name ── */
.cart-item-name { line-height: 1.35 !important; }

/* ── Auth title ── */
.auth-title { line-height: 1.2 !important; }

/* ── END PATCH v5.21 ── */

/* ������������������������������������������������������������
   PATCH v5.22 �AUDIT ROUND 2: COLOR + REMAINING DIFFS
   ������������������������������������������������������������ */

/* ── Section label colors ── */
.acc-section-title      { color: var(--black) !important; }
.h-brands-label         { color: var(--black) !important; }
.search-section-title   { color: var(--black) !important; }
.settings-section-title { color: var(--black) !important; }
.section-head           { color: var(--g400) !important; }

/* ── Address line ── */
.addr-line { color: var(--g600) !important; }

/* ── Pill cancelled: should be grey text, NOT red ── */
.pill-cancelled { background: var(--g100) !important; color: var(--g500) !important; }

/* ── Product badge: 8px from edge ── */
.prod-badge { top: 8px !important; left: 8px !important; }

/* ── btn-shop-now: no uppercase ── */
.btn-shop-now { text-transform: none !important; }

/* ── SS close: 26px ── */
.ss-close { font-size: 26px !important; }

/* ── Auth title: weight 600 ── */
.auth-title { font-weight: 600 !important; }

/* ── Wish item add: correct padding ── */
.wish-item-add { padding: 7px 14px !important; }

/* ── od-ssub: correct opacity ── */
.od-ssub { color: rgba(255,255,255,.4) !important; }

/* ── Active opacity corrections ── */
.alsolike-card:active { opacity: .82 !important; }
.auth-btn:active, .btn-login:active { opacity: .7 !important; }

/* ── Footer hover ── */
.hf-links-row span:hover, .hf-links-row a:hover { color: rgba(255,255,255,.85) !important; }
.hf-pay-label { color: rgba(255,255,255,.28) !important; }

/* ── Co-input floating label (CSS-only, no JS needed) ── */
.co-input:focus ~ .co-label,
.co-input:not(:placeholder-shown) ~ .co-label {
  top: 8px !important; transform: none !important;
  font-size: 11px !important; color: var(--g500) !important;
}

/* ── ty-title color stays white (dark hero bg) ── */
/* HTML demo was wrong �white is correct on black bg */

/* ── END PATCH v5.22 ── */

/* ty-sub exact color */ .ty-sub { color: rgba(255,255,255,.42) !important; }

/* ── Size guide highlighted row ── */
.hl { background: var(--g50) !important; font-weight: 600 !important; }
.hl td { color: var(--black) !important; }

/* ── WC widget ── */
.widget { margin-bottom: 24px; }

/* ── WC woocommerce-cart-form: reset ── */
.woocommerce-cart-form { width: 100%; }

/* ── WC input-radio ── */
.input-radio {
  accent-color: var(--black) !important;
  width: 16px !important; height: 16px !important;
  cursor: pointer !important;
}

/* ── shipping_method: hide default WC radio (theme uses co-ship-opt) ── */
.shipping_method { display: none !important; }

/* ������������������������������������������������������������
   Z-INDEX FIX �Definitive stacking order
   Layer system:
   0-40:   Normal content
   50:     Sticky navs  
   90:     Act bar (product page)
   100:    Bot nav (always visible)
   200:    Sheets/overlays (above bot nav)
   9000:   Toast notifications (above all)
   ������������������������������������������������������������ */
.top-nav, .u-nav          { z-index: 50  !important; }
.act-bar                  { z-index: 90  !important; }
.bot-nav                  { z-index: 100 !important; }
.wishlist-overlay,
.size-sheet,
.size-guide-sheet,
.luxe-size-sheet,
.size-overlay,
.login-gate,
.luxe-overlay             { z-index: 200 !important; }
.luxe-toast,
#luxe-toast               { z-index: 9000 !important; }

/* ── Product page: act-bar correct z-index ── */
/* (bot-nav is hidden via PHP on product/checkout pages) */
.luxe-product-page .act-bar       { z-index: 100 !important; }
.luxe-product-page .luxe-main     { padding-bottom: calc(52px + env(safe-area-inset-bottom,0)) !important; }
.luxe-product-page .psub,
.luxe-product-page .pmeta         { display: none !important; }

/* ── Checkout: hide site footer (keep toast + wishlist overlay) ── */
.woocommerce-checkout #luxe-footer { display: none !important; }
/* Ensure checkout content has correct bottom padding for place-order button */
.woocommerce-checkout .luxe-main { padding-bottom: 20px !important; }

/* ������������������������������������������������������������
   PATCH v5.25 �DEFINITIVE VALUES
   These are the final canonical values for redundant properties.
   Placed last so they win over all previous definitions.
   ������������������������������������������������������������ */

/* ── Navigation ── */
.top-nav { padding: 0 var(--px) !important; }
.u-nav   { padding: 0 var(--px) !important; }
.bot-nav { width: min(100%, 600px) !important; }

/* ── Flash sale ── */
.h-flash         { background: #0a0a0a !important; padding: 12px var(--px) !important; }
.h-flash-title   { font-size: 14px !important; font-weight: 600 !important; }
.h-sec-hdr       { padding: 18px var(--px) 12px !important; }
.h-reviews-hdr   { padding: 18px var(--px) 12px !important; }

/* ── Auth ── */
.auth-btn  { height: var(--btn) !important; }
.btn-login { height: var(--btn) !important; }

/* ── Toast (highest z-index, always on top) ── */
.luxe-toast, #luxe-toast { z-index: 9000 !important; }

/* ── Inputs ── */
.field input:focus, .field select:focus {
  box-shadow: 0 0 0 .5px rgba(12,12,12,.08) !important;
}
.h-search-inner:focus-within { box-shadow: 0 0 0 .5px rgba(12,12,12,.09) !important; }

/* ── HTML background ── */
html { background: var(--g100) !important; }
body { background: #fff !important; }

/* ── Hot tag canonical ── */
.h-hot-tag, .hot-tag, .h-tag { padding: 4px 12px !important; font-size: 11px !important; }

/* ── h-brand-chip transition ── */
.h-brand-chip { transition: background var(--tf) var(--ease), color var(--tf) var(--ease) !important; }

/* ── Product badge position ── */
.prod-badge { top: 8px !important; left: 8px !important; }

/* ── pprice canonical ── */
.pprice, .pprice .woocommerce-Price-amount, .pprice bdi {
  font-size: 22px !important; font-weight: 700 !important;
}

/* ── btn-place-order canonical ── */
.btn-place-order {
  font-size: 13px !important; font-weight: 700 !important;
  height: 50px !important; border: none !important;
  letter-spacing: .08em !important;
}

/* ── act-bar canonical ── */
.act-bar { height: 52px !important; }

/* ── co-ship-sub correct size ── */
.co-ship-sub { font-size: 13px !important; }

/* ── END PATCH v5.25 ── */

/* ������������������������������������������������������������
   CHECKOUT �PIXEL-PERFECT v3.0
   Complete rewrite of all checkout CSS to match UI exactly.
   All values traced directly from pg-checkout HTML/CSS.
   ������������������������������������������������������������ */

/* ── CHECKOUT BODY ── */
.checkout-body {
  padding: 0 var(--px) !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ── ORDER TOGGLE ── */
.order-toggle {
  background: var(--g50) !important;
  border-top: 1px solid var(--g200) !important;
  border-bottom: 1px solid var(--g200) !important;
  padding: 11px var(--px) !important;
  margin: 0 calc(-1 * var(--px)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background var(--tf) var(--ease) !important;
}
.order-toggle:active { background: var(--g200) !important; }

.order-toggle-left {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 12px !important;
  color: var(--blue) !important;
  font-weight: 500 !important;
}
.order-toggle-price {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--black) !important;
  letter-spacing: -.01em !important;
}

/* ── ORDER SUMMARY ── */
.order-summary {
  display: none !important;
  background: var(--g50) !important;
  border-bottom: 1px solid var(--g200) !important;
  padding: 12px var(--px) !important;
  margin: 0 calc(-1 * var(--px)) !important;
}
.order-summary.open { display: block !important; }

.order-item {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  margin-bottom: 10px !important;
}
.order-item:last-of-type { margin-bottom: 0 !important; }

.order-item-img {
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--r) !important;
  background: var(--g100) !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.order-item-img img { width:100% !important; height:100% !important; object-fit:cover !important; }

.qty-bubble {
  position: absolute !important;
  top: -5px !important; right: -5px !important;
  background: var(--g500) !important;
  color: #fff !important;
  font-size: 9px !important; font-weight: 700 !important;
  width: 16px !important; height: 16px !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  line-height: 1 !important;
}

.order-item-body { flex: 1 !important; min-width: 0 !important; }
.order-item-name { font-size: 12px !important; font-weight: 500 !important; line-height: 1.35 !important; color: var(--black) !important; margin-bottom: 2px !important; }
.order-item-meta { font-size: 10px !important; color: var(--g500) !important; }
.order-item-price { font-size: 13px !important; font-weight: 600 !important; color: var(--black) !important; white-space: nowrap !important; flex-shrink: 0 !important; }

.order-totals { border-top: 1px solid var(--g300) !important; padding-top: 10px !important; margin-top: 10px !important; }
.order-total-row {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 12px !important;
  color: var(--g600) !important;
  margin-bottom: 5px !important;
}
.order-total-row:last-child { margin-bottom: 0 !important; }
.order-total-row.grand {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--black) !important;
  border-top: 1px solid var(--g300) !important;
  padding-top: 8px !important;
  margin-top: 6px !important;
}

/* ── STEPS ── */
.checkout-steps {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 12px 0 4px !important;
  font-size: 11px !important;
  color: var(--g400) !important;
}
.checkout-steps .step  { color: var(--black) !important; font-weight: 700 !important; }
.checkout-steps .sep   { color: var(--g300) !important; }

/* ── EXPRESS PAY ── */
.express-pay {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}
.express-btn {
  width: 100% !important;
  height: 44px !important;
  border-radius: var(--r2) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: opacity var(--tf) var(--ease), transform var(--tx) var(--ease-s) !important;
}
.express-btn:hover  { opacity: .88 !important; }
.express-btn:active { opacity: .7 !important; transform: scale(.97) !important; }
.express-btn.apple  { background: #000 !important; color: #fff !important; }
.express-btn.paypal { background: #ffc439 !important; }

.express-or {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 10px !important;
  color: var(--g400) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
}
.express-or::before, .express-or::after {
  content: '' !important; flex: 1 !important; height: 1px !important;
  background: var(--g200) !important;
}

/* ── CO-SECTION ── */
.co-section {
  padding: 0 !important;
  margin-bottom: 4px !important;
}
.co-section-hdr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 0 10px !important;
}
.co-section-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--black) !important;
  letter-spacing: -.01em !important;
}
.co-section-link {
  font-size: 13px !important;
  color: var(--blue) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: color var(--tf) var(--ease) !important;
}
.co-section-link:hover { color: var(--black) !important; text-decoration: underline !important; }

/* ── FIELD GROUP ── */
.co-field-group {
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 8px !important;
}
.co-field-row2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}
.co-field-row2 .co-field-group { margin-bottom: 0 !important; }

/* ── INPUT WRAPPER ── */
.co-inp-wrap {
  position: relative !important;
  border: 1px solid var(--g200) !important;
  border-radius: var(--r2) !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
  transition: border-color .15s, box-shadow .15s !important;
}
.co-inp-wrap:focus-within {
  border-color: var(--black) !important; border-width: .5px !important;
  box-shadow: 0 0 0 .5px rgba(10,10,10,.08) !important;
}

/* Select wrapper variant */
.co-sel-wrap {
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 8px 14px 6px !important;
  overflow: visible !important;
}
.co-sel-wrap .co-inp {
  padding: 2px 24px 2px 0 !important;
  font-size: 14px !important;
  width: 100% !important;
  cursor: pointer !important;
}

/* Icon wrapper variant */
.co-ico-wrap { overflow: hidden !important; }
.co-ico-wrap .co-inp { padding-right: 38px !important; }

/* ── INPUT ── */
.co-inp {
  width: 100% !important;
  padding: 14px !important;
  font-size: 14px !important;
  color: var(--black) !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  font-family: inherit !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
}
.co-inp::placeholder { color: var(--g400) !important; }

/* ── LABELS / ICONS ── */
.co-inp-lbl {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  color: var(--g500) !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
.co-sel-ic {
  position: absolute !important;
  right: 14px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--g400) !important;
  pointer-events: none !important;
}
.co-inp-ic {
  position: absolute !important;
  right: 12px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--g400) !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

/* ── CHECKBOX ROW ── */
.co-check-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 0 14px !important;
  font-size: 13px !important;
  color: var(--g600) !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
.co-check {
  width: 16px !important; height: 16px !important;
  accent-color: var(--black) !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

/* ── SHIPPING GROUP ── */
.co-ship-group {
  border: 1px solid var(--g200) !important;
  border-radius: var(--r2) !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
}
.co-ship-opt {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  cursor: pointer !important;
  border-bottom: 1px solid var(--g200) !important;
  transition: background var(--tf) var(--ease) !important;
  -webkit-tap-highlight-color: transparent !important;
}
.co-ship-opt:last-child { border-bottom: none !important; }
.co-ship-opt.on { background: var(--g50) !important; }
.co-ship-opt:active { background: var(--g100) !important; }

.co-ship-radio {
  width: 16px !important; height: 16px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--g300) !important;
  flex-shrink: 0 !important;
  transition: border-color var(--tf) var(--ease), background var(--tf) var(--ease), box-shadow var(--tf) var(--ease) !important;
}
.co-ship-opt.on .co-ship-radio,
.co-ship-radio.on {
  border-color: var(--black) !important; border-width: .5px !important;
  background: var(--black) !important;
  box-shadow: inset 0 0 0 3px #fff !important;
}

.co-ship-body { flex: 1 !important; min-width: 0 !important; }
.co-ship-name { font-size: 13px !important; font-weight: 500 !important; color: var(--black) !important; }
.co-ship-sub  { font-size: 13px !important; color: var(--g500) !important; line-height: 1.5 !important; margin-top: 1px !important; }
.co-ship-price { font-size: 13px !important; font-weight: 600 !important; white-space: nowrap !important; color: var(--black) !important; flex-shrink: 0 !important; }

/* ── CARD EXPAND ── */
.co-card-expand { background: var(--g50) !important; border-bottom: 1px solid var(--g200) !important; }
.co-card-expand .co-inp-wrap { border-radius: 0 !important; border: none !important; border-bottom: 1px solid var(--g200) !important; background: transparent !important; }
.co-card-expand .co-inp-wrap:last-child { border-bottom: none !important; }

/* ── PLACE ORDER BUTTON ── */
.btn-place-order {
  width: 100% !important;
  height: 50px !important;
  background: var(--black) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: var(--r2) !important;
  border: none !important;
  cursor: pointer !important;
  letter-spacing: .08em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: inherit !important;
  margin: 16px 0 0 !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: opacity var(--tf) var(--ease), box-shadow var(--tm) var(--ease) !important;
}
.btn-place-order:active { opacity: .7 !important; }
.btn-place-order .isvg { font-size: 16px !important; }

/* ── TRUST BADGES ── */
.checkout-trust {
  display: flex !important;
  justify-content: center !important;
  gap: 18px !important;
  padding: 10px 0 20px !important;
  font-size: 10px !important;
  color: var(--g400) !important;
  letter-spacing: .04em !important;
  flex-wrap: wrap !important;
}
.checkout-trust span {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* ── CHECKOUT: hide WC default elements ── */
.woocommerce-checkout #customer_details { display: none !important; }
.woocommerce-checkout #order_review     { display: none !important; }
.woocommerce-checkout .woocommerce-checkout-payment { display: none !important; }
.woocommerce-checkout .woocommerce-form-coupon-toggle { display: none !important; }
.woocommerce-checkout .woocommerce-info { margin: 0 0 8px !important; }

/* ── WC NOTICES on checkout ── */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message {
  margin: 0 0 12px !important;
  border-radius: var(--r2) !important;
}

/* ── ISVG utility (used in checkout) ── */
.isvg { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 1em !important; height: 1em !important; vertical-align: -0.125em !important; flex-shrink: 0 !important; }
.isvg svg { width: 1em !important; height: 1em !important; display: block !important; }

/* ── END CHECKOUT v3.0 ── */


/* ── CRITICAL: ensure content clears bot-nav ── */
.luxe-main { padding-bottom: calc(var(--bot) + 12px) !important; }
.woocommerce-checkout .luxe-main, .is-checkout .luxe-main { padding-bottom: 20px !important; }
.woocommerce-account .luxe-main { padding-bottom: calc(var(--bot) + 12px) !important; }

/* Codex QA v1.0.40: archive controls, auth sheet, empty cart */
.filter-bar {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
  max-width: 100vw !important;
  scrollbar-width: none !important;
  background: #fff !important;
  border-bottom: 1px solid var(--g200) !important;
  padding: 10px var(--px) !important;
  box-sizing: border-box !important;
  contain: paint !important;
}
.filter-bar::-webkit-scrollbar { display: none !important; }
.filter-bar .fpill,
.fpill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 24px !important;
  padding: 5px 14px !important;
  border: 1px solid var(--g200) !important;
  border-radius: 2px !important;
  background: #fff !important;
  color: var(--g600) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
}
.filter-bar .fpill.on,
.fpill.on {
  background: var(--black) !important;
  color: #fff !important;
  border-color: var(--black) !important; border-width: .5px !important;
}
.sort-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 50px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--g200) !important;
  padding: 10px var(--px) !important;
  box-sizing: border-box !important;
}
.sort-count {
  flex: 0 0 auto !important;
  font-size: 11px !important;
  color: var(--g400) !important;
  letter-spacing: .02em !important;
}
.sort-opts {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.sort-opts::-webkit-scrollbar { display: none !important; }
.sort-opt {
  flex: 0 0 auto !important;
  font-size: 11px !important;
  color: var(--g400) !important;
  letter-spacing: .06em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
.sort-opt.on { color: var(--black) !important; font-weight: 600 !important; }

.login-gate {
  position: fixed !important;
  inset: 0 !important;
  z-index: 200 !important;
  display: none !important;
  align-items: flex-end !important;
  background: rgba(0,0,0,.45) !important;
}
.login-gate.on { display: flex !important; }

.woocommerce-cart #luxe-footer { display: none !important; }
.woocommerce-page #luxe-footer,
.single-product #luxe-footer,
.tax-product_cat #luxe-footer,
.post-type-archive-product #luxe-footer,
.search #luxe-footer,
.error404 #luxe-footer {
  display: none !important;
}
.woocommerce-cart .luxe-main {
  min-height: calc(100vh - var(--nav) - var(--bot)) !important;
  padding-bottom: var(--bot) !important;
}
.woocommerce-cart .empty-cart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: calc(100vh - var(--nav) - var(--bot) - 18px) !important;
  padding: 64px var(--px) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.woocommerce-cart .empty-cart-icon {
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 18px !important;
  color: var(--g200) !important;
}
.woocommerce-cart .empty-cart-icon svg {
  width: 48px !important;
  height: 48px !important;
  display: block !important;
}
.woocommerce-cart .empty-cart-title {
  margin-bottom: 7px !important;
  color: var(--black) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
}
.woocommerce-cart .empty-cart-sub {
  max-width: 280px !important;
  margin: 0 auto 24px !important;
  color: var(--g500) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.woocommerce-cart .cart-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 14px var(--px) !important;
  background: #fff !important;
  border-bottom: 1px solid var(--g100) !important;
  box-sizing: border-box !important;
}
.woocommerce-cart .cart-item > a {
  display: block !important;
  flex: 0 0 76px !important;
  width: 76px !important;
  height: 76px !important;
  text-decoration: none !important;
}
.woocommerce-cart .cart-item-img {
  width: 76px !important;
  height: 76px !important;
  border-radius: var(--r) !important;
  background: var(--g100) !important;
  overflow: hidden !important;
  flex: 0 0 76px !important;
}
.woocommerce-cart .cart-item-img img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}
.woocommerce-cart .cart-item-body {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}
.woocommerce-cart .cart-item-name,
.woocommerce-cart .cart-item-name a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  max-width: 100% !important;
  color: var(--black) !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}
.woocommerce-cart .cart-item-row {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
.woocommerce-cart .cart-item-price {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.woocommerce-cart .qty-ctrl,
.woocommerce-cart .cart-del {
  flex: 0 0 auto !important;
}

.cat-right {
  overflow-x: hidden !important;
}
.panel-prod-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.panel-prod-item {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
.panel-prod-name {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* Footer/nav/product action alignment */
.luxe-product-page .act-bar,
.single-product .act-bar {
  bottom: var(--bot) !important;
  z-index: 90 !important;
}
.luxe-product-page .luxe-main,
.single-product .luxe-main {
  padding-bottom: calc(var(--bot) + 76px + env(safe-area-inset-bottom, 0)) !important;
}
.luxe-product-page #luxe-toast,
.single-product #luxe-toast {
  bottom: calc(var(--bot) + 64px + env(safe-area-inset-bottom, 0)) !important;
}
.act-cart-label {
  line-height: 1;
}
.act-wa.is-disabled,
.bot-wa-tab[aria-disabled="true"] {
  cursor: default;
}
.luxe-product-page .thumbs-row {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.luxe-product-page .thumbs-row .thumb:nth-of-type(n+6),
.luxe-product-page .thumbs-row .thumb-count {
  display: none !important;
}
.luxe-product-page .carousel-dots {
  bottom: max(12px, calc(var(--nav) + 480px - 100vh + var(--bot) + 64px)) !important;
  z-index: 6 !important;
}
.luxe-product-page .alsolike-name,
.luxe-product-page .related-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  white-space: normal !important;
}
#luxe-footer.home-footer,
.home-footer {
  padding-bottom: calc(36px + var(--bot) + env(safe-area-inset-bottom, 0)) !important;
}
.hf-bottom-row .lang-menu {
  left: 0 !important;
  transform: none !important;
}
.hf-bottom-row #lang-menu.open {
  transform: none !important;
}

.tax-product_cat .cat-layout {
  overflow: visible !important;
}
.tax-product_cat .cat-layout .cat-side {
  top: var(--nav) !important;
  max-height: calc(100vh - var(--nav) - var(--bot)) !important;
}
.search .search-bar-wrap {
  position: static !important;
}
.search-inline-spacer {
  width: 19px !important;
  height: 40px !important;
  flex: 0 0 19px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,.6) !important;
  pointer-events: none !important;
}
.search .search-input-row input[type="search"] {
  height: 40px !important;
  font-size: 14px !important;
  line-height: normal !important;
}
.search .search-bar-wrap {
  gap: 9px !important;
}
.search .search-input-row {
  background: #f5f5f5 !important;
  border-radius: 5px !important;
}
.search .search-cancel {
  line-height: 18px !important;
  color: #737373 !important;
}
.search .search-section-title {
  padding-left: 16px !important;
  padding-right: 16px !important;
  line-height: 15px !important;
}
.search .hot-tags,
.search .search-history {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.search .hot-tag {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  line-height: 16.5px !important;
}
.search .search-hist-item {
  font-size: 14px !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.search .search-input-row:focus-within {
  box-shadow: none !important;
}
.search-title-icon {
  display: inline-flex !important;
  width: 14px !important;
  height: 14px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 6px !important;
  vertical-align: -2px !important;
  color: var(--black) !important;
}
.search-title-icon svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
}

/* Codex QA v1.0.72: Moderno-aligned surface fixes */
:root {
  --display: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body,
button,
input,
select,
textarea {
  letter-spacing: 0;
}
html {
  background: #fff !important;
}

body.tax-product_cat,
body.tax-product_tag,
body.tax-product_cat #luxe-app,
body.tax-product_tag #luxe-app,
body.tax-product_cat .luxe-app,
body.tax-product_tag .luxe-app,
body.tax-product_cat .luxe-main,
body.tax-product_tag .luxe-main,
body.tax-product_cat .cat-layout,
body.tax-product_cat .cat-side,
body.tax-product_cat .cat-right,
body.tax-product_cat .prod-grid,
body.tax-product_tag .prod-grid,
body.tax-product_cat .prod-card,
body.tax-product_tag .prod-card,
body.tax-product_cat .prod-img-wrap,
body.tax-product_tag .prod-img-wrap,
body.tax-product_cat .panel-prod-img-wrap {
  background: #fff !important;
}
body.tax-product_cat .cat-side {
  border-right: 1px solid var(--g200) !important;
}
body.tax-product_cat .cat-side-item.on {
  background: #fff !important;
}
body.tax-product_cat .prod-card {
  box-shadow: none !important;
}
body.tax-product_cat button.prod-heart,
body.post-type-archive-product button.prod-heart,
.prod-card button.prod-heart {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--g400) !important;
  z-index: 3 !important;
}
.prod-card button.prod-heart svg {
  width: 16px !important;
  height: 16px !important;
}
.prod-heart-stat {
  display: none !important;
}

.luxe-gateway-title {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--black);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}
.luxe-gateway-icon {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 44%;
}
.luxe-gateway-icon img,
.luxe-gateway-icon svg {
  width: auto;
  max-width: 132px;
  max-height: 22px;
}
.luxe-gateway-fields {
  background: #fff !important;
  border-bottom: 1px solid var(--g200) !important;
  padding: 12px 13px !important;
}
.luxe-gateway-fields p,
.luxe-gateway-fields .woocommerce-SavedPaymentMethods-saveNew {
  color: var(--g500);
  font-size: 12px;
  line-height: 1.55;
  margin: 0 0 8px;
}
.luxe-gateway-fields .form-row {
  margin: 0 0 10px !important;
}
.co-no-payment {
  color: var(--g500);
  font-size: 12px;
  line-height: 1.55;
  padding: 13px;
  background: #fff;
  border: 1px solid var(--g200);
}

body.woocommerce-checkout {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
}
body.woocommerce-checkout #luxe-app,
body.woocommerce-checkout .luxe-app {
  width: 100% !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: none !important;
}
body.woocommerce-checkout form.checkout.woocommerce-checkout {
  width: 100% !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.woocommerce-checkout .checkout-body {
  width: 100% !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 2.4vw, 32px) !important;
  padding-right: clamp(16px, 2.4vw, 32px) !important;
}
body.woocommerce-checkout .u-nav,
body.woocommerce-checkout .top-nav,
body.woocommerce-checkout .bot-nav {
  width: min(100%, 1000px) !important;
  max-width: 1000px !important;
}

.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.promo-btn,
.express-btn,
.social-btn,
.wish-item-add,
.wish-move-btn,
.size-pill,
.hot-tag,
.h-tag,
.h-hot-tag,
.h-brand-chip,
.fpill,
.luxe-pagination a,
.luxe-pagination span,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
button.button,
input[type="submit"],
input[type="button"],
.act-cart,
.act-wa,
.btn-wa-ty,
.btn-outline,
.btn-blk,
.co-submit-btn,
.place-order-btn,
.profile-change-btn,
.pay-method,
.delivery-opt,
.acc-btn-signin,
.acc-btn-register,
.acc-guest-signin,
.acc-guest-register,
.acc-order-status,
.field input,
.field select,
.field textarea,
.otp-box,
#acc-guest button,
.notfound-actions a,
.co-field-wrap,
.co-shipping,
.co-pay-opts,
.card-fields,
.co-ship-opt,
.co-ship-group,
.co-inp-wrap,
.search-input-row {
  border-radius: 0 !important;
}

.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.promo-btn,
.express-btn,
.social-btn,
.wish-item-add,
.wish-move-btn,
.size-pill,
.hot-tag,
.h-tag,
.h-hot-tag,
.h-brand-chip,
.fpill,
.luxe-pagination a,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
button.button,
input[type="submit"],
input[type="button"],
.act-cart,
.act-wa,
.btn-wa-ty,
.btn-outline,
.btn-blk,
.co-submit-btn,
.place-order-btn,
.profile-change-btn,
.pay-method,
.delivery-opt,
.acc-btn-signin,
.acc-guest-signin,
#acc-guest button,
.notfound-actions a {
  border: .5px solid var(--black) !important;
}

.btn-checkout:hover,
.btn-login:hover,
.auth-btn:hover,
.btn-shop-now:hover,
.btn-continue:hover,
.btn-place-order:hover,
.promo-btn:hover,
.express-btn:hover,
.social-btn:hover,
.wish-item-add:hover,
.wish-move-btn:hover,
.size-pill:hover,
.hot-tag:hover,
.h-tag:hover,
.h-hot-tag:hover,
.h-brand-chip:hover,
.fpill:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
button.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.act-cart:hover,
.act-wa:hover {
  box-shadow: inset 0 0 0 .5px var(--black) !important;
  opacity: 1 !important;
}

.luxe-product-page .act-bar,
.single-product .act-bar {
  height: 44px !important;
  padding-bottom: 0 !important;
  border-top: .5px solid var(--black) !important;
}
.luxe-product-page .act-cart,
.single-product .act-cart,
.luxe-product-page .act-wa,
.single-product .act-wa {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 0 !important;
  border: .5px solid var(--black) !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
}
.luxe-product-page .act-wa,
.single-product .act-wa {
  background: #25D366 !important;
}
.luxe-product-page .luxe-main,
.single-product .luxe-main {
  padding-bottom: calc(var(--bot) + 56px + env(safe-area-inset-bottom, 0)) !important;
}
.luxe-product-page #luxe-toast,
.single-product #luxe-toast {
  bottom: calc(var(--bot) + 56px + env(safe-area-inset-bottom, 0)) !important;
}
.wa-official-icon {
  display: block;
  fill: currentColor;
  stroke: none !important;
}
.act-wa .wa-official-icon {
  width: 18px !important;
  height: 18px !important;
}
.bot-wa-circle {
  color: #fff;
}
.bot-wa-circle .wa-official-icon {
  width: 22px !important;
  height: 22px !important;
  filter: none !important;
}

.chat-body {
  background: #fff !important;
  padding: 10px 0 !important;
  flex: 1 !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
}
.chat-avatar-wa {
  background: #25D366 !important;
  color: #fff !important;
  border-radius: 50% !important;
}
.chat-avatar-wa .wa-official-icon {
  width: 16px !important;
  height: 16px !important;
}
.wa-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #25D366 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.wa-link .wa-official-icon {
  width: 16px !important;
  height: 16px !important;
}
body.woocommerce-support #luxe-main {
  height: calc(100vh - var(--nav)) !important;
  height: calc(100svh - var(--nav)) !important;
  min-height: calc(100vh - var(--nav)) !important;
  min-height: calc(100svh - var(--nav)) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding-bottom: var(--bot) !important;
}
body.woocommerce-support #luxe-main > .luxe-wc-page,
body.woocommerce-support #luxe-main .woocommerce {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}
body.woocommerce-support .chat-body {
  min-height: 0 !important;
  flex: 1 1 auto !important;
}
body.woocommerce-support .chat-ibar {
  position: relative !important;
  bottom: auto !important;
  z-index: 1 !important;
}
.chat-qtag,
.chat-inp,
.chat-send,
.chat-attach-btn {
  border-radius: 0 !important;
}
.chat-qtag {
  border: .5px solid var(--black) !important;
  color: var(--black) !important;
  background: #fff !important;
  letter-spacing: 0 !important;
}
.chat-qtag:hover,
.chat-send:hover,
.chat-attach-btn:hover {
  box-shadow: inset 0 0 0 .5px var(--black) !important;
  opacity: 1 !important;
}
.chat-inp {
  height: 36px !important;
  background: #fff !important;
  border: 1px solid var(--g300) !important;
  color: var(--black) !important;
}
.chat-send,
.chat-attach-btn {
  width: 36px !important;
  height: 36px !important;
  border: .5px solid var(--black) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.chat-send {
  background: var(--black) !important;
  color: #fff !important;
}
.chat-attach-btn {
  background: #fff !important;
  color: var(--black) !important;
}
.ship-ico {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--black) !important;
  font-size: 0 !important;
  margin-top: 2px !important;
}
.ship-ico svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

.hf-pay-gateways .hf-pay-gateway {
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: #fff !important;
  color: var(--black) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
}
.hf-pay-gateways .hf-pay-gateway img,
.hf-pay-gateways .hf-pay-gateway svg {
  max-height: 20px !important;
  width: auto !important;
}

body:not(.woocommerce-checkout):not(.woocommerce-order-received):not(.woocommerce-page):not(.single-product):not(.tax-product_cat):not(.post-type-archive-product):not(.search):not(.error404) #luxe-footer.home-footer {
  display: block !important;
  margin-bottom: var(--bot) !important;
}

body.woocommerce-page #luxe-footer.home-footer,
body.single-product #luxe-footer.home-footer,
body.tax-product_cat #luxe-footer.home-footer,
body.post-type-archive-product #luxe-footer.home-footer,
body.search #luxe-footer.home-footer,
body.error404 #luxe-footer.home-footer {
  display: none !important;
  margin-bottom: 0 !important;
}
.hf-bottom-row-copy-only {
  justify-content: center !important;
  text-align: center !important;
}

.social-btn:disabled,
.social-btn.is-disabled,
.social-btn[aria-disabled="true"] {
  opacity: .52 !important;
  cursor: not-allowed !important;
  background: #fff !important;
  border-color: var(--g200) !important;
  color: var(--g500) !important;
}
.social-btn:disabled:hover,
.social-btn.is-disabled:hover,
.social-btn[aria-disabled="true"]:hover {
  background: #fff !important;
  opacity: .52 !important;
}

.otp-box:disabled,
.auth-btn:disabled,
.auth-btn[aria-disabled="true"],
.otp-resend span[aria-disabled="true"],
.chat-attach-btn:disabled,
.chat-attach-btn[aria-disabled="true"] {
  opacity: .52 !important;
  cursor: not-allowed !important;
}
.otp-box:disabled {
  background: var(--g50) !important;
  color: var(--g400) !important;
}
.otp-resend span[aria-disabled="true"] {
  color: var(--g400) !important;
  font-weight: 600 !important;
}
.chat-attach-btn:disabled:hover,
.chat-attach-btn[aria-disabled="true"]:hover {
  background: #fff !important;
  color: var(--black) !important;
  box-shadow: none !important;
  opacity: .52 !important;
}
.luxe-cart-shipping:not(.free-shipping) {
  color: var(--black) !important;
}
.btn-checkout .checkout-total-separator,
.btn-checkout .luxe-cart-total {
  color: #fff !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.cart-summary .luxe-cart-subtotal *,
.cart-summary .luxe-cart-shipping *,
.cart-summary .luxe-cart-total *,
.btn-checkout .luxe-cart-total * {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.cart-summary .woocs_special_price_code,
.btn-checkout .woocs_special_price_code {
  display: inline !important;
}
.btn-place-order:disabled,
.btn-place-order.is-disabled,
.btn-place-order[aria-disabled="true"] {
  opacity: .52 !important;
  cursor: not-allowed !important;
}

.filter-bar .fpill,
body.tax-product_cat .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill {
  border-radius: 0 !important;
}

.filter-bar .fpill:hover,
body.tax-product_cat .filter-bar .fpill:hover,
body.post-type-archive-product .filter-bar .fpill:hover {
  box-shadow: inset 0 0 0 .5px var(--black) !important;
  opacity: 1 !important;
}

.share-fab {
  border-radius: 0 !important;
  background: rgba(255,255,255,.92) !important;
  border: .5px solid var(--black) !important;
  color: var(--black) !important;
}

.share-fab:hover {
  background: #fff !important;
  box-shadow: inset 0 0 0 .5px var(--black) !important;
}

.share-fab:active {
  opacity: .72 !important;
  transform: scale(.96) !important;
}

.acc-section .acc-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 15px !important;
  border-bottom: 1px solid var(--g100) !important;
  background: #fff !important;
  color: var(--black) !important;
  text-align: left !important;
  text-decoration: none !important;
}

.acc-section button.acc-item {
  appearance: none !important;
  -webkit-appearance: none !important;
  font: inherit !important;
}

.acc-section .acc-item:hover,
.acc-section .acc-item:active {
  background: var(--g50) !important;
}

.prod-price ins {
  text-decoration: none !important;
}

.pprice ins,
.alsolike-price ins,
.hotnow-price ins {
  text-decoration: none !important;
}

.pprice del,
.alsolike-price del,
.hotnow-price del {
  color: var(--g400) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.tax-product_cat .prod-grid,
body.tax-product_tag .prod-grid,
body.post-type-archive-product .prod-grid,
body.search .prod-grid {
  background: #fff !important;
}

body.tax-product_cat .prod-card,
body.tax-product_tag .prod-card,
body.post-type-archive-product .prod-card,
body.search .prod-card,
body.tax-product_cat .prod-body,
body.tax-product_tag .prod-body,
body.post-type-archive-product .prod-body,
body.search .prod-body,
body.tax-product_cat .prod-img-wrap,
body.tax-product_tag .prod-img-wrap,
body.post-type-archive-product .prod-img-wrap,
body.search .prod-img-wrap {
  background: #fff !important;
}

body.search,
body.search-no-results {
  display: block !important;
  align-items: initial !important;
  padding: 0 !important;
  text-align: inherit !important;
  background: #fff !important;
}

body.search #luxe-app,
body.search-no-results #luxe-app,
body.search .luxe-main,
body.search-no-results .luxe-main {
  background: #fff !important;
  box-shadow: none !important;
}

/* Moderno typography alignment */
html,
body,
button,
input,
select,
textarea {
  font-family: var(--display) !important;
}

.prod-name,
.alsolike-name,
.related-name,
.hot-prod-name,
.hotnow-name,
.cart-item-name,
.wish-row-name,
.pname,
.pprice,
.pprice .woocommerce-Price-amount,
.pprice bdi,
.prod-price,
.prod-price .woocommerce-Price-amount,
.alsolike-price,
.related-price,
.hot-prod-price,
.hotnow-price,
.rel-price,
.wish-row-price {
  letter-spacing: 0 !important;
}

.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.promo-btn,
.express-btn,
.social-btn,
.wish-item-add,
.wish-move-btn,
.act-cart,
.act-wa,
.btn-wa-ty,
.btn-outline,
.btn-blk,
.co-submit-btn,
.place-order-btn,
.profile-change-btn,
.acc-btn-signin,
.acc-btn-register,
.acc-guest-signin,
.acc-guest-register,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
button.button,
input[type="submit"],
input[type="button"] {
  letter-spacing: 0 !important;
}

/* Account/nav detail pass */
.nav-back,
.u-nav-back {
  border-radius: 0 !important;
}

.bot-nav,
.bot-nav *,
.field label,
.woocommerce-account .field label,
body.woocommerce-account .field label,
.co-inp-lbl,
.login-tagline,
.auth-tagline {
  letter-spacing: 0 !important;
}

.woocommerce-cart .qty-ctrl,
.woocommerce-cart .qty-btn,
.woocommerce-cart .qty-num,
.woocommerce-cart .promo-input,
.woocommerce-cart .promo-btn {
  border-radius: 0 !important;
}

.woocommerce-cart .promo-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 78px !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.woocommerce-cart .promo-input {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  border: 1px solid var(--g200) !important;
  background: #fff !important;
  padding: 0 14px !important;
  font-family: var(--display) !important;
  font-size: 13px !important;
  color: var(--black) !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
}

.woocommerce-cart .promo-btn {
  width: 78px !important;
  min-width: 78px !important;
  height: 44px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* Archive/product button detail pass */
.filter-bar {
  gap: 3px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.filter-bar .fpill,
body.tax-product_cat .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill {
  padding-left: 6px !important;
  padding-right: 6px !important;
  border-color: var(--black) !important; border-width: .5px !important;
  font-size: 10px !important;
  letter-spacing: 0 !important;
}

body.tax-product_cat button.prod-heart,
body.post-type-archive-product button.prod-heart,
.prod-card button.prod-heart {
  border: 0 !important;
  border-radius: 0 !important;
  transition: background var(--tf) var(--ease), box-shadow var(--tf) var(--ease), color var(--tf) var(--ease), transform var(--tx) var(--ease-s) !important;
}

body.tax-product_cat button.prod-heart:hover,
body.post-type-archive-product button.prod-heart:hover,
.prod-card button.prod-heart:hover {
  background: rgba(255,255,255,.92) !important;
  box-shadow: inset 0 0 0 .5px var(--black) !important;
  color: var(--black) !important;
}

.single-product .act-fav,
.luxe-product-page .act-fav {
  height: 44px !important;
  border: .5px solid var(--black) !important;
  border-radius: 0 !important;
  color: var(--g300) !important;
  box-sizing: border-box !important;
}

.single-product .act-fav:hover,
.luxe-product-page .act-fav:hover {
  color: var(--black) !important;
  box-shadow: inset 0 0 0 .5px var(--black) !important;
}

/* Product detail typography: align with reference UI sizing */
.single-product .pname,
.luxe-product-page .pname {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.single-product .pprice,
.single-product .pprice .woocommerce-Price-amount,
.single-product .pprice bdi,
.luxe-product-page .pprice,
.luxe-product-page .pprice .woocommerce-Price-amount,
.luxe-product-page .pprice bdi {
  font-size: 26px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* Home command control detail pass */
.h-video-btn {
  border: .5px solid var(--black) !important;
  border-radius: 0 !important;
  letter-spacing: 0 !important;
  box-sizing: border-box !important;
}

.h-video-btn:hover {
  opacity: 1 !important;
  box-shadow: inset 0 0 0 .5px var(--black) !important;
}

.h-brand-chip {
  letter-spacing: 0 !important;
}

.luxe-pagination a,
.luxe-pagination span,
.luxe-pagination .page-numbers {
  border-radius: 0 !important;
  border-color: var(--black) !important; border-width: .5px !important;
}

/* Product detail info block: keep the visible rhythm aligned with the reference UI */
.single-product .pinfo,
.luxe-product-page .pinfo {
  padding: 17px 16px 15px !important;
}

.single-product .psub,
.single-product .pmeta,
.single-product .stock-warn,
.luxe-product-page .psub,
.luxe-product-page .pmeta,
.luxe-product-page .stock-warn {
  display: none !important;
}

.single-product .price-row,
.luxe-product-page .price-row {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

/* Account auth matches the reference: top nav, then tabs and social sign-in options. */
body.woocommerce-account .login-hero,
body.woocommerce-account .auth-hero {
  display: none !important;
}

body.woocommerce-account .login-bg,
body.woocommerce-account .auth-wrap {
  padding-top: 0 !important;
}

/* Product-grid empty image placeholders: keep archives clean and neutral. */
.prod-img.c1,
.prod-img.c2,
.prod-img.c3,
.prod-img.c4,
.prod-img.c5,
.prod-img.c6,
.prod-img.c7,
.prod-img.c8,
.panel-prod-img.c1,
.panel-prod-img.c2,
.panel-prod-img.c3,
.panel-prod-img.c4,
.panel-prod-img.c5,
.panel-prod-img.c6,
.panel-prod-img.c7,
.panel-prod-img.c8 {
  background: #f7f7f7 !important;
}

/* Product pages keep the global bottom nav; the product action bar sits above it. */
body.single-product .bot-nav,
body.luxe-product-page .bot-nav {
  display: flex !important;
}

body.single-product .act-bar,
body.luxe-product-page .act-bar {
  bottom: var(--bot) !important;
}

body.single-product .luxe-main,
body.luxe-product-page .luxe-main {
  padding-bottom: calc(var(--bot) + 56px + env(safe-area-inset-bottom, 0)) !important;
}

body.single-product #luxe-toast,
body.luxe-product-page #luxe-toast {
  bottom: calc(var(--bot) + 56px + env(safe-area-inset-bottom, 0)) !important;
}

/* Archive detail alignment: match the optimized reference rhythm without changing WooCommerce output. */
body.tax-product_cat .filter-bar,
body.tax-product_tag .filter-bar,
body.post-type-archive-product .filter-bar,
body.search .filter-bar {
  gap: 6px !important;
  padding: 10px 12px !important;
}

body.tax-product_cat .filter-bar .fpill,
body.tax-product_tag .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill,
body.search .filter-bar .fpill {
  min-height: 24px !important;
  padding: 5px 14px !important;
  border-color: var(--g200) !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
}

body.tax-product_cat .filter-bar .fpill.on,
body.tax-product_tag .filter-bar .fpill.on,
body.post-type-archive-product .filter-bar .fpill.on,
body.search .filter-bar .fpill.on {
  border-color: var(--black) !important; border-width: .5px !important;
}

body.tax-product_cat .filter-bar .fpill:hover,
body.tax-product_tag .filter-bar .fpill:hover,
body.post-type-archive-product .filter-bar .fpill:hover,
body.search .filter-bar .fpill:hover {
  border-color: var(--black) !important; border-width: .5px !important;
  box-shadow: inset 0 0 0 .5px var(--black) !important;
}

body.tax-product_cat .sort-bar,
body.tax-product_tag .sort-bar,
body.post-type-archive-product .sort-bar,
body.search .sort-bar {
  min-height: 0 !important;
  padding: 10px 14px !important;
}

body.tax-product_cat .prod-body,
body.tax-product_tag .prod-body,
body.post-type-archive-product .prod-body,
body.search .prod-body {
  padding: 10px 12px 14px !important;
}

body.tax-product_cat .prod-name,
body.tax-product_tag .prod-name,
body.post-type-archive-product .prod-name,
body.search .prod-name {
  line-height: 1.4 !important;
  margin-bottom: 6px !important;
}

body.tax-product_cat .cat-panel.on .panel-prod-name {
  letter-spacing: .01em !important;
  line-height: 1.3 !important;
}

/* Product reviews panel: WooCommerce-driven, matching the optimized function panel rhythm. */
.single-product .rating-blk,
.luxe-product-page .rating-blk {
  padding: 12px 15px !important;
  border-bottom: 1px solid var(--g100) !important;
  background: #fff !important;
}

.single-product .rating-row,
.luxe-product-page .rating-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

.single-product .stars,
.single-product .review-stars,
.luxe-product-page .stars,
.luxe-product-page .review-stars {
  display: flex !important;
  gap: 2px !important;
  color: var(--amber) !important;
}

.single-product .stars svg,
.single-product .review-stars svg,
.luxe-product-page .stars svg,
.luxe-product-page .review-stars svg {
  width: 13px !important;
  height: 13px !important;
  fill: currentColor !important;
  stroke: none !important;
}

.single-product .stars svg.is-empty,
.single-product .review-stars svg.is-empty,
.luxe-product-page .stars svg.is-empty,
.luxe-product-page .review-stars svg.is-empty {
  color: var(--g200) !important;
  fill: currentColor !important;
}

.single-product .rating-score,
.luxe-product-page .rating-score {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--black) !important;
  letter-spacing: 0 !important;
}

.single-product .rating-count,
.luxe-product-page .rating-count {
  font-size: 11px !important;
  color: var(--g400) !important;
}

.single-product .review-item,
.luxe-product-page .review-item {
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--g100) !important;
}

.single-product .review-item:last-child,
.luxe-product-page .review-item:last-child {
  border-bottom: none !important;
}

.single-product .review-text,
.luxe-product-page .review-text {
  font-size: 12px !important;
  color: var(--g600) !important;
  line-height: 1.7 !important;
}

/* Checkout payment: render official WooCommerce gateways inside the LUXE panel. */
.woocommerce-checkout #luxe-payment-group .woocommerce-checkout-payment {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-checkout #luxe-payment-group .wc_payment_methods,
.woocommerce-checkout #luxe-payment-group .payment_methods {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid var(--g200) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.woocommerce-checkout .co-section-hdr > span:last-child:not(.co-section-title) {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  font-size: 10px !important;
}

.woocommerce-checkout #luxe-payment-group .wc_payment_methods > li {
  margin: 0 !important;
  list-style: none !important;
}

.woocommerce-checkout #luxe-payment-group .woocommerce-info {
  margin: 0 !important;
  padding: 13px 14px !important;
  border: 0 !important;
  border-left: 0 !important;
  background: #fff !important;
  color: var(--g500) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.woocommerce-checkout #luxe-payment-group .wc_payment_method {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--g100) !important;
  background: #fff !important;
}

.woocommerce-checkout #luxe-payment-group .wc_payment_method:last-child {
  border-bottom: 0 !important;
}

.woocommerce-checkout #luxe-payment-group .wc_payment_method > input[type="radio"] {
  position: absolute !important;
  left: 14px !important;
  top: 15px !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  opacity: 1 !important;
  appearance: none !important;
  border: 1px solid var(--g400) !important;
  border-radius: 50% !important;
  background: #fff !important;
}

.woocommerce-checkout #luxe-payment-group .wc_payment_method > input[type="radio"]:checked {
  border-color: var(--black) !important; border-width: .5px !important;
  background: radial-gradient(circle, var(--black) 0 42%, transparent 44%) !important;
}

.woocommerce-checkout #luxe-payment-group .wc_payment_method > label {
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  gap: 8px !important;
  padding: 13px 13px 13px 40px !important;
  color: var(--black) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
}

.woocommerce-checkout #luxe-payment-group .wc_payment_method > label img,
.woocommerce-checkout #luxe-payment-group .wc_payment_method > label svg {
  width: auto !important;
  max-width: 132px !important;
  max-height: 21px !important;
  margin-left: auto !important;
}

.woocommerce-checkout #luxe-payment-group .payment_box {
  margin: 0 !important;
  padding: 0 13px 13px 40px !important;
  background: #fff !important;
  border: 0 !important;
  color: var(--g500) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.woocommerce-checkout #luxe-payment-group .payment_box::before {
  display: none !important;
}

.woocommerce-checkout #luxe-payment-group .payment_box p {
  margin: 0 0 8px !important;
}

.woocommerce-checkout #luxe-payment-group .woocommerce-terms-and-conditions-wrapper {
  color: var(--g500) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  margin: 10px 0 0 !important;
}

.woocommerce-checkout #luxe-payment-group .woocommerce-terms-and-conditions-wrapper a {
  color: var(--black) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.woocommerce-checkout #luxe-payment-group .place-order {
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

.woocommerce-checkout #luxe-payment-group .btn-place-order,
.woocommerce-checkout #luxe-payment-group #place_order {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 0 !important;
  border: .5px solid var(--black) !important;
  background: var(--black) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.woocommerce-checkout #luxe-payment-group .btn-place-order:hover:not(:disabled),
.woocommerce-checkout #luxe-payment-group #place_order:hover:not(:disabled) {
  background: #fff !important;
  color: var(--black) !important;
}

.woocommerce-checkout #luxe-payment-group .btn-place-order.is-disabled,
.woocommerce-checkout #luxe-payment-group #place_order:disabled {
  border-color: var(--g300) !important;
  background: var(--g100) !important;
  color: var(--g500) !important;
}

.woocommerce-checkout #luxe-payment-group .woocommerce-info,
.woocommerce-checkout #luxe-payment-group .woocommerce-error {
  margin: 0 !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--g500) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  padding: 13px !important;
}

/* Moderno interaction polish: square commerce buttons and thin black product hover line. */
.btn-checkout,
.btn-place-order,
.btn-shop-now,
.btn-login,
.auth-btn,
.btn-continue,
.btn-outline,
.wish-item-add,
.wish-move-btn,
.acc-btn-signin,
.acc-btn-register,
.acc-guest-signin,
.acc-guest-register,
.btn-wa-ty,
.act-cart,
.act-wa,
.single_add_to_cart_button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
  border-radius: 0 !important;
}

.btn-checkout,
.btn-place-order,
.btn-shop-now,
.btn-login,
.auth-btn,
.btn-continue,
.wish-item-add,
.wish-move-btn,
.acc-btn-signin,
.acc-guest-signin,
.act-cart,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
  border: .5px solid var(--black) !important;
}

.btn-checkout:hover,
.btn-place-order:hover:not(:disabled),
.btn-shop-now:hover,
.btn-login:hover,
.auth-btn:hover,
.btn-continue:hover,
.wish-item-add:hover,
.wish-move-btn:hover,
.acc-btn-signin:hover,
.acc-guest-signin:hover,
.act-cart:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
  background: #fff !important;
  color: var(--black) !important;
}

.prod-card,
.panel-prod-item,
.alsolike-card,
.related-card,
.hotnow-item,
.hot-prod-card {
  position: relative !important;
  box-shadow: inset 0 0 0 1px transparent !important;
  transition: box-shadow .14s ease, opacity .14s ease !important;
}

.prod-card:hover,
.prod-card:focus-visible,
.panel-prod-item:hover,
.panel-prod-item:focus-visible,
.alsolike-card:hover,
.alsolike-card:focus-visible,
.related-card:hover,
.related-card:focus-visible,
.hotnow-item:hover,
.hotnow-item:focus-visible,
.hot-prod-card:hover,
.hot-prod-card:focus-visible {
  box-shadow: inset 0 0 0 .5px var(--black) !important;
}

.prod-card:active,
.panel-prod-item:active,
.alsolike-card:active,
.related-card:active,
.hotnow-item:active,
.hot-prod-card:active {
  box-shadow: inset 0 0 0 .5px var(--black) !important;
  opacity: .86 !important;
}

.luxe-product-page .act-bar {
  z-index: 180 !important;
}

.luxe-product-page .bot-nav {
  z-index: 190 !important;
}

.search .search-bar-wrap {
  max-width: 100% !important;
  overflow: hidden !important;
  gap: 8px !important;
}

.search .search-input-row {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.search .search-cancel {
  flex: 0 0 auto !important;
  max-width: 58px !important;
  overflow: visible !important;
  text-align: right !important;
}

/* Checkout typography and control-size guard for the latest reference UI. */
body.woocommerce-checkout label.co-check-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 0 14px !important;
  margin: 0 !important;
  color: var(--g600) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}

body.woocommerce-checkout label.co-ship-opt {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  margin: 0 !important;
  color: var(--black) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}

body.woocommerce-checkout label.co-ship-opt .co-ship-name,
body.woocommerce-checkout label.co-ship-opt .co-ship-price {
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}

body.woocommerce-checkout label.co-ship-opt .co-ship-sub {
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.45 !important;
}

body.woocommerce-checkout #luxe-payment-group #place_order.btn-place-order {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 15px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: none !important;
}

/* Latest reference UI type scale: final button/nav sizing and product action bar rhythm. */
.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.act-cart,
.act-wa,
.btn-wa-ty,
.h-video-btn,
.upload-btn,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
button.button,
input[type="submit"],
input[type="button"] {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

.promo-btn {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
}

.social-btn,
.express-btn {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
}

.field label {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

body.woocommerce-account .field label,
body.woocommerce-account .woocommerce-form .field label {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.co-inp-lbl {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.bot-nav a {
  min-height: 44px !important;
  font-size: 10px !important;
}

.bot-nav a span {
  font-size: 10px !important;
  line-height: 10px !important;
  letter-spacing: .06em !important;
}

.single-product .act-bar,
.luxe-product-page .act-bar {
  height: 48px !important;
}

.single-product .act-cart,
.single-product .act-wa,
.luxe-product-page .act-cart,
.luxe-product-page .act-wa {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.single-product .act-fav,
.luxe-product-page .act-fav {
  height: 48px !important;
}

.single-product .luxe-main,
.luxe-product-page .luxe-main {
  padding-bottom: calc(var(--bot) + 60px + env(safe-area-inset-bottom, 0)) !important;
}

.single-product #luxe-toast,
.luxe-product-page #luxe-toast {
  bottom: calc(var(--bot) + 60px + env(safe-area-inset-bottom, 0)) !important;
}

body.woocommerce-checkout #luxe-payment-group #place_order.btn-place-order {
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* Latest reference UI public typography and footer rhythm. */
.nav-logo,
.u-nav-logo,
.h-nav-logo {
  letter-spacing: .15em !important;
}

.h-sec-title,
.module-title,
.related-title {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

.h-brand-chip {
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

#luxe-footer.home-footer,
.home-footer {
  padding: 28px 16px calc(20px + var(--bot) + env(safe-area-inset-bottom, 0)) !important;
}

.hf-top,
.hf-social-row,
.hf-links-row {
  margin-bottom: 16px !important;
}

.hf-social-row {
  gap: 8px !important;
}

.hf-soc-btn {
  width: 38px !important;
  height: 38px !important;
}

.hf-links-row {
  gap: 4px 16px !important;
}

.hf-links-row span {
  font-size: 11px !important;
  padding: 2px 0 !important;
}

/* Latest optimized UI correction: final cascade layer. */
body {
  letter-spacing: -0.005em !important;
}

.nav-logo,
.u-nav-logo,
.checkout-logo {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
}

body.woocommerce-account:not(.logged-in) .login-hero,
body.woocommerce-account:not(.logged-in) .auth-hero {
  padding: 30px var(--px) 26px !important;
}

body.woocommerce-account:not(.logged-in) .login-logo,
body.woocommerce-account:not(.logged-in) .auth-logo {
  font-size: 16px !important;
  letter-spacing: .24em !important;
  margin-bottom: 5px !important;
}

body.woocommerce-account:not(.logged-in) .login-body,
body.woocommerce-account:not(.logged-in) .auth-body {
  padding: 24px var(--px) calc(var(--bot) + 28px) !important;
}

body.woocommerce-account:not(.logged-in) .login-tab {
  padding: 11px 0 !important;
}

body.woocommerce-account:not(.logged-in) .social-btn,
body.woocommerce-account:not(.logged-in) .btn-login,
body.woocommerce-account:not(.logged-in) .auth-btn,
.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.btn-blk,
.promo-btn,
.wish-move-btn,
.wish-item-add {
  border-radius: var(--r2) !important;
}

body.woocommerce-account:not(.logged-in) .btn-login,
body.woocommerce-account:not(.logged-in) .auth-btn {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: none !important;
}

body.woocommerce-account:not(.logged-in) .field input,
body.woocommerce-account:not(.logged-in) .field select,
body.woocommerce-account:not(.logged-in) .field textarea,
.field input,
.field select,
.field textarea,
.social-btn,
.express-btn,
.promo-input,
.co-inp-wrap,
.co-pay-opts,
.co-ship-group,
.otp-box,
.h-search-inner {
  border-radius: var(--r2) !important;
}

.fpill,
.size-pill,
.upload-btn,
.hot-tag,
.h-hot-tag,
.h-brand-chip,
.addr-card,
.coupon-card {
  border-radius: var(--r) !important;
}

.badge,
.prod-badge,
.badge-sale,
.badge-new,
.badge-stock,
.badge-oos,
.h-prod-badge,
.h-flash-badge,
.psave,
.stock-warn,
.review-tag,
.order-status-pill {
  border-radius: 2px !important;
}

.prod-card,
.prod-card:hover {
  box-shadow: none !important;
  outline: none !important;
}

body.tax-product_cat .filter-bar .fpill,
body.tax-product_tag .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill,
body.search .filter-bar .fpill {
  border-radius: var(--r) !important;
}

body.tax-product_cat .filter-bar .fpill,
body.tax-product_tag .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill,
body.search .filter-bar .fpill {
  border-radius: var(--r) !important;
}

/* Home page: latest optimized UI removes the flash-sale strip and keeps grid cards white. */
body.home .h-flash {
  display: none !important;
}

body.home .prod-card,
body.home .h-prod-card {
  background: #fff !important;
}

/* Latest optimized UI correction: restore the reference's subtle radii and remove over-applied hover outlines. */
body {
  letter-spacing: -0.005em !important;
}

.nav-logo,
.u-nav-logo,
.checkout-logo {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
}

.login-logo,
.auth-logo,
.footer-logo {
  letter-spacing: .2em !important;
}

.pname {
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -.02em !important;
}

.pprice {
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: -.03em !important;
}

.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.btn-blk,
.promo-btn,
.wish-move-btn,
.wish-item-add {
  border-radius: var(--r2) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: none !important;
}

.btn-place-order,
.btn-checkout {
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.act-cart,
.act-wa,
.btn-wa-ty {
  border-radius: 0 !important;
}

.social-btn,
.express-btn,
.field input,
.field select,
.field textarea,
.promo-input,
.co-inp-wrap,
.co-pay-opts,
.co-ship-group,
.otp-box,
.h-search-inner {
  border-radius: var(--r2) !important;
}

.fpill,
.size-pill,
.upload-btn,
.hot-tag,
.h-hot-tag,
.h-brand-chip,
.addr-card,
.coupon-card {
  border-radius: var(--r) !important;
}

.badge,
.prod-badge,
.badge-sale,
.badge-new,
.badge-stock,
.badge-oos,
.h-prod-badge,
.h-flash-badge,
.psave,
.stock-warn,
.review-tag,
.order-status-pill {
  border-radius: 2px !important;
}

.prod-card {
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: opacity .18s ease !important;
}

.prod-card:hover {
  box-shadow: none !important;
  outline: none !important;
}

.h-sec-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  color: var(--black) !important;
  text-transform: uppercase !important;
}

.module-title,
.related-title,
.slabel {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.woocommerce-account:not(.logged-in) .login-hero,
body.woocommerce-account:not(.logged-in) .auth-hero {
  padding: 30px var(--px) 26px !important;
}

body.woocommerce-account:not(.logged-in) .login-logo,
body.woocommerce-account:not(.logged-in) .auth-logo {
  font-size: 16px !important;
  letter-spacing: .24em !important;
  margin-bottom: 5px !important;
}

body.woocommerce-account:not(.logged-in) .login-body,
body.woocommerce-account:not(.logged-in) .auth-body {
  padding: 24px var(--px) calc(var(--bot) + 28px) !important;
}

body.woocommerce-account:not(.logged-in) .login-tab {
  padding: 11px 0 !important;
}

body.woocommerce-account:not(.logged-in) .btn-login,
body.woocommerce-account:not(.logged-in) .auth-btn {
  border-radius: var(--r2) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}

/* Account login: final pass against the latest reference UI. */
body.woocommerce-account:not(.logged-in) .login-bg {
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100dvh - var(--nav)) !important;
  overflow-y: auto !important;
}

body.woocommerce-account:not(.logged-in) .login-hero {
  background: var(--black) !important;
  padding: 36px 24px 30px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

body.woocommerce-account:not(.logged-in) .login-logo {
  display: block !important;
  margin: 0 0 4px !important;
  color: #fff !important;
  font-family: "DM Sans", var(--font) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .25em !important;
  text-transform: uppercase !important;
}

body.woocommerce-account:not(.logged-in) .login-tagline {
  color: rgba(255,255,255,.3) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

body.woocommerce-account:not(.logged-in) .login-body {
  padding: 26px 22px calc(var(--bot) + 28px) !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.woocommerce-account:not(.logged-in) .login-tabs {
  display: flex !important;
  margin: 0 0 22px !important;
  border-bottom: 1px solid var(--g200) !important;
}

body.woocommerce-account:not(.logged-in) .login-tab {
  flex: 1 1 0 !important;
  margin: 0 0 -1px !important;
  padding: 10px 0 !important;
  border-bottom: 2px solid transparent !important;
  color: var(--g400) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.woocommerce-account:not(.logged-in) .login-tab.on {
  color: var(--black) !important;
  border-bottom-color: var(--black) !important;
  font-weight: 500 !important;
}

body.woocommerce-account:not(.logged-in) .social-btns {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 0 20px !important;
}

body.woocommerce-account:not(.logged-in) .social-btn {
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 12px 16px !important;
  border: 1px solid var(--g200) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--black) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.woocommerce-account:not(.logged-in) .social-btn-fb {
  border-color: #1877f2 !important;
  color: #1877f2 !important;
}

body.woocommerce-account:not(.logged-in) .social-btn-apple {
  border-color: #000 !important; border-width: .5px !important;
  color: #000 !important;
}

body.woocommerce-account:not(.logged-in) .login-or {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 20px !important;
  color: var(--g400) !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
}

body.woocommerce-account:not(.logged-in) .login-or::before,
body.woocommerce-account:not(.logged-in) .login-or::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: var(--g200) !important;
}

body.woocommerce-account:not(.logged-in) .login-forgot {
  margin: -8px 0 14px !important;
  color: var(--g500) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  text-align: right !important;
}

body.woocommerce-account:not(.logged-in) .btn-login {
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 14px !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--black) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
}

body.woocommerce-account:not(.logged-in) .login-switch {
  margin: 18px 0 0 !important;
  color: var(--g500) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

/* Home page: restore page-specific UI after global button/title rules. */
body.home .h-video-btn {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 40px !important;
  border: none !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #0c0c0c !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.home .h-search-cam,
body.home .h-search-inner button[type="submit"].h-search-cam {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--g400) !important;
  box-shadow: none !important;
}

body.home .h-sec-title {
  color: var(--black) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

body.home .h-sec-all {
  color: var(--g400) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

/* Category landing panel: keep the clean white UI and restored reference type. */
body.tax-product_cat .cat-layout,
body.tax-product_cat .cat-right,
body.tax-product_cat .cat-panel,
body.tax-product_cat .panel-section,
body.tax-product_cat .panel-prod-grid,
body.tax-product_cat .panel-prod-item,
body.tax-product_cat .panel-prod-img-wrap,
body.post-type-archive-product .shop-cat-layout,
body.post-type-archive-product .shop-cat-layout .cat-right,
body.post-type-archive-product .shop-cat-layout .cat-panel,
body.post-type-archive-product .shop-cat-layout .panel-section,
body.post-type-archive-product .shop-cat-layout .panel-prod-grid,
body.post-type-archive-product .shop-cat-layout .panel-prod-item,
body.post-type-archive-product .shop-cat-layout .panel-prod-img-wrap {
  background: #fff !important;
}

body.tax-product_cat .cat-side,
body.post-type-archive-product .shop-cat-layout .cat-side {
  background: #fff !important;
  border-right: 1px solid var(--g200) !important;
}

body.tax-product_cat .cat-layout .cat-side,
body.post-type-archive-product .shop-cat-layout .cat-side {
  top: 0 !important;
}

body.tax-product_cat .panel-section-title,
body.post-type-archive-product .shop-cat-layout .panel-section-title {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  color: var(--black) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

body.tax-product_cat .panel-section-viewall,
body.post-type-archive-product .shop-cat-layout .panel-section-viewall {
  color: var(--g400) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.tax-product_cat .panel-prod-name,
body.post-type-archive-product .shop-cat-layout .panel-prod-name {
  color: var(--g600) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: .01em !important;
}

/* Search/trending chips use a light default hairline; black is reserved for interaction. */
.hot-tag,
.h-tag,
.h-hot-tag,
body.search .hot-tag,
body.search .h-tag,
body.search .h-hot-tag {
  border: 1px solid var(--g200) !important;
  color: var(--g600) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.hot-tag:hover,
.h-tag:hover,
.h-hot-tag:hover,
body.search .hot-tag:hover,
body.search .h-tag:hover,
body.search .h-hot-tag:hover {
  border-color: var(--black) !important; border-width: .5px !important;
  color: var(--black) !important;
  background: #fff !important;
}

.hot-tag:active,
.h-tag:active,
.h-hot-tag:active,
body.search .hot-tag:active,
body.search .h-tag:active,
body.search .h-hot-tag:active {
  border-color: var(--black) !important; border-width: .5px !important;
  color: #fff !important;
  background: var(--black) !important;
}

body.tax-product_cat .filter-bar .fpill,
body.tax-product_tag .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill,
body.search .filter-bar .fpill {
  height: 30px !important;
  padding: 0 14px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
}

body.tax-product_cat .sort-opt,
body.tax-product_tag .sort-opt,
body.post-type-archive-product .sort-opt,
body.search .sort-opt {
  font-size: 10px !important;
  font-weight: 500 !important;
}

body.tax-product_cat .prod-body,
body.tax-product_tag .prod-body,
body.post-type-archive-product .prod-body,
body.search .prod-body {
  padding: 14px 14px 16px !important;
}

.hf-rule,
.hf-payments-block {
  margin-bottom: 14px !important;
}

.hf-pay-label {
  margin-bottom: 8px !important;
}

.hf-pay-icons svg {
  width: 44px !important;
  height: 28px !important;
}

.h-search-inner {
  height: 42px !important;
  border-radius: 0 !important;
}

.h-search-inner:focus-within,
.h-search-inner *:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Border correction: keep filled UI controls flat; reserve black hairlines for hover/outline states. */
.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.act-cart,
.act-wa,
.btn-wa-ty,
.h-video-btn,
.promo-btn,
.single_add_to_cart_button {
  border: none !important;
  box-shadow: none !important;
}

.btn-checkout:hover,
.btn-login:hover,
.auth-btn:hover,
.btn-shop-now:hover,
.btn-continue:hover,
.btn-place-order:hover:not(:disabled),
.act-cart:hover,
.act-wa:hover,
.h-video-btn:hover,
.promo-btn:hover {
  box-shadow: none !important;
}

.h-brand-chip {
  border: none !important;
  box-shadow: none !important;
}

.h-brand-chip:hover,
.h-brand-chip:active {
  border: none !important;
  box-shadow: none !important;
}

.social-btn {
  border: 1px solid var(--g200) !important;
  box-shadow: none !important;
}

.social-btn-fb {
  border-color: #1877f2 !important;
}

.social-btn-apple {
  border-color: #000 !important; border-width: .5px !important;
}

.express-btn {
  border: none !important;
  box-shadow: none !important;
}

.fpill,
.size-pill,
.spill {
  border: 1px solid var(--g200) !important;
  box-shadow: none !important;
}

.fpill.on,
.size-pill.on,
.spill.on {
  border-color: var(--black) !important; border-width: .5px !important;
}

.single-product .act-cart,
.single-product .act-wa,
.luxe-product-page .act-cart,
.luxe-product-page .act-wa {
  border: none !important;
  box-shadow: none !important;
}

.single-product .act-fav,
.luxe-product-page .act-fav {
  border-color: var(--g200) !important;
}

body.woocommerce-checkout #luxe-payment-group #place_order,
body.woocommerce-checkout #luxe-payment-group #place_order.btn-place-order,
body.woocommerce-checkout #luxe-payment-group .btn-place-order,
body.woocommerce-checkout #luxe-payment-group #place_order:disabled,
body.woocommerce-checkout #luxe-payment-group .btn-place-order.is-disabled {
  border: none !important;
  box-shadow: none !important;
}

/* Product gallery border correction: reference uses a soft circular share control and hairline thumbs. */
.share-fab {
  border: none !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.32) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.share-fab:hover {
  background: rgba(0,0,0,.5) !important;
  box-shadow: none !important;
}

.thumb {
  border: .5px solid transparent !important;
}

.thumb.on {
  border: .5px solid var(--black) !important;
}

/* 404 primary action follows filled-button behavior: flat by default, no extra outline. */
.notfound-actions a,
.notfound-actions .btn-shop-now {
  border: none !important;
  box-shadow: none !important;
}

.notfound-actions a:hover,
.notfound-actions .btn-shop-now:hover {
  box-shadow: none !important;
}

/* Product action bar follows the latest reference: shallow top rule, divider-only favorite cell, filled actions. */
body.single-product .act-bar,
body.luxe-product-page .act-bar {
  height: 52px !important;
  border-top: 1px solid var(--g200) !important;
  box-shadow: none !important;
}

body.single-product .act-fav,
body.luxe-product-page .act-fav {
  width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: 1px solid var(--g200) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  color: var(--g300) !important;
}

body.single-product .act-cart,
body.single-product .act-wa,
body.luxe-product-page .act-cart,
body.luxe-product-page .act-wa {
  height: 52px !important;
  min-height: 52px !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  gap: 7px !important;
}

/* Desktop/tablet shell width: the optimized reference uses a 1000px app surface, not the old 600px phone frame. */
@media (min-width: 601px) {
  body {
    width: 100% !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #luxe-app,
  .luxe-app {
    width: 100% !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .bot-nav,
  body.single-product .bot-nav,
  body.luxe-product-page .bot-nav,
  body.woocommerce-cart .bot-nav,
  body.woocommerce-account .bot-nav,
  body.tax-product_cat .bot-nav,
  body.tax-product_tag .bot-nav,
  body.post-type-archive-product .bot-nav,
  body.search .bot-nav,
  body.error404 .bot-nav {
    width: min(100%, 1000px) !important;
    max-width: 1000px !important;
  }

  .act-bar,
  body.single-product .act-bar,
  body.luxe-product-page .act-bar {
    width: min(100%, 1000px) !important;
    max-width: 1000px !important;
  }

  .size-sheet {
    width: min(100%, 1000px) !important;
    max-width: 1000px !important;
    left: 50% !important;
    right: auto !important;
    margin-left: 0 !important;
    transform: translate(-50%, 100%) !important;
  }

  .size-sheet.on {
    transform: translate(-50%, 0) !important;
  }
}

@media (max-width: 600px) {
  .size-sheet {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    transform: translateY(100%) !important;
  }

  .size-sheet.on {
    transform: translateY(0) !important;
  }
}

@media (max-width: 420px) {
  .h-video-cta {
    bottom: 14px !important;
  }
}

/* Account auth hero: latest reference keeps the black LUXE intro above login tabs. */
body.woocommerce-account:not(.logged-in) .login-hero,
body.woocommerce-account:not(.logged-in) .auth-hero {
  display: block !important;
}

/* Latest reference pass: typography, controls, and product action sizing. */
body {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.nav-logo,
.u-nav-logo,
.checkout-logo {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
}

.pname {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.pprice {
  font-size: 26px !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
}

.prod-name,
.cart-item-name,
.wish-row-name,
.hotnow-name,
.alsolike-name {
  font-weight: 400 !important;
}

.prod-name {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.prod-price,
.hotnow-price,
.alsolike-price {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.h-sec-title,
.module-title,
.related-title {
  text-transform: none !important;
  letter-spacing: .02em !important;
  font-size: 11px !important;
}

.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.act-cart,
.act-wa,
.btn-wa-ty,
.h-video-btn,
.upload-btn,
.promo-btn {
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  border: none !important;
  box-shadow: none !important;
}

.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
}

body.single-product .act-bar,
body.luxe-product-page .act-bar {
  height: 48px !important;
  border-top: 1px solid var(--g200) !important;
  box-shadow: none !important;
}

body.single-product .act-fav,
body.luxe-product-page .act-fav {
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 0 !important;
  border-right: 1px solid var(--g200) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.single-product .act-cart,
body.single-product .act-wa,
body.luxe-product-page .act-cart,
body.luxe-product-page .act-wa {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.fpill {
  height: 30px !important;
  padding: 0 14px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
}

.size-pill {
  min-height: 40px !important;
  padding: 9px 16px !important;
  font-size: 12px !important;
  border-radius: 0 !important;
}

.field input,
.field select,
.field textarea,
.promo-input,
.srch-row,
.h-search-inner,
.otp-box {
  border-radius: 0 !important;
}

button,
input[type="button"],
input[type="submit"],
.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.btn-blk,
.btn-outline,
.btn-wa-ty,
.act-cart,
.act-wa,
.fpill,
.size-pill,
.spill,
.upload-btn,
.promo-btn,
.express-btn,
.social-btn,
.wish-move-btn,
.wish-item-add,
.h-video-btn,
.h-brand-chip,
.h-hot-tag,
.hot-tag,
.chat-send,
.lang-btn,
.badge,
.prod-badge,
.badge-sale,
.badge-new,
.badge-stock,
.badge-oos,
.h-prod-badge,
.h-flash-badge,
.psave,
.stock-warn,
.review-tag,
.tag-chips span,
.order-status-pill {
  border-radius: 0 !important;
}

.prod-card {
  position: relative !important;
  transition: box-shadow .2s ease, opacity .14s !important;
}

.prod-card:hover {
  box-shadow: 0 0 0 .5px var(--black) !important;
  z-index: 2 !important;
}

.carousel-wrap,
.carousel-slide,
.slide-graphic {
  max-height: none !important;
}

.carousel-slide,
.slide-graphic {
  aspect-ratio: 1 !important;
}

.thumb {
  border: .5px solid transparent !important;
}

.thumb.on {
  border: .5px solid var(--black) !important;
}

.thumbs-row {
  gap: 4px !important;
  padding: 6px !important;
}

.home-footer {
  padding: 28px 16px 20px !important;
}

.hf-top,
.hf-social-row,
.hf-links-row,
.hf-payments-block {
  margin-bottom: 16px !important;
}

.hf-rule {
  margin-bottom: 14px !important;
}

.hf-soc-btn {
  width: 38px !important;
  height: 38px !important;
}

.hf-links-row {
  gap: 4px 16px !important;
}

.hf-links-row span {
  font-size: 11px !important;
  padding: 2px 0 !important;
}

body.tax-product_cat .filter-bar .fpill,
body.tax-product_tag .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill,
body.search .filter-bar .fpill {
  border-radius: var(--r) !important;
}

body.single-product .pname,
body.luxe-product-page .pname,
body.single-product .product_title,
body.luxe-product-page .product_title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: block !important;
}

body.woocommerce-cart .luxe-main {
  padding-bottom: calc(var(--bot) + 78px + env(safe-area-inset-bottom, 0)) !important;
}

body.woocommerce-cart .checkout-bar {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: auto !important;
  padding: 12px 15px !important;
  background: #fff !important;
  border-top: 1px solid var(--g200) !important;
  box-sizing: border-box !important;
}

body.woocommerce-cart .btn-checkout {
  width: 100% !important;
  margin: 0 !important;
}

body.woocommerce-cart .cart-item {
  padding: 10px 16px !important;
}

body.woocommerce-cart .cart-item-img {
  width: 68px !important;
  height: 68px !important;
}

body.woocommerce-cart .promo-wrap {
  padding: 8px 15px !important;
}

body.woocommerce-cart .cart-summary {
  padding: 12px 16px !important;
}

/* Latest optimized UI correction: final cascade layer. */
body {
  letter-spacing: -0.005em !important;
}

.nav-logo,
.u-nav-logo,
.checkout-logo {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
}

body.woocommerce-account:not(.logged-in) .login-hero,
body.woocommerce-account:not(.logged-in) .auth-hero {
  padding: 30px var(--px) 26px !important;
}

body.woocommerce-account:not(.logged-in) .login-logo,
body.woocommerce-account:not(.logged-in) .auth-logo {
  font-size: 16px !important;
  letter-spacing: .24em !important;
  margin-bottom: 5px !important;
}

body.woocommerce-account:not(.logged-in) .login-body,
body.woocommerce-account:not(.logged-in) .auth-body {
  padding: 24px var(--px) calc(var(--bot) + 28px) !important;
}

body.woocommerce-account:not(.logged-in) .login-tab {
  padding: 11px 0 !important;
}

body.woocommerce-account:not(.logged-in) .social-btn,
body.woocommerce-account:not(.logged-in) .btn-login,
body.woocommerce-account:not(.logged-in) .auth-btn,
.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.btn-blk,
.promo-btn,
.wish-move-btn,
.wish-item-add {
  border-radius: var(--r2) !important;
}

body.woocommerce-account:not(.logged-in) .btn-login,
body.woocommerce-account:not(.logged-in) .auth-btn {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: none !important;
}

body.woocommerce-account:not(.logged-in) .field input,
body.woocommerce-account:not(.logged-in) .field select,
body.woocommerce-account:not(.logged-in) .field textarea,
.field input,
.field select,
.field textarea,
.social-btn,
.express-btn,
.promo-input,
.co-inp-wrap,
.co-pay-opts,
.co-ship-group,
.otp-box,
.h-search-inner {
  border-radius: var(--r2) !important;
}

.fpill,
.size-pill,
.upload-btn,
.hot-tag,
.h-hot-tag,
.h-brand-chip,
.addr-card,
.coupon-card {
  border-radius: var(--r) !important;
}

.badge,
.prod-badge,
.badge-sale,
.badge-new,
.badge-stock,
.badge-oos,
.h-prod-badge,
.h-flash-badge,
.psave,
.stock-warn,
.review-tag,
.order-status-pill {
  border-radius: 2px !important;
}

.prod-card,
.prod-card:hover {
  box-shadow: none !important;
  outline: none !important;
}

/* Account login compact override must remain at EOF so later UI resets cannot override it. */
@media (max-width: 600px) and (max-height: 760px) {
  body.woocommerce-account:not(.logged-in) .login-hero,
  body.woocommerce-account:not(.logged-in) .auth-hero {
    padding: 22px var(--px) 18px !important;
  }
  body.woocommerce-account:not(.logged-in) .login-body,
  body.woocommerce-account:not(.logged-in) .auth-body {
    padding-top: 16px !important;
    padding-bottom: calc(var(--bot) + 44px + env(safe-area-inset-bottom, 0)) !important;
  }
  body.woocommerce-account:not(.logged-in) .login-tabs {
    margin-bottom: 14px !important;
  }
  body.woocommerce-account:not(.logged-in) .login-tab {
    padding: 8px 0 !important;
    line-height: 1.35 !important;
  }
  body.woocommerce-account:not(.logged-in) .social-btns {
    gap: 8px !important;
    margin-bottom: 14px !important;
  }
  body.woocommerce-account:not(.logged-in) .social-btn {
    height: 44px !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
  }
  body.woocommerce-account:not(.logged-in) .login-or {
    margin-bottom: 14px !important;
    line-height: 1.3 !important;
  }
  body.woocommerce-account:not(.logged-in) .field {
    margin-bottom: 12px !important;
  }
  body.woocommerce-account:not(.logged-in) .field label {
    margin-bottom: 5px !important;
    line-height: 1.2 !important;
  }
  body.woocommerce-account:not(.logged-in) .field input {
    height: 46px !important;
  }
  body.woocommerce-account:not(.logged-in) .login-forgot {
    margin: -5px 0 10px !important;
  }
  body.woocommerce-account:not(.logged-in) .btn-login,
  body.woocommerce-account:not(.logged-in) .auth-btn {
    height: 46px !important;
    min-height: 46px !important;
    padding: 12px !important;
  }
}

/* Search page: visible, tappable back icon matching the reference search bar. */
.search .search-inline-spacer {
  color: var(--black) !important;
  pointer-events: auto !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}

.search .search-inline-spacer:active {
  opacity: .55 !important;
}

/* Account register: compact mobile fit so the create-account action clears bottom nav. */
@media (max-width: 600px) and (max-height: 760px) {
  body.woocommerce-account:not(.logged-in) #login-panel-register .social-btns {
    gap: 6px !important;
    margin-bottom: 10px !important;
  }

  body.woocommerce-account:not(.logged-in) #login-panel-register .social-btn {
    height: 40px !important;
    min-height: 40px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body.woocommerce-account:not(.logged-in) #login-panel-register .login-or {
    margin-bottom: 10px !important;
  }

  body.woocommerce-account:not(.logged-in) #login-panel-register .field {
    margin-bottom: 8px !important;
  }

  body.woocommerce-account:not(.logged-in) #login-panel-register .field input {
    height: 42px !important;
  }

  body.woocommerce-account:not(.logged-in) #login-panel-register .pw-strength {
    height: 3px !important;
    margin-top: 3px !important;
  }

  body.woocommerce-account:not(.logged-in) #login-panel-register #pw-label-reg {
    display: none !important;
  }

  body.woocommerce-account:not(.logged-in) #login-panel-register .woocommerce-privacy-policy-text,
  body.woocommerce-account:not(.logged-in) #login-panel-register .woocommerce-privacy-policy-text p {
    margin: 4px 0 8px !important;
    line-height: 1.45 !important;
  }

  body.woocommerce-account:not(.logged-in) #login-panel-register .login-switch {
    margin-top: 10px !important;
  }
}

/* Final button radius guard: controls are square-edged, while cards/images keep their own shape. */
.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.btn-blk,
.btn-outline,
.btn-wa-ty,
.promo-btn,
.express-btn,
.social-btn,
.wish-move-btn,
.wish-item-add,
.upload-btn,
.co-submit-btn,
.place-order-btn {
  border-radius: 0 !important;
}

body.woocommerce-account:not(.logged-in) .social-btn,
body.woocommerce-account:not(.logged-in) .btn-login,
body.woocommerce-account:not(.logged-in) .auth-btn,
body.woocommerce-account:not(.logged-in) .btn-outline,
body.woocommerce-account:not(.logged-in) button.social-btn,
body.woocommerce-account:not(.logged-in) button.btn-login,
body.woocommerce-account:not(.logged-in) button.auth-btn {
  border-radius: 0 !important;
}

/* Product detail pass: keep the live WooCommerce data, but match the latest UI density. */
body.single-product .pinfo,
body.luxe-product-page .pinfo {
  padding: 16px var(--px) 14px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--g100) !important;
}

body.single-product .attr-blk,
body.luxe-product-page .attr-blk {
  padding: 14px var(--px) !important;
  background: #fff !important;
  border-bottom: 1px solid var(--g100) !important;
}

body.single-product .attr-label,
body.luxe-product-page .attr-label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
  color: var(--g500) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body.single-product .attr-val,
body.luxe-product-page .attr-val {
  color: var(--black) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.single-product .size-guide-link,
body.luxe-product-page .size-guide-link {
  margin-left: auto !important;
  color: var(--g400) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
  text-decoration: underline dotted !important;
}

body.single-product .sizes-row,
body.luxe-product-page .sizes-row {
  gap: 6px !important;
}

body.single-product .spill,
body.luxe-product-page .spill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border: 1px solid var(--g200) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--black) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.single-product .spill.on,
body.luxe-product-page .spill.on {
  background: var(--black) !important;
  border-color: var(--black) !important; border-width: .5px !important;
  color: #fff !important;
  font-weight: 600 !important;
}

body.single-product .ac-header,
body.luxe-product-page .ac-header {
  padding: 15px var(--px) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body.single-product .ac-inner,
body.luxe-product-page .ac-inner {
  padding: 0 var(--px) 16px !important;
  color: var(--g500) !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
}

body.single-product #ac-desc.open .ac-body,
body.luxe-product-page #ac-desc.open .ac-body {
  max-height: 276px !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
}

body.single-product #ac-desc.open .ac-body::-webkit-scrollbar,
body.luxe-product-page #ac-desc.open .ac-body::-webkit-scrollbar {
  display: none !important;
}

body.single-product .act-bar,
body.luxe-product-page .act-bar {
  height: 48px !important;
  border-top: 1px solid var(--g200) !important;
  box-shadow: none !important;
}

body.single-product .act-fav,
body.luxe-product-page .act-fav,
body.single-product .act-cart,
body.single-product .act-wa,
body.luxe-product-page .act-cart,
body.luxe-product-page .act-wa {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 0 !important;
}

@media (max-width: 600px) and (max-height: 740px) {
  body.single-product .carousel-wrap,
  body.luxe-product-page .carousel-wrap {
    height: min(84vw, 268px) !important;
  }

  body.single-product .carousel-slide,
  body.single-product .slide-graphic,
  body.luxe-product-page .carousel-slide,
  body.luxe-product-page .slide-graphic {
    height: 100% !important;
    min-height: 0 !important;
  }

  body.single-product .thumbs-row,
  body.luxe-product-page .thumbs-row {
    height: 58px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    gap: 5px !important;
  }

  body.single-product .thumb,
  body.luxe-product-page .thumb {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }

  body.single-product .pinfo,
  body.luxe-product-page .pinfo {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  body.single-product .badges-row,
  body.luxe-product-page .badges-row {
    margin-bottom: 7px !important;
  }

  body.single-product .pname,
  body.luxe-product-page .pname {
    font-size: 17px !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
  }

  body.single-product .price-row,
  body.luxe-product-page .price-row {
    margin-bottom: 0 !important;
  }

  body.single-product .pprice,
  body.luxe-product-page .pprice {
    font-size: 24px !important;
  }

  body.single-product .attr-blk,
  body.luxe-product-page .attr-blk {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }

  body.single-product .attr-label,
  body.luxe-product-page .attr-label {
    margin-bottom: 8px !important;
  }

  body.single-product .spill,
  body.luxe-product-page .spill {
    min-height: 31px !important;
    padding: 6px 12px !important;
  }
}

/* Archive/filter controls: latest UI uses square-edged buttons. */
body.tax-product_cat .filter-bar .fpill,
body.tax-product_tag .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill,
body.search .filter-bar .fpill {
  border-radius: 0 !important;
}

/* Checkout desktop guard: keep the 1000px app surface centered on PC. */
@media (min-width: 601px) {
  body.woocommerce-checkout,
  body.woocommerce-checkout #luxe-app,
  body.woocommerce-checkout .luxe-app,
  body.woocommerce-checkout .u-nav,
  body.woocommerce-checkout .top-nav,
  body.woocommerce-checkout form.checkout.woocommerce-checkout,
  body.woocommerce-checkout .checkout-body {
    width: min(100%, 1000px) !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.woocommerce-checkout .checkout-body {
    padding-left: clamp(16px, 2.4vw, 32px) !important;
    padding-right: clamp(16px, 2.4vw, 32px) !important;
  }
}

/* Account login/register: latest UI uses the unified nav without the old black hero. */
body.woocommerce-account:not(.logged-in) .login-hero,
body.woocommerce-account:not(.logged-in) .auth-hero {
  display: none !important;
}

body.woocommerce-account:not(.logged-in) .login-body,
body.woocommerce-account:not(.logged-in) .auth-body {
  padding-top: 24px !important;
}

@media (max-width: 600px) and (max-height: 760px) {
  body.woocommerce-account:not(.logged-in) .login-body,
  body.woocommerce-account:not(.logged-in) .auth-body {
    padding-top: 20px !important;
  }
}

/* Product action bar: keep the reduced height, but restore the refined reference typography. */
body.single-product .act-cart,
body.single-product .act-wa,
body.luxe-product-page .act-cart,
body.luxe-product-page .act-wa {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
}

body.single-product .act-cart-label,
body.luxe-product-page .act-cart-label {
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}

/* Home page pass: remove accidental heavy borders while keeping reference hover feedback. */
body.home .h-search {
  background: #fff !important;
  border-bottom: 1px solid var(--g200) !important;
}

body.home .h-search-inner {
  background: var(--g100) !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.home .h-search-inner:focus-within {
  box-shadow: 0 0 0 .5px rgba(10,10,10,.08) !important;
}

body.home .h-search-inp,
body.home .h-search-inp::placeholder {
  font-size: 13px !important;
}

body.home .h-brand-chip {
  border: 1px solid var(--g200) !important;
  border-radius: 2px !important;
  background: #fff !important;
  color: var(--black) !important;
  box-shadow: none !important;
}

body.home .h-brand-chip:hover,
body.home .h-brand-chip:active {
  border-color: var(--black) !important; border-width: .5px !important;
  background: var(--black) !important;
  color: #fff !important;
}

body.home .prod-card,
body.home .h-prod-card {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.home .prod-card:hover,
body.home .prod-card:focus-visible,
body.home .h-prod-card:hover,
body.home .h-prod-card:focus-visible {
  box-shadow: 0 0 0 .5px var(--black) !important;
}

/* Product page: keep size options clear of the fixed action bar on common phone heights. */
@media (max-width: 600px) and (max-height: 850px) {
  body.single-product .carousel-wrap,
  body.luxe-product-page .carousel-wrap {
    height: min(82vw, 294px) !important;
  }

  body.single-product .carousel-slide,
  body.single-product .slide-graphic,
  body.luxe-product-page .carousel-slide,
  body.luxe-product-page .slide-graphic {
    height: 100% !important;
    min-height: 0 !important;
  }

  body.single-product .thumbs-row,
  body.luxe-product-page .thumbs-row {
    height: 58px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    gap: 5px !important;
  }

  body.single-product .thumb,
  body.luxe-product-page .thumb {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }
}

/* Cart page: keep checkout CTA above the fixed bottom navigation. */
body.woocommerce-cart .checkout-bar {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: var(--bot) !important;
  transform: translateX(-50%) !important;
  width: min(100%, 1000px) !important;
  max-width: 1000px !important;
  z-index: 90 !important;
  padding: 10px 15px !important;
  background: #fff !important;
  border-top: 1px solid var(--g200) !important;
}

body.woocommerce-cart .luxe-main {
  padding-bottom: calc(var(--bot) + 88px + env(safe-area-inset-bottom, 0)) !important;
}

/* Checkout CTAs: match the latest reference button typography. */
body.woocommerce-cart .btn-checkout,
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .btn-place-order {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
}

body.woocommerce-checkout #luxe-payment-group #place_order.btn-place-order,
body.woocommerce-checkout #luxe-payment-group .btn-place-order.is-disabled {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* Checkout page: latest UI spacing pass. */
body.woocommerce-checkout .checkout-steps {
  padding: 14px 0 4px !important;
  gap: 6px !important;
  font-size: 11px !important;
}

body.woocommerce-checkout .checkout-steps .step {
  font-weight: 600 !important;
}

body.woocommerce-checkout .co-section-hdr {
  padding: 16px 0 10px !important;
}

body.woocommerce-checkout .express-btn {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Product detail action bar: latest UI button size and typography. */
body.single-product .act-bar,
body.luxe-product-page .act-bar {
  height: 48px !important;
}

body.single-product .act-fav,
body.luxe-product-page .act-fav {
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
}

body.single-product .act-wa,
body.luxe-product-page .act-wa {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
}

body.single-product .act-cart,
body.luxe-product-page .act-cart {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
}

/* Global primary buttons: final pass for the updated reference font scale. */
.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  border-radius: 0 !important;
}

body.woocommerce-account .btn-login,
body.woocommerce-account .auth-btn,
body.woocommerce-account .woocommerce-button {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  border-radius: 0 !important;
}

body.woocommerce-account:not(.logged-in) .btn-login,
body.woocommerce-account:not(.logged-in) .auth-btn {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  border-radius: 0 !important;
}

.acc-section-title,
.settings-section-title,
.search-section-title {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  color: var(--g400) !important;
}

/* Latest reference control polish: square form/search controls and 48px coupon row. */
.field input,
.field select,
.field textarea,
body.woocommerce-account:not(.logged-in) .field input,
body.woocommerce-account:not(.logged-in) .field select,
body.woocommerce-account:not(.logged-in) .field textarea,
.search-input-row,
.srch-row,
.h-search-inner,
.otp-box,
.search-input-row input,
input[type="search"] {
  border-radius: 0 !important;
}

body.woocommerce-cart .promo-input {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 13px !important;
  border-radius: 0 !important;
}

body.woocommerce-cart .promo-btn {
  height: 48px !important;
  min-height: 48px !important;
  font-size: 12px !important;
  border-radius: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.search .search-input-row,
.search .search-input-row {
  border-radius: 0 !important;
}

/* Latest optimized UI cascade: Moderno button typography after size/radius fixes. */
.btn-checkout,
.btn-login,
.auth-btn,
.btn-shop-now,
.btn-continue,
.btn-place-order,
.act-cart,
.act-wa,
.btn-wa-ty,
.h-video-btn,
.upload-btn,
.promo-btn,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
button.button,
input[type="submit"],
input[type="button"],
body.woocommerce-account .btn-login,
body.woocommerce-account .auth-btn,
body.woocommerce-account .woocommerce-button,
body.woocommerce-account:not(.logged-in) .btn-login,
body.woocommerce-account:not(.logged-in) .auth-btn,
body.woocommerce-cart .btn-checkout,
body.woocommerce-cart .promo-btn,
body.woocommerce-checkout #luxe-payment-group #place_order.btn-place-order,
body.single-product .act-cart,
body.single-product .act-wa,
body.luxe-product-page .act-cart,
body.luxe-product-page .act-wa {
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.attr-blk.luxe-option-attention {
  outline: .5px solid var(--black) !important;
  outline-offset: -1px !important;
}

body.woocommerce-checkout .checkout-body {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Latest UI typography/size audit pass: align remaining Moderno details. */
.nav-logo,
.u-nav-logo,
.h-nav-logo {
  letter-spacing: .15em !important;
}

.h-sec-title,
.module-title,
.related-title {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

.h-cat-img {
  width: 60px !important;
  height: 60px !important;
}

.h-trust-item {
  padding: 24px 10px !important;
}

.prod-body {
  padding: 14px 14px 16px !important;
}

.prod-badge,
.badge-sale,
.badge-new,
.badge-stock,
.badge-oos,
.h-prod-badge {
  border-radius: 0 !important;
}

.ac-header {
  padding: 17px 16px !important;
}

.alsolike-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

.alsolike-name {
  font-size: 11px !important;
  font-weight: 400 !important;
  -webkit-line-clamp: 1 !important;
}

.alsolike-price {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.alsolike-body {
  padding: 7px 8px 10px !important;
}

.qty-btn,
.qty-num {
  width: 44px !important;
  height: 44px !important;
}

.qty-num {
  font-size: 13px !important;
}

body.home .h-sec-title,
body.home .module-title,
body.home .related-title {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

body.single-product .ac-header,
body.luxe-product-page .ac-header {
  padding: 17px 16px !important;
}

body.home #luxe-footer.home-footer,
body.home .home-footer,
body:not(.woocommerce-checkout):not(.woocommerce-order-received):not(.woocommerce-page):not(.single-product):not(.tax-product_cat):not(.post-type-archive-product):not(.search):not(.error404) #luxe-footer.home-footer {
  padding: 28px 16px 20px !important;
  margin-bottom: 0 !important;
}

body.single-product .carousel-wrap,
body.luxe-product-page .carousel-wrap,
body.single-product .carousel-slide,
body.luxe-product-page .carousel-slide,
body.single-product .slide-graphic,
body.luxe-product-page .slide-graphic {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  max-height: none !important;
}

/* Codex QA v1.0.255: product list page, match latest reference spacing and interaction. */
body.tax-product_cat .filter-bar,
body.tax-product_tag .filter-bar,
body.post-type-archive-product .filter-bar,
body.search .filter-bar {
  padding: 9px var(--px) !important;
  gap: 6px !important;
  border-bottom: 1px solid var(--g200) !important;
}

body.tax-product_cat .filter-bar .fpill,
body.tax-product_tag .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill,
body.search .filter-bar .fpill {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 14px !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .09em !important;
  line-height: 1 !important;
}

body.tax-product_cat .sort-bar,
body.tax-product_tag .sort-bar,
body.post-type-archive-product .sort-bar,
body.search .sort-bar {
  min-height: 36px !important;
  padding: 9px var(--px) !important;
  border-bottom: 1px solid var(--g200) !important;
  gap: 12px !important;
}

body.tax-product_cat .sort-count,
body.tax-product_tag .sort-count,
body.post-type-archive-product .sort-count,
body.search .sort-count {
  font-size: 11px !important;
  color: var(--g400) !important;
  letter-spacing: .02em !important;
  line-height: 1.6 !important;
}

body.tax-product_cat .sort-opts,
body.tax-product_tag .sort-opts,
body.post-type-archive-product .sort-opts,
body.search .sort-opts {
  gap: 14px !important;
}

body.tax-product_cat .sort-opt,
body.tax-product_tag .sort-opt,
body.post-type-archive-product .sort-opt,
body.search .sort-opt {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .09em !important;
  line-height: 1.6 !important;
}

body.tax-product_cat .sort-opt.on,
body.tax-product_tag .sort-opt.on,
body.post-type-archive-product .sort-opt.on,
body.search .sort-opt.on {
  font-weight: 700 !important;
}

body.tax-product_cat .prod-card button.prod-heart,
body.tax-product_tag .prod-card button.prod-heart,
body.post-type-archive-product .prod-card button.prod-heart,
body.search .prod-card button.prod-heart {
  display: none !important;
}

body.tax-product_cat .prod-card .prod-heart-inline,
body.tax-product_tag .prod-card .prod-heart-inline,
body.post-type-archive-product .prod-card .prod-heart-inline,
body.search .prod-card .prod-heart-inline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  color: var(--g300) !important;
  cursor: pointer !important;
  line-height: 1 !important;
  -webkit-tap-highlight-color: transparent;
}

body.tax-product_cat .prod-card .prod-heart-inline.on,
body.tax-product_tag .prod-card .prod-heart-inline.on,
body.post-type-archive-product .prod-card .prod-heart-inline.on,
body.search .prod-card .prod-heart-inline.on {
  color: var(--red) !important;
}

body.tax-product_cat .prod-card .prod-heart-inline svg,
body.tax-product_tag .prod-card .prod-heart-inline svg,
body.post-type-archive-product .prod-card .prod-heart-inline svg,
body.search .prod-card .prod-heart-inline svg {
  width: 15px !important;
  height: 15px !important;
}

body.tax-product_cat .prod-card:hover,
body.tax-product_cat .prod-card:focus-visible,
body.tax-product_tag .prod-card:hover,
body.tax-product_tag .prod-card:focus-visible,
body.post-type-archive-product .prod-card:hover,
body.post-type-archive-product .prod-card:focus-visible,
body.search .prod-card:hover,
body.search .prod-card:focus-visible {
  box-shadow: 0 0 0 .5px var(--black) !important;
  z-index: 2 !important;
}

/* Category product-list pages should stay flat: no dynamic border on product cards. */
body.tax-product_cat .prod-card:hover,
body.tax-product_cat .prod-card:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}

/* Codex QA v1.0.256: category root panel spacing follows latest reference. */
body.tax-product_cat .cat-side-item,
body.post-type-archive-product .shop-cat-layout .cat-side-item {
  padding: 13px 8px !important;
  line-height: 1.35 !important;
}

body.tax-product_cat .panel-section {
  padding: 12px var(--px) 4px !important;
}

body.post-type-archive-product .shop-cat-layout .panel-section {
  padding: 12px var(--px) 4px !important;
}

body.tax-product_cat .panel-section-viewall,
body.post-type-archive-product .shop-cat-layout .panel-section-viewall {
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 1.6 !important;
  text-transform: none !important;
}

/* Codex QA v1.0.257: product action labels stay readable on narrow product pages. */
body.single-product .act-cart,
body.single-product .act-wa,
body.luxe-product-page .act-cart,
body.luxe-product-page .act-wa,
body.single-product .act-cart-label,
body.luxe-product-page .act-cart-label {
  white-space: nowrap !important;
}

/* Codex QA v1.0.259: search chips use the same square control style as the reference. */
body.search .hot-tag,
body.search .h-tag {
  min-height: 30px !important;
  border-radius: 0 !important;
  border: 1px solid var(--g200) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 1.6 !important;
}

/* Codex QA v1.0.263: product detail bottom actions are lower than checkout CTAs. */
body.single-product .act-bar,
body.luxe-product-page .act-bar {
  height: 44px !important;
  min-height: 44px !important;
  bottom: var(--bot) !important;
  padding-bottom: 0 !important;
  border-top: 1px solid var(--g200) !important;
  box-shadow: none !important;
}

body.single-product .act-fav,
body.luxe-product-page .act-fav {
  width: 48px !important;
  height: 44px !important;
  min-height: 44px !important;
}

body.single-product .act-wa,
body.luxe-product-page .act-wa,
body.single-product .act-cart,
body.luxe-product-page .act-cart {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 8px !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.single-product .act-wa,
body.luxe-product-page .act-wa {
  text-transform: none !important;
}

body.single-product .act-cart,
body.luxe-product-page .act-cart,
body.single-product .act-cart-label,
body.luxe-product-page .act-cart-label {
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

body.single-product .act-wa .wa-official-icon,
body.luxe-product-page .act-wa .wa-official-icon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}

body.single-product .luxe-main,
body.luxe-product-page .luxe-main {
  padding-bottom: calc(var(--bot) + 52px + env(safe-area-inset-bottom, 0px)) !important;
}

body.single-product #luxe-toast,
body.luxe-product-page #luxe-toast {
  bottom: calc(var(--bot) + 52px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Codex QA v1.0.264: align latest reference button/type metrics. */
body.home .h-video-btn,
body.home .btn-shop-now {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 28px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  border-radius: 0 !important;
}

body.home .h-search-inp {
  font-size: 14px !important;
}

body.tax-product_cat .prod-name,
body.tax-product_tag .prod-name,
body.post-type-archive-product .prod-name,
body.search .prod-name,
body.tax-product_cat .woocommerce-loop-product__title,
body.tax-product_tag .woocommerce-loop-product__title,
body.post-type-archive-product .woocommerce-loop-product__title,
body.search .woocommerce-loop-product__title {
  letter-spacing: -.005em !important;
}

body.tax-product_cat .prod-price,
body.tax-product_tag .prod-price,
body.post-type-archive-product .prod-price,
body.search .prod-price,
body.tax-product_cat .price,
body.tax-product_tag .price,
body.post-type-archive-product .price,
body.search .price {
  letter-spacing: -.01em !important;
}

body.woocommerce-cart .promo-btn {
  background: var(--black) !important;
  color: #fff !important;
}

body.single-product .act-bar,
body.luxe-product-page .act-bar {
  height: 52px !important;
  min-height: 52px !important;
  bottom: var(--bot) !important;
  padding-bottom: 0 !important;
}

body.single-product .act-fav,
body.luxe-product-page .act-fav,
body.single-product .act-wa,
body.luxe-product-page .act-wa,
body.single-product .act-cart,
body.luxe-product-page .act-cart {
  height: 48px !important;
  min-height: 48px !important;
}

body.single-product .act-wa,
body.luxe-product-page .act-wa,
body.single-product .act-cart,
body.luxe-product-page .act-cart {
  padding: 0 4px !important;
  gap: 7px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

body.single-product .act-wa,
body.luxe-product-page .act-wa {
  background: #22C55E !important;
}

body.single-product .act-cart-label,
body.luxe-product-page .act-cart-label {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

/* Codex QA v1.0.265: tighten remaining type metrics from the full UI audit. */
body.single-product .ac-header,
body.luxe-product-page .ac-header {
  letter-spacing: -.005em !important;
  background: transparent !important;
}

body.single-product .ac-item.open .ac-header,
body.luxe-product-page .ac-item.open .ac-header {
  font-weight: 600 !important;
  background: transparent !important;
}

body.woocommerce-cart .cart-item-name,
body.woocommerce-cart .cart-item-name a {
  line-height: 1.4 !important;
  letter-spacing: -.005em !important;
}

body.post-type-archive-product .shop-cat-layout .cat-side-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 41px !important;
  padding: 0 8px !important;
  line-height: 1.25 !important;
}

/* Codex QA v1.0.266: exact internal button metrics from the reference UI. */
body.home .h-video-btn,
body.home .btn-shop-now {
  padding: 12px 28px !important;
  line-height: normal !important;
  box-sizing: border-box !important;
}

body.single-product .act-wa,
body.luxe-product-page .act-wa,
body.single-product .act-cart,
body.luxe-product-page .act-cart {
  padding: 16px 4px !important;
  line-height: normal !important;
  box-sizing: border-box !important;
}

body.woocommerce-cart .btn-checkout {
  padding: 14px !important;
  line-height: normal !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout #luxe-payment-group #place_order.btn-place-order,
body.woocommerce-checkout #luxe-payment-group .btn-place-order,
body.woocommerce-checkout .btn-place-order {
  padding: 15px !important;
  line-height: normal !important;
  box-sizing: border-box !important;
}

body.woocommerce-account:not(.logged-in) .btn-login,
body.woocommerce-account:not(.logged-in) .auth-btn {
  padding: 0 !important;
  line-height: normal !important;
  box-sizing: border-box !important;
}

body.post-type-archive-product .shop-cat-layout .panel-section-viewall {
  letter-spacing: -.005em !important;
}

body.post-type-archive-product .shop-cat-layout .panel-section-viewall::after {
  content: " \203A";
}

/* Codex QA v1.0.267: cart density and quantity control match the latest reference UI. */
body.woocommerce-cart .cart-item {
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 14px 16px !important;
}

body.woocommerce-cart .cart-item > a,
body.woocommerce-cart .cart-item-img {
  width: 72px !important;
  height: 72px !important;
  flex-basis: 72px !important;
}

body.woocommerce-cart .qty-ctrl {
  height: 46px !important;
  min-height: 46px !important;
  overflow: hidden !important;
}

body.woocommerce-cart .qty-btn,
body.woocommerce-cart .qty-num {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
}

body.woocommerce-cart .cart-summary {
  padding: 16px 16px !important;
}

body.woocommerce-cart .cart-sum-row {
  margin-bottom: 8px !important;
}

body.woocommerce-cart .cart-sum-row.total {
  padding-top: 12px !important;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
  font-weight: 700 !important;
}

/* Codex QA v1.0.277: restore the reference hero and classic cart/checkout surface. */
body.home .h-video-content {
  padding: 32px !important;
  justify-content: center !important;
  text-align: center !important;
}

body.home .h-video-placeholder {
  background:
    linear-gradient(to bottom, rgba(0,0,0,.3) 0%, rgba(0,0,0,.15) 40%, rgba(0,0,0,.55) 100%),
    url("../media/luxe-hero-poster.png") center / cover no-repeat !important;
}

body.home .h-video-eyebrow {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .3em !important;
  color: rgba(255,255,255,.7) !important;
  margin-bottom: 16px !important;
  text-transform: uppercase !important;
}

body.home .h-video-title {
  font-size: 64px !important;
  font-weight: 700 !important;
  letter-spacing: .28em !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
  color: #fff !important;
  text-shadow: 0 2px 24px rgba(0,0,0,.4) !important;
}

body.home .h-video-line {
  width: 48px !important;
  height: 1px !important;
  background: rgba(255,255,255,.5) !important;
  margin: 0 auto 16px !important;
}

body.home .h-video-sub {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.75) !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body.woocommerce-cart .bag-section-head {
  display: none !important;
}

body.home .announce-bar {
  background: #0a0a0a !important;
  overflow: hidden !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
}

body.home .announce-track {
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  animation: announce-scroll 32s linear infinite !important;
  will-change: transform !important;
}

body.home .announce-track:hover {
  animation-play-state: paused !important;
}

body.home .announce-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 40px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.85) !important;
  white-space: nowrap !important;
}

body.home .announce-dot {
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.3) !important;
  flex-shrink: 0 !important;
}

body.woocommerce-checkout .co-check {
  accent-color: var(--blue) !important;
}

@keyframes announce-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  body.home .announce-track {
    animation: none !important;
  }
}

/* Codex QA v1.0.268: small type/size parity pass from clickable reference screens. */
body.home .h-brand-chip {
  padding-left: 13px !important;
  padding-right: 13px !important;
  border-radius: 0 !important;
}

body.post-type-archive-product .shop-cat-layout .panel-prod-name {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 13.5px !important;
  max-height: 13.5px !important;
}

body.tax-product_cat .filter-bar .fpill,
body.tax-product_tag .filter-bar .fpill,
body.post-type-archive-product .filter-bar .fpill,
body.search .filter-bar .fpill,
body.tax-product_cat .sort-opt,
body.tax-product_tag .sort-opt,
body.post-type-archive-product .sort-opt,
body.search .sort-opt {
  letter-spacing: .08em !important;
}

body.single-product .price-row,
body.luxe-product-page .price-row {
  margin-bottom: 0 !important;
}

body.single-product .attr-label,
body.luxe-product-page .attr-label {
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
}

body.single-product .size-guide-link,
body.luxe-product-page .size-guide-link {
  line-height: 1 !important;
}

body.single-product .spill,
body.luxe-product-page .spill {
  min-height: 40px !important;
  padding: 9px 16px !important;
}

body.woocommerce-account:not(.logged-in) .login-tab,
body.woocommerce-account:not(.logged-in) .auth-tab {
  letter-spacing: -.005em !important;
}

body.woocommerce-account:not(.logged-in) .social-btn {
  line-height: normal !important;
}

/* Codex QA v1.0.271: checkout shipping option matches the reference two-line control. */
body.woocommerce-checkout label.co-ship-opt {
  min-height: 69px !important;
  padding: 12px 14px !important;
  gap: 11px !important;
  align-items: center !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  line-height: 22.4px !important;
  letter-spacing: -.005em !important;
}

body.woocommerce-checkout label.co-ship-opt .co-ship-body {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.woocommerce-checkout label.co-ship-opt .co-ship-name,
body.woocommerce-checkout label.co-ship-opt .co-ship-price {
  font-size: 13px !important;
  line-height: 20.8px !important;
  letter-spacing: -.005em !important;
}

body.woocommerce-checkout label.co-ship-opt .co-ship-sub {
  display: block !important;
  margin-top: 0 !important;
  font-size: 13px !important;
  line-height: 22.4px !important;
  letter-spacing: -.005em !important;
  color: var(--g500) !important;
}

body.woocommerce-checkout label.co-ship-opt .co-ship-price-free,
body.woocommerce-checkout label.co-ship-opt .co-ship-price.free,
body.woocommerce-checkout label.co-ship-opt .co-ship-price.free-shipping {
  color: var(--free-green) !important;
}

/* Codex QA v1.0.272: button/type details from the reference audit. */
body.home .h-search-inner {
  border-radius: 0 !important;
}

body.single-product .size-guide-link,
body.luxe-product-page .size-guide-link {
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 10px !important;
  letter-spacing: .02em !important;
}

body.woocommerce-cart .checkout-bar {
  padding: 12px 16px !important;
}

body.woocommerce-checkout .checkout-body {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body.woocommerce-checkout .checkout-steps {
  padding-top: 12px !important;
  gap: 5px !important;
}

body.woocommerce-checkout .checkout-steps .step {
  font-weight: 700 !important;
}

body.woocommerce-checkout .co-check-row {
  line-height: 20.8px !important;
  letter-spacing: -.005em !important;
}

body.woocommerce-checkout label.co-check-row,
body.woocommerce-checkout label.co-check-row span {
  line-height: 20.8px !important;
  letter-spacing: -.005em !important;
}

/* Codex QA v1.0.273: reference cards do not show view counts or inline wishlist icons. */
body.home .prod-card .prod-meta,
body.tax-product_cat .prod-card .prod-meta,
body.tax-product_tag .prod-card .prod-meta,
body.post-type-archive-product .prod-card .prod-meta,
body.search .prod-card .prod-meta {
  display: none !important;
}

/* Codex QA v1.0.274: complete home reviews/footer from the reference. */
body.home .h-reviews-sec {
  display: block !important;
  background: #fff !important;
  border-top: 1px solid var(--g200) !important;
  padding: 0 0 16px !important;
}

body.home .h-reviews-scroll {
  display: flex !important;
  gap: 12px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  padding: 0 var(--px) 14px !important;
}

body.home .h-rv-card {
  flex: 0 0 min(220px, calc(100vw - 48px)) !important;
  min-height: 190px !important;
  border: 1px solid var(--g200) !important;
  background: #fff !important;
  border-radius: 0 !important;
  padding: 14px 16px 16px !important;
  scroll-snap-align: start !important;
}

body.home .h-reviews-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 2px 16px 0 !important;
  color: #00a86b !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

body.home .h-reviews-link svg {
  width: 13px !important;
  height: 13px !important;
}

#luxe-footer.home-footer,
.home-footer {
  padding: 26px 16px 46px !important;
  background: #0a0a0a !important;
}

#luxe-footer .hf-brand-name {
  margin-bottom: 8px !important;
}

#luxe-footer .hf-brand-tag {
  color: rgba(255,255,255,.36) !important;
}

#luxe-footer .hf-social-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 16px 0 16px !important;
}

#luxe-footer .hf-soc-btn {
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
}

#luxe-footer .hf-soc-btn.is-disabled {
  pointer-events: none !important;
}

#luxe-footer .hf-links-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px 18px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

#luxe-footer .footer-link {
  color: rgba(255,255,255,.58) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

#luxe-footer .footer-link.is-disabled {
  pointer-events: none !important;
}

#luxe-footer .hf-rule {
  height: 1px !important;
  background: rgba(255,255,255,.08) !important;
  margin: 0 0 10px !important;
}

#luxe-footer .hf-payments-block {
  margin: 0 0 10px !important;
}

#luxe-footer .hf-pay-icons {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
}

#luxe-footer .hf-pay-card {
  display: block !important;
  height: 22px !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,.68) !important;
}

#luxe-footer .hf-bottom-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

#luxe-footer .hf-lang {
  min-width: 94px !important;
  height: 26px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: transparent !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 11px !important;
  text-align: left !important;
  padding: 0 12px !important;
  font-family: inherit !important;
}

#luxe-footer .hf-copy {
  flex: 1 1 auto !important;
  text-align: right !important;
  font-size: 10px !important;
  color: rgba(255,255,255,.22) !important;
}

body.home #luxe-footer.home-footer,
body.home .home-footer {
  padding: 26px 16px 46px !important;
  margin-bottom: var(--bot) !important;
}

body:not(.woocommerce-checkout):not(.woocommerce-order-received):not(.woocommerce-page):not(.single-product):not(.tax-product_cat):not(.post-type-archive-product):not(.search):not(.error404) #luxe-footer.home-footer {
  padding: 26px 16px 46px !important;
  margin-bottom: var(--bot) !important;
}

/* Codex QA v1.0.275: product listing media squares keep the reference neutral fill. */
body.tax-product_cat .prod-img-wrap,
body.tax-product_tag .prod-img-wrap,
body.post-type-archive-product .prod-img-wrap,
body.search .prod-img-wrap,
body.tax-product_cat .prod-img,
body.tax-product_tag .prod-img,
body.post-type-archive-product .prod-img,
body.search .prod-img {
  background: var(--g100) !important;
}

/* Codex QA v1.0.276: product thumbnails match the reference media tile fill. */
body.single-product .thumb,
body.luxe-product-page .thumb,
body.single-product .thumb-inner,
body.luxe-product-page .thumb-inner {
  background-color: var(--g100) !important;
}

body.single-product .thumb-inner,
body.luxe-product-page .thumb-inner {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Codex QA v1.0.277: undo earlier compact-phone override so thumbnails keep reference size. */
@media (max-width: 600px) and (max-height: 850px) {
  body.single-product .thumbs-row,
  body.luxe-product-page .thumbs-row {
    height: auto !important;
    padding: 6px !important;
    gap: 4px !important;
  }

  body.single-product .thumb,
  body.luxe-product-page .thumb {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    aspect-ratio: 1 / 1 !important;
  }
}

@media (min-width: 700px) {
  #luxe-footer .hf-pay-icons {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
}

/* Codex QA v1.0.278: close remaining selector-level differences against the supplied UI. */
body.home .luxe-main {
  padding-bottom: 0 !important;
}

body.home .h-cat-card {
  gap: 10px !important;
}

body.home .h-cat-name {
  margin-top: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.home #luxe-footer.home-footer,
body.home .home-footer {
  padding: 28px 16px 20px !important;
  margin-bottom: var(--bot) !important;
}

body.home #luxe-footer .hf-pay-icons,
body.home .home-footer .hf-pay-icons {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin-bottom: 11px !important;
}

body.home #luxe-footer .hf-pay-card,
body.home .home-footer .hf-pay-card {
  height: 24px !important;
  min-width: 0 !important;
}

body.single-product .share-fab,
body.luxe-product-page .share-fab {
  top: 10px !important;
  right: 10px !important;
  width: 32px !important;
  height: 32px !important;
  background: rgba(0,0,0,.22) !important;
}

body.single-product .share-fab:hover,
body.luxe-product-page .share-fab:hover {
  background: rgba(0,0,0,.42) !important;
}

body.single-product .thumb,
body.luxe-product-page .thumb,
body.single-product .thumb-inner,
body.luxe-product-page .thumb-inner {
  border-radius: 3px !important;
}

body.woocommerce-cart .cart-item-img {
  border-radius: 3px !important;
}

body.woocommerce-cart .qty-ctrl {
  border-radius: 3px !important;
}

body.woocommerce-cart .promo-wrap {
  padding: 12px 16px !important;
}

body.woocommerce-cart .promo-btn {
  padding-left: 18px !important;
  padding-right: 18px !important;
  line-height: normal !important;
}

body.woocommerce-checkout .co-section {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body.woocommerce-checkout #luxe-payment-group .place-order,
body.woocommerce-checkout #luxe-payment-group .form-row.place-order {
  margin-left: -16px !important;
  margin-right: -16px !important;
  width: calc(100% + 32px) !important;
}

body.woocommerce-checkout #luxe-payment-group #place_order.btn-place-order {
  width: 100% !important;
}

body.home #luxe-app #luxe-footer.home-footer {
  min-height: 346px !important;
}

/* Codex QA v1.0.279: shop category panel cards link to categories; keep hover border visible without image zoom. */
body.post-type-archive-product .shop-cat-layout .panel-prod-item {
  position: relative !important;
}

body.post-type-archive-product .shop-cat-layout .panel-prod-item::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  box-sizing: border-box !important;
  border: .5px solid var(--black) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.post-type-archive-product .shop-cat-layout .panel-prod-item:hover,
body.post-type-archive-product .shop-cat-layout .panel-prod-item:focus-visible,
body.post-type-archive-product .shop-cat-layout .panel-prod-item:active {
  box-shadow: none !important;
}

body.post-type-archive-product .shop-cat-layout .panel-prod-item:hover::after,
body.post-type-archive-product .shop-cat-layout .panel-prod-item:focus-visible::after,
body.post-type-archive-product .shop-cat-layout .panel-prod-item:active::after {
  opacity: 1 !important;
}

body.post-type-archive-product .shop-cat-layout .panel-prod-item:hover .panel-prod-img,
body.post-type-archive-product .shop-cat-layout .panel-prod-item:focus-visible .panel-prod-img,
body.post-type-archive-product .shop-cat-layout .panel-prod-item:active .panel-prod-img {
  transform: none !important;
}

body.post-type-archive-product .shop-cat-layout .panel-prod-img-wrap,
body.post-type-archive-product .shop-cat-layout .panel-prod-img {
  background: var(--g100) !important;
}

body.post-type-archive-product .shop-cat-layout .panel-prod-img {
  object-fit: contain !important;
}

/* Codex QA v1.0.280: checkout selects use a clean Shopify-style custom menu with no visible placeholder label or focus border. */
body.woocommerce-checkout .co-sel-wrap {
  align-items: center !important;
  flex-direction: row !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border-color: var(--g200) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.woocommerce-checkout .co-sel-wrap:focus-within,
body.woocommerce-checkout .co-sel-wrap.is-open {
  border-color: var(--g200) !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .co-sel-wrap .co-inp-lbl {
  display: none !important;
}

body.woocommerce-checkout .co-sel-wrap .co-sel-ic {
  z-index: 3 !important;
}

body.woocommerce-checkout .co-sel-wrap:not(.luxe-select-ready) select.co-sel {
  height: 48px !important;
  padding: 0 38px 0 14px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: #fff !important;
}

body.woocommerce-checkout .co-sel-wrap.luxe-select-ready select.co-sel {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.woocommerce-checkout .luxe-select-toggle {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 38px 0 14px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  color: var(--black) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 48px !important;
  text-align: left !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.woocommerce-checkout .luxe-select-toggle:focus,
body.woocommerce-checkout .luxe-select-toggle:focus-visible,
body.woocommerce-checkout .luxe-select-toggle:active {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .luxe-select-menu {
  display: none !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 2px) !important;
  z-index: 1200 !important;
  max-height: min(360px, calc(100vh - 120px)) !important;
  overflow-y: auto !important;
  padding: 6px 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: 0 16px 28px rgba(0,0,0,.12) !important;
}

body.woocommerce-checkout .co-sel-wrap.is-open .luxe-select-menu {
  display: block !important;
}

body.woocommerce-checkout .luxe-select-option {
  width: 100% !important;
  min-height: 36px !important;
  padding: 8px 14px !important;
  border: 0 !important;
  outline: 0 !important;
  background: #fff !important;
  color: var(--black) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.woocommerce-checkout .luxe-select-option:hover,
body.woocommerce-checkout .luxe-select-option.is-active {
  background: var(--g100) !important;
}

body.woocommerce-checkout .luxe-select-option.is-selected {
  background: var(--g50) !important;
  font-weight: 500 !important;
}

body.woocommerce-checkout .luxe-select-option[aria-disabled="true"] {
  display: none !important;
}

/* Codex QA v1.0.282: restore product-category archive card borders. */
body.tax-product_cat .prod-grid {
  gap: 1px !important;
  background: var(--g200) !important;
}

body.tax-product_cat .prod-card {
  position: relative !important;
  box-shadow: inset 0 0 0 1px var(--g200) !important;
  outline: 0 !important;
  background: #fff !important;
  z-index: 1 !important;
}

body.tax-product_cat .prod-img-wrap {
  box-shadow: inset 0 0 0 1px var(--g200) !important;
  background: var(--g100) !important;
}

body.tax-product_cat .prod-card:hover,
body.tax-product_cat .prod-card:focus-visible {
  box-shadow: inset 0 0 0 .5px var(--black) !important;
  outline: 0 !important;
  z-index: 2 !important;
}

body.tax-product_cat .prod-card:hover .prod-img-wrap,
body.tax-product_cat .prod-card:focus-visible .prod-img-wrap {
  box-shadow: inset 0 0 0 .5px var(--black) !important;
}

body.tax-product_cat .prod-card .prod-img,
body.tax-product_cat .prod-card:hover .prod-img,
body.tax-product_cat .prod-card:focus-visible .prod-img {
  transform: none !important;
}

/* Codex QA v1.0.283: product detail recommendation grids keep visible card borders. */
body.luxe-product-page .hotnow-grid,
body.luxe-product-page .alsolike-grid,
body.luxe-product-page .related-grid,
body.single-product .hotnow-grid,
body.single-product .alsolike-grid,
body.single-product .related-grid {
  gap: 1px !important;
  background: var(--g200) !important;
}

body.luxe-product-page .hotnow-item,
body.luxe-product-page .alsolike-card,
body.luxe-product-page .related-card,
body.luxe-product-page .hot-prod-card,
body.single-product .hotnow-item,
body.single-product .alsolike-card,
body.single-product .related-card,
body.single-product .hot-prod-card {
  position: relative !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.luxe-product-page .hotnow-item::after,
body.luxe-product-page .alsolike-card::after,
body.luxe-product-page .related-card::after,
body.luxe-product-page .hot-prod-card::after,
body.single-product .hotnow-item::after,
body.single-product .alsolike-card::after,
body.single-product .related-card::after,
body.single-product .hot-prod-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  box-shadow: inset 0 0 0 1px var(--g200) !important;
}

body.luxe-product-page .hotnow-item:hover::after,
body.luxe-product-page .hotnow-item:focus-visible::after,
body.luxe-product-page .alsolike-card:hover::after,
body.luxe-product-page .alsolike-card:focus-visible::after,
body.luxe-product-page .related-card:hover::after,
body.luxe-product-page .related-card:focus-visible::after,
body.luxe-product-page .hot-prod-card:hover::after,
body.luxe-product-page .hot-prod-card:focus-visible::after,
body.single-product .hotnow-item:hover::after,
body.single-product .hotnow-item:focus-visible::after,
body.single-product .alsolike-card:hover::after,
body.single-product .alsolike-card:focus-visible::after,
body.single-product .related-card:hover::after,
body.single-product .related-card:focus-visible::after,
body.single-product .hot-prod-card:hover::after,
body.single-product .hot-prod-card:focus-visible::after {
  box-shadow: inset 0 0 0 .5px var(--black) !important;
}

body.luxe-product-page .hotnow-img,
body.luxe-product-page .alsolike-img,
body.luxe-product-page .related-img,
body.luxe-product-page .hot-prod-img,
body.luxe-product-page .hotnow-item:hover .hotnow-img,
body.luxe-product-page .hotnow-item:focus-visible .hotnow-img,
body.luxe-product-page .alsolike-card:hover .alsolike-img,
body.luxe-product-page .alsolike-card:focus-visible .alsolike-img,
body.luxe-product-page .related-card:hover .related-img,
body.luxe-product-page .related-card:focus-visible .related-img,
body.luxe-product-page .hot-prod-card:hover .hot-prod-img,
body.luxe-product-page .hot-prod-card:focus-visible .hot-prod-img,
body.single-product .hotnow-img,
body.single-product .alsolike-img,
body.single-product .related-img,
body.single-product .hot-prod-img,
body.single-product .hotnow-item:hover .hotnow-img,
body.single-product .hotnow-item:focus-visible .hotnow-img,
body.single-product .alsolike-card:hover .alsolike-img,
body.single-product .alsolike-card:focus-visible .alsolike-img,
body.single-product .related-card:hover .related-img,
body.single-product .related-card:focus-visible .related-img,
body.single-product .hot-prod-card:hover .hot-prod-img,
body.single-product .hot-prod-card:focus-visible .hot-prod-img {
  transform: none !important;
}
/* Codex QA v1.0.284: checkout coupon entry and segmented payment options. */
body.woocommerce-checkout .order-coupon {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  padding: 12px 0 !important;
  margin: 10px 0 0 !important;
  border-top: 1px solid var(--g200) !important;
}

body.woocommerce-checkout .order-coupon-input {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 13px !important;
  border: 1px solid var(--g200) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: var(--black) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .order-coupon-input:focus {
  border-color: var(--black) !important; border-width: .5px !important;
  box-shadow: 0 0 0 .5px var(--black) inset !important;
}

body.woocommerce-checkout .order-coupon-input::placeholder {
  color: var(--g400) !important;
}

body.woocommerce-checkout .order-coupon-btn {
  height: 48px !important;
  min-width: 78px !important;
  padding: 0 18px !important;
  border: 1px solid var(--g300) !important;
  border-radius: 4px !important;
  background: var(--g100) !important;
  color: var(--g600) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 48px !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .order-coupon-btn:hover,
body.woocommerce-checkout .order-coupon-btn:focus-visible {
  border-color: var(--black) !important; border-width: .5px !important;
  background: var(--black) !important;
  color: #fff !important;
}

body.woocommerce-checkout .order-coupon-btn.is-loading {
  opacity: .65 !important;
  pointer-events: none !important;
}

body.woocommerce-checkout .order-coupon-msg {
  min-height: 0 !important;
  margin: 0 0 2px !important;
  color: #15803d !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

body.woocommerce-checkout .order-coupon-msg:empty {
  display: none !important;
}

body.woocommerce-checkout .order-coupon-msg.is-error {
  color: var(--red) !important;
}

body.woocommerce-checkout .order-coupon-rows:empty {
  display: none !important;
}

body.woocommerce-checkout #luxe-payment-group .wc_payment_methods,
body.woocommerce-checkout #luxe-payment-group .payment_methods {
  border: 1px solid var(--g200) !important;
  border-radius: 5px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.woocommerce-checkout #luxe-payment-group .wc_payment_method {
  position: relative !important;
  border-bottom: 1px solid var(--g200) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.woocommerce-checkout #luxe-payment-group .wc_payment_method:last-child {
  border-bottom: 0 !important;
}

body.woocommerce-checkout #luxe-payment-group .wc_payment_method.is-selected {
  background: var(--g50) !important;
  box-shadow: inset 0 0 0 .5px var(--black) !important;
  z-index: 1 !important;
}

body.woocommerce-checkout #luxe-payment-group .wc_payment_method > input[type="radio"] {
  display: block !important;
  left: 15px !important;
  top: 17px !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important;
  border: 1.5px solid var(--g400) !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.woocommerce-checkout #luxe-payment-group .wc_payment_method > input[type="radio"]:checked {
  border-color: var(--black) !important; border-width: .5px !important;
  background: radial-gradient(circle, var(--black) 0 42%, transparent 45%) !important;
}

body.woocommerce-checkout #luxe-payment-group .wc_payment_method > label {
  min-height: 50px !important;
  padding: 14px 14px 14px 44px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: var(--black) !important;
}

body.woocommerce-checkout #luxe-payment-group .payment_box {
  display: none !important;
  padding: 0 14px 14px 44px !important;
  border: 0 !important;
  background: transparent !important;
}

body.woocommerce-checkout #luxe-payment-group .wc_payment_method.is-selected .payment_box {
  display: block !important;
}

body.woocommerce-checkout #luxe-payment-group .payment_box p {
  margin: 0 !important;
  color: var(--g500) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

@media (max-width: 420px) {
  body.woocommerce-checkout .order-coupon {
    grid-template-columns: minmax(0, 1fr) 72px !important;
    gap: 7px !important;
  }

  body.woocommerce-checkout .order-coupon-btn {
    min-width: 72px !important;
    padding: 0 10px !important;
  }
}

/* Restore original single product bottom action bar. */
body.single-product .act-bar,
body.luxe-product-page .act-bar {
  position: fixed !important;
  bottom: var(--bot) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(100%, 600px) !important;
  height: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
  min-height: 52px !important;
  padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
  display: flex !important;
  align-items: stretch !important;
  background: #fff !important;
  border-top: 1px solid var(--g200) !important;
  box-shadow: none !important;
  z-index: 90 !important;
  box-sizing: border-box !important;
}

body.single-product .act-fav,
body.luxe-product-page .act-fav {
  width: 52px !important;
  flex: 0 0 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  color: var(--g300) !important;
  border: 0 !important;
  border-right: 1px solid var(--g200) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.single-product .act-wa,
body.luxe-product-page .act-wa {
  flex: 1 1 0 !important;
  width: auto !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  background: #22c55e !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.single-product .act-cart,
body.luxe-product-page .act-cart {
  flex: 1 1 0 !important;
  width: auto !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  background: var(--black) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.single-product .act-wa .wa-official-icon,
body.luxe-product-page .act-wa .wa-official-icon,
body.single-product .act-wa svg,
body.luxe-product-page .act-wa svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

body.single-product .act-cart svg,
body.luxe-product-page .act-cart svg {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}

body.single-product .luxe-main,
body.luxe-product-page .luxe-main {
  padding-bottom: calc(var(--bot) + 52px + env(safe-area-inset-bottom, 0px)) !important;
}