/* ===== pages.css — dùng chung cho các trang ngoài trang chủ (nạp sau theme.css) ===== */
.sb-ic--filter{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205h16l-6%208v6l-4-2v-4z'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--trash{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%207h16M10%2011v6M14%2011v6M6%207l1%2013h10l1-13M9%207V4h6v3'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--eye{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012zM12%2015a3%203%200%201%200%200-6%203%203%200%200%200%200%206z'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--clock{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2021a9%209%200%201%200%200-18%209%209%200%200%200%200%2018zM12%207v5l3%202'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--tag{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2012V4h8l9%209-8%208-9-9zM7.5%208.5h.01'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--logout{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M15%204h4v16h-4M10%208l-4%204%204%204M6%2012h10'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--edit{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2020h4L19%209l-4-4L4%2016v4zM13%207l4%204'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--plus{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%205v14M5%2012h14'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--info{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2021a9%209%200%201%200%200-18%209%209%200%200%200%200%2018zM12%2011v5M12%208h.01'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--store{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%209l1.5-5h13L20%209M4%209v11h16V9M4%209h16M9%2020v-6h6v6'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--lock{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%2011h12v9H6zM8%2011V8a4%204%200%200%201%208%200v3'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--gift{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2011h16v9H4zM3%207h18v4H3zM12%207v13M12%207c-2-4-6-3-6-1s4%201%206%201zm0%200c2-4%206-3%206-1s-4%201-6%201z'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--share{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M18%208a3%203%200%201%200%200-6%203%203%200%200%200%200%206zM6%2015a3%203%200%201%200%200-6%203%203%200%200%200%200%206zM18%2022a3%203%200%201%200%200-6%203%203%200%200%200%200%206zM8.6%2013.5l6.8%204M15.4%206.5l-6.8%204'%2F%3E%3C%2Fsvg%3E")}
[hidden]{display:none!important}
.sb-pay--installment{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2040'%3E%3Crect%20x%3D'9'%20y%3D'10'%20width%3D'26'%20height%3D'20'%20rx%3D'3'%20fill%3D'none'%20stroke%3D'%230E5A53'%20stroke-width%3D'2'%2F%3E%3Cpath%20d%3D'M9%2016h26'%20stroke%3D'%230E5A53'%20stroke-width%3D'3'%2F%3E%3Ctext%20x%3D'47'%20y%3D'25'%20text-anchor%3D'middle'%20font-family%3D'Arial%2CHelvetica%2Csans-serif'%20font-weight%3D'700'%20font-size%3D'12'%20fill%3D'%2315211F'%3E0%25%3C%2Ftext%3E%3C%2Fsvg%3E")}
.sb-section[id],.sb-letter{scroll-margin-top:calc(var(--header-h) + 16px)}
.sb-vat-fields{display:none;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;border-radius:var(--r-md);background:var(--secondary)}
.sb-form-grid:has(#b-vat:checked) .sb-vat-fields{display:grid}
select,textarea{font:inherit;color:inherit}
summary{list-style:none}summary::-webkit-details-marker{display:none}
/* states (tweak) */
body[data-state="empty"] .sb-state-full,body:not([data-state="empty"]) .sb-state-empty{display:none!important}
body[data-state="otp"] .sb-state-req,body:not([data-state="otp"]) .sb-state-otp{display:none!important}
/* ---------- common ---------- */
.sb-breadcrumb{padding-block:16px 4px;font-size:13px;color:var(--text-2)}
.sb-breadcrumb ol{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none;overflow-x:auto;white-space:nowrap}
.sb-breadcrumb li{display:flex;align-items:center;gap:6px}
.sb-breadcrumb li+li::before{content:"/";color:var(--border)}
.sb-breadcrumb a{color:var(--text-2)}.sb-breadcrumb [aria-current]{color:var(--text);font-weight:500}
.sb-page-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding-block:8px 20px}
.sb-page-head--center{flex-direction:column;align-items:center;text-align:center}
.sb-page-title{margin:0;font:700 28px/1.25 var(--font-ui)}
.sb-page-sub{margin:0;color:var(--text-2);font-size:15px}
.sb-stack{display:flex;flex-direction:column;gap:16px}
.sb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px}
.sb-card__title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:700 18px/1.3 var(--font-ui)}
.sb-card__title a,.sb-card__title .sb-link-btn{margin-left:auto;font-size:14px;font-weight:600}
.sb-num{width:28px;height:28px;flex:none;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-size:14px}
.sb-muted{color:var(--text-2)}
.sb-success{color:var(--success);font-weight:600}
.sb-sale{color:var(--sale)}
.sb-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.sb-btn--block{width:100%}
.sb-btn--accent{background:var(--accent);color:var(--on-accent)}.sb-btn--accent:hover{background:var(--accent);color:var(--on-accent);filter:brightness(.92)}
.sb-btn--ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.sb-btn--ghost:hover{background:var(--secondary);color:var(--text)}
.sb-btn--lg{height:52px;font-size:16px}
.sb-link-btn{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0;border:0;background:none;color:var(--primary);font-size:14px;font-weight:600;cursor:pointer}
.sb-link-btn:hover{color:var(--primary-hover);text-decoration:underline}
.sb-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--r-md);background:var(--tint);font-size:14px;line-height:1.5}
.sb-notice>.sb-ic{color:var(--primary);margin-top:1px}
.sb-notice--ok{background:#E8F5E9}.sb-notice--ok>.sb-ic{color:var(--success)}
.sb-notice--warn{background:#FFF4E0}.sb-notice--warn>.sb-ic{color:var(--warning)}
.sb-status{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--tint);color:var(--primary);font-size:12px;font-weight:600;white-space:nowrap}
.sb-status--ok{background:#E8F5E9;color:var(--success)}.sb-status--warn{background:#FFF4E0;color:var(--warning)}.sb-status--err{background:#FDECEA;color:var(--error)}
.sb-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}
.sb-chip:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}
.sb-chip[aria-pressed="true"],.sb-chip[aria-current]{border-color:var(--primary);background:var(--tint);color:var(--primary);font-weight:600}
.sb-chip--x{height:32px;padding:0 6px 0 12px;border:0;background:var(--tint);color:var(--primary);font-size:13px}
.sb-chips-row{display:flex;flex-wrap:wrap;gap:8px}
.sb-chips-row.sb-scroll{flex-wrap:nowrap;overflow-x:auto}
.sb-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.sb-empty__icon{width:96px;height:96px;border-radius:50%;background:var(--tint);color:var(--primary);display:grid;place-items:center}.sb-empty__icon .sb-ic{width:44px;height:44px}
.sb-empty h2{margin:4px 0 0;font-size:20px}.sb-empty p{margin:0;max-width:440px;color:var(--text-2)}
.sb-empty ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:14px;color:var(--text-2)}
.sb-empty li{display:flex;gap:8px}.sb-empty li .sb-ic{color:var(--primary)}
/* forms */
.sb-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.sb-field>label,.sb-label{font-size:14px;font-weight:600}
.sb-req{color:var(--sale)}
.sb-field small{font-size:12px;color:var(--text-2)}
.sb-input,.sb-select,.sb-textarea{width:100%;height:48px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:15px;outline:0;transition:border-color .15s,box-shadow .15s}
.sb-textarea{height:auto;min-height:112px;padding:12px 14px;resize:vertical;line-height:1.5}
.sb-select{appearance:none;-webkit-appearance:none;padding-right:40px;background:var(--surface) url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%2351605D'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%209l6%206%206-6'%2F%3E%3C%2Fsvg%3E") right 12px center/18px no-repeat;cursor:pointer}
.sb-input:focus,.sb-select:focus,.sb-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--tint)}
.sb-input::placeholder,.sb-textarea::placeholder{color:var(--placeholder)}
.sb-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sb-form-grid .is-full{grid-column:1/-1}
.sb-check{display:flex;align-items:flex-start;gap:10px;min-height:24px;font-size:14px;line-height:1.45;cursor:pointer}
.sb-check input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--primary)}
.sb-check__n{margin-left:auto;font-size:12px;color:var(--text-2)}
.sb-choices{display:grid;gap:10px}
.sb-choices--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-choice{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}
.sb-choice:hover{border-color:var(--primary)}
.sb-choice:has(input:checked){border-color:var(--primary);background:var(--tint)}
.sb-choice input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--primary)}
.sb-choice .sb-pay{flex:none;width:52px;height:34px;border:1px solid var(--border)}
.sb-choice__body{flex:1;min-width:0}.sb-choice__body strong{display:block;font-size:15px;line-height:1.35}.sb-choice__body small{display:block;font-size:13px;color:var(--text-2)}
.sb-choice__aside{font-size:14px;font-weight:600;white-space:nowrap}
.sb-pw{position:relative}.sb-pw .sb-input{padding-right:52px}
.sb-pw button{position:absolute;top:2px;right:2px;width:44px;height:44px;border:0;background:none;color:var(--text-2);display:grid;place-items:center;cursor:pointer}
.sb-otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sb-otp input{height:56px;padding:0;text-align:center;font-size:22px;font-weight:700}
.sb-divider{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-2)}.sb-divider::before,.sb-divider::after{content:"";flex:1;height:1px;background:var(--border)}
.sb-qty{display:inline-flex;align-items:center;height:48px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);overflow:hidden}
.sb-qty button{width:40px;height:100%;border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer}.sb-qty button:hover{background:var(--secondary)}
.sb-qty input{width:44px;height:100%;padding:0;border:0;outline:0;background:transparent;text-align:center;font-weight:600;-moz-appearance:textfield}
.sb-qty input::-webkit-outer-spin-button,.sb-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sb-coupon{display:flex;gap:8px}.sb-coupon .sb-input{height:48px}.sb-coupon .sb-btn{height:48px;flex:none}
/* tables */
.sb-table-wrap{overflow-x:auto}
.sb-table{width:100%;border-collapse:collapse;font-size:14px}
.sb-table th,.sb-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
.sb-table th{font-size:13px;font-weight:600;color:var(--text-2);background:var(--secondary)}
.sb-specs{width:100%;border-collapse:collapse;font-size:14px}
.sb-specs th,.sb-specs td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.sb-specs th{width:42%;font-weight:500;color:var(--text-2);background:var(--secondary)}
.sb-specs caption{padding:16px 14px 8px;text-align:left;font-weight:700;font-size:15px}
/* totals / mini */
.sb-totals{display:flex;flex-direction:column}
.sb-totals__row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px}
.sb-totals__row--total{margin-top:8px;padding-top:16px;border-top:1px solid var(--border);font-size:15px;font-weight:600}
.sb-totals__row--total span:last-child{text-align:right}
.sb-totals__row--total strong{display:block;font-size:22px;line-height:1.2;color:var(--sale)}
.sb-totals__row--total small{display:block;font-size:12px;font-weight:400;color:var(--text-2)}
.sb-mini{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px}
.sb-mini+.sb-mini{border-top:1px solid var(--border)}
.sb-mini__img{position:relative;flex:none}
.sb-mini .sb-media{width:56px;height:56px;padding:0;border-radius:var(--r-md);border:1px solid var(--border)}.sb-mini .sb-media::after{display:none}
.sb-mini__img b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--text-2);color:#fff;font-size:12px;display:grid;place-items:center}
.sb-mini__name{flex:1;min-width:0;font-weight:500;line-height:1.4}.sb-mini__name small{display:block;font-size:12px;font-weight:400;color:var(--text-2)}
.sb-paybar{display:none}
/* product rows */
.woocommerce ul.products.sb-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.woocommerce ul.products.sb-hscroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.woocommerce ul.products.sb-hscroll::-webkit-scrollbar{display:none}
.woocommerce ul.products.sb-hscroll li.product{flex:0 0 calc((100% - 64px)/5);scroll-snap-align:start}
.sb-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:32px}
.sb-pagination a,.sb-pagination span{min-width:44px;height:44px;padding:0 10px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:14px;font-weight:600}
.sb-pagination a:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}
.sb-pagination [aria-current]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.sb-pagination .is-gap{border:0;background:none}
/* ---------- archive ---------- */
.sb-subcats{display:flex;gap:8px;overflow-x:auto;margin-bottom:20px}
.sb-subcats a{flex:none;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 6px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500}
.sb-subcats a:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}
.sb-subcats .sb-thumb{width:36px;height:36px}
.sb-shop{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px;align-items:start}
.sb-filters{position:sticky;top:calc(var(--header-h) + 16px);display:flex;flex-direction:column;max-height:calc(100vh - var(--header-h) - 32px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.sb-filters__head,.sb-filters__foot,.sb-filter-scrim{display:none}
.sb-filter{padding:0 16px 12px;border-top:1px solid var(--border)}
.sb-filter:first-of-type{border-top:0}
.sb-filter summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-size:15px;font-weight:700;cursor:pointer}
.sb-filter summary .sb-ic{color:var(--text-2);transition:transform .2s}.sb-filter[open] summary .sb-ic{transform:rotate(180deg)}
.sb-filter ul{margin:0;padding:0;list-style:none}
.sb-filter .sb-check{min-height:38px;align-items:center}
.sb-price-range{display:flex;align-items:center;gap:8px;margin-top:10px}.sb-price-range .sb-input{height:36px;padding:0 10px;font-size:14px}
.sb-filter .sb-btn{margin-top:10px;width:100%}
.sb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}
.sb-toolbar__count{font-size:14px;color:var(--text-2)}
.sb-sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2)}
.sb-sort .sb-select{width:auto;min-width:190px;height:48px;font-size:14px;color:var(--text)}
.sb-filter-btn{display:none}
.sb-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
/* ---------- single product ---------- */
.sb-pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 300px;gap:32px;align-items:start;padding-top:8px}
.sb-gallery{position:sticky;top:calc(var(--header-h) + 16px);display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}
.sb-gallery__main{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--r-lg)}
.sb-gallery__rail{order:-1;position:relative;min-height:0;min-width:0}
.sb-gallery__thumbs{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}
.sb-gallery__nav{position:absolute;left:50%;z-index:2;width:32px;height:32px;margin-left:-16px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm)}
.sb-gallery__nav:hover{color:var(--primary);border-color:var(--primary)}
.sb-gallery__nav .sb-ic{transform:rotate(90deg)}
.sb-gallery__nav--prev{top:-6px}.sb-gallery__nav--next{bottom:-6px}
.sb-gallery__thumbs button{flex:none;width:72px;height:72px;padding:0;border:1.5px solid var(--border);border-radius:var(--r-md);background:none;overflow:hidden;cursor:pointer}
.sb-gallery__thumbs button[aria-current="true"]{border-color:var(--primary);box-shadow:0 0 0 2px var(--tint)}
.sb-gallery__thumbs .sb-media{width:100%;height:100%;padding:0}.sb-gallery__thumbs .sb-media::after{display:none}
.sb-summary{display:flex;flex-direction:column;gap:16px}
.sb-summary__brand{font-size:13px;color:var(--text-2)}
.product_title{margin:0;font:700 24px/1.3 var(--font-ui)}
.sb-summary__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--text-2)}
.sb-summary__meta .sb-rating{font-size:13px}
.sb-pricebox{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r-md);background:var(--secondary)}
.sb-pricebox .price ins{font-size:28px}.sb-pricebox .price del{font-size:15px}
.sb-pricebox__note{font-size:13px;color:var(--text-2)}.sb-pricebox__note b{color:var(--text)}
.sb-variations{display:flex;flex-direction:column;gap:8px}
.sb-variations__label{font-size:14px;font-weight:600}.sb-variations__label span{font-weight:400;color:var(--text-2)}
.sb-swatches{display:flex;flex-wrap:wrap;gap:8px}
.sb-swatch{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);font-size:14px;font-weight:500;cursor:pointer}
.sb-swatch:hover{border-color:var(--primary)}
.sb-swatch[aria-pressed="true"]{border-color:var(--primary);background:var(--tint);color:var(--primary);font-weight:600}
.sb-swatch i{width:18px;height:18px;border-radius:50%;border:1px solid var(--border)}
.sb-offers{padding:14px 16px;border:1px dashed var(--accent);border-radius:var(--r-md)}
.sb-offers h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;color:var(--accent)}
.sb-offers ul,.sb-highlights{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px}
.sb-offers li,.sb-highlights li{display:flex;gap:8px}.sb-offers li .sb-ic,.sb-highlights li .sb-ic{margin-top:2px;color:var(--primary)}
.sb-buy{display:flex;flex-wrap:wrap;gap:12px}
.sb-buy .sb-btn{flex:1;min-width:150px;height:52px;font-size:16px}
.sb-buy .sb-qty{height:52px}.sb-buy .sb-qty button{width:44px}
.sb-pdp__side{display:flex;flex-direction:column;gap:16px}
.sb-pdp__side .sb-card{padding:20px}
.sb-info-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.sb-info-list li{display:flex;gap:12px;font-size:14px;line-height:1.45}
.sb-info-list li>.sb-ic{color:var(--primary)}
.sb-info-list strong{display:block}.sb-info-list small{display:block;color:var(--text-2);font-size:13px}
.sb-ship-to{display:flex;align-items:center;gap:8px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--border);font-size:14px}
.sb-ship-to .sb-ic{color:var(--primary)}.sb-ship-to .sb-link-btn{margin-left:auto}
.sb-ptabs{position:sticky;top:var(--header-h);z-index:5;display:flex;gap:4px;overflow-x:auto;background:var(--bg);border-bottom:1px solid var(--border)}
.sb-ptab{flex:none;height:52px;padding:0 18px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-2);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}
.sb-ptab:hover{color:var(--text)}
.sb-ptab[aria-selected="true"]{color:var(--primary);border-bottom-color:var(--primary)}
.sb-ptab-panel{padding-top:24px}
.sb-pdp-detail{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
.sb-rv-summary{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:24px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border)}
.sb-rv-score{text-align:center}.sb-rv-score b{display:block;font-size:44px;line-height:1}.sb-rv-score .sb-review__stars{justify-content:center;margin:8px 0 4px}.sb-rv-score small{color:var(--text-2)}
.sb-bars{display:flex;flex-direction:column;gap:6px}
.sb-bar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}
.sb-bar i{display:block;height:8px;border-radius:999px;background:var(--tint);overflow:hidden}.sb-bar i b{display:block;height:100%;background:#D69E00}
.sb-rv{display:flex;flex-direction:column;gap:8px;padding:20px 0;border-bottom:1px solid var(--border)}
.sb-rv__head{display:flex;align-items:center;gap:12px}.sb-rv__head strong{display:block;font-size:14px}.sb-rv__head small{display:block;font-size:12px;color:var(--text-2)}
.sb-rv p{margin:0;font-size:15px;line-height:1.6}
.sb-rv__imgs{display:flex;gap:8px}.sb-rv__imgs .sb-media{width:72px;height:72px;padding:0;border-radius:var(--r-md)}.sb-rv__imgs .sb-media::after{display:none}
.sb-verified{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--success);font-weight:500}
.sb-qa{padding:16px 0;border-bottom:1px solid var(--border);font-size:15px}
.sb-qa p{margin:0}.sb-qa p+p{margin-top:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--secondary);font-size:14px}
/* ---------- cart ---------- */
.sb-cart{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.sb-sticky{position:sticky;top:calc(var(--header-h) + 16px)}
.sb-cart-items{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.sb-cart-head,.sb-cart-item{display:grid;grid-template-columns:88px minmax(0,1fr) 128px 128px 44px;gap:16px;align-items:center;padding:16px 20px}
.sb-cart-head{padding-block:12px;background:var(--secondary);font-size:13px;font-weight:600;color:var(--text-2)}
.sb-cart-head span:first-child{grid-column:span 2}
.sb-cart-item+.sb-cart-item{border-top:1px solid var(--border)}
.sb-cart-item>.sb-media{width:88px;height:88px;padding:0;border-radius:var(--r-md);border:1px solid var(--border)}.sb-cart-item>.sb-media::after{display:none}
.sb-cart-item__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.sb-cart-item__name{font-size:15px;font-weight:600;line-height:1.4;color:var(--text)}
.sb-cart-item__info small{font-size:13px;color:var(--text-2)}
.sb-cart-item__info .price ins{font-size:14px}
.sb-cart-item__total{font-weight:700;font-size:16px;text-align:right}
.sb-remove{width:44px;height:44px;border:0;border-radius:var(--r-md);background:none;color:var(--text-2);display:grid;place-items:center;cursor:pointer}
.sb-remove:hover{background:var(--secondary);color:var(--sale)}
.sb-cart-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}
.sb-trust-mini{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:13px;color:var(--text-2)}.sb-trust-mini span{display:flex;align-items:center;gap:6px}.sb-trust-mini .sb-ic{color:var(--primary)}
/* ---------- checkout ---------- */
.sb-steps{display:flex;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px 0 24px;list-style:none;font-size:14px;font-weight:600;color:var(--text-2)}
.sb-steps li{display:flex;align-items:center;gap:8px}
.sb-steps li+li::before{content:"";width:56px;height:2px;margin-right:4px;background:var(--border)}
.sb-steps li.is-done+li::before{background:var(--primary)}
.sb-steps b{width:30px;height:30px;flex:none;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);display:grid;place-items:center;font-size:13px}
.sb-steps .is-done b{border-color:var(--primary);background:var(--primary);color:#fff}
.sb-steps .is-current{color:var(--text)}.sb-steps .is-current b{border-color:var(--primary);background:var(--tint);color:var(--primary)}
.sb-checkout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}
/* ---------- result / tracking ---------- */
.sb-narrow{max-width:800px;margin:0 auto}
.sb-result-hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px 8px;text-align:center}
.sb-result-hero__icon{width:80px;height:80px;border-radius:50%;background:#E8F5E9;color:var(--success);display:grid;place-items:center}.sb-result-hero__icon .sb-ic{width:40px;height:40px}
.sb-result-hero h1{margin:6px 0 0;font:700 28px/1.25 var(--font-ui)}.sb-result-hero p{margin:0;max-width:560px;color:var(--text-2)}
.sb-kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sb-kv small{display:block;font-size:13px;color:var(--text-2)}.sb-kv strong{display:block;font-size:15px}
.sb-kv--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;text-align:center;font-size:13px;font-weight:500;color:var(--text-2)}
.sb-progress li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 4px}
.sb-progress li::before{content:"";position:absolute;top:15px;right:50%;width:100%;height:2px;background:var(--border)}
.sb-progress li:first-child::before{display:none}
.sb-progress b{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:grid;place-items:center}
.sb-progress .is-done,.sb-progress .is-current{color:var(--text)}
.sb-progress .is-done::before,.sb-progress .is-current::before{background:var(--primary)}
.sb-progress .is-done b{border-color:var(--primary);background:var(--primary);color:#fff}
.sb-progress .is-current b{border-color:var(--primary);color:var(--primary)}.sb-progress .is-current b::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}
.sb-timeline{margin:0;padding:0;list-style:none}
.sb-timeline li{position:relative;padding:0 0 18px 30px;font-size:14px}
.sb-timeline li::before{content:"";position:absolute;left:5px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--border)}
.sb-timeline li::after{content:"";position:absolute;left:9px;top:20px;bottom:2px;width:2px;background:var(--border)}
.sb-timeline li:last-child{padding-bottom:0}.sb-timeline li:last-child::after{display:none}
.sb-timeline li:first-child::before{background:var(--primary);box-shadow:0 0 0 4px var(--tint)}
.sb-timeline li:first-child strong{color:var(--primary)}
.sb-timeline time{display:block;font-size:12px;color:var(--text-2)}
.sb-track-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}
/* ---------- auth ---------- */
.sb-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1040px;margin:24px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.sb-auth__aside{display:flex;flex-direction:column;gap:16px;padding:40px;background:var(--primary);color:var(--on-primary)}
.sb-auth__aside .sb-display{color:var(--on-primary);font-size:28px}
.sb-auth__aside .sb-perks{flex-direction:column;gap:10px;margin:0}
.sb-auth__aside .sb-media{flex:1;min-height:180px;margin-top:8px;border-radius:var(--r-md);background-color:rgba(255,255,255,.12)}
.sb-auth__main{display:flex;flex-direction:column;gap:20px;padding:40px}
.sb-auth__main form{display:flex;flex-direction:column;gap:16px}
.sb-seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:var(--r-md);background:var(--secondary)}
.sb-seg button{height:44px;border:0;border-radius:calc(var(--r-md) - 2px);background:none;color:var(--text-2);font-size:15px;font-weight:600;cursor:pointer}
.sb-seg button[aria-selected="true"]{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}
.sb-social-login{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sb-social-login .sb-btn{height:48px}.sb-social-login .sb-social{width:24px;height:24px;background:none}
.sb-g{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;font:700 13px/1 Arial,sans-serif;color:#4285F4}
.sb-auth-card{max-width:480px;margin:32px auto 0}
.sb-auth-card form{display:flex;flex-direction:column;gap:16px}
.sb-auth-card__icon{width:64px;height:64px;border-radius:50%;background:var(--tint);color:var(--primary);display:grid;place-items:center;margin-bottom:4px}.sb-auth-card__icon .sb-ic{width:30px;height:30px}
.sb-auth-card h1{margin:0;font:700 24px/1.3 var(--font-ui)}.sb-auth-card p{margin:0;color:var(--text-2)}
/* ---------- account ---------- */
.sb-account{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px;align-items:start}
.sb-acc-nav{position:sticky;top:calc(var(--header-h) + 16px);padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.sb-acc-user{display:flex;align-items:center;gap:12px;padding:12px 12px 16px;margin-bottom:8px;border-bottom:1px solid var(--border)}
.sb-acc-user strong{display:block;font-size:15px}.sb-acc-user small{display:block;font-size:12px;color:var(--text-2)}
.sb-acc-nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.sb-acc-nav__extra{margin-top:8px!important;padding-top:8px!important;border-top:1px solid var(--border)}
.sb-acc-nav li>button,.sb-acc-nav li>a{width:100%;display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border:0;border-radius:var(--r-sm);background:none;color:var(--text);font-size:14px;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer}
.sb-acc-nav li>button:hover,.sb-acc-nav li>a:hover{background:var(--secondary);text-decoration:none;color:var(--text)}
.sb-acc-nav li>button[aria-selected="true"]{background:var(--tint);color:var(--primary);font-weight:700}
.sb-acc-nav li>button .sb-ic,.sb-acc-nav li>a .sb-ic{color:var(--text-2)}.sb-acc-nav li>button[aria-selected="true"] .sb-ic{color:var(--primary)}
.sb-panel__title{margin:0 0 16px;font:700 22px/1.3 var(--font-ui)}
.sb-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sb-stat{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text)}
.sb-stat:hover{border-color:var(--primary);text-decoration:none;color:var(--text)}
.sb-stat .sb-ic{color:var(--primary)}.sb-stat b{font-size:24px;line-height:1.2}.sb-stat small{font-size:13px;color:var(--text-2)}
.sb-addr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sb-addr{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);font-size:14px}
.sb-addr--default{border-color:var(--primary)}
.sb-addr strong{font-size:15px}.sb-addr .sb-row{margin-top:auto;padding-top:8px}
.sb-addr--new{align-items:center;justify-content:center;min-height:180px;border:1.5px dashed var(--border);background:transparent;color:var(--primary);font-weight:600;cursor:pointer}
.sb-addr--new:hover{border-color:var(--primary);background:var(--tint)}
/* ---------- blog ---------- */
.sb-blog{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.sb-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;margin-bottom:36px;color:var(--text)}
.sb-feature:hover{text-decoration:none;color:var(--text)}.sb-feature:hover h2{color:var(--primary)}
.sb-feature .sb-media{aspect-ratio:16/10;border-radius:var(--r-lg)}
.sb-feature h2{margin:8px 0 10px;font:700 24px/1.3 var(--font-ui)}.sb-feature p{margin:0;color:var(--text-2)}
.sb-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.sb-post__excerpt{margin:0;font-size:14px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sb-widgets{display:flex;flex-direction:column;gap:20px}
.sb-widget{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.sb-widget h2{margin:0 0 12px;font-size:16px;font-weight:700}
.sb-ranked{margin:0;padding:0;list-style:none;counter-reset:r}
.sb-ranked li{counter-increment:r}.sb-ranked a{display:flex;gap:12px;padding:10px 0;color:var(--text);font-size:14px;font-weight:500;line-height:1.45}
.sb-ranked li+li a{border-top:1px solid var(--border)}
.sb-ranked a::before{content:counter(r);flex:none;width:26px;height:26px;border-radius:50%;background:var(--tint);color:var(--primary);display:grid;place-items:center;font-size:13px;font-weight:700}
.sb-widget--promo{padding:0;overflow:hidden;background:var(--tint)}.sb-widget--promo .sb-media{aspect-ratio:16/10}.sb-widget--promo div{padding:16px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.sb-article-head{max-width:820px;margin:0 auto;padding-top:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.sb-article-head h1{margin:0;font-family:var(--font-display);font-weight:var(--dw);font-size:36px;line-height:1.2}
.sb-byline{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;font-size:14px;color:var(--text-2)}
.sb-byline .sb-avatar{width:32px;height:32px;font-size:13px}.sb-byline span{display:flex;align-items:center;gap:6px}
.sb-article-hero{max-width:1040px;margin:28px auto 0;aspect-ratio:16/8;border-radius:var(--r-lg)}
.sb-article{display:grid;grid-template-columns:220px minmax(0,720px) 56px;justify-content:center;gap:40px;margin-top:40px}
.sb-toc{position:sticky;top:calc(var(--header-h) + 16px);align-self:start;font-size:14px}
.sb-toc h2{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.sb-toc ol{margin:0;padding:0;list-style:none;border-left:2px solid var(--border)}
.sb-toc a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--text-2);line-height:1.4}
.sb-toc a:hover,.sb-toc a[aria-current]{color:var(--primary);border-left-color:var(--primary);text-decoration:none}
.sb-share{position:sticky;top:calc(var(--header-h) + 16px);align-self:start;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}
.sb-share a,.sb-share button{width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--text);cursor:pointer}
.sb-share .sb-social span{width:22px;height:22px}
.sb-prose{max-width:68ch;font-size:16px;line-height:1.75}
.sb-prose>:first-child{margin-top:0}
.sb-prose h2{margin:36px 0 12px;font:700 24px/1.35 var(--font-ui);scroll-margin-top:calc(var(--header-h) + 16px)}
.sb-prose h3{margin:24px 0 8px;font:700 18px/1.4 var(--font-ui)}
.sb-prose p,.sb-prose ul,.sb-prose ol,.sb-prose table,.sb-prose figure{margin:0 0 16px}
.sb-prose ul,.sb-prose ol{padding-left:22px}.sb-prose li{margin:6px 0}
.sb-prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.sb-prose th,.sb-prose td{padding:10px 12px;border:1px solid var(--border);text-align:left;vertical-align:top}
.sb-prose th{background:var(--secondary);font-weight:600}
.sb-prose figure .sb-media{aspect-ratio:16/9;border-radius:var(--r-md)}
.sb-prose figcaption{margin-top:8px;font-size:13px;color:var(--text-2);text-align:center}
.sb-prose .sb-notice{margin:0 0 16px;font-size:15px}
.sb-prose .woocommerce ul.products,.sb-prose ul.products{margin:0 0 20px;padding:0}
.sb-tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;border-top:1px solid var(--border)}
/* ---------- about / contact ---------- */
.sb-about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:16px}
.sb-about-hero .sb-display{font-size:36px;margin:10px 0 16px}
.sb-about-hero p{margin:0 0 12px;font-size:16px;color:var(--text-2);text-wrap:pretty}
.sb-about-hero .sb-media{aspect-ratio:4/3;border-radius:var(--r-lg)}
.sb-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sb-value{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.sb-value h3{margin:0;font-size:18px}.sb-value p{margin:0;font-size:14px;color:var(--text-2)}
.sb-stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sb-store{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.sb-store .sb-media{aspect-ratio:16/9}
.sb-store__body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;font-size:14px}
.sb-store__body h3{margin:0;font-size:16px}
.sb-store__body p{display:flex;gap:8px;margin:0;color:var(--text-2)}.sb-store__body p .sb-ic{color:var(--primary);margin-top:1px}
.sb-legal-list{display:grid;grid-template-columns:200px minmax(0,1fr);gap:10px 20px;margin:0;font-size:14px}.sb-legal-list dt{color:var(--text-2)}.sb-legal-list dd{margin:0;font-weight:500}
.sb-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px;align-items:start}
.sb-contact-ways{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sb-way{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--secondary);color:var(--text);font-size:14px}
.sb-way:hover{text-decoration:none;border-color:var(--primary);color:var(--text)}
.sb-way .sb-ic{color:var(--primary)}.sb-way strong{font-size:16px}.sb-way small{color:var(--text-2)}
.sb-map{aspect-ratio:21/8;border-radius:var(--r-lg)}
/* ---------- policy ---------- */
.sb-doc{display:grid;grid-template-columns:264px minmax(0,1fr);gap:32px;align-items:start}
.sb-doc-nav{position:sticky;top:calc(var(--header-h) + 16px);padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.sb-doc-nav h2{margin:0;padding:10px 12px 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.sb-doc-nav ul{margin:0;padding:0;list-style:none}
.sb-doc-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--r-sm);color:var(--text);font-size:14px;font-weight:500;white-space:nowrap}
.sb-doc-nav a:hover{background:var(--secondary);text-decoration:none}
.sb-doc-nav a[aria-current]{background:var(--tint);color:var(--primary);font-weight:700}
.sb-doc-body{max-width:860px;padding:40px 48px}
.sb-doc-body h1{margin:0 0 6px;font:700 28px/1.25 var(--font-ui)}
.sb-doc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-2)}
/* ---------- flash sale ---------- */
.sb-fs-hero{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding:28px 32px;border-radius:var(--r-lg);background:var(--accent);color:var(--on-accent)}
.sb-fs-hero h1{margin:0;display:flex;align-items:center;gap:10px;font:700 32px/1.2 var(--font-ui);text-transform:uppercase}
.sb-fs-hero h1 .sb-ic{width:32px;height:32px}
.sb-fs-hero p{margin:4px 0 0;font-size:15px}
.sb-fs-hero .sb-countdown{margin-left:auto}
.sb-slots{display:flex;gap:8px;overflow-x:auto;margin-top:16px}
.sb-slot{flex:1 0 132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-2);font-size:12px;cursor:pointer}
.sb-slot b{font-size:18px;color:var(--text)}
.sb-slot[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:#fff}.sb-slot[aria-pressed="true"] b{color:#fff}
.sb-slot.is-past{opacity:.6}
.sb-rules{margin:0;padding-left:20px;font-size:14px;color:var(--text-2);line-height:1.7}
/* ---------- brands ---------- */
.sb-az{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px}
.sb-az a,.sb-az span{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);font-size:14px;font-weight:600;color:var(--text)}
.sb-az a{background:var(--surface);border:1px solid var(--border)}.sb-az a:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}
.sb-az span{color:var(--border)}
.sb-brand-feature{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sb-bfeat{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;color:var(--text)}
.sb-bfeat:hover{border-color:var(--primary);text-decoration:none;color:var(--text)}
.sb-bfeat .sb-media{aspect-ratio:16/9}
.sb-bfeat__body{display:flex;align-items:center;gap:12px;padding:14px 16px}
.sb-blogo{flex:none;width:56px;height:56px;margin-top:-36px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--primary);position:relative}
.sb-bfeat__body strong{display:block;font-size:15px}.sb-bfeat__body small{display:block;font-size:13px;color:var(--text-2)}
.sb-letter{scroll-margin-top:calc(var(--header-h) + 16px);display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--border)}
.sb-letter h2{margin:0;font-size:28px;line-height:1;color:var(--primary)}
.sb-brand-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sb-brand-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:84px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:15px;font-weight:700}
.sb-brand-grid a:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}
.sb-brand-grid small{font-size:12px;font-weight:400;color:var(--text-2)}
.sb-brand-hero{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px;margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.sb-brand-hero .sb-blogo{width:112px;height:112px;margin:0;font-size:16px}
.sb-brand-hero h1{margin:0 0 6px;font:700 28px/1.2 var(--font-ui)}.sb-brand-hero p{margin:0 0 10px;color:var(--text-2);max-width:640px}
.sb-brand-banner{aspect-ratio:4/1;border-radius:var(--r-lg);margin-bottom:20px}
/* ---------- 404 ---------- */
.sb-404{max-width:640px;margin:0 auto;padding:56px 0 8px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.sb-404__code{font-family:var(--font-display);font-weight:var(--dw);font-size:128px;line-height:1;color:var(--primary);letter-spacing:-.02em}
.sb-404 h1{margin:0;font:700 24px/1.3 var(--font-ui)}.sb-404 p{margin:0;color:var(--text-2)}
.sb-404 .sb-search{width:100%;flex:none;margin-top:8px}
/* =============== L ≤1279 =============== */
@media (max-width:1279px){
 .sb-pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .sb-pdp__side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
 .woocommerce ul.products.sb-grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}
 .woocommerce ul.products.sb-hscroll li.product{flex-basis:calc((100% - 48px)/4)}
 .sb-article{grid-template-columns:minmax(0,720px) 56px;gap:32px}.sb-toc{display:none}
 .sb-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* =============== M ≤1023 (tablet) =============== */
@media (max-width:1023px){
 .sb-page-title{font-size:24px}
 .sb-shop{grid-template-columns:1fr}
 .sb-filters{position:fixed;top:0;bottom:0;left:0;z-index:110;width:min(360px,90vw);max-height:none;border:0;border-radius:0;transform:translateX(-100%);transition:transform .25s ease}
 .sb-filters.is-open{transform:none}
 .sb-filters__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:6px 6px 6px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-size:18px;font-weight:700}
 .sb-filters__foot{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:auto;padding:12px 16px;background:var(--surface);border-top:1px solid var(--border)}
 .sb-filter:first-of-type{border-top:0}
 .sb-filter-scrim{position:fixed;inset:0;z-index:105;background:rgba(10,15,12,.45)}.sb-filter-scrim.is-open{display:block}
 .sb-filter-btn{display:inline-flex}
 .sb-toolbar__count{order:3;flex-basis:100%}
 .sb-pdp{gap:24px}
 .sb-gallery{position:static;grid-template-columns:minmax(0,1fr)}
 .sb-gallery>*{min-width:0}
 .sb-gallery__rail{order:0}
 .sb-gallery__thumbs{position:static;min-width:0;flex-direction:row;overflow-x:auto;overflow-y:hidden}
 .sb-gallery__nav{top:50%;bottom:auto;left:auto;margin:-16px 0 0}.sb-gallery__nav .sb-ic{transform:none}
 .sb-gallery__nav--prev{left:-6px}.sb-gallery__nav--next{right:-6px}
 .sb-gallery__thumbs button{width:64px;height:64px}
 .product_title{font-size:22px}
 .sb-pricebox .price ins{font-size:24px}
 .sb-pdp-detail{grid-template-columns:1fr}
 .sb-rv-summary{grid-template-columns:160px minmax(0,1fr)}.sb-rv-summary>.sb-btn{grid-column:1/-1;justify-self:start}
 .woocommerce ul.products.sb-hscroll li.product{flex-basis:calc((100% - 32px)/3)}
 .sb-cart,.sb-checkout{grid-template-columns:1fr}
 .sb-sticky,.sb-acc-nav,.sb-doc-nav{position:static}
 .sb-cart-head{display:none}
 .sb-account,.sb-doc,.sb-blog,.sb-contact{grid-template-columns:1fr}
 .sb-acc-user{border-bottom:0;margin:0;padding-bottom:8px}
 .sb-acc-nav ul{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px}
 .sb-acc-nav li>button,.sb-acc-nav li>a{width:auto;min-height:44px;border:1px solid var(--border);border-radius:999px}
 .sb-acc-nav li>button[aria-selected="true"]{border-color:var(--primary)}
 .sb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sb-doc-nav{padding:0;border:0;background:none}.sb-doc-nav h2{display:none}
 .sb-doc-nav ul{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
 .sb-doc-nav a{border:1px solid var(--border);border-radius:999px;background:var(--surface)}
 .sb-doc-body{padding:32px}
 .sb-auth__aside{padding:28px}.sb-auth__aside .sb-media{display:none}
 .sb-auth__main{padding:28px}
 .sb-widgets{display:grid;grid-template-columns:1fr 1fr}
 .sb-feature h2{font-size:22px}
 .sb-article{grid-template-columns:minmax(0,1fr);margin-top:28px}.sb-share{position:static;flex-direction:row;justify-content:flex-start;order:2}
 .sb-article-head h1{font-size:32px}
 .sb-about-hero{grid-template-columns:1fr;gap:24px}.sb-about-hero .sb-display{font-size:32px}
 .sb-stores{grid-template-columns:1fr 1fr}
 .sb-brand-feature{grid-template-columns:1fr 1fr}
 .sb-kv{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sb-fs-hero h1{font-size:24px}
}
/* =============== S ≤767 (mobile) =============== */
@media (max-width:767px){
 .sb-breadcrumb{padding-block:10px 0;font-size:12px}
 .sb-page-head{padding-block:6px 14px}
 .sb-page-title{font-size:20px}
 .sb-page-sub{font-size:14px}
 .sb-card{padding:16px;border-radius:var(--r-md)}
 .sb-card__title{font-size:16px;margin-bottom:12px}
 .sb-form-grid,.sb-choices--2,.sb-vat-fields{grid-template-columns:1fr}
 .sb-btn--sm,.sb-chip,.sb-chip--x{height:44px}
 .sb-link-btn{min-height:44px}
 .sb-price-range .sb-input{height:44px}
 .sb-input,.sb-select{font-size:16px}
 .sb-subcats{margin:0 -16px 16px;padding:0 16px;scrollbar-width:none}
 .sb-toolbar{gap:8px}
 .sb-filter-btn{flex:1}
 .sb-sort{flex:1.4;margin:0}.sb-sort>span{display:none}.sb-sort .sb-select{width:100%;min-width:0}
 .woocommerce ul.products.sb-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .woocommerce ul.products.sb-hscroll{gap:10px;margin:0 -16px;padding:0 16px}
 .woocommerce ul.products.sb-hscroll li.product{flex-basis:164px}
 .sb-pagination{gap:4px}.sb-pagination a,.sb-pagination span{min-width:40px;height:40px}
 .sb-paybar{position:fixed;left:0;right:0;bottom:0;z-index:61;display:flex;align-items:center;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-up)}
 .sb-paybar__total{display:flex;flex-direction:column;line-height:1.25}.sb-paybar__total small{font-size:12px;color:var(--text-2)}.sb-paybar__total strong{font-size:18px;color:var(--sale)}
 .sb-paybar .sb-btn{margin-left:auto;flex:1;max-width:240px;height:48px}
 .sb-paybar .sb-btn--outline{max-width:none}
 .sb-paybar__icon{width:48px;height:48px;flex:none;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);display:grid;place-items:center;color:var(--primary)}
 .sb-has-paybar .sb-bottomnav{display:none}
 .sb-pdp{grid-template-columns:1fr;gap:16px;padding-top:0}
 .sb-gallery{margin:0 -16px;gap:8px}
 .sb-gallery__main{border-radius:0;border-width:0 0 1px}
 .sb-gallery__thumbs{padding:0 16px;scrollbar-width:none}.sb-gallery__nav--prev{left:6px}.sb-gallery__nav--next{right:6px}.sb-gallery__thumbs button{width:56px;height:56px}
 .sb-summary{gap:14px}
 .product_title{font-size:18px}
 .sb-pricebox{padding:12px 14px}.sb-pricebox .price ins{font-size:24px}
 .sb-buy{display:none}
 .sb-pdp__side{grid-template-columns:1fr}
 .sb-ptabs{margin:0 -16px;padding:0 8px}.sb-ptab{height:48px;padding:0 12px;font-size:14px}
 .sb-ptab-panel{padding-top:16px}
 .sb-specs th{width:46%}.sb-specs th,.sb-specs td{padding:10px}
 .sb-rv-summary{grid-template-columns:1fr;gap:16px}
 .sb-rv-score{display:flex;align-items:center;gap:12px;text-align:left}.sb-rv-score b{font-size:36px}.sb-rv-score .sb-review__stars{margin:0}
 .sb-rv-summary>.sb-btn{width:100%}
 .sb-cart-item{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"img info rm" "img qty total";gap:8px 12px;padding:14px;align-items:start}
 .sb-cart-item>.sb-media{grid-area:img;width:72px;height:72px}
 .sb-cart-item__info{grid-area:info}.sb-cart-item__name{font-size:14px}
 .sb-cart-item .sb-qty{grid-area:qty;justify-self:start;height:40px}.sb-cart-item .sb-qty button{width:40px}.sb-cart-item .sb-qty input{width:36px}
 .sb-cart-item__total{grid-area:total;align-self:center}
 .sb-cart-item .sb-remove{grid-area:rm;margin:-10px -10px 0 0}
 .sb-cart-foot .sb-btn{width:100%}
 .sb-steps{padding:4px 0 16px;gap:6px;font-size:13px}.sb-steps li+li::before{width:20px}.sb-steps li:not(.is-current) span{display:none}
 .sb-result-hero{padding-top:20px}.sb-result-hero h1{font-size:22px}.sb-result-hero__icon{width:64px;height:64px}
 .sb-kv{gap:12px}
 .sb-track-form{grid-template-columns:1fr}
 .sb-progress{font-size:12px}.sb-progress b{width:28px;height:28px}.sb-progress li::before{top:13px}
 .sb-auth{margin-top:12px;border:0;background:transparent;grid-template-columns:1fr}
 .sb-auth__aside{display:none}.sb-auth__main{padding:0}
 .sb-auth-card{margin-top:16px}
 .sb-acc-user{padding:4px 0 12px}
 .sb-acc-nav li>button,.sb-acc-nav li>a{padding:0 14px}
 .sb-acc-nav ul{margin:0 -16px;padding:0 16px}
 .sb-panel__title{font-size:18px}
 .sb-stats{gap:8px}.sb-stat{padding:12px}.sb-stat b{font-size:20px}
 .sb-table--cards thead{display:none}
 .sb-table--cards,.sb-table--cards tbody,.sb-table--cards tr,.sb-table--cards td{display:block}
 .sb-table--cards tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:14px;margin-bottom:10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
 .sb-table--cards td{padding:0;border:0}
 .sb-table--cards td::before{content:attr(data-label);display:block;font-size:12px;color:var(--text-2)}
 .sb-table--cards td:last-child{grid-column:1/-1}.sb-table--cards td:last-child::before{display:none}.sb-table--cards td:last-child .sb-btn{width:100%}
 .sb-addr-grid{grid-template-columns:1fr}
 .sb-feature{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.sb-feature h2{font-size:20px}
 .sb-post-grid{grid-template-columns:1fr;gap:16px}
 .sb-post-grid .sb-post a{flex-direction:row;align-items:flex-start;gap:12px}
 .sb-post-grid .sb-post .sb-media{width:112px;height:84px;aspect-ratio:auto;flex:none;padding:0}.sb-post-grid .sb-post .sb-media::after{display:none}
 .sb-post-grid .sb-post__excerpt{display:none}
 .sb-post-grid .sb-post a>span:not(.sb-media){display:flex;flex-direction:column;gap:4px}
 .sb-widgets{grid-template-columns:1fr}
 .sb-article-head h1{font-size:24px}.sb-article-hero{margin:20px -16px 0;border-radius:0;aspect-ratio:16/10}
 .sb-prose{font-size:15px}.sb-prose h2{font-size:18px;margin-top:28px}
 .sb-about-hero .sb-display{font-size:24px}.sb-about-hero p{font-size:15px}
 .sb-values,.sb-stores{grid-template-columns:1fr}
 .sb-legal-list{grid-template-columns:1fr;gap:2px}.sb-legal-list dd{margin-bottom:10px}
 .sb-contact-ways{grid-template-columns:1fr 1fr;gap:8px}.sb-way{padding:12px}
 .sb-map{aspect-ratio:4/3}
 .sb-doc-nav ul{margin:0 -16px;padding:0 16px}
 .sb-doc-body{padding:20px 16px}.sb-doc-body h1{font-size:22px}
 .sb-fs-hero{margin:0 -16px;padding:20px 16px;border-radius:0;gap:12px}
 .sb-fs-hero h1{font-size:22px}.sb-fs-hero h1 .sb-ic{width:24px;height:24px}.sb-fs-hero p{font-size:13px}
 .sb-fs-hero .sb-countdown{margin-left:0}
 .sb-slots{margin:12px -16px 0;padding:0 16px;scrollbar-width:none}.sb-slot{flex:0 0 108px;min-height:56px}.sb-slot b{font-size:16px}
 .sb-brand-feature{grid-template-columns:1fr;gap:12px}
 .sb-letter{grid-template-columns:1fr;gap:10px;padding:16px 0}.sb-letter h2{font-size:22px}
 .sb-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sb-brand-grid a{height:68px;font-size:14px}
 .sb-az a,.sb-az span{width:36px;height:36px}
 .sb-brand-hero{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px}
 .sb-brand-hero .sb-blogo{width:72px;height:72px;font-size:12px}.sb-brand-hero h1{font-size:20px}.sb-brand-hero>.sb-btn{grid-column:1/-1}
 .sb-brand-banner{aspect-ratio:2/1;margin:0 -16px 16px;border-radius:0}
 .sb-404{padding-top:32px}.sb-404__code{font-size:88px}.sb-404 h1{font-size:20px}
}

/* ===== utilities: thay cho style="" inline trong markup ===== */
.u-bg-none{background:none!important}
.u-bg-tint{background:var(--tint)!important}
.u-c-sale{color:var(--sale)!important}
.u-c-text{color:var(--text)!important}
.u-col-1-1{grid-column:1/-1!important}
.u-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.u-flex-none{flex:none!important}
.u-fs-13px{font-size:13px!important}
.u-fs-14px{font-size:14px!important}
.u-fs-18px{font-size:18px!important}
.u-fs-22px{font-size:22px!important}
.u-fw-600{font-weight:600!important}
.u-h-24px{height:24px!important}
.u-h-44px{height:44px!important}
.u-justify-center{justify-content:center!important}
.u-justify-space-between{justify-content:space-between!important}
.u-m-0{margin:0!important}
.u-m-0-0-20px{margin:0 0 20px!important}
.u-m-12px-0-8px{margin:12px 0 8px!important}
.u-m-4px-0-0{margin:4px 0 0!important}
.u-mb-16px{margin-bottom:16px!important}
.u-mb-20px{margin-bottom:20px!important}
.u-mb-24px{margin-bottom:24px!important}
.u-mb-8px{margin-bottom:8px!important}
.u-minh-48px{min-height:48px!important}
.u-mt-14px{margin-top:14px!important}
.u-mt-16px{margin-top:16px!important}
.u-mt-20px{margin-top:20px!important}
.u-mt-8px{margin-top:8px!important}
.u-mw-820px{max-width:820px!important}
.u-overflow-hidden{overflow:hidden!important}
.u-p-0{padding:0!important}
.u-p-12px-14px{padding:12px 14px!important}
.u-p-16px-0{padding:16px 0!important}
.u-pt-12px{padding-top:12px!important}
.u-pt-16px{padding-top:16px!important}
.u-pt-24px{padding-top:24px!important}
.u-self-center{align-self:center!important}
.u-text-center{text-align:center!important}
.u-text-right{text-align:right!important}
.u-w-24px{width:24px!important}
.u-w-48px{width:48px!important}

/* ===== preset fields (Tiệm bánh, Tiệm hoa…) — dùng chung, không phụ thuộc skin ===== */
fieldset.sb-variations{margin:0;padding:0;border:0;min-width:0}
fieldset.sb-variations>legend{padding:0;margin-bottom:8px}
.sb-swatch--stack{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:6px 14px;line-height:1.3;text-align:left}
.sb-swatch small{font-size:12px;font-weight:400;color:var(--text-2)}
.sb-swatch[aria-pressed="true"] small{color:var(--primary)}
.sb-addons{display:flex;flex-direction:column;gap:8px}
.sb-addons .sb-check{align-items:center;min-height:48px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface)}
.sb-addons .sb-check:has(input:checked){border-color:var(--primary);background:var(--tint)}
.sb-addons .sb-check b{margin-left:auto;font-size:14px;font-weight:600;white-space:nowrap}
.sb-choice--compact{min-height:56px;padding:10px 14px}
.sb-pickup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;margin-top:12px}
.sb-slots-sm{display:flex;flex-wrap:wrap;gap:8px}
.sb-slots-sm .sb-chip{height:48px;padding:0 14px}
.sb-chip:disabled{opacity:.45;text-decoration:line-through;cursor:not-allowed}
.sb-card--table{padding:0;overflow:hidden;max-width:820px}
.sb-from{font-size:12px;font-weight:500}
.woocommerce a.button.sb-choose-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--primary);border-radius:var(--r-sm);background:var(--surface);color:var(--primary);font-size:14px;font-weight:600;text-decoration:none}
.woocommerce a.button.sb-choose-btn:hover{background:var(--tint)}
@media (max-width:767px){.sb-pickup{grid-template-columns:1fr}.woocommerce a.button.sb-choose-btn{font-size:13px}}
/* preset fields v2: size 1 hàng, ngày + giờ dạng lưới */
.sb-ic--calendar{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%206h16v14H4zM4%2010h16M8%203v4M16%203v4'%2F%3E%3C%2Fsvg%3E")}
.sb-swatches--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sb-swatches--grid .sb-swatch--stack{align-items:center;text-align:center;gap:1px;min-height:76px;padding:8px 6px}
.sb-swatch--stack>span{font-size:16px;font-weight:700;line-height:1.25}
.sb-swatch__price{font-weight:600!important;color:var(--text)!important}
.sb-swatch[aria-pressed="true"] .sb-swatch__price{color:var(--primary)!important}
.sb-pickup{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.sb-daygrid,.sb-slotgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sb-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:6px 4px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}
.sb-day:hover{border-color:var(--primary)}
.sb-day small{font-size:12px;color:var(--text-2)}.sb-day b{font-size:15px;font-weight:700}
.sb-day[aria-pressed="true"]{border-color:var(--primary);background:var(--tint);color:var(--primary)}.sb-day[aria-pressed="true"] small{color:var(--primary)}
.sb-day--more{border-style:dashed;color:var(--primary)}
.sb-slotgrid .sb-chip{height:48px;justify-content:center;padding:0 4px;border:1.5px solid var(--border-strong);border-radius:var(--r-md)}
.sb-slotgrid .sb-chip[aria-pressed="true"]{border-color:var(--primary)}
@media (max-width:767px){.sb-pickup{display:flex}.sb-swatches--grid .sb-swatch--stack{min-height:72px}.sb-swatch--stack>span{font-size:15px}}
/* preset fields v3: giỏ hàng + thanh toán (tùy chọn sản phẩm, người nhận, lấy tại tiệm) */
.sb-cart-item__tags{display:flex;flex-wrap:wrap;gap:4px}
.sb-badge--warn{background:#FFF4E0;color:var(--warning)}
.sb-item-opts{display:grid;gap:2px;margin:2px 0;font-size:13px;line-height:1.45}
.sb-item-opts div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px}
.sb-item-opts dt{color:var(--text-2)}.sb-item-opts dd{margin:0}
.sb-edit-opts{display:inline-flex;align-items:center;gap:4px;min-height:32px;font-size:13px;font-weight:600}
.sb-link-btn--inline{display:inline;min-height:0!important;font-size:inherit;text-decoration:underline}
.sb-slot-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:0 0 14px;border-radius:var(--r-md);background:var(--tint);font-size:14px}
.sb-slot-note>.sb-ic{color:var(--primary);margin-top:2px}.sb-slot-note b{display:block}.sb-slot-note small{display:block;color:var(--text-2);font-size:13px}
#order_review .sb-slot-note{margin:12px 0 0}
.sb-form-grid:has(#o-gift:checked) .sb-recipient{display:grid}
.sb-store-pick{display:none;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;border-radius:var(--r-md);background:var(--secondary);font-size:14px}
.sb-store-pick>.sb-ic{color:var(--primary)}.sb-store-pick strong{display:block}.sb-store-pick small{display:block;color:var(--text-2)}
.sb-fulfil:has(#o-pickup:checked) .sb-addr-fields{display:none}
.sb-fulfil:has(#o-pickup:checked) .sb-store-pick{display:flex}
.sb-empty__title{margin:4px 0 0;font-size:22px}
.u-text-right{text-align:right!important}
@media (max-width:767px){.sb-item-opts div{grid-template-columns:60px minmax(0,1fr)}.sb-edit-opts{min-height:44px}}
.sb-dot-kraft{background:#B08A5E}.sb-dot-white{background:#fff}.sb-dot-pink{background:#F3C9D2}

/* ===== preset b2b: giá bậc thang, MOQ, báo giá, tài liệu ===== */
.sb-ic--doc{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%203h7l5%205v13H7zM14%203v5h5M10%2013h6M10%2017h6'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--download{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%204v11M7%2010l5%205%205-5M5%2020h14'%2F%3E%3C%2Fsvg%3E")}
.sb-ic--upload{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2016V5M7%2010l5-5%205%205M5%2020h14'%2F%3E%3C%2Fsvg%3E")}
body[data-state="sent"] .sb-state-full{display:none!important}body:not([data-state="sent"]) .sb-state-sent{display:none!important}
.sb-quote-count{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font:700 12px/18px var(--font-ui);text-align:center}
.price .sb-unit{order:-1;font-size:13px;font-weight:500;color:var(--text-2)}
.sb-pricebox .price .sb-unit{font-size:15px}
.sb-tier-hint{font-size:12px;line-height:1.3;color:var(--text-2)}.sb-tier-hint b{color:var(--success)}
.sb-tiers{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface);font-size:14px}
.sb-tiers th,.sb-tiers td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}
.sb-tiers tbody tr:last-child td{border-bottom:0}
.sb-tiers thead th{background:var(--secondary);font-size:12px;font-weight:600;color:var(--text-2)}
.sb-tiers td:nth-child(2){font-weight:700}
.sb-tiers .sb-save{color:var(--success);font-weight:600}
.sb-tiers tr.is-active td{background:var(--tint);color:var(--primary)}
.sb-tiers tr.is-active td:first-child{font-weight:700}
.sb-qtybox{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.sb-qtybox__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.sb-moq{font-size:12px;color:var(--text-2)}
.sb-qtybox__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sb-qtybox .sb-qty input,.sb-quote .sb-qty input,.sb-cart-item .sb-qty input[step]{width:84px}
.sb-qtybox .sb-chip{height:40px}
.sb-calc{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding-top:12px;border-top:1px dashed var(--border-strong);font-size:14px;color:var(--text-2)}
.sb-calc strong{font-size:22px;line-height:1.2;color:var(--sale)}
.sb-upsell{margin:0;font-size:13px;font-weight:600;color:var(--success)}
.sb-docs{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.sb-docs a{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text)}
.sb-docs a:hover{border-color:var(--primary);color:var(--text);text-decoration:none}
.sb-docs__ic{width:34px;height:40px;flex:none;border-radius:var(--r-sm);background:var(--tint);color:var(--primary);display:grid;place-items:center;font-size:10px;font-weight:700;letter-spacing:.04em}
.sb-docs strong{display:block;font-size:14px;line-height:1.3}.sb-docs small{display:block;font-size:12px;color:var(--text-2)}
.sb-docs a>.sb-ic:last-child{margin-left:auto;color:var(--primary)}
.sb-process{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sb-process li{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}
.sb-process b{width:36px;height:36px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-size:15px}
.sb-process strong{font-size:16px;line-height:1.3}.sb-process small{font-size:13px;line-height:1.45;color:var(--text-2)}
.sb-rfq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:center;margin-top:var(--section);padding:40px 48px;border-radius:var(--r-lg);background:var(--primary);color:var(--on-primary)}
.sb-rfq.sb-section{padding-top:40px}
.sb-rfq .sb-display{font-size:32px;color:var(--on-primary)}
.sb-rfq>div>p{margin:10px 0 0;font-size:16px;color:#fff}
.sb-rfq form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px;border-radius:var(--r-md);background:var(--surface);color:var(--text)}
.sb-rfq form .is-full{grid-column:1/-1}
.sb-rfq form .sb-btn{background:var(--accent);color:var(--on-accent)}.sb-rfq form .sb-btn:hover{background:var(--accent);filter:brightness(.92)}
.sb-upload{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 16px;border:1.5px dashed var(--border-strong);border-radius:var(--r-md);background:var(--secondary);font-size:14px;cursor:pointer}
.sb-upload:hover,.sb-upload:focus-within{border-color:var(--primary)}
.sb-upload>.sb-ic{color:var(--primary)}.sb-upload strong{display:block}.sb-upload small{display:block;font-size:12px;color:var(--text-2)}
.sb-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.sb-cart-item__info>small{font-size:12px}
@media (max-width:1023px){.sb-process{grid-template-columns:1fr 1fr}.sb-rfq{grid-template-columns:1fr;gap:20px;padding:28px}.sb-rfq.sb-section{padding-top:28px}.sb-rfq .sb-display{font-size:26px}}
@media (max-width:767px){.sb-util--quote{display:flex}.sb-process{gap:8px}.sb-process li{padding:14px;gap:6px}.sb-process b{width:30px;height:30px;font-size:13px}.sb-process strong{font-size:14px}.sb-process small{font-size:12px}.sb-rfq{padding:20px 16px;margin-inline:-16px;border-radius:0}.sb-rfq.sb-section{padding-top:20px}.sb-rfq .sb-display{font-size:22px}.sb-rfq>div>p{font-size:14px}.sb-rfq form{grid-template-columns:1fr;padding:16px;gap:12px}.sb-tiers th,.sb-tiers td{padding:9px 10px;font-size:13px}.sb-qtybox{padding:14px}.sb-qtybox .sb-qty{flex:1 1 100%}.sb-qtybox .sb-qty input{flex:1}.sb-qtybox .sb-chips-row{flex:1 1 100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.sb-qtybox .sb-chip{justify-content:center;padding:0 4px;height:44px}.sb-cart-item .sb-qty input[step]{width:64px}.woocommerce ul.products .sb-tier-hint{font-size:12px}}

/* ===== preset thuc-pham: thông tin sản phẩm, nguồn gốc, cổng 18+ ===== */
.sb-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.sb-facts div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--surface)}
.sb-facts dt{font-size:12px;color:var(--text-2)}.sb-facts dd{margin:0;font-size:14px;font-weight:600}
.sb-origin{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sb-origin li{display:flex;flex-direction:column;gap:6px}
.sb-origin .sb-media{aspect-ratio:4/3;margin-bottom:6px;border-radius:var(--r-lg)}
.sb-origin strong{font-family:var(--font-display);font-weight:var(--dw);font-size:19px;line-height:1.3;color:var(--primary-hover)}
.sb-origin small{font-size:14px;line-height:1.5;color:var(--text-2)}
.sb-agegate{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:16px;background:rgba(20,12,6,.75)}
body.has-agegate:not(.agegate-ok) .sb-agegate{display:grid}
body.has-agegate:not(.agegate-ok){overflow:hidden}
.sb-agegate__panel{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 28px 24px;border-radius:var(--r-lg);background:var(--surface);text-align:center;box-shadow:var(--shadow-md)}
.sb-agegate__ask,.sb-agegate__denied{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.sb-agegate h2{margin:0;font-family:var(--font-display);font-weight:var(--dw);font-size:26px;line-height:1.25;color:var(--primary-hover)}
.sb-agegate p{margin:0;font-size:15px;color:var(--text-2);text-wrap:pretty}
.sb-agegate__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:8px}
.sb-agegate__actions .sb-btn{padding:0 12px}
.sb-agegate__denied{display:none}
.sb-agegate.is-denied .sb-agegate__ask{display:none}.sb-agegate.is-denied .sb-agegate__denied{display:flex}
.sb-agegate__warn{padding-top:14px;border-top:1px solid var(--border);width:100%;font-size:12px;color:var(--text-2)}
@media (max-width:1023px){.sb-origin{gap:12px}.sb-origin strong{font-size:17px}}
@media (max-width:767px){.sb-facts{grid-template-columns:1fr 1fr}.sb-origin{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;gap:12px}.sb-origin li{flex:0 0 240px}.sb-origin small{font-size:13px}.sb-agegate__panel{padding:24px 18px 18px}.sb-agegate h2{font-size:22px}.sb-agegate__actions{grid-template-columns:1fr}.sb-agegate__actions .sb-btn:last-child{order:-1}}

/* ===== preset dien-may: PDP (lắp đặt, thu cũ đổi mới, trả góp, thông số) ===== */
.sb-dm-block{margin:0;padding:0;border:0;min-width:0}
.sb-compare-btn{margin-left:auto;gap:4px}.sb-compare-btn[aria-pressed="true"]{color:var(--success)}
.sb-tradein{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface)}
.sb-tradein:has(input:checked){border-color:var(--primary);background:var(--tint)}
.sb-tradein .sb-check strong{display:block;font-size:15px}.sb-tradein .sb-check small{display:block;font-size:13px;color:var(--text-2)}
.sb-tradein__pick{padding-left:30px}.sb-tradein__pick .sb-select{width:100%}
.sb-installment{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--secondary)}
.sb-installment__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.sb-installment__head h2{margin:0;font-size:17px;font-weight:700}
.sb-installment__row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;font-size:14px;color:var(--text-2)}
.sb-installment__row[hidden]{display:none}
.sb-installment .sb-chip{height:36px;padding:0 12px}
.sb-installment__out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.sb-installment__out div{padding:10px 12px;border-radius:var(--r-md);background:var(--surface)}
.sb-installment__out dt{font-size:12px;color:var(--text-2)}.sb-installment__out dd{margin:2px 0 0;font-size:16px;font-weight:700}
.sb-installment__out dd.is-main{color:var(--sale);font-size:18px}
.sb-installment__note{margin:0;font-size:13px;color:var(--text-2);text-wrap:pretty}
.sb-storelist{margin:0 0 8px;padding:0;list-style:none}
.sb-storelist li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.sb-storelist strong{display:block;font-size:14px}.sb-storelist small{font-size:12px;color:var(--text-2)}
.sb-keyspecs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:0;list-style:none}
.sb-keyspecs li{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.sb-keyspecs small{font-size:12px;color:var(--text-2)}.sb-keyspecs strong{font-size:16px;line-height:1.3}
.sb-specs-groups .sb-specs+.sb-specs{border-top:1px solid var(--border)}
.sb-specs-groups caption{text-align:left;padding:12px 14px;background:var(--secondary);font-weight:700}
@media (max-width:1023px){.sb-keyspecs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.sb-keyspecs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sb-installment__out{grid-template-columns:1fr 1fr}.sb-installment__out div:has(.is-main){grid-column:1/-1;order:-1}.sb-installment__row{grid-template-columns:1fr;gap:6px}.sb-installment .sb-chip{height:44px}.sb-compare-btn{margin-left:0}}

/* ===== preset dien-may: danh mục (bộ lọc theo ngành, so sánh) ===== */
.sb-fchips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sb-fpower{display:grid;gap:8px}
.sb-fchip{position:relative;display:flex;cursor:pointer}
.sb-fchip input{position:absolute;opacity:0;pointer-events:none}
.sb-fchip>span{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);font-size:14px;text-align:center;line-height:1.3}
.sb-fchip--2>span{flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;min-height:52px}
.sb-fchip--2 b{font-size:14px;font-weight:600}.sb-fchip--2 small{font-size:12px;color:var(--text-2)}
.sb-fchip:hover>span{border-color:var(--primary)}
.sb-fchip input:checked+span{border-color:var(--primary);background:var(--tint);color:var(--primary);font-weight:600;box-shadow:inset 0 0 0 1px var(--primary)}
.sb-fchip input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.sb-filter--toggle{padding:14px 0;border-bottom:1px solid var(--border)}
.sb-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.sb-switch strong{display:block;font-size:14px}.sb-switch small{display:block;font-size:12px;color:var(--text-2)}
.sb-switch input{appearance:none;flex:none;width:44px;height:26px;margin:0;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;transition:background .2s}
.sb-switch input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.sb-switch input:checked{background:var(--primary)}.sb-switch input:checked::after{transform:translateX(18px)}
.sb-specline{font-size:12px;color:var(--text-2);line-height:1.4}
.woocommerce ul.products li.product{position:relative}
.sb-cmp{display:flex;align-items:center;gap:6px;padding:0 12px 8px;font-size:13px;color:var(--text-2);cursor:pointer}
.sb-cmp input{width:16px;height:16px;margin:0;accent-color:var(--primary)}
.sb-cmp:has(input:checked){color:var(--primary);font-weight:600}
.sb-cmpbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-up)}
.sb-cmpbar,.sb-cmpbar[hidden]{display:none}.sb-cmpbar.is-on{display:block}
.sb-cmpbar .sb-container{display:flex;align-items:center;gap:16px;min-height:72px}
.sb-cmpbar__items{display:flex;gap:10px;flex:1;min-width:0;overflow-x:auto}
.sb-cmpbar__item{display:flex;align-items:center;gap:8px;max-width:220px;padding:6px 10px 6px 6px;border:1px solid var(--border);border-radius:var(--r-md);font-size:13px;line-height:1.3}
.sb-cmpbar__item .sb-thumb{flex:none;width:36px;height:36px}
.sb-cmpbar__n{font-size:14px;color:var(--text-2);white-space:nowrap}
@media (max-width:767px){.sb-cmpbar{bottom:64px}.sb-cmpbar .sb-container{min-height:60px;gap:10px}.sb-cmpbar__items{display:none}.sb-cmpbar__n{flex:1}.sb-cmp{min-height:44px;padding-bottom:0}.sb-fchip>span{min-height:44px}}

/* ===== preset dien-may: so sánh ===== */
.sb-cmp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.sb-cmp-toggle>span{flex:1;min-width:0}.sb-cmp-toggle strong{white-space:nowrap}.sb-cmp-toggle{padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.sb-cmp-wrap{margin-top:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}
.sb-cmp-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px}
.sb-cmp-table th,.sb-cmp-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;line-height:1.45}
.sb-cmp-table thead th{position:sticky;top:var(--header-h,0px);z-index:2;background:var(--surface);border-bottom:2px solid var(--border);vertical-align:top}
.sb-cmp-table thead th:first-child,.sb-cmp-table tbody th[scope=row]{width:200px}
.sb-cmp-corner{font-weight:400;color:var(--text-2);font-size:13px}.sb-cmp-corner>span{display:block}
.sb-cmp-legend{margin-top:8px}
.sb-cmp-prod{position:relative}
.sb-cmp-prod>a{display:flex;flex-direction:column;gap:8px;color:var(--text);text-decoration:none}
.sb-cmp-prod .sb-media{width:100%;max-width:140px;aspect-ratio:1;border-radius:var(--r-md)}
.sb-cmp-name{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sb-cmp-prod .price{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;margin:6px 0 10px}
.sb-cmp-prod ins{text-decoration:none;color:var(--sale);font-size:17px;font-weight:700}.sb-cmp-prod del{font-size:12px;color:var(--text-2)}
.sb-cmp-rm{position:absolute;top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-2);cursor:pointer}
.sb-cmp-rm:hover{color:var(--error);border-color:var(--error)}
.sb-cmp-addbox{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;padding:18px 10px;border:1.5px dashed var(--border-strong);border-radius:var(--r-md);text-align:center;font-weight:400}
.sb-cmp-addbox .sb-input{height:40px;font-size:14px}
.sb-cmp-plus{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--tint);color:var(--primary)}
.sb-cmp-group th{padding:10px 14px;background:var(--secondary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-2)}
.sb-cmp-table tbody th[scope=row]{font-weight:500;color:var(--text-2)}
.sb-cmp-table tr.is-diff>td:not(.is-empty){background:#FFF8E6}
.sb-cmp-table tr.is-diff>th[scope=row]{color:var(--text);font-weight:600}
.sb-cmp-table td.is-best{font-weight:600}
.sb-better{display:inline-flex;align-items:center;height:20px;margin-left:6px;padding:0 6px;border-radius:4px;background:#E8F5E9;color:var(--success);font-size:11px;font-weight:600;vertical-align:1px;white-space:nowrap}
.sb-cmp-table.only-diff tr[data-cmprow]:not(.is-diff){display:none}
.sb-cmp-table .sb-rating{display:inline-flex;align-items:center;gap:2px}
@media (max-width:1023px){.sb-cmp-wrap{overflow-x:auto}.sb-cmp-table{min-width:760px}.sb-cmp-table thead th{position:static}.sb-cmp-table thead th:first-child,.sb-cmp-table tbody th[scope=row]{width:132px}}
@media (max-width:767px){.sb-cmp-toggle{width:100%}.sb-cmp-table{font-size:13px}.sb-cmp-table th,.sb-cmp-table td{padding:10px}.sb-cmp-rm{width:44px;height:44px;top:4px;right:4px}}
/* ===== preset dien-may: trả góp ===== */
.sb-ig{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:16px}
.sb-ig__main{display:flex;flex-direction:column;gap:16px;min-width:0}
.sb-ig__side{position:sticky;top:calc(var(--header-h,0px) + 16px)}
.sb-ig-product{display:flex;align-items:center;gap:14px}
.sb-ig-product .sb-media{flex:none;width:72px;height:72px;border-radius:var(--r-md)}
.sb-ig-product>div:nth-child(2){flex:1;min-width:0}.sb-ig-product strong{display:block;font-size:15px;line-height:1.35}.sb-ig-product small{font-size:13px;color:var(--text-2)}
.sb-ig-product__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sb-ig-product__price b{font-size:18px;color:var(--sale)}
.sb-ig-row{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;font-size:14px;color:var(--text-2)}
.sb-ig-hint{margin:10px 0 0;font-size:13px;color:var(--text-2);text-wrap:pretty}.sb-ig-hint--pad{margin:0;padding:12px 16px 16px}
.sb-ig-tabletitle{padding:16px 16px 0}
.sb-ig-wrap{overflow-x:auto}
.sb-ig-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}
.sb-ig-table th,.sb-ig-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;line-height:1.45}
.sb-ig-table tbody th{width:150px;font-weight:500;color:var(--text-2)}
.sb-ig-table thead th{font-weight:400;position:relative;padding-top:26px}
.sb-ig-table thead strong{display:block;font-size:15px}.sb-ig-table thead small{font-size:12px;color:var(--text-2)}
.sb-ig-type{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-2)}
.sb-ig-table thead th.is-best::before{content:"Tổng trả thấp nhất";position:absolute;top:6px;left:12px;padding:1px 6px;border-radius:4px;background:#E8F5E9;color:var(--success);font-size:11px;font-weight:600}
.sb-ig-table thead th.is-na{opacity:.55}
.sb-ig-table tr.is-key td b{font-size:17px;color:var(--sale)}
.sb-ig-table .is-picked{background:var(--tint)}
.sb-ig-na{font-size:13px;color:var(--text-2)}
.sb-ig-pick td{border-bottom:0}.sb-ig-pick .sb-btn{width:100%}
.sb-ig-pick .sb-btn[aria-pressed="true"]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.sb-ig-pick .sb-btn:disabled{opacity:.45;cursor:not-allowed}
.sb-ig-sum{display:flex;flex-direction:column;gap:12px}
.sb-ig-sumlist{margin:0;display:grid;gap:8px}.sb-ig-sumlist div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.sb-ig-sumlist dt{color:var(--text-2)}.sb-ig-sumlist dd{margin:0;font-weight:600;text-align:right}
.sb-ig-big{padding:14px;border-radius:var(--r-md);background:var(--tint)}.sb-ig-big small{display:block;font-size:13px;color:var(--text-2)}.sb-ig-big strong{font-size:28px;line-height:1.2;color:var(--sale)}
.sb-ig-warn{margin:0;padding:10px 12px;border-radius:var(--r-md);background:#FFF4E0;color:var(--warning);font-size:13px}
.sb-ig-done{display:flex;gap:10px;padding:12px;border-radius:var(--r-md);background:#E8F5E9;color:var(--success)}.sb-ig-done[hidden]{display:none}.sb-ig-done strong{display:block}.sb-ig-done small{color:var(--text)}
.sb-faq{display:flex;flex-direction:column;margin-top:8px}.sb-faq p{margin:0 0 14px;font-size:14px;color:var(--text-2);line-height:1.6}
.sb-ig-paybar{display:flex;flex-direction:column;flex:1;line-height:1.2}.sb-ig-paybar small{font-size:12px;color:var(--text-2)}.sb-ig-paybar b{font-size:18px;color:var(--sale)}
[data-fin-only][hidden]{display:none}
@media (max-width:1023px){.sb-ig{grid-template-columns:1fr}.sb-ig__side{position:static}}
@media (max-width:767px){.sb-ig-row{grid-template-columns:1fr;gap:6px}.sb-ig-product{flex-wrap:wrap}.sb-ig-product__price{flex-direction:row;align-items:center;gap:12px;width:100%;justify-content:space-between}.sb-ig__side{display:none}}

/* ===== dien-may PDP v2: trả góp gọn, tồn kho cửa hàng, sửa vỡ dòng ===== */
.preset-dienmay .sb-swatches--grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.preset-dienmay .sb-swatch--stack{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;min-height:64px;padding:8px 4px;gap:2px;white-space:nowrap}
.preset-dienmay .sb-swatch--stack>span{font-size:15px;line-height:1.2}
.preset-dienmay .sb-swatch--stack .sb-swatch__price{font-size:12px;line-height:1.2}
.sb-dm-block>legend{float:left;width:100%;padding:0;margin:0 0 8px}
.sb-dm-block>legend+*{clear:both}
.preset-dienmay .sb-addons .sb-check{gap:10px;padding:10px 14px;min-height:52px}
.preset-dienmay .sb-addons .sb-check>span{flex:1;min-width:0}
.preset-dienmay .sb-calc>span:first-child{flex:1;min-width:0}
.preset-dienmay .sb-summary__meta{flex-wrap:wrap;row-gap:6px}
.preset-dienmay .sb-compare-btn{white-space:nowrap}
.sb-installment{gap:12px;padding:16px}
.sb-installment__head{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:12px}
.sb-installment__head h2{white-space:nowrap}
.sb-installment__from{font-size:14px;color:var(--text-2);white-space:nowrap}.sb-installment__from b{font-size:18px;color:var(--sale)}
.sb-installment__terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sb-installment__terms .sb-chip{justify-content:center;height:40px;padding:0 4px;border-radius:var(--r-md);white-space:nowrap}
.sb-installment__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sb-installment__actions .sb-btn{height:44px;padding:0 8px;font-size:14px;background:var(--surface);white-space:nowrap}
.sb-storestock__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.sb-storestock__head .sb-card__title{margin:0}
.sb-select--sm{width:auto;height:36px;padding:0 30px 0 10px;font-size:13px}
.sb-storelist{display:flex;flex-direction:column;margin:0 0 6px;padding:0;list-style:none}
.sb-storelist li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}
.sb-storelist li:last-child{border-bottom:0}
.sb-storelist__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sb-storelist__info strong{font-size:14px;line-height:1.35}
.sb-storelist__info small{font-size:12px;color:var(--text-2)}
.sb-stockdot{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}
.sb-stockdot::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.sb-stockdot--ok{color:var(--success)}.sb-stockdot--low{color:var(--warning)}
@media (max-width:767px){.preset-dienmay .sb-swatch--stack{min-height:60px}.sb-installment__terms .sb-chip{height:44px}.sb-select--sm{height:44px}}
@media (max-width:380px){.sb-installment__actions{grid-template-columns:1fr}}
.sb-info-list li>span:last-child,.sb-ship-to>span:nth-child(2){flex:1;min-width:0}
.sb-storestock .sb-link-btn{white-space:nowrap}.sb-storestock__head .sb-card__title{white-space:nowrap;font-size:16px}
.sb-gallery__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:12px}
.sb-gallery__actions .sb-btn{height:40px;gap:6px;background:var(--surface)}
.sb-gallery__actions .sb-btn[aria-pressed="true"]{background:var(--tint);border-color:var(--primary);color:var(--primary)}
.sb-gallery__actions [data-fav][aria-pressed="true"] .sb-ic{color:var(--sale)}
.sb-gallery__cmpnote{font-size:13px;color:var(--text-2)}.sb-gallery__cmpnote[hidden]{display:none}.sb-gallery__cmpnote a{font-weight:600}
@media (max-width:767px){.sb-gallery__actions{margin-top:8px}.sb-gallery__actions .sb-btn{height:44px}}
.sb-gallery__actions{grid-column:2;margin-top:0}
.sb-gallery__actions .sb-btn{white-space:nowrap;flex:none}
.sb-storestock__head .sb-select--sm{flex:none;min-width:112px}
@media (max-width:1279px){.sb-gallery__actions{grid-column:1/-1}}
@media (max-width:767px){.sb-gallery__actions{padding:0 16px}}
/* QA fixes (shared): tab không xuống dòng, lưới bán chạy không lẻ 1 ô ở 3 cột */
.sb-tab{white-space:nowrap;flex:none}
@media (min-width:768px) and (max-width:1023px){.woocommerce ul.sb-grid--best li.product:nth-child(n+10),.woocommerce ul.sb-grid--rec li.product:nth-child(n+10){display:none}}
.sb-subcats a,.sb-filter-btn,.sb-toolbar .sb-btn{white-space:nowrap}
.sb-pagination a>.sb-ic{min-width:0;width:18px;height:18px;padding:0;border:0;border-radius:0;background:currentColor}
@media (min-width:768px){.preset-dienmay .sb-gallery{position:sticky;top:calc(var(--header-h,0px) + 16px);align-self:start}}
.sb-ig-wrap{overflow-y:hidden}
@media (min-width:768px){.sb-ig-table{min-width:0;table-layout:fixed}.sb-ig-table tbody th{width:22%}}
.sb-cmp-prodin{position:relative;display:flex;flex-direction:column}
.sb-cmp-prodin>a{display:flex;flex-direction:column;gap:8px;color:var(--text);text-decoration:none;padding-right:28px}
.sb-cmp-prod .sb-btn{color:var(--on-primary)}
.sb-cmp-rm{top:0;right:0}
.sb-cmp-wrap{overflow-y:hidden}
/* fix tràn ngang cột phụ 300px (laptop 13–15") */
.sb-storestock__head{flex-wrap:wrap;gap:8px 12px}
.sb-storestock__head .sb-card__title{white-space:normal;flex:1 1 140px;min-width:0}
.sb-storestock__head .sb-select--sm{min-width:0;max-width:100%}
.sb-pdp__side,.sb-pdp__side .sb-card{min-width:0}
.sb-storelist__info strong{overflow-wrap:anywhere}
.sb-installment__actions .sb-btn{white-space:normal;height:auto;min-height:44px;padding:6px 8px;line-height:1.25;text-align:center;text-wrap:balance}
.sb-summary,.sb-gallery,.sb-pdp>*{min-width:0}
body.preset-dienmay{overflow-x:clip}
.sb-cmp-wrap,.sb-ig-wrap,.sb-cmp-add{position:relative}
@media (max-width:767px){.sb-location-line{min-height:44px}.sb-gallery__nav{width:44px;height:44px;margin-top:-22px}.sb-nl-submit{min-height:44px}}
@media (max-width:767px){.sb-search input,.sb-search button,.sb-cmp-addbox .sb-input{min-height:44px}}

/* ===== spa-academy (preset-spa · skin-spa) ===== */
.sb-branding__text{display:flex;flex-direction:column;line-height:1.1}
.sb-branding__text small{font-size:11px;font-weight:500;color:var(--text-2);font-family:var(--font-ui)}
.sb-footer .sb-branding__text small{color:var(--footer-text)}
.preset-spa .sb-slide__title{font-size:44px;line-height:1.1}
.sb-slide__feats{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,92px));gap:12px}
.sb-slide__feats li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12px;line-height:1.3;color:var(--text-2)}
.sb-slide__feats .sb-ic{color:var(--primary)}
.sb-course .sb-product__thumb .sb-media{aspect-ratio:4/3}
.sb-course__mode{position:absolute;right:8px;bottom:8px;z-index:1;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--text);font-size:11px;font-weight:600;line-height:1.3}
.sb-course__meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;line-height:1.3;color:var(--text-2)}
.sb-course__meta li{display:inline-flex;align-items:center;gap:4px}
.sb-badge--low{background:#FFF1E0;color:#9A4A00}
.sb-course__actions{display:flex;gap:8px}
.sb-course__actions .sb-course__cta{flex:1;min-width:0;height:40px;padding:0 10px;font-size:14px;white-space:nowrap}
.sb-course__actions .sb-course__cart{flex:0 0 40px;width:40px;height:40px;min-height:0;padding:0;justify-content:center;background:var(--surface);color:var(--primary);border:1.5px solid var(--primary)}
.sb-course__actions .sb-course__cart.added{background:var(--primary);color:var(--on-primary)}
.hide-course-cart .sb-course__cart{display:none}
.sb-sched{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sb-sched>li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}
.sb-sched__date{display:flex;flex-direction:column;align-items:center;justify-content:center;height:56px;border-radius:var(--r-md);background:var(--tint);color:var(--primary);line-height:1.1}
.sb-sched__date b{font-size:22px}.sb-sched__date small{font-size:12px;font-weight:600}
.sb-sched__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.sb-sched__info strong{font-size:15px;line-height:1.3}
.sb-sched__info span{font-size:13px;line-height:1.4;color:var(--text-2)}
.sb-sched__side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.sb-sched__seats{font-size:12px;font-weight:600;color:var(--success)}
.sb-sched__seats.is-low{color:#9A4A00}
.sb-sched__side .sb-btn{height:36px;padding:0 16px;font-size:14px;white-space:nowrap}
.sb-teachers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sb-teachers a{display:flex;flex-direction:column;gap:4px;color:var(--text)}
.sb-teachers a:hover{text-decoration:none;color:var(--primary)}
.sb-teachers .sb-media{aspect-ratio:3/4;border-radius:var(--r-lg);margin-bottom:8px}
.sb-teachers strong{font-size:16px}.sb-teachers small{font-size:13px;color:var(--text-2)}
.sb-consult__lead{margin:12px 0 16px;font-size:15px;line-height:1.5;color:var(--on-primary)}
.sb-consult__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px;border-radius:var(--r-lg);background:var(--surface);color:var(--text)}
.sb-consult__form label{font-size:13px;font-weight:600}
.sb-consult__form .sb-select{width:100%;min-width:0}
.sb-consult__submit{grid-column:1/-1;width:100%}
.sb-consult__done{grid-column:1/-1;margin:0;font-size:14px;color:var(--success)}
body.preset-spa{overflow-x:clip}
@media (max-width:1279px){.preset-spa .sb-slide__title{font-size:34px}.sb-slide__feats{display:none}}
@media (max-width:1023px){.sb-sched>li{grid-template-columns:48px minmax(0,1fr)}.sb-sched__side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.sb-sched__date{height:48px}}
@media (max-width:767px){.preset-spa .sb-slide__title{font-size:26px}.sb-sched{grid-template-columns:1fr}.sb-teachers{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter)}.sb-teachers li{flex:0 0 46%}.sb-consult__form{grid-template-columns:1fr;padding:16px}.sb-course__actions .sb-course__cta,.sb-course__actions .sb-course__cart{height:44px}.sb-course__actions .sb-course__cart{flex-basis:44px;width:44px}.sb-sched__side .sb-btn{height:44px}.sb-branding__text small{display:none}}

/* ===== spa-academy v2: danh mục, chi tiết khóa học, giảng viên ===== */
.sb-catcta{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin:24px 0;padding:20px 24px;border-radius:var(--r-lg);background:var(--tint)}
.sb-catcta>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 320px}
.sb-catcta strong{font-size:17px;color:var(--primary-hover)}.sb-catcta span{font-size:14px;color:var(--text-2);line-height:1.5}
.sb-course__video{position:relative}
.sb-play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:var(--shadow-md)}
.sb-play::after{content:"";position:absolute;left:29px;top:22px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--primary)}
.sb-keyspecs--course{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-kgslot>span{display:flex;flex-direction:column;gap:2px}
.sb-kgslot strong{font-size:14px;line-height:1.35}.sb-kgslot small{font-size:12px;color:var(--text-2)}
.sb-kgslot b{font-size:12px;font-weight:600;color:var(--success);white-space:nowrap}.sb-kgslot b.is-low{color:#9A4A00}
.sb-minitutor__row{display:flex;align-items:center;gap:12px;color:var(--text)}
.sb-minitutor__row:hover{text-decoration:none;color:var(--primary)}
.sb-minitutor__row>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.sb-minitutor__row small{font-size:13px;color:var(--text-2)}
.sb-avatar--lg{width:52px;height:52px;font-size:20px;flex:0 0 52px}
.sb-anchors{position:sticky;top:var(--header-h,0px);z-index:20;display:flex;gap:4px;margin-top:var(--section);padding:0;background:var(--bg);border-bottom:1px solid var(--border)}
.sb-anchors a{flex:0 0 auto;display:flex;align-items:center;height:52px;padding:0 16px;font-size:15px;font-weight:600;color:var(--text-2);border-bottom:2px solid transparent;white-space:nowrap}
.sb-anchors a:hover{text-decoration:none;color:var(--primary)}
.sb-anchors a[aria-current]{color:var(--primary);border-bottom-color:var(--primary)}
.sb-course-sec{scroll-margin-top:calc(var(--header-h,0px) + 64px)}
.sb-anchors+.sb-course-sec{padding-top:32px}
.sb-course-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.sb-modules{display:flex;flex-direction:column;gap:10px}
.sb-module{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}
.sb-module>summary{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;cursor:pointer;list-style:none}
.sb-module>summary::-webkit-details-marker{display:none}
.sb-module>summary>.sb-ic{margin-left:auto;transition:transform .2s;color:var(--text-2)}
.sb-module[open]>summary>.sb-ic{transform:rotate(180deg)}
.sb-module__n{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--tint);color:var(--primary);font-weight:700}
.sb-module__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sb-module__t strong{font-size:15px;line-height:1.35}.sb-module__t small{font-size:13px;color:var(--text-2)}
.sb-module ul{list-style:none;margin:0;padding:0 16px 16px 70px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.45}
.sb-module li{display:flex;gap:8px;align-items:flex-start}.sb-module li .sb-ic{margin-top:4px;color:var(--primary);flex:0 0 auto}
.sb-module--faq p{margin:0;padding:0 16px 16px;font-size:14px;line-height:1.6;color:var(--text-2)}
.sb-modules--faq{max-width:860px}
.sb-outcome{position:sticky;top:calc(var(--header-h,0px) + 72px)}
.sb-outcome ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5}
.sb-outcome li{display:flex;gap:8px}.sb-outcome li .sb-ic{flex:0 0 auto;margin-top:2px;color:var(--primary)}
.sb-tcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sb-tcard{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}
.sb-tcard .sb-media{aspect-ratio:1;border-radius:var(--r-lg)}
.sb-tcard__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.sb-tcard__name{font-size:18px}.sb-tcard__role{font-size:14px;color:var(--primary);font-weight:600}
.sb-tcard__stats{list-style:none;margin:6px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--text-2)}
.sb-tcard__stats b{color:var(--text);margin-right:4px}
.sb-tcard p{margin:0;font-size:14px;line-height:1.55;color:var(--text-2)}
.sb-tcard .sb-link-btn{align-self:flex-start;margin-top:4px}
.sb-cert{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center;padding:32px;border-radius:var(--r-lg);background:var(--secondary);border:1px solid var(--border)}
.sb-cert .sb-media{aspect-ratio:4/3;border-radius:var(--r-md)}
.sb-cert__body{display:flex;flex-direction:column;gap:12px}
.sb-cert__body p{margin:0;font-size:15px;line-height:1.6;color:var(--text-2)}
.sb-perks--ink{color:var(--text)}.sb-perks--ink .sb-ic{color:var(--primary)}
.sb-stickybuy-course{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);box-shadow:var(--shadow-up);transform:translateY(100%);transition:transform .2s}
.sb-stickybuy-course>span{display:flex;flex-direction:column;min-width:0}.sb-stickybuy-course b{font-size:18px;color:var(--sale,var(--primary))}.sb-stickybuy-course small{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-stickybuy-course.is-on{transform:none}
.sb-tgrid{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sb-tgrid__card{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 0 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text);text-align:left;font:inherit;cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.sb-tgrid__card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}
.sb-tgrid__card>*:not(.sb-media){margin:0 16px}
.sb-tgrid__card .sb-media{width:100%;aspect-ratio:3/4;margin-bottom:8px}
.sb-tgrid__tag{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)}
.sb-tgrid__card strong{font-size:17px}.sb-tgrid__card small{font-size:13px;color:var(--text-2);line-height:1.4}
.sb-tgrid__stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--text-2)}
.sb-tgrid__stats>span{display:inline-flex;align-items:center;gap:3px}.sb-tgrid__stats b{color:var(--text)}.sb-tgrid__stats .sb-ic{color:#E8A317}
.sb-tgrid__courses{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px!important}
.sb-note--center{text-align:center;margin-top:24px}
.sb-tprofile{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:48px;align-items:start;margin-top:8px}
.sb-tprofile>.sb-media{aspect-ratio:3/4;border-radius:var(--r-lg)}
.sb-tprofile__body{display:flex;flex-direction:column;gap:16px}
.sb-tprofile .sb-display{font-size:40px}
.sb-tprofile__body>p{margin:0;font-size:16px;line-height:1.65;color:var(--text-2);max-width:640px}
.sb-tprofile__stats{list-style:none;margin:0;padding:16px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sb-tprofile__stats li{display:flex;flex-direction:column;gap:2px}.sb-tprofile__stats b{font-size:24px;color:var(--primary-hover)}.sb-tprofile__stats small{font-size:13px;color:var(--text-2)}
.sb-tprofile__creds h2{margin:0 0 8px;font-size:16px}
.sb-tprofile__creds ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}
.sb-tprofile__creds li{display:flex;gap:8px;align-items:center}.sb-tprofile__creds .sb-ic{color:var(--primary)}
.sb-tprofile__actions{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:1279px){.sb-course-grid{grid-template-columns:minmax(0,1fr) 300px}.sb-tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1023px){.sb-course-grid,.sb-tcards{grid-template-columns:1fr}.sb-outcome{position:static}.sb-cert{grid-template-columns:1fr;gap:20px;padding:20px}.sb-tprofile{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px}.sb-tprofile__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.sb-stickybuy-course{display:flex;bottom:var(--bottomnav-h,64px)}.sb-anchors a{height:48px;padding:0 12px;font-size:14px}.sb-tcard{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px}.sb-module ul{padding-left:16px}.sb-tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sb-tgrid__card>*:not(.sb-media){margin:0 12px}.sb-tgrid__stats{font-size:12px}.sb-tprofile{grid-template-columns:1fr}.sb-tprofile>.sb-media{aspect-ratio:4/3}.sb-tprofile .sb-display{font-size:28px}.sb-tprofile__actions .sb-btn{flex:1 1 100%}.sb-keyspecs--course{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-kgslot{min-height:56px}}

/* ===== spa-academy audit fixes ===== */
.preset-spa .sb-nav__list,.preset-spa .sb-anchors,.preset-spa .sb-breadcrumb ol{overflow-x:auto;scrollbar-width:none}
.preset-spa .sb-nav__list::-webkit-scrollbar,.preset-spa .sb-anchors::-webkit-scrollbar{display:none}
@media (max-width:1365px){.preset-spa .sb-nav__list a,.preset-spa .sb-nav__cats{padding:0 10px}.preset-spa .sb-nav__list a>.sb-ic{display:none}}
.preset-spa .sb-catmenu a{white-space:nowrap;font-size:14px}
.preset-spa .sb-catmenu a>.sb-ic--chev-right{display:none}
.preset-spa .sb-topbar span{white-space:nowrap}
.preset-spa .sb-fchips{display:flex;flex-wrap:wrap;gap:8px}
.preset-spa .sb-fchip span{white-space:nowrap}
.preset-spa .sb-installment__head{flex-wrap:wrap;row-gap:4px}
.preset-spa .sb-buy{display:flex;flex-wrap:wrap;gap:12px}
.preset-spa .sb-buy .sb-btn{flex:1 1 180px;white-space:nowrap;padding:0 16px}
.preset-spa .sb-util__label{white-space:nowrap}
.preset-spa .sb-branding__text>span{white-space:nowrap}
@media (min-width:768px) and (max-width:1279px){.preset-spa .sb-usp{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* slot picker compact */
.preset-spa .sb-addons:has(.sb-kgslot){display:flex;flex-direction:column;gap:8px}
.preset-spa .sb-addons .sb-kgslot{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;height:auto;padding:10px 14px;margin:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.preset-spa .sb-addons .sb-kgslot:hover{border-color:var(--border-strong)}
.preset-spa .sb-addons .sb-kgslot:has(input:checked){border-color:var(--primary);background:var(--tint)}
.preset-spa .sb-kgslot input{width:18px;height:18px;margin:0;accent-color:var(--primary)}
.preset-spa .sb-kgslot>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.preset-spa .sb-kgslot strong{font-size:14px;line-height:1.3;font-weight:600}
.preset-spa .sb-kgslot small{font-size:12px;line-height:1.3;color:var(--text-2)}
.preset-spa .sb-kgslot b{font-size:12px;line-height:1.3}
.preset-spa .sb-addons .sb-kgslot::before,.preset-spa .sb-addons .sb-kgslot::after{content:none;display:none}
.preset-spa .sb-addons .sb-kgslot{grid-auto-rows:auto;align-content:center}
.preset-spa .sb-pricebox__note{display:flex;flex-wrap:wrap;gap:4px 8px}
.preset-spa .sb-pricebox__note b{white-space:nowrap}

/* ===== spa-academy responsive pass (tablet/mobile) ===== */
.preset-spa .sb-slide__body .sb-btn{white-space:nowrap}
.preset-spa .sb-catcta-li{grid-column:1/-1;list-style:none}
.preset-spa .sb-catcta-li .sb-catcta{margin:4px 0}
.preset-spa .sb-grid--catalog{grid-auto-flow:row dense}
@media (min-width:1024px){.sb-tgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1023px){
 .preset-spa .sb-filters:not(.is-open){visibility:hidden;transition:transform .25s ease,visibility 0s .25s}
 .preset-spa .sb-filters.is-open{visibility:visible}
 .preset-spa .sb-grid--rec>li:nth-child(n+4){display:none}
 .preset-spa .sb-buy{flex-wrap:nowrap}
 .preset-spa .sb-buy .sb-btn--outline{flex:0 0 52px;padding:0;font-size:0;gap:0}
 .preset-spa .sb-buy .sb-btn--outline .sb-ic{margin:0}
 .preset-spa .sb-buy .sb-btn:not(.sb-btn--outline){flex:1 1 auto}
 .sb-tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sb-tgrid__card .sb-media{aspect-ratio:1}
}
@media (min-width:768px) and (max-width:1023px){
 .preset-spa .sb-pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"g s" "a s";align-items:start}
 .preset-spa .sb-gallery{grid-area:g}
 .preset-spa .sb-summary{grid-area:s}
 .preset-spa .sb-pdp__side{grid-area:a;grid-template-columns:1fr}
 .sb-cert{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;padding:24px;align-items:start}
 .sb-tcards{grid-template-columns:1fr}
 .preset-spa .sb-sched>li{grid-template-columns:48px minmax(0,1fr)}
}
@media (max-width:767px){
 .preset-spa .sb-usp small{display:none}
 .preset-spa .sb-usp strong{font-size:13px;line-height:1.3}
 .preset-spa .sb-branding{min-height:44px;align-items:center}
 .preset-spa .sb-pagination a,.preset-spa .sb-pagination span{min-width:44px;height:44px}
 .preset-spa #lich-khai-giang .sb-sched>li:nth-child(n+5){display:none}
 .preset-spa .sb-grid--best>li:nth-child(n+7){display:none}
 .preset-spa .sb-grid--rec>li:nth-child(4){display:flex}
 .preset-spa .sb-chips-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--gutter,16px)*-1);margin-right:calc(var(--gutter,16px)*-1);padding-left:var(--gutter,16px);padding-right:var(--gutter,16px)}
 .preset-spa .sb-chips-row .sb-chip{flex:0 0 auto;white-space:nowrap}
 .preset-spa .sb-tgrid{gap:12px}
 body.preset-spa:has(.sb-stickybuy-course){padding-bottom:68px}
 .preset-spa .sb-tprofile__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .preset-spa .sb-cert .sb-media{aspect-ratio:16/10}
}
.preset-spa .sb-calc strong,.preset-spa .sb-sched__seats{white-space:nowrap}
.preset-spa .sb-calc{gap:12px}
.preset-spa .sb-cert .sb-media{background-color:var(--surface)}
.sb-course__actions{align-items:stretch}
.sb-course__actions .sb-course__cta,.sb-course__actions .sb-course__cart{margin:0;height:40px;min-height:40px;box-sizing:border-box;line-height:1}
@media (max-width:767px){.sb-course__actions .sb-course__cta,.sb-course__actions .sb-course__cart{height:44px;min-height:44px}}
.woocommerce .sb-course__actions a.sb-course__cta,.woocommerce .sb-course__actions a.button.add_to_cart_button.sb-course__cart{height:42px;min-height:42px;margin:0;border-radius:var(--r-md)}
.woocommerce .sb-course__actions a.button.add_to_cart_button.sb-course__cart{width:42px;flex:0 0 42px;padding:0;background:var(--surface);color:var(--primary);border:1.5px solid var(--primary)}
.woocommerce .sb-course__actions a.button.add_to_cart_button.sb-course__cart:hover{background:var(--tint)}
.woocommerce .sb-course__actions a.button.add_to_cart_button.sb-course__cart.added{background:var(--primary);color:var(--on-primary)}
@media (max-width:767px){.woocommerce .sb-course__actions a.sb-course__cta,.woocommerce .sb-course__actions a.button.add_to_cart_button.sb-course__cart{height:44px;min-height:44px}.woocommerce .sb-course__actions a.button.add_to_cart_button.sb-course__cart{width:44px;flex-basis:44px}}

/* hero full-bleed (spa) */
.preset-spa .sb-slide{position:relative;display:flex;align-items:center;grid-template-columns:none}
.preset-spa .sb-slide__media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;order:0;z-index:0}
.preset-spa .sb-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,250,251,.94) 0%,rgba(255,250,251,.82) 38%,rgba(255,250,251,0) 64%)}
.preset-spa .sb-slide__body{position:relative;z-index:2;max-width:560px;padding:40px 24px 72px 48px}
.preset-spa .sb-slide__media::after{z-index:0}
.preset-spa .sb-slider__dots,.preset-spa .sb-slider__arrows{z-index:3}
@media (max-width:1279px){.preset-spa .sb-slide__body{max-width:480px;padding:32px 20px 64px 32px}}
@media (max-width:767px){
 .preset-spa .sb-slide{min-height:300px;align-items:flex-end}
 .preset-spa .sb-slide::after{background:linear-gradient(0deg,rgba(255,250,251,.96) 0%,rgba(255,250,251,.88) 52%,rgba(255,250,251,0) 82%)}
 .preset-spa .sb-slide__body{max-width:none;padding:16px 16px 36px}
 .preset-spa .sb-slide .sb-tag{position:static}
}
.preset-spa .sb-slide .sb-tag{white-space:nowrap;background:rgba(255,255,255,.9)}

/* ===== pickleball (preset-pb · skin-pb) ===== */
.preset-pb .sb-branding__mark{background:var(--lime);color:var(--footer)}
.preset-pb .sb-slide{position:relative;display:flex;align-items:center;grid-template-columns:none}
.preset-pb .sb-slide__media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;order:0;z-index:0;background-color:#1D3A24}
.preset-pb .sb-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,30,14,.92) 0%,rgba(9,30,14,.74) 42%,rgba(9,30,14,0) 72%)}
.preset-pb .sb-slide__body{position:relative;z-index:2;max-width:560px;padding:40px 24px 72px 48px}
.preset-pb .sb-slide__title{color:#fff;font-size:46px;line-height:1.1;font-weight:800}
.preset-pb .sb-hl{color:var(--lime)}
.preset-pb .sb-slide__text{color:rgba(255,255,255,.92)}
.preset-pb .sb-slide .sb-tag{background:rgba(255,255,255,.14);color:#fff;white-space:nowrap}
.preset-pb .sb-slide .sb-btn{background:var(--lime);color:var(--footer);white-space:nowrap}
.preset-pb .sb-slide .sb-btn:hover{background:#A3EC67;color:var(--footer)}
.preset-pb .sb-slide__feats{grid-template-columns:repeat(3,minmax(0,96px))}
.preset-pb .sb-slide__feats li{color:#fff}
.preset-pb .sb-slide__feats .sb-ic{color:var(--lime);width:28px;height:28px}
body.hide-feats .sb-slide__feats{display:none}
.preset-pb .sb-slider__dots,.preset-pb .sb-slider__arrows{z-index:3}
.preset-pb .sb-promo{background:#123D1E;border-color:#123D1E;color:#fff}
.preset-pb .sb-promo:hover{border-color:var(--lime);color:#fff}
.preset-pb .sb-promo__title{color:#fff}
.preset-pb .sb-promo__text{color:rgba(255,255,255,.86)}
.preset-pb .sb-promo .sb-media{background-color:#1D4A29}
@media (max-width:1279px){.preset-pb .sb-slide__title{font-size:36px}.preset-pb .sb-slide__body{max-width:480px;padding:32px 20px 64px 32px}}
@media (max-width:767px){
 .preset-pb .sb-slide{min-height:320px;align-items:flex-end}
 .preset-pb .sb-slide::after{background:linear-gradient(0deg,rgba(9,30,14,.94) 0%,rgba(9,30,14,.8) 50%,rgba(9,30,14,0) 85%)}
 .preset-pb .sb-slide__body{max-width:none;padding:16px 16px 40px}
 .preset-pb .sb-slide__title{font-size:26px}
 .preset-pb .sb-promo{padding:12px}
}
.preset-pb .sb-product__actions{display:flex;gap:8px}
.preset-pb .sb-buy-now{flex:1;min-width:0;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:var(--primary);color:#fff;font-size:15px;font-weight:500;text-decoration:none}
.preset-pb .sb-buy-now:hover{background:var(--primary-hover);color:#fff;text-decoration:none}
.preset-pb .sb-cart-add{flex:0 0 42px;width:42px;height:42px;padding:0;display:grid;place-items:center;border:1.5px solid var(--primary);border-radius:var(--r-sm);background:var(--surface);color:var(--primary);cursor:pointer}
.preset-pb .sb-cart-add:hover{background:var(--tint)}
.preset-pb .sb-cart-add[aria-pressed="true"]{background:var(--primary);color:#fff}
@media (max-width:767px){.preset-pb .sb-buy-now{font-size:13px}}
/* promo full-bleed (pickleball) */
.preset-pb .sb-promo{position:relative;display:flex;align-items:stretch}
.preset-pb .sb-promo .sb-media{position:absolute;inset:0;width:100%;height:100%;z-index:0;border-radius:0}
.preset-pb .sb-promo::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,30,14,.9) 0%,rgba(9,30,14,.6) 50%,rgba(9,30,14,0) 85%)}
.preset-pb .sb-promo__body{position:relative;z-index:2;max-width:62%}
@media (max-width:767px){
 .preset-pb .sb-promo{min-height:120px;padding:0}
 .preset-pb .sb-promo .sb-media{order:0;width:100%;height:100%;border-radius:0}
 .preset-pb .sb-promo__body{padding:14px;max-width:70%}
}
.sb-rating--full{display:flex;align-items:center;gap:8px}
.sb-stars{display:inline-block;font-size:15px;line-height:1;letter-spacing:2px;background:linear-gradient(90deg,#F5A623 calc(var(--r)*20%),#D6DCD7 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.sb-stars::before{content:"★★★★★"}
.sb-rating__num{font-size:13px;color:var(--text-2)}
@media (max-width:767px){.sb-stars{font-size:13px;letter-spacing:1px}.sb-rating__num{font-size:12px}}
.preset-pb .sb-product__thumb .sb-media{aspect-ratio:4/3}
/* hero ngang (pickleball) */
.preset-pb .sb-catmenu{padding:6px}
.preset-pb .sb-catmenu__title{display:none}
.preset-pb .sb-catmenu a{min-height:32px;font-size:13.5px}
.preset-pb .sb-catmenu .sb-thumb{width:22px;height:22px}
.preset-pb .sb-slide{min-height:400px}
.preset-pb .sb-promo{min-height:0}
@media (max-width:1279px){.preset-pb .sb-slide{min-height:380px}}
@media (max-width:1023px){.preset-pb .sb-slide{min-height:340px}}
@media (max-width:767px){.preset-pb .sb-slide{min-height:0;aspect-ratio:4/3}}
.preset-pb .sb-promo__body{max-width:none;width:62%;padding:18px 0 18px 20px}
.preset-pb .sb-promo__title{font-size:20px;line-height:1.25}
.preset-pb .sb-promo__text{max-width:none}
.preset-pb .sb-promo::after{background:linear-gradient(90deg,rgba(9,30,14,.92) 0%,rgba(9,30,14,.72) 35%,rgba(9,30,14,0) 55%)}
@media (max-width:767px){.preset-pb .sb-promo__body{padding:14px 0 14px 14px;width:66%}.preset-pb .sb-promo__title{font-size:17px}}
.preset-pb .sb-catmenu{padding:8px}
.preset-pb .sb-catmenu a{min-height:34px;gap:12px;font-size:14px;padding:0 10px}
.preset-pb .sb-catmenu .sb-thumb{width:26px;height:26px}
.preset-pb .sb-catmenu li+li{margin-top:1px}
@media (min-width:1280px){.preset-pb .sb-slide{min-height:436px}}
@media (min-width:1280px){
 .preset-pb .sb-slide__body{gap:12px;padding:28px 24px 52px 44px}
 .preset-pb .sb-slide__title{font-size:40px}
 .preset-pb .sb-slide .sb-btn{height:46px;margin-top:4px}
 .preset-pb .sb-slide__feats{margin-top:4px;gap:8px}
 .preset-pb .sb-slide__feats li{gap:4px}
}
.preset-pb .sb-post{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .2s}
.preset-pb .sb-post:hover{border-color:var(--primary)}
.preset-pb .sb-post a{gap:8px;padding-bottom:14px;height:100%}
.preset-pb .sb-post .sb-media{border-radius:0}
.preset-pb .sb-post__meta,.preset-pb .sb-post__title{padding:0 14px}
@media (max-width:767px){.preset-pb .sb-post a{padding:8px;gap:12px}.preset-pb .sb-post .sb-media{border-radius:var(--r-md)}.preset-pb .sb-post__meta,.preset-pb .sb-post__title{padding:0}}
/* footer sáng (pickleball) */
.sb-footer--light{background:var(--surface);color:var(--text-2);border-top:1px solid var(--border)}
.sb-footer--light a{color:var(--text-2)}.sb-footer--light a:hover{color:var(--primary);text-decoration:none}
.sb-footer--light .sb-footer__grid{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:40px;padding-block:48px 40px}
.sb-footer--light .sb-footer__about{display:flex;flex-direction:column;gap:12px}
.sb-footer--light .sb-branding{color:var(--text);margin-bottom:4px}
.sb-footer--light .sb-branding__mark{background:var(--primary);color:#fff}
.sb-footer--light .sb-branding__text small{color:var(--text-2)}
.sb-footer--light .sb-footer__contact{font-size:14px;color:var(--text-2)}
.sb-footer--light .sb-footer__contact .sb-ic{color:var(--primary)}
.sb-footer--light .sb-socials{margin-top:8px;gap:8px}
.sb-footer--light .sb-social{width:40px;height:40px;background:var(--secondary);border:1px solid var(--border);border-radius:50%}
.sb-footer--light .sb-social:hover{border-color:var(--primary);background:var(--tint)}
.sb-footer--light .sb-fwidget summary{margin:0 0 12px;color:var(--text);font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}
.sb-footer--light .sb-fwidget li a{min-height:34px;font-size:14px}
.sb-footer--light .sb-footer__pay{display:flex;flex-wrap:wrap;gap:16px 48px;padding-block:20px;border-top:1px solid var(--border)}
.sb-footer--light .sb-footer__pay>div{display:flex;align-items:center;gap:16px}
.sb-footer--light .sb-footer__pay h3{margin:0;font-size:13px;font-weight:600;color:var(--text)}
.sb-footer--light .sb-footer__legal{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px 20px;border-top:1px solid var(--border);font-size:13px;line-height:1.5;color:var(--text-2)}
.sb-footer--light .sb-bct img{height:40px;width:auto;display:block}
@media (max-width:1279px){.sb-footer--light .sb-footer__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.sb-footer--light .sb-footer__about{grid-column:1/-1;display:grid;grid-template-columns:auto auto auto;justify-content:start;align-items:center;gap:12px 32px}.sb-footer--light .sb-footer__about .sb-branding{grid-column:1/-1}.sb-footer--light .sb-socials{margin:0}}
@media (max-width:1023px){.sb-footer--light .sb-footer__grid{grid-template-columns:1fr 1fr}.sb-footer--light .sb-footer__about{display:flex;flex-direction:column;align-items:flex-start}}
@media (max-width:767px){
 .sb-footer--light .sb-footer__grid{grid-template-columns:1fr;gap:0;padding-block:24px 8px}
 .sb-footer--light .sb-footer__about{margin-bottom:16px}
 .sb-footer--light .sb-fwidget{border-top:1px solid var(--border)}
 .sb-footer--light .sb-fwidget summary{margin:0;min-height:52px}
 .sb-footer--light .sb-footer__pay{flex-direction:column;gap:12px}
 .sb-footer--light .sb-footer__pay>div{flex-direction:column;align-items:flex-start;gap:8px}
 .sb-footer--light .sb-footer__legal{flex-direction:column;align-items:flex-start}
}
/* reviews coverflow (pickleball) */
.sb-pbrev__head{justify-content:center;text-align:center}
.sb-pbrev__stage{display:flex;align-items:center;gap:16px}
.sb-pbrev__arrow{flex:none;border:1px solid var(--border);box-shadow:none}
.sb-pbrev__track{flex:1;min-width:0;list-style:none;margin:0;padding:0;height:300px;display:flex;align-items:center;justify-content:center;gap:20px}
.sb-pbrev__item{flex:none;transition:width .45s ease,height .45s ease,opacity .45s}
.sb-pbrev__item button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.sb-pbrev__item .sb-media{width:100%;height:100%;padding:8px;border-radius:44px 8px 44px 8px;font-size:10px;transition:border-radius .45s}
.sb-pbrev__item[data-pos="0"]{width:300px;height:300px}
.sb-pbrev__item[data-pos="0"] .sb-media{border-radius:56px 10px 56px 10px}
.sb-pbrev__item[data-pos="1"],.sb-pbrev__item[data-pos="-1"]{width:200px;height:200px}
.sb-pbrev__item[data-pos="2"],.sb-pbrev__item[data-pos="-2"]{width:148px;height:148px;opacity:.85}
.sb-pbrev__item[data-pos="0"] button{cursor:default}
.sb-pbrev__quotes{display:grid;max-width:720px;margin:28px auto 0;text-align:center}
.sb-pbrev__quote{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .35s,transform .35s,visibility .35s}
.sb-pbrev__quote.is-active{opacity:1;visibility:visible;transform:none}
.sb-pbrev__quote blockquote{margin:0;font-size:18px;line-height:1.6;font-style:italic;color:var(--text-2);text-wrap:balance}
.sb-pbrev__quote figcaption{margin-top:12px;display:flex;flex-direction:column;gap:2px}
.sb-pbrev__quote strong{font-size:17px;color:var(--primary-hover)}
.sb-pbrev__quote small{font-size:13px;color:var(--text-2)}
.sb-pbrev__dots{display:flex;justify-content:center;margin-top:12px}
.sb-pbrev__dot{width:28px;height:28px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}
.sb-pbrev__dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .2s,width .2s}
.sb-pbrev__dot[aria-current="true"]::before{background:var(--primary);width:20px;border-radius:4px}
@media (max-width:1023px){.sb-pbrev__track{height:260px;gap:14px}.sb-pbrev__item[data-pos="0"]{width:240px;height:240px}.sb-pbrev__item[data-pos="1"],.sb-pbrev__item[data-pos="-1"]{width:160px;height:160px}.sb-pbrev__item[data-pos="2"],.sb-pbrev__item[data-pos="-2"]{width:110px;height:110px}}
@media (max-width:767px){
 .sb-pbrev__stage{gap:0;position:relative}
 .sb-pbrev__arrow{display:none}
 .sb-pbrev__track{height:220px;gap:10px;overflow:hidden;margin:0 -16px}
 .sb-pbrev__item[data-pos="0"]{width:200px;height:200px}
 .sb-pbrev__item[data-pos="1"],.sb-pbrev__item[data-pos="-1"]{width:110px;height:110px}
 .sb-pbrev__item[data-pos="2"],.sb-pbrev__item[data-pos="-2"]{display:none}
 .sb-pbrev__item .sb-media{border-radius:28px 6px 28px 6px}
 .sb-pbrev__item[data-pos="0"] .sb-media{border-radius:40px 8px 40px 8px}
 .sb-pbrev__quotes{margin-top:18px}
 .sb-pbrev__quote blockquote{font-size:15px}
}
.sb-pbrev__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:44px 8px 44px 8px;transition:border-radius .45s}
.sb-pbrev__item[data-pos="0"] .sb-pbrev__img{border-radius:56px 10px 56px 10px}
@media (max-width:767px){.sb-pbrev__img{border-radius:28px 6px 28px 6px}.sb-pbrev__item[data-pos="0"] .sb-pbrev__img{border-radius:40px 8px 40px 8px}}
.sb-post__img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--secondary)}
@media (max-width:767px){.sb-post__img{width:96px;height:72px;aspect-ratio:auto;flex:none;border-radius:var(--r-md)}}
/* tin tức editorial (pickleball) */
.sb-pbnews{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px}
.sb-pbnews a{display:flex;color:var(--text)}.sb-pbnews a:hover{text-decoration:none;color:var(--text)}
.sb-pbnews a:hover .sb-pbnews__title{color:var(--primary)}
.sb-pbnews__thumb{position:relative;display:block;overflow:hidden;border-radius:var(--r-md);background:var(--secondary)}
.sb-pbnews__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.sb-pbnews a:hover .sb-pbnews__thumb img{transform:scale(1.04)}
.sb-pbnews__cat{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--lime);color:#0C2813;font-size:12px;font-weight:700;letter-spacing:.02em}
.sb-pbnews__thumb .sb-pbnews__cat{position:absolute;left:14px;top:14px}
.sb-pbnews__cat--inline{align-self:flex-start;height:22px;padding:0 8px;font-size:11px;background:var(--tint);color:var(--primary)}
.sb-pbnews__meta{font-size:12px;color:var(--text-2)}
.sb-pbnews__title{margin:0;font-size:16px;font-weight:700;line-height:1.4;text-wrap:pretty;transition:color .2s}
.sb-pbnews__feat a{flex-direction:column;gap:10px}
.sb-pbnews__feat .sb-pbnews__thumb{aspect-ratio:16/9;margin-bottom:6px}
.sb-pbnews__feat .sb-pbnews__title{font-size:22px;line-height:1.3}
.sb-pbnews__excerpt{margin:0;font-size:14px;line-height:1.6;color:var(--text-2)}
.sb-pbnews__list{display:flex;flex-direction:column}
.sb-pbnews__item+.sb-pbnews__item{border-top:1px solid var(--border)}
.sb-pbnews__item a{gap:16px;align-items:center;padding:16px 0}
.sb-pbnews__item:first-child a{padding-top:0}
.sb-pbnews__item .sb-pbnews__thumb{flex:none;width:168px;aspect-ratio:4/3}
.sb-pbnews__body{display:flex;flex-direction:column;gap:6px;min-width:0}
@media (max-width:1023px){.sb-pbnews{grid-template-columns:1fr;gap:20px}.sb-pbnews__item .sb-pbnews__thumb{width:140px}}
@media (max-width:767px){.sb-pbnews__feat .sb-pbnews__title{font-size:18px}.sb-pbnews__excerpt{display:none}.sb-pbnews__item a{padding:12px 0;gap:12px}.sb-pbnews__item .sb-pbnews__thumb{width:104px}.sb-pbnews__title{font-size:14px}}
.sb-pbnews__feat,.sb-pbnews__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.sb-pbnews__feat:hover,.sb-pbnews__item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}
.sb-pbnews__feat a{padding-bottom:20px}
.sb-pbnews__feat .sb-pbnews__thumb{border-radius:0;margin-bottom:6px}
.sb-pbnews__feat .sb-pbnews__meta,.sb-pbnews__feat .sb-pbnews__title,.sb-pbnews__feat .sb-pbnews__excerpt{padding:0 20px}
.sb-pbnews__list{gap:16px}
.sb-pbnews__item+.sb-pbnews__item{border-top:1px solid var(--border)}
.sb-pbnews__item:hover+.sb-pbnews__item{border-top-color:var(--border)}
.sb-pbnews__item a,.sb-pbnews__item:first-child a{padding:12px;gap:16px}
.sb-pbnews__item{flex:1;display:flex}.sb-pbnews__item a{flex:1}
.sb-pbnews__item .sb-pbnews__thumb{border-radius:var(--r-md);align-self:stretch;aspect-ratio:auto;min-height:104px}
@media (max-width:767px){.sb-pbnews__feat a{padding-bottom:16px}.sb-pbnews__feat .sb-pbnews__meta,.sb-pbnews__feat .sb-pbnews__title{padding:0 14px}.sb-pbnews__list{gap:12px}.sb-pbnews__item a,.sb-pbnews__item:first-child a{padding:10px;gap:12px}.sb-pbnews__item .sb-pbnews__thumb{min-height:80px}}
.sb-footer--light{background:var(--bg);border-top:1px solid var(--border)}
.sb-footer--light .sb-social{background:var(--surface)}
.sb-footer--light .sb-social:hover{background:var(--tint)}
/* pickleball danh mục + PDP */
.sb-pbtry{display:flex;align-items:center;gap:16px;padding:14px 16px;margin-bottom:16px;border-radius:var(--r-md);background:var(--tint);border:1px solid #CFE3D3}
.sb-pbtry__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sb-pbtry__text strong{font-size:15px;color:var(--text)}
.sb-pbtry__text small{font-size:13px;color:var(--text-2)}
.sb-pbtry .sb-btn{flex:none;white-space:nowrap}
.sb-summary .sb-pbtry{margin:16px 0 0}
.sb-pbspec{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sb-pbspec li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--r-md);background:var(--secondary);border:1px solid var(--border)}
.sb-pbspec small{font-size:12px;color:var(--text-2)}
.sb-pbspec strong{font-size:14px;color:var(--text);line-height:1.3}
.sb-pbguide thead th{background:var(--tint);color:var(--text);font-weight:700;text-align:left}
.preset-pb .sb-rv-score .sb-stars{font-size:18px}
@media (max-width:767px){.sb-pbspec{grid-template-columns:1fr 1fr}.sb-pbtry{flex-direction:column;align-items:flex-start;gap:10px}}
/* fix khối thông số nhanh + swatch (pickleball PDP) */
.sb-pbspec{grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.sb-pbspec li{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:0;border-radius:0;background:var(--surface)}
.sb-pbspec li:nth-child(odd){border-right:1px solid var(--border)}
.sb-pbspec li:nth-child(n+3){border-top:1px solid var(--border)}
.sb-pbspec small{font-size:13px;white-space:nowrap}
.sb-pbspec strong{font-size:14px;text-align:right}
.preset-pb .sb-summary .sb-swatches{display:flex;flex-wrap:wrap;gap:8px}
.preset-pb .sb-summary .sb-swatch{min-width:76px;height:42px;padding:0 16px;border-radius:var(--r-sm);font-size:14px}
.preset-pb .sb-summary .sb-swatch--stack{flex:1 1 0;max-width:220px;height:auto;min-height:56px;padding:8px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left}
.preset-pb .sb-summary .sb-swatch--stack span{font-size:15px;font-weight:700}
.preset-pb .sb-summary .sb-swatch__price{font-size:12px;font-weight:400;color:var(--text-2)}
.preset-pb .sb-summary .sb-swatch[aria-pressed="true"] .sb-swatch__price{color:var(--primary)}
@media (max-width:767px){.sb-pbspec{grid-template-columns:1fr}.sb-pbspec li:nth-child(odd){border-right:0}.sb-pbspec li+li{border-top:1px solid var(--border)}}
.preset-pb .sb-summary .sb-swatch,.preset-pb .sb-summary .sb-swatch--stack{flex:0 0 auto;max-width:none;height:46px;min-height:0;min-width:88px;padding:0 16px;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;border-radius:var(--r-sm)}
.preset-pb .sb-summary .sb-swatch--stack span{font-size:14px;font-weight:600}
.preset-pb .sb-summary .sb-swatch__price{font-size:13px;font-weight:400}
.preset-pb .sb-summary .sb-swatch__price::before{content:"·";margin-right:8px;color:var(--border-strong)}
.sb-gallery__main{position:relative}
.sb-wish--pdp{top:10px;right:10px;width:48px;height:48px}
.sb-wish--pdp .sb-wish__c{width:44px;height:44px}
/* bảng thông số (pickleball PDP) */
.preset-pb .sb-specs{width:100%;border-collapse:collapse;font-size:14px}
.preset-pb .sb-specs caption{caption-side:top;text-align:left;padding:14px 16px;font-size:15px;font-weight:700;color:var(--text);background:var(--surface);border-bottom:1px solid var(--border)}
.preset-pb .sb-specs th,.preset-pb .sb-specs td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5;text-align:left}
.preset-pb .sb-specs tbody tr:last-child th,.preset-pb .sb-specs tbody tr:last-child td{border-bottom:0}
.preset-pb .sb-specs tbody th{width:40%;font-weight:500;color:var(--text-2);background:var(--secondary)}
.preset-pb .sb-specs td{color:var(--text);font-weight:500;background:var(--surface)}
.preset-pb .sb-specs-groups .sb-specs+.sb-specs{border-top:1px solid var(--border)}
.preset-pb .sb-pbguide{table-layout:fixed}
.preset-pb .sb-pbguide thead th{width:auto;padding:12px 16px;font-size:13px;font-weight:700;color:var(--text);background:var(--tint);border-bottom:1px solid var(--border)}
.preset-pb .sb-pbguide thead th:first-child,.preset-pb .sb-pbguide tbody th{width:22%}
.preset-pb .sb-pbguide tbody th{font-weight:700;color:var(--primary);background:var(--surface)}
@media (max-width:767px){.preset-pb .sb-specs th,.preset-pb .sb-specs td{padding:10px 12px;font-size:13px}.preset-pb .sb-specs tbody th{width:42%}.preset-pb .sb-pbguide thead th:first-child,.preset-pb .sb-pbguide tbody th{width:26%}}
.preset-pb .sb-specs th,.preset-pb .sb-specs td{height:auto;min-height:0}
.preset-pb .sb-specs tr{height:auto}
.sb-pbrev__track{overflow:hidden}
@media (max-width:1023px){.sb-pbrev__item[data-pos="2"],.sb-pbrev__item[data-pos="-2"]{display:none}}
.preset-pb .sb-nav__list{overflow-x:auto;scrollbar-width:none;min-width:0}
.preset-pb .sb-nav__list::-webkit-scrollbar{display:none}
@media (max-width:1279px){.preset-pb .sb-nav__note{display:none}}

/* ===== yoga (preset-yg · skin-yg) · dùng chung layout preset-pb, chỉ đổi sang hero sáng ===== */
.preset-yg .sb-branding__mark{background:var(--primary);color:#fff}
.preset-yg .sb-slide__media{background-color:#EEE6F7}
.preset-yg .sb-slide::after{background:linear-gradient(90deg,rgba(250,247,253,.96) 0%,rgba(250,247,253,.84) 40%,rgba(250,247,253,0) 68%)}
.preset-yg .sb-slide__title{color:var(--primary-hover)}
.preset-yg .sb-hl{color:var(--primary)}
.preset-yg .sb-slide__text{color:var(--text)}
.preset-yg .sb-slide .sb-tag{background:#fff;color:var(--primary)}
.preset-yg .sb-slide .sb-btn{background:var(--primary);color:#fff}
.preset-yg .sb-slide .sb-btn:hover{background:var(--primary-hover);color:#fff}
.preset-yg .sb-slide__feats li{color:var(--text)}
.preset-yg .sb-slide__feats .sb-ic{color:var(--primary)}
.preset-yg .sb-promo{background:var(--tint);border-color:var(--border);color:var(--text)}
.preset-yg .sb-promo:hover{border-color:var(--primary);color:var(--text)}
.preset-yg .sb-promo__title{color:var(--primary-hover)}
.preset-yg .sb-promo__text{color:var(--text-2)}
.preset-yg .sb-promo .sb-media{background-color:#E9DFF6}
.preset-yg .sb-promo::after{background:linear-gradient(90deg,rgba(244,238,251,.97) 0%,rgba(244,238,251,.82) 38%,rgba(244,238,251,0) 60%)}
.preset-yg .sb-promo .sb-btn--light{background:#fff;color:var(--primary-hover)}
.preset-yg .sb-cats .sb-media{border-radius:50%}
.preset-yg .sb-pbnews__cat{background:var(--primary);color:#fff}
.preset-yg .sb-pbnews__cat--inline{background:var(--tint);color:var(--primary)}
@media (max-width:767px){.preset-yg .sb-slide::after{background:linear-gradient(0deg,rgba(250,247,253,.97) 0%,rgba(250,247,253,.86) 50%,rgba(250,247,253,0) 85%)}}

/* ===== lều xông hơi (preset-lx · skin-lx) · layout preset-pb + hero sáng tông ấm ===== */
.preset-lx .sb-branding__mark{background:var(--primary);color:#fff}
.preset-lx .sb-slide__media{background-color:#F6E6DC}
.preset-lx .sb-slide::after{background:linear-gradient(90deg,rgba(255,249,245,.96) 0%,rgba(255,249,245,.84) 40%,rgba(255,249,245,0) 68%)}
.preset-lx .sb-slide__title{color:var(--primary-hover)}
.preset-lx .sb-hl{color:var(--primary)}
.preset-lx .sb-slide__text{color:var(--text)}
.preset-lx .sb-slide .sb-tag{background:#fff;color:var(--primary)}
.preset-lx .sb-slide .sb-btn{background:var(--primary);color:#fff}
.preset-lx .sb-slide .sb-btn:hover{background:var(--primary-hover);color:#fff}
.preset-lx .sb-slide__feats li{color:var(--text)}
.preset-lx .sb-slide__feats .sb-ic{color:var(--primary)}
.preset-lx .sb-promo{background:var(--tint);border-color:var(--border);color:var(--text)}
.preset-lx .sb-promo:hover{border-color:var(--primary);color:var(--text)}
.preset-lx .sb-promo__title{color:var(--primary-hover)}
.preset-lx .sb-promo__text{color:var(--text-2)}
.preset-lx .sb-promo .sb-media{background-color:#F4DED0}
.preset-lx .sb-promo::after{background:linear-gradient(90deg,rgba(253,240,232,.97) 0%,rgba(253,240,232,.82) 38%,rgba(253,240,232,0) 60%)}
.preset-lx .sb-promo .sb-btn--light{background:#fff;color:var(--primary-hover)}
.preset-lx .sb-cats .sb-media{border-radius:50%}
.preset-lx .sb-pbnews__cat{background:var(--primary);color:#fff}
.preset-lx .sb-pbnews__cat--inline{background:var(--tint);color:var(--primary)}
@media (max-width:767px){.preset-lx .sb-slide::after{background:linear-gradient(0deg,rgba(255,249,245,.97) 0%,rgba(255,249,245,.86) 50%,rgba(255,249,245,0) 85%)}}