:root { --xl-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5 0 9 4.5 9 7s-4 7-9 7-9-4.5-9-7 4-7 9-7zm0 2c-3.6 0-7 3.3-7 5s3.4 5 7 5 7-3.3 7-5-3.4-5-7-5zm0 2a3 3 0 110 6 3 3 0 010-6z'/%3E%3C/svg%3E"); }
.xl-woo {
color: var(--xl-ink);
font-family: var(--xl-font-body);
font-size: 17px;
line-height: 1.5;
}
.xl-woo--product { background: var(--xl-white); }
.xl-woo__inner { padding: 28px 0 80px; }
.xl-woo p { margin: 0; }
.xl-woo h1, .xl-woo h2, .xl-woo h3 {
font-family: var(--xl-font-display);
font-weight: 600;
text-transform: uppercase;
line-height: 1.02;
letter-spacing: .005em;
margin: 0;
}
.xl-woo h2 { font-size: clamp(30px, 3.2vw, 42px); }
.xl-woo h3 { font-size: 19px; font-weight: 500; letter-spacing: .03em; }
.xl-woo .eyebrow { margin: 0; }
.xl-woo .xl-sec__head .eyebrow, .xl-woo .xl-proof__head .eyebrow, .xl-woo .xl-cta__copy .eyebrow { margin-bottom: 12px; }
.xl-woo .lede { color: var(--xl-gray); font-size: 17px; max-width: 56ch; margin-top: 14px; }
.xl-woo .fn { font-size: 13px; color: var(--xl-gray); max-width: 92ch; margin-top: 14px; }
.xl-woo .rating { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font-weight: 500; flex-wrap: wrap; }
.xl-woo .rating__count { color: var(--xl-gray); }
.xl-woo .rating__count::before { content: "\00B7"; margin-right: 10px; color: var(--xl-line); }
.xl-woo .rating a { color: var(--xl-gray); display: inline-block; padding: 15px 0; margin: -15px 0; }
.xl-woo .stars { display: inline-flex; gap: 2px; color: var(--xl-teal); }
.xl-woo .stars svg { width: 18px; height: 18px; }
.xl-woo .xl-ico { flex: none; }
.xl-blend { mix-blend-mode: multiply; } .woocommerce-Price-amount,
.woocommerce-Price-amount bdi,
.woocommerce-Price-currencySymbol { display: inline; white-space: nowrap; }
.xl-drawer .woocommerce-Price-amount, .xl-drawer .woocommerce-Price-currencySymbol,
.xl-bump .woocommerce-Price-amount, .xl-bump .woocommerce-Price-currencySymbol,
.xl-osum .woocommerce-Price-amount, .xl-osum .woocommerce-Price-currencySymbol,
.xl-ty .woocommerce-Price-amount, .xl-ty .woocommerce-Price-currencySymbol { display: inline; white-space: nowrap; font: inherit; color: inherit; } .xl-crumbs { padding: 14px 0 4px; font-size: 14px; color: var(--xl-gray); }
.xl-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
.xl-crumbs li + li::before { content: "\203A"; margin-right: 8px; color: var(--xl-teal); }
.xl-crumbs a { color: var(--xl-gray); text-decoration: none; display: inline-flex; align-items: center; min-height: 48px; min-width: 48px; padding: 8px 6px; margin: -8px -6px; }
.xl-crumbs a:hover { color: var(--xl-teal-deep); }
.xl-crumbs li:last-child { color: var(--xl-ink); font-weight: 500; }
.xl-woo:not(.xl-woo--product) .woocommerce-breadcrumb { font-size: 14px; color: var(--xl-gray); margin: 0 0 24px; }
.xl-woo:not(.xl-woo--product) .woocommerce-breadcrumb a { color: var(--xl-gray); text-decoration: none; }   .xl-woo .button:not(.btn),
.xl-woo button[type="submit"]:not(.btn):not(.xl-qty__btn) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 0 26px;
border-radius: 6px;
border: 0;
background: var(--xl-oxide);
color: var(--xl-white);
font-family: var(--xl-font-display);
font-weight: 500;
font-size: 16px;
letter-spacing: .08em;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
transition: background-color .15s, box-shadow .15s, transform .15s;
}
.xl-woo .button:not(.btn):hover,
.xl-woo button[type="submit"]:not(.btn):not(.xl-qty__btn):hover { background: var(--xl-oxide-deep); color: var(--xl-white); }
.xl-woo .button:disabled,
.xl-woo button:disabled,
.btn.is-disabled,
.btn:disabled { opacity: .45; cursor: not-allowed; transform: none; box-shadow: none; }
.btn.is-busy { opacity: .7; cursor: progress; }   .xl-product-notices:empty { display: none; }
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
list-style: none;
margin: 16px 0;
padding: 14px 18px;
background: var(--xl-white);
border-left: 4px solid var(--xl-teal);
border-radius: 6px;
box-shadow: 0 4px 14px rgba(12, 17, 21, .08);
font-size: 15px;
color: var(--xl-ink);
}
.woocommerce-error { border-left-color: var(--xl-oxide); }
.woocommerce-error li { margin: 0; }
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button { margin-left: 8px; min-height: 36px; padding: 6px 14px; font-size: 13px; }   .xl-buy { padding: 10px 0 44px; }
.xl-buy__grid { display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 10fr); gap: 44px; align-items: start; } .xl-gal { position: relative; min-width: 0; }
.xl-stage { position: relative; border-radius: 22px; background: var(--xl-paper); overflow: hidden; aspect-ratio: var(--xl-stage-ratio, 1); max-height: 640px; display: flex; align-items: center; justify-content: center; isolation: isolate; }
.xl-stage::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255, 255, 255, .45), rgba(255, 255, 255, 0) 60%); pointer-events: none; z-index: 0; }
.xl-stage[data-tone="dark"] { background: #000; }
.xl-stage[data-tone="dark"]::before { display: none; }
.xl-stage[data-tone="white"] { background: var(--xl-white); box-shadow: inset 0 0 0 1px var(--xl-line); }
.xl-stage[data-tone="white"]::before { display: none; }
.xl-stage__img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; padding: 6%; transition: opacity .2s; }
.xl-stage[data-tone="white"] .xl-stage__img,
.xl-stage[data-tone="dark"] .xl-stage__img { padding: 0; }
.xl-stage__img.is-swapping { opacity: 0; }
.xl-stage__img[hidden] { display: none; }
.xl-stage__shadow { position: absolute; z-index: 0; left: 50%; bottom: 9%; width: 56%; height: 44px; transform: translateX(-50%); background: radial-gradient(ellipse at center, rgba(12, 17, 21, .22), rgba(12, 17, 21, 0) 70%); pointer-events: none; }
.xl-stage[data-tone="white"] .xl-stage__shadow,
.xl-stage[data-tone="dark"] .xl-stage__shadow { display: none; }
.xl-stage__video { position: absolute; inset: 0; z-index: 2; background: #000; }
.xl-stage__video iframe { width: 100%; height: 100%; border: 0; display: block; }
.xl-stage__video[hidden] { display: none; }
.xl-stage__badge { position: absolute; z-index: 3; top: 20px; left: 20px; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--xl-gray); background: rgba(255, 255, 255, .85); padding: 7px 11px; border-radius: 999px; margin: 0; }
.xl-stage__badge[hidden] { display: none; }
.xl-stage[data-tone="dark"] .xl-stage__badge { background: rgba(255, 255, 255, .14); color: var(--xl-white); }
.xl-stage[data-tone="white"] .xl-stage__badge { background: var(--xl-paper); }
.xl-thumbs { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(var(--xl-thumb-cols, 6), minmax(0, 1fr)); gap: 8px; }
.xl-thumb { position: relative; display: block; aspect-ratio: 1; border-radius: 10px; overflow: hidden; background: var(--xl-paper); border: 2px solid transparent; transition: border-color .15s; text-decoration: none; min-height: 48px; }
.xl-thumb img { width: 100%; height: 100%; object-fit: cover; }
.xl-thumb--can img { object-fit: contain; padding: 8%; }
.xl-thumb--dark { background: #141719; }
.xl-thumb--wide { background: var(--xl-white); }
.xl-thumb--wide img { object-fit: contain; padding: 4px; }
.xl-thumb:hover { border-color: var(--xl-gray); }
.xl-thumb[aria-current="true"] { border-color: var(--xl-ink); }
.xl-thumb:focus-visible { outline-offset: 2px; }
.xl-thumb__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(12, 17, 21, .28); }
.xl-thumb__play::before { content: ""; width: 34px; height: 34px; border-radius: 50%; background: var(--xl-oxide); box-shadow: 0 4px 12px rgba(0, 0, 0, .35); }
.xl-thumb__play::after { content: ""; position: absolute; width: 0; height: 0; border-left: 11px solid var(--xl-white); border-top: 7px solid transparent; border-bottom: 7px solid transparent; margin-left: 3px; }
.xl-woo .xl-gal__hint { margin-top: 14px; font-size: 13px; color: var(--xl-gray); } .xl-buy__copy { min-width: 0; }
.xl-buy__copy .eyebrow { display: flex; margin-top: 0; }
.xl-buy .product_title { font-size: clamp(30px, 3.1vw, 40px); margin: 12px 0 12px; }
.benefits { list-style: none; margin: 0 0 4px; padding: 0; display: grid; gap: 8px; font-size: 15px; line-height: 1.4; }
.benefits li { display: grid; grid-template-columns: 18px 1fr; gap: 9px; align-items: start; }
.benefits svg { width: 18px; height: 18px; color: var(--xl-teal); margin-top: 2px; }
.benefits b { font-weight: 700; } .xl-vp { margin-top: 24px; }
.xl-vp[hidden] { display: none; }
.xl-sizes { border: 0; padding: 0; margin: 0; min-width: 0; }
.xl-label { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--xl-gray); padding: 0; margin: 0; }
.xl-sizepick { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.xl-sizepick .xl-label { min-width: 48px; }
.xl-pills { display: flex; gap: 10px; flex: 1 1 320px; min-width: 0; }
.xl-pill { flex: 1; min-height: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; padding: 8px 12px; background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 999px; cursor: pointer; font: inherit; color: inherit; transition: border-color .15s, background-color .15s, color .15s; }
.xl-pill:hover { border-color: var(--xl-ink); }
.xl-pill__name { font-weight: 700; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
.xl-pill__price { font-size: 13px; color: var(--xl-gray); }
.xl-pill[aria-checked="true"] { background: var(--xl-ink); border-color: var(--xl-ink); color: var(--xl-white); }
.xl-pill[aria-checked="true"] .xl-pill__price { color: rgba(255, 255, 255, .72); }
.xl-pill:disabled { opacity: .45; cursor: not-allowed; }
.xl-pill.is-soldout { opacity: .58; }
.xl-pill.is-soldout[aria-checked="true"] { opacity: 1; background: var(--xl-gray); border-color: var(--xl-gray); } .xl-pill:focus-visible, .xl-swatch:focus-visible { outline-offset: 2px; }
.xl-colorpick { display: flex; align-items: center; gap: 14px; margin-top: 12px; flex-wrap: wrap; }
.xl-colorpick .xl-label { min-width: 48px; }
.xl-swatches { display: flex; gap: 10px; flex-wrap: wrap; }
.xl-swatch { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 18px 0 8px; background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 999px; cursor: pointer; font: inherit; color: inherit; font-weight: 700; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; transition: border-color .15s, box-shadow .15s; }
.xl-swatch:hover { border-color: var(--xl-ink); }
.xl-swatch.is-soldout { opacity: .58; }
.xl-swatch.is-soldout[aria-checked="true"] { opacity: 1; box-shadow: inset 0 0 0 1px var(--xl-gray); border-color: var(--xl-gray); }
.xl-swatch[aria-checked="true"] { border-color: var(--xl-ink); box-shadow: inset 0 0 0 1px var(--xl-ink); }
.xl-swatch__dot { width: 30px; height: 30px; border-radius: 50%; flex: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
.xl-swatch__dot--red { background: radial-gradient(circle at 35% 30%, #c9683a, #8c3a1c 55%, #5a2a14); }
.xl-swatch__dot--black { background: radial-gradient(circle at 35% 30%, #3a4044, #0c1115 65%); }
.xl-woo .xl-fivenote { margin: 12px 0 0; font-size: 14px; color: var(--xl-teal-deep); font-weight: 500; }
.xl-fivenote[hidden] { display: none; } form.cart.xl-vp-active table.variations tr.xl-vp-replaced { display: none; }
form.cart.xl-vp-active .reset_variations { display: none; }
table.variations { width: 100%; border-collapse: collapse; margin: 0 0 12px; }
table.variations th.label { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .16em; color: var(--xl-gray); padding: 0 8px 8px 0; vertical-align: middle; }
table.variations td.value { padding: 0 0 8px; }
.xl-woo select { width: 100%; max-width: 320px; min-height: 48px; padding: 10px 14px; font-family: var(--xl-font-body); font-size: 16px; color: var(--xl-ink); background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 6px; }
.reset_variations { font-size: 14px; color: var(--xl-gray); margin-left: 8px; }
.xl-buy .woocommerce-variation-price,
.xl-buy .woocommerce-variation-description { display: none; }
.woocommerce-variation-availability p.stock { margin: 6px 0 14px; font-size: 14px; }
.xl-woo p.stock.in-stock { color: var(--xl-teal-deep); }
.xl-woo p.stock.out-of-stock { color: var(--xl-oxide); font-weight: 500; } .xl-woo .xl-price { display: flex; align-items: baseline; gap: 6px 12px; margin: 28px 0 24px; flex-wrap: wrap; }
.xl-price__num { font-family: var(--xl-font-display); font-weight: 600; font-size: 40px; line-height: 1; }
.xl-price__num .woocommerce-Price-amount { font: inherit; }
.xl-price__was { color: var(--xl-gray); font-size: 17px; }
.xl-price__was s { text-decoration: line-through; text-decoration-thickness: 1.5px; }
.xl-price__save { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--xl-teal-deep); background: rgba(15, 169, 156, .12); padding: 4px 9px; border-radius: 999px; }
.xl-price__note { font-size: 13px; color: var(--xl-gray); }
.xl-price [hidden] { display: none; } form.cart { margin: 0; }
.xl-cartrow,
form.cart:not(.variations_form) { display: flex; gap: 10px; align-items: stretch; flex-wrap: wrap; }
.woocommerce-variation-add-to-cart-disabled .btn--buy { opacity: .45; cursor: not-allowed; }
.btn--buy.is-soldout, .btn--buy[aria-disabled="true"], .btn--buy:disabled { opacity: .45; cursor: not-allowed; pointer-events: none; background: var(--xl-gray); }
.xl-woo .quantity { display: inline-flex; }
.xl-qty { display: inline-flex; align-items: center; border: 1px solid var(--xl-line); border-radius: 6px; overflow: hidden; flex: none; background: var(--xl-white); }
.xl-qty__btn { width: 48px; min-height: 56px; border: 0; background: var(--xl-white); cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--xl-ink); padding: 0; }
.xl-qty__btn:hover { background: var(--xl-paper); }
.xl-qty__btn svg { width: 16px; height: 16px; }
.xl-woo .xl-qty input.qty,
.xl-woo input.qty[type="number"] { width: 52px; min-height: 56px; border: 0; border-left: 1px solid var(--xl-line); border-right: 1px solid var(--xl-line); border-radius: 0; text-align: center; font: inherit; font-weight: 700; font-size: 17px; color: var(--xl-ink); -moz-appearance: textfield; appearance: textfield; background: var(--xl-white); padding: 0; }
.xl-qty input.qty::-webkit-outer-spin-button,
.xl-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.xl-woo .quantity .screen-reader-text + .qty { margin: 0; }
.btn--buy { min-height: 56px; flex: 1 1 260px; min-width: 0; font-size: 16px; letter-spacing: .06em; white-space: normal; text-align: center; padding: 10px 18px; row-gap: 2px; gap: 0; }
.btn--buy .btn__dot { opacity: .7; padding: 0 9px; }
.btn--buy .btn__price { opacity: .9; font-weight: 500; }
.btn--buy .btn__price .woocommerce-Price-amount { font: inherit; }
.btn--buy [hidden] { display: none; }
form.cart:not(.variations_form) .single_add_to_cart_button:not(.btn) { min-height: 56px; flex: 1 1 260px; }
.xl-woo .xl-added { margin-top: 14px; font-size: 14px; color: var(--xl-teal-deep); font-weight: 500; }
.xl-added[hidden] { display: none; }
.xl-woo .xl-assure { margin-top: 24px; font-size: 14px; color: var(--xl-gray); display: flex; gap: 9px; align-items: flex-start; }
.xl-assure svg { color: var(--xl-teal); flex: none; margin-top: 3px; width: 18px; height: 18px; }
.xl-woo .xl-nudge { display: flex; align-items: center; gap: 0 10px; flex-wrap: wrap; margin: 18px 0 0; padding: 10px 14px; border-radius: 8px; background: rgba(15, 169, 156, .1); color: var(--xl-teal-deep); font-size: 14px; font-weight: 500; min-height: 44px; }
.xl-nudge[hidden] { display: none; }
.xl-nudge__text { flex: 1 1 200px; min-width: 0; }
.xl-nudge__arrow { position: relative; flex: none; width: 14px; height: 2px; background: currentColor; border-radius: 1px; }
.xl-nudge__arrow::after { content: ""; position: absolute; right: -1px; top: -4px; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); border-radius: 1px; }
.xl-nudge__btn { background: none; border: 0; padding: 0 4px; min-height: 48px; color: var(--xl-teal-deep); font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; border-radius: 4px; }
.xl-nudge__btn:hover { color: var(--xl-teal); }
.xl-nudge__btn[hidden] { display: none; }
.xl-dls { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--xl-line); }
.xl-dls__row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.xl-dl { display: inline-flex; align-items: center; gap: 9px; min-height: 48px; padding: 6px 14px 6px 10px; border: 1px solid var(--xl-line); border-radius: 8px; text-decoration: none; color: var(--xl-ink); font-size: 14px; line-height: 1.2; transition: border-color .15s, background-color .15s; }
.xl-dl:hover { border-color: var(--xl-ink); color: var(--xl-ink); background: var(--xl-paper); }
.xl-dl svg { width: 20px; height: 20px; color: var(--xl-oxide); flex: none; }
.xl-dl b { display: block; font-weight: 700; }
.xl-dl small { display: block; font-size: 12px; color: var(--xl-gray); margin-top: 2px; }
.xl-buy .fn { margin-top: 14px; } .xl-stickybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; background: rgba(255, 255, 255, .96); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-top: 1px solid var(--xl-line); box-shadow: 0 -10px 30px rgba(12, 17, 21, .08); transform: translateY(110%); visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s; }
.xl-stickybar.is-on { transform: none; visibility: visible; transition-delay: 0s; }
.xl-stickybar__in { display: flex; align-items: center; gap: 14px; min-height: 68px; padding: 8px 0; }
.xl-stickybar__img { width: 52px; height: 52px; object-fit: contain; flex: none; background: var(--xl-paper); border-radius: 8px; padding: 4px; }
.xl-stickybar__txt { flex: 1; min-width: 0; line-height: 1.25; }
.xl-stickybar__txt > strong { display: block; font-family: var(--xl-font-display); font-weight: 600; font-size: 16px; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xl-stickybar__txt > span { display: block; font-size: 14px; color: var(--xl-gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xl-stickybar__price { font-family: var(--xl-font-display); font-weight: 600; font-size: 24px; flex: none; }
.xl-stickybar__price .woocommerce-Price-amount { font: inherit; }
body.xl-has-sticky { padding-bottom: 84px; }    .xl-woo picture { display: block; min-width: 0; }
.xl-sec { padding: 72px 0; }
.xl-sec--paper { background: var(--xl-paper); }
.xl-sec__head { max-width: 70ch; margin-inline: auto; text-align: center; }
.xl-sec__head h2 { text-wrap: balance; }
.xl-sec__head .lede { margin: 14px auto 0; } .xl-does__row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 52px; align-items: center; padding: 44px 0; border-top: 1px solid var(--xl-line); }
.xl-sec__head + .xl-does__row { border-top: 0; padding-top: 40px; }
.xl-does__row:nth-of-type(even) { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
.xl-does__row:nth-of-type(even) .xl-does__img,
.xl-does__row:nth-of-type(even) > picture { order: 2; }
.xl-does__img { width: 100%; max-width: 440px; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 16px; margin: 0 auto; }
.xl-does__copy h3 { font-size: clamp(20px, 1.9vw, 25px); font-weight: 600; letter-spacing: .01em; }
.xl-does__copy p { color: var(--xl-gray); margin-top: 12px; font-size: 16px; line-height: 1.55; } .xl-does__tags { margin: 20px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(var(--xl-tag-cols, 3), minmax(0, 1fr)); gap: 9px 20px; font-size: 15px; color: var(--xl-ink); }
.xl-does__tags li { position: relative; padding-left: 16px; line-height: 1.35; }
.xl-does__tags li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--xl-teal); } .xl-apply__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; margin-top: 40px; align-items: start; }
.xl-prep { border-left: 3px solid var(--xl-teal); padding: 4px 0 4px 18px; color: var(--xl-gray); max-width: 60ch; }
.xl-prep b { color: var(--xl-ink); }
.xl-steps { list-style: none; counter-reset: s; margin: 28px 0 0; padding: 0; display: grid; gap: 0; }
.xl-steps li { counter-increment: s; display: grid; grid-template-columns: 44px 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid var(--xl-line); align-items: start; }
.xl-steps li::before { content: counter(s, decimal-leading-zero); font-family: var(--xl-font-display); font-weight: 500; color: var(--xl-teal); font-size: 16px; letter-spacing: .1em; padding-top: 2px; }
.xl-steps b { display: block; font-weight: 700; }
.xl-steps p { color: var(--xl-gray); font-size: 16px; margin-top: 2px; }
.xl-apply__aside > img { width: 100%; height: auto; aspect-ratio: 1.9; object-fit: cover; object-position: center; border-radius: 16px; background: #141719; }
.xl-spec { margin-top: 22px; border: 1px solid var(--xl-line); border-radius: 14px; overflow: hidden; }
.xl-spec h3 { font-size: 13px; letter-spacing: .2em; font-weight: 500; padding: 14px 18px; background: var(--xl-ink); color: var(--xl-white); }
.xl-spec dl { margin: 0; padding: 9px 18px; display: grid; grid-template-columns: auto 1fr; gap: 0; font-size: 15px; }
.xl-spec dt { padding-right: 18px; }
.xl-spec dt { font-weight: 700; padding: 9px 0; border-top: 1px solid var(--xl-line); }
.xl-spec dd { margin: 0; padding: 9px 0; border-top: 1px solid var(--xl-line); color: var(--xl-gray); }
.xl-spec dt:first-of-type, .xl-spec dd:first-of-type { border-top: 0; }     .xl-trustbar { padding: 44px 0; background: var(--xl-white); border-top: 1px solid var(--xl-line); }
.xl-trustbar__row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 40px; }
.xl-trustbar__item { display: flex; gap: 14px; align-items: flex-start; min-width: 0; }
.xl-trustbar__item svg { width: 22px; height: 22px; color: var(--xl-teal); flex: none; }
.xl-trustbar__item b { display: block; font-weight: 700; font-size: 16px; line-height: 1.25; }
.xl-trustbar__item small { display: block; font-size: 14.5px; color: var(--xl-gray); margin-top: 4px; line-height: 1.4; }
.xl-scale { margin-top: 40px; }
.xl-woo .xl-scale__axis { display: flex; align-items: center; gap: 16px; margin: 0 0 38px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--xl-gray); flex-wrap: nowrap; }
.xl-scale__end { flex: none; }
.xl-scale__bar { position: relative; flex: 1 1 80px; min-width: 60px; height: 6px; border-radius: 999px; background: linear-gradient(90deg, var(--xl-oxide), #C9863A 36%, var(--xl-teal) 64%, var(--xl-teal-deep)); }
.xl-scale__dot { position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--xl-ink); box-shadow: 0 0 0 4px var(--xl-paper); }
.xl-scale__cols { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.xl-scale__col { position: relative; background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 16px; padding: 36px 24px 26px; }
.xl-scale__col.is-here { border-color: var(--xl-ink); box-shadow: 0 16px 36px rgba(12, 17, 21, .1); }
.xl-scale__flag { position: absolute; top: -13px; left: 24px; background: var(--xl-teal); color: var(--xl-white); font-family: var(--xl-font-display); font-weight: 500; letter-spacing: .14em; text-transform: uppercase; font-size: 11px; padding: 7px 13px; border-radius: 999px; }
.xl-scale__tag { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--xl-gray); }
.xl-scale__col--acid .xl-scale__tag { color: var(--xl-oxide-deep); }
.xl-scale__col--enzyme .xl-scale__tag { color: var(--xl-teal-deep); }
.xl-woo .xl-scale__col h3 { font-size: 22px; font-weight: 600; letter-spacing: .01em; margin-top: 6px; }
.xl-scale__list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; font-size: 15px; color: var(--xl-gray); }
.xl-scale__list li { position: relative; padding-left: 18px; line-height: 1.45; }
.xl-scale__list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 7px; height: 7px; border-radius: 50%; background: var(--xl-gray-light); }
.xl-scale__col--acid .xl-scale__list li::before { background: var(--xl-oxide); }
.xl-scale__col--enzyme .xl-scale__list li::before { background: var(--xl-teal); }
.xl-scale__col.is-here .xl-scale__list { color: var(--xl-ink); }
.xl-scale__col.is-here .xl-scale__list li::before { background: var(--xl-ink); }
.xl-band { background: var(--xl-white); padding: 56px 0 0; }
.xl-band__img { display: block; width: 100%; max-width: 900px; height: auto; margin: 0 auto; border-radius: 14px; }
.xl-cards { list-style: none; margin: 40px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.xl-card { background: var(--xl-white); border: 1px solid var(--xl-line); border-top: 3px solid var(--xl-line); border-radius: 16px; padding: 26px 24px; }
.xl-card--warn { border-top-color: var(--xl-oxide); }
.xl-card--good { border-top-color: var(--xl-teal); }
.xl-woo .xl-card h3 { font-size: 19px; font-weight: 600; letter-spacing: .01em; }
.xl-woo .xl-card--warn h3 { color: var(--xl-oxide-deep); }
.xl-woo .xl-card--good h3 { color: var(--xl-teal-deep); }
.xl-card p { margin-top: 10px; color: var(--xl-gray); font-size: 15.5px; line-height: 1.5; }
.xl-tip { border: 1px solid var(--xl-teal); background: rgba(15, 169, 156, .08); border-radius: 14px; padding: 20px 22px; }
.xl-tip__title { display: flex; gap: 10px; align-items: center; font-weight: 700; font-size: 17px; color: var(--xl-teal-deep); }
.xl-tip__title svg { width: 20px; height: 20px; flex: none; }
.xl-woo .xl-tip__body { margin-top: 8px; color: var(--xl-gray); font-size: 15.5px; line-height: 1.5; }
.xl-apply__banner { display: block; width: 100%; height: auto; border-radius: 14px; }
.xl-quotes.xl-quotes--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.xl-quotes--3 .xl-quote { padding: 26px 26px 24px; }
.xl-quotes--3 .xl-quote p { font-size: 17px; line-height: 1.55; }
.xl-cta__media--flat { align-items: center; padding: 56px 0 72px; }
.xl-cta__media--flat picture { width: 100%; max-width: 440px; }
.xl-cta__bottle { width: 100%; height: auto; border-radius: 18px; box-shadow: 0 24px 50px rgba(0, 0, 0, .45); } .xl-tblwrap { overflow-x: auto; margin-top: 32px; border: 1px solid var(--xl-line); border-radius: 14px; background: var(--xl-white); }
.xl-tbl { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 560px; }
.xl-tbl th, .xl-tbl td { text-align: left; padding: 13px 16px; border-top: 1px solid var(--xl-line); vertical-align: top; }
.xl-tbl thead th { border-top: 0; background: var(--xl-ink); color: var(--xl-white); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.xl-tbl tbody th { font-weight: 700; width: 34%; }
.xl-tbl td.xl-m { color: var(--xl-gray); white-space: nowrap; }
.xl-tbl .xl-bad { color: var(--xl-oxide-deep); font-weight: 500; }
.xl-tbl .xl-good { color: var(--xl-teal-deep); font-weight: 500; }
.xl-woo .xl-tbl__note { margin-top: 18px; font-size: 14px; color: var(--xl-gray); } .xl-cmp__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 40px; align-items: start; margin-top: 8px; }
.xl-cmp__img { width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--xl-line); margin-top: 32px; }
.xl-cmp .xl-tbl { min-width: 0; }
.xl-cmp .xl-tbl th, .xl-cmp .xl-tbl td { padding: 13px 14px; }
.xl-cmp .xl-tbl tbody th { width: 40%; }
.xl-cmp .xl-tbl td { width: 30%; } .xl-proof { padding: 72px 0; }
.xl-proof__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px 48px; flex-wrap: wrap; margin-bottom: 36px; }
.xl-proof__lead { margin: 0; max-width: 44ch; color: var(--xl-gray); font-size: 16px; }
.xl-jobs { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 240px; gap: 14px; }
.xl-job { margin: 0; position: relative; border-radius: 8px; overflow: hidden; background: var(--xl-paper); }
.xl-job img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.xl-job:hover img { transform: scale(1.03); }
.xl-job figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 34px 14px 12px; font-size: 13px; font-weight: 500; color: var(--xl-white); background: linear-gradient(180deg, rgba(12, 17, 21, 0), rgba(12, 17, 21, .78)); line-height: 1.3; }
.xl-job__tag { display: block; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--xl-teal); margin-bottom: 3px; }
.xl-job--lead { grid-column: span 2; grid-row: span 2; }
.xl-job:nth-child(6), .xl-job:nth-child(7) { grid-column: span 2; }
.xl-job--lead figcaption { font-size: 15px; padding-bottom: 16px; }
.xl-woo .xl-proof__cap { margin-top: 18px; font-size: 14px; color: var(--xl-gray); display: flex; justify-content: space-between; gap: 8px 20px; flex-wrap: wrap; }
.xl-proof__cap a { color: var(--xl-teal-deep); } .xl-voices { background: var(--xl-paper); padding: 72px 0; }
.xl-quotes { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 36px; }
.xl-quote { background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 16px; padding: 28px 32px 26px; margin: 0; height: 100%; display: flex; flex-direction: column; }
.xl-quote::before { content: "\201C"; display: block; font-family: var(--xl-font-display); font-size: 58px; line-height: .78; height: 28px; color: var(--xl-teal); opacity: .38; }
.xl-quote p { font-size: 19px; line-height: 1.5; font-weight: 500; margin: 14px 0 0; }
.xl-quote footer { margin: auto 0 0; padding-top: 22px; font-size: 14px; color: var(--xl-gray); display: flex; align-items: center; gap: 10px; }
.xl-quote cite { font-style: normal; }
.xl-quote .stars svg { width: 14px; height: 14px; }
.xl-voices .rating { margin: 28px 0 0; }
.xl-voices .xl-reviews-wrap { margin-top: 48px; padding-top: 42px; border-top: 1px solid var(--xl-line); }
.xl-voices .xl-reviews-wrap .woocommerce-Reviews-title { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--xl-gray); margin: 0 0 20px; } .xl-sec.xl-reviews-wrap .woocommerce-Reviews-title { font-size: clamp(24px, 2.4vw, 32px); margin: 0 0 18px; }
.commentlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.commentlist .comment_container { background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 16px; padding: 22px; display: flex; gap: 16px; }
.commentlist img.avatar { width: 44px; height: 44px; border-radius: 50%; flex: none; }
.commentlist .comment-text { flex: 1; }
.commentlist .meta { font-size: 14px; color: var(--xl-gray); margin: 0 0 12px; }
.commentlist .description p + p { margin-top: 12px; }
.xl-reviews-wrap .woocommerce-verification-required { margin-top: 24px; }
.star-rating { position: relative; display: inline-block; overflow: hidden; width: 5.4em; height: 1em; line-height: 1; font-size: 14px; font-family: star, sans-serif; }
.star-rating::before { content: "\2605\2605\2605\2605\2605"; color: rgba(12, 17, 21, .18); letter-spacing: .1em; }
.star-rating span { position: absolute; inset: 0 auto 0 0; overflow: hidden; padding-top: 1.5em; }
.star-rating span::before { content: "\2605\2605\2605\2605\2605"; position: absolute; top: 0; left: 0; color: var(--xl-teal); letter-spacing: .1em; }
p.stars a { color: var(--xl-teal); text-decoration: none; font-size: 20px; }
#review_form .comment-form { display: grid; gap: 8px; margin-top: 18px; } .xl-also { padding: 72px 0; border-top: 1px solid var(--xl-line); }
.xl-also__card { display: grid; grid-template-columns: 200px 1fr auto; gap: 32px; align-items: center; border: 1px solid var(--xl-line); border-radius: 16px; padding: 22px 30px 22px 22px; margin-top: 22px; background: var(--xl-white); }
.xl-also__img { width: 200px; height: 200px; object-fit: cover; object-position: center; mix-blend-mode: multiply; border-radius: 10px; background: var(--xl-paper); }
.xl-also h3 { font-size: 26px; font-weight: 600; letter-spacing: .01em; }
.xl-woo .xl-also__body { color: var(--xl-gray); margin-top: 10px; font-size: 16px; }
.xl-also .rating { margin: 10px 0 0; font-size: 15px; }
.xl-also__price { font-family: var(--xl-font-display); font-weight: 600; font-size: 26px; }
.xl-also__price .woocommerce-Price-amount { font: inherit; }
.xl-also__price del { color: var(--xl-gray); font-weight: 400; font-size: 18px; margin-right: 6px; }
.xl-also__price ins { text-decoration: none; }
.xl-also__act { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; } .xl-faq { padding: 72px 0; }
.xl-faq__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 48px; }
.xl-faq .xl-faq__grid > :first-child { display: flex; flex-direction: column; }
.xl-faq__aside { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 14px; font-size: 15px; }
.xl-faq__aside li { display: flex; gap: 10px; align-items: flex-start; color: var(--xl-gray); line-height: 1.45; }
.xl-faq__aside svg { width: 17px; height: 17px; color: var(--xl-teal); flex: none; margin-top: 2px; }
.xl-faq__aside a { color: var(--xl-teal-deep); font-weight: 500; }
.xl-faq__ask { margin: auto 0 0; padding-top: 40px; }
.xl-faq__ask > div { background: var(--xl-paper); border: 1px solid var(--xl-line); border-radius: 16px; padding: 22px 22px 24px; }
.xl-woo .xl-faq__ask b { display: block; font-size: 17px; font-weight: 700; color: var(--xl-ink); }
.xl-woo .xl-faq__ask p { margin-top: 8px; font-size: 15px; line-height: 1.5; color: var(--xl-gray); }
.xl-faq__ask .btn { margin-top: 16px; }
.xl-faq__item { border-top: 1px solid var(--xl-line); }
.xl-faq__item:last-child { border-bottom: 1px solid var(--xl-line); }
.xl-faq__item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 64px; padding: 12px 0; font-weight: 700; font-size: 18px; }
.xl-faq__item summary::-webkit-details-marker { display: none; }
.xl-faq__item summary::after { content: "+"; font-family: var(--xl-font-display); font-size: 28px; color: var(--xl-teal); transition: transform .2s; flex: none; width: 32px; text-align: center; line-height: 1; }
.xl-faq__item[open] summary::after { transform: rotate(45deg); }
.xl-faq__item p, .xl-faq__body { color: var(--xl-gray); padding: 0 52px 22px 0; }
.xl-faq__body p { padding: 0 0 1em; }
.xl-faq__body ul, .xl-faq__body ol { padding: 0 0 1em 1.3em; margin: 0; }
.xl-faq__body li { margin-bottom: .5em; }
.xl-faq .lede a { padding: 16px 4px; margin: -16px -4px; } .xl-cta { background: var(--xl-ink); color: var(--xl-white); overflow: hidden; position: relative; }
.xl-cta::before { content: ""; position: absolute; right: -10%; top: -30%; width: 60%; height: 160%; background: radial-gradient(ellipse at center, rgba(15, 169, 156, .18), rgba(15, 169, 156, 0) 60%); pointer-events: none; }
.xl-cta__in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; gap: 40px; position: relative; }
.xl-cta__copy { padding: 72px 0; }
.xl-cta h2 { font-size: clamp(36px, 4.4vw, 60px); max-width: 14ch; color: var(--xl-white); }
.xl-cta p { color: rgba(255, 255, 255, .72); margin-top: 18px; max-width: 46ch; font-size: 17px; }
.xl-cta .eyebrow { color: var(--xl-teal); font-size: 12px; max-width: none; }
.xl-cta__actions { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 30px; align-items: center; }
.xl-cta__link { color: var(--xl-white); font-weight: 500; min-height: 48px; display: inline-flex; align-items: center; }
.xl-cta__link:hover { color: var(--xl-teal); }
.xl-cta__media { position: relative; display: flex; justify-content: center; align-items: end; padding-top: 40px; }
.xl-cta__can { width: 380px; height: 380px; filter: drop-shadow(0 24px 30px rgba(0, 0, 0, .55)); margin-bottom: -40px; }
.xl-cta__new { position: absolute; top: 56px; left: 8px; background: var(--xl-teal); color: var(--xl-white); font-family: var(--xl-font-display); font-weight: 500; letter-spacing: .14em; text-transform: uppercase; font-size: 12px; padding: 8px 12px; border-radius: 999px; }
.xl-cta .btn--buy { flex: none; min-width: 320px; }   .xl-drawer { position: fixed; inset: 0; z-index: 60; visibility: hidden; transition: visibility 0s linear .3s; font-family: var(--xl-font-body); color: var(--xl-ink); }
.xl-drawer.is-open { visibility: visible; transition-delay: 0s; }
.xl-drawer__backdrop { position: absolute; inset: 0; background: rgba(12, 17, 21, .5); opacity: 0; transition: opacity .3s; border: 0; padding: 0; cursor: pointer; }
.xl-drawer.is-open .xl-drawer__backdrop { opacity: 1; }
.xl-drawer__panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(100%, 460px); background: var(--xl-white); display: flex; flex-direction: column; transform: translateX(100%); transition: transform .3s ease; box-shadow: -20px 0 40px rgba(12, 17, 21, .2); outline: 0; }
.xl-drawer.is-open .xl-drawer__panel { transform: none; }
.xl-drawer__head { display: flex; align-items: center; gap: 12px; padding: 14px 12px 14px 22px; border-bottom: 1px solid var(--xl-line); }
.xl-drawer__head h2 { font-family: var(--xl-font-display); font-weight: 600; text-transform: uppercase; font-size: 22px; flex: 1; letter-spacing: .02em; min-width: 0; margin: 0; line-height: 1.05; }
.xl-drawer__ok { width: 32px; height: 32px; border-radius: 50%; background: var(--xl-teal); color: var(--xl-white); display: flex; align-items: center; justify-content: center; flex: none; }
.xl-drawer__ok svg { width: 18px; height: 18px; }
.xl-drawer__close { width: 48px; height: 48px; border: 0; background: transparent; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex: none; color: var(--xl-ink); padding: 0; }
.xl-drawer__close:hover { background: var(--xl-paper); }
.xl-drawer__close svg { width: 22px; height: 22px; }
.xl-drawer__body { flex: 1; overflow-y: auto; padding: 18px 22px 22px; -webkit-overflow-scrolling: touch; }
.xl-drawer__empty { color: var(--xl-gray); }
.xl-dline { display: grid; grid-template-columns: 76px 1fr auto; gap: 14px; align-items: center; }
.xl-dline__img { width: 76px; height: 76px; object-fit: contain; background: var(--xl-paper); border-radius: 10px; padding: 6px; }
.xl-dline__txt > b { display: block; font-weight: 700; line-height: 1.25; font-size: 15px; }
.xl-dline__txt > span { display: block; font-size: 14px; color: var(--xl-gray); margin-top: 3px; }
.xl-dline__price { font-family: var(--xl-font-display); font-weight: 600; font-size: 20px; white-space: nowrap; }
.xl-drawer__sub { margin: 26px 0 12px; font-family: var(--xl-font-display); font-weight: 600; text-transform: uppercase; font-size: 17px; letter-spacing: .03em; }
.xl-ups { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.xl-up { display: grid; grid-template-columns: 64px 1fr auto; gap: 12px; align-items: center; border: 1px solid var(--xl-line); border-radius: 12px; padding: 10px 12px 10px 10px; }
.xl-up--five { border-color: var(--xl-teal); background: rgba(15, 169, 156, .06); }
.xl-up__pic { width: 64px; height: 64px; border-radius: 8px; background: var(--xl-paper); display: flex; align-items: center; justify-content: center; overflow: hidden; flex: none; }
.xl-up__pic img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.xl-up__txt { min-width: 0; }
.xl-up__txt > b { display: block; font-size: 15px; font-weight: 700; line-height: 1.25; }
.xl-up__txt > span { display: block; font-size: 13.5px; color: var(--xl-gray); margin-top: 2px; line-height: 1.35; }
.xl-up__price { display: block; font-weight: 700; color: var(--xl-ink); margin-top: 4px; font-size: 14px; }
.xl-up__btn { min-height: 48px; padding: 0 16px; font-size: 14px; min-width: 92px; }
.xl-up__btn[aria-pressed="true"] { background: var(--xl-teal); color: var(--xl-white); box-shadow: none; }
.xl-drawer__tot { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--xl-line); display: flex; justify-content: space-between; align-items: baseline; font-weight: 700; font-size: 17px; }
.xl-drawer__n { font-family: var(--xl-font-display); font-weight: 600; font-size: 24px; }
.xl-drawer__ship { margin-top: 6px; font-size: 14px; color: var(--xl-teal-deep); font-weight: 500; display: flex; gap: 8px; align-items: center; }
.xl-drawer__ship svg { width: 16px; height: 16px; flex: none; }
.xl-drawer__foot { padding: 14px 22px 18px; border-top: 1px solid var(--xl-line); display: grid; gap: 4px; background: var(--xl-white); }
.xl-drawer__foot .btn { width: 100%; min-height: 56px; }
.xl-drawer__keep { min-height: 48px; background: none; border: 0; color: var(--xl-teal-deep); font: inherit; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; border-radius: 4px; }
.xl-drawer__keep:hover { color: var(--xl-teal); }
body.xl-drawer-open { overflow: hidden; }   .xl-woo .woocommerce-products-header__title { font-size: clamp(30px, 3.5vw, 42px); margin: 0 0 16px; }
.xl-woo .woocommerce-result-count { color: var(--xl-gray); font-size: 14px; float: none; margin: 0; }
.xl-woo .woocommerce-ordering { float: none; margin: 0; }
.xl-woo .xl-shop-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin: 0 0 24px; }
.xl-woo .xl-shop-toolbar .woocommerce-notices-wrapper { flex: 1 1 100%; }
.xl-woo ul.products { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.xl-woo ul.products li.product { position: relative; display: flex; flex-direction: column; background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 16px; padding: 16px; transition: border-color .15s; }
.xl-woo ul.products li.product:hover { border-color: var(--xl-ink); }
.xl-woo ul.products li.product img { width: 100%; height: auto; border-radius: 10px; background: var(--xl-paper); }
.xl-woo ul.products .woocommerce-loop-product__title { font-family: var(--xl-font-display); font-weight: 600; font-size: 19px; text-transform: uppercase; letter-spacing: .02em; color: var(--xl-ink); margin: 12px 0 4px; }
.xl-woo ul.products li.product a { text-decoration: none; }
.xl-woo ul.products .price { font-weight: 700; color: var(--xl-ink); margin: 0 0 8px; }
.xl-woo ul.products .price del { color: var(--xl-gray); font-weight: 400; margin-right: 6px; }
.xl-woo ul.products .price ins { text-decoration: none; }
.xl-woo ul.products .star-rating { margin: 2px 0 6px; }
.xl-woo ul.products .button { margin-top: auto; width: 100%; padding: 0 16px; font-size: 14px; }
.xl-woo ul.products li.product .onsale { position: absolute; z-index: 5; top: 8px; left: 8px; background: var(--xl-teal); color: var(--xl-white); font-family: var(--xl-font-display); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; }
.xl-woo .woocommerce-pagination { margin-top: 32px; text-align: center; }
.xl-woo .woocommerce-pagination ul { list-style: none; display: inline-flex; gap: 8px; margin: 0; padding: 0; }
.xl-woo .woocommerce-pagination a, .xl-woo .woocommerce-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; border: 1px solid var(--xl-line); border-radius: 6px; color: var(--xl-ink); text-decoration: none; font-weight: 600; }
.xl-woo .woocommerce-pagination span.current { background: var(--xl-ink); color: var(--xl-white); }
.xl-woo .woocommerce-pagination a:hover { border-color: var(--xl-ink); }   .xl-co__head, .xl-cart__head { min-width: 0; }
.xl-co__head h1, .xl-cart__head h1, .xl-cart-empty h1 { font-size: clamp(30px, 3vw, 38px); margin: 6px 0 6px; }
.xl-woo .xl-co__lede { color: var(--xl-gray); margin: 0 0 26px; max-width: 56ch; }   .xl-woo input[type="text"], .xl-woo input[type="email"], .xl-woo input[type="tel"], .xl-woo input[type="password"], .xl-woo input[type="number"], .xl-woo input[type="search"], .xl-woo input[type="url"], .xl-woo textarea { width: 100%; min-height: 48px; padding: 10px 14px; font-family: var(--xl-font-body); font-size: 16px; line-height: 1.3; color: var(--xl-ink); background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 6px; margin: 0; }
.xl-woo textarea { min-height: 96px; padding-top: 12px; resize: vertical; }
.xl-woo input::placeholder, .xl-woo textarea::placeholder { color: #9AA3AB; }
.xl-woo input:focus, .xl-woo select:focus, .xl-woo textarea:focus { border-color: var(--xl-teal); outline: 2px solid var(--xl-teal); outline-offset: 0; }
.xl-woo select { width: 100%; max-width: none; min-height: 48px; padding: 10px 40px 10px 14px; font-family: var(--xl-font-body); font-size: 16px; color: var(--xl-ink); background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 6px; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%230C1115' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/></svg>"); background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; }
.xl-woo .form-row { margin: 0 0 14px; padding: 0; }
.xl-woo .form-row > label:not(.checkbox):not(.woocommerce-form__label-for-checkbox) { display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--xl-gray); margin: 0 0 6px; }
.xl-woo .woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; color: var(--xl-ink); cursor: pointer; min-height: 44px; margin: 0; }
.xl-woo .woocommerce-form__label-for-checkbox input { flex: none; }
.xl-woo .form-row > label .optional { font-weight: 500; text-transform: none; letter-spacing: 0; }
.xl-woo .form-row > label .required { display: none; }
.xl-woo .form-row .description { display: block; font-size: 13px; color: var(--xl-gray); margin-top: 6px; }
.xl-woo .woocommerce-input-wrapper { display: block; }
.xl-woo .form-row.woocommerce-invalid .input-text,
.xl-woo .form-row.woocommerce-invalid select,
.xl-woo .form-row.woocommerce-invalid .select2-container .select2-selection--single { border-color: var(--xl-oxide); box-shadow: inset 0 0 0 1px var(--xl-oxide); }
.xl-woo .form-row.woocommerce-invalid > label:not(.checkbox) { color: var(--xl-oxide-deep); }
.xl-woo .checkout-inline-error-message { display: block; margin: 6px 0 0; font-size: 14px; color: var(--xl-oxide-deep); font-weight: 500; line-height: 1.3; }
.xl-woo .form-row.woocommerce-validated .input-text { border-color: var(--xl-line); }
.xl-woo .select2-container { width: 100% !important; }
.xl-woo .select2-container .select2-selection--single { height: 48px; min-height: 48px; border: 1px solid var(--xl-line); border-radius: 6px; background: var(--xl-white); }
.xl-woo .select2-container .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 14px; padding-right: 40px; color: var(--xl-ink); font-size: 16px; }
.xl-woo .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; right: 8px; }
.xl-woo .select2-container--focus .select2-selection--single, .xl-woo .select2-container--open .select2-selection--single { border-color: var(--xl-teal); outline: 2px solid var(--xl-teal); }
.select2-dropdown { border: 1px solid var(--xl-line); border-radius: 6px; font-family: var(--xl-font-body); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--xl-teal); }
.select2-container--default .select2-search--dropdown .select2-search__field { min-height: 40px; border: 1px solid var(--xl-line); border-radius: 6px; padding: 6px 10px; font-family: var(--xl-font-body); }
.xl-woo .woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; cursor: pointer; font-size: 15px; font-weight: 500; }
.xl-woo .woocommerce-form__label-for-checkbox input { width: 22px; height: 22px; accent-color: var(--xl-teal-deep); margin: 0; flex: none; } .xl-fs { border: 0; padding: 0; margin: 0 0 30px; min-width: 0; }
.xl-woo .xl-fs__legend, .xl-woo h2.xl-fs__legend, .xl-fs__legend { font-family: var(--xl-font-display); font-weight: 600; text-transform: uppercase; font-size: 20px; letter-spacing: .02em; padding: 0; margin: 0 0 12px; line-height: 1.1; color: var(--xl-ink); }
.xl-woo .xl-fs__note { font-size: 14px; color: var(--xl-gray); margin: -4px 0 12px; }
.xl-co .form-row.xl-f--heading { grid-column: 1 / -1 !important; margin: 0; }
.xl-co .xl-f--heading-address { margin-top: 12px; }
.xl-co .xl-f--heading-contact { margin-top: 4px; } .xl-opts { display: grid; gap: 8px; }
.xl-opt { border: 1px solid var(--xl-line); border-radius: 10px; padding: 10px 14px; display: flex; gap: 12px; align-items: center; min-height: 60px; cursor: pointer; background: var(--xl-white); transition: border-color .15s; }
.xl-opt:hover { border-color: var(--xl-ink); }
.xl-opt input { width: 22px; height: 22px; accent-color: var(--xl-teal-deep); margin: 0; flex: none; }
.xl-opt:has(input:checked) { border-color: var(--xl-teal-deep); box-shadow: inset 0 0 0 1px var(--xl-teal-deep); }
.xl-opt:has(input:focus-visible) { outline: 2px solid var(--xl-teal); outline-offset: 2px; }
.xl-opt__txt { flex: 1; min-width: 0; }
.xl-opt__txt > b { display: block; font-weight: 700; }
.xl-opt__txt > span { display: block; font-size: 14px; color: var(--xl-gray); }
.xl-opt__price { font-weight: 700; color: var(--xl-teal-deep); white-space: nowrap; }   .xl-cart > .woocommerce { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 48px; row-gap: 0; align-items: start; }
.xl-cart > .woocommerce > * { grid-column: 1 / -1; min-width: 0; }
.xl-cart > .woocommerce > .woocommerce-notices-wrapper:empty { display: none; }
.xl-cart .xl-cart__head { margin-bottom: 8px; }
.xl-cart .xl-freeship { grid-column: 1; }
.xl-cart .woocommerce-cart-form { grid-column: 1; }
.xl-cart .cart-collaterals { grid-column: 2; grid-row: span 8; position: sticky; top: 88px; align-self: start; margin: 0; display: block; }
.xl-freeship { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 12px; padding: 14px 16px; margin: 0 0 20px; }
.xl-freeship .xl-ico { color: var(--xl-teal); }
.xl-freeship__text { margin: 0; font-weight: 600; font-size: 15px; }
.xl-freeship__track { flex: 1 1 100%; height: 8px; border-radius: 999px; background: rgba(12, 17, 21, .08); overflow: hidden; }
.xl-freeship.is-qualified .xl-freeship__track { display: none; }
.xl-freeship__fill { display: block; height: 100%; border-radius: 999px; background: var(--xl-teal); transition: width 400ms ease; } .xl-cart table.shop_table.cart { display: block; width: 100%; border: 0; background: transparent; border-radius: 0; }
.xl-cart table.shop_table.cart thead { display: none; }
.xl-cart table.shop_table.cart tbody, .xl-cart table.shop_table.cart tr, .xl-cart table.shop_table.cart td { display: block; }
.xl-cart table.shop_table.cart td { padding: 0; border: 0; background: transparent; }
.xl-cart table.shop_table.cart tr.cart_item { display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; grid-template-areas: "pic name total" "pic price total" "pic qty rm"; gap: 4px 16px; padding: 18px 0; border-top: 1px solid var(--xl-line); align-items: start; }
.xl-cart table.shop_table.cart tr.cart_item:first-child { border-top: 0; padding-top: 4px; }
.xl-cart td.product-thumbnail { grid-area: pic; }
.xl-cart td.product-thumbnail img { width: 88px; height: 88px; object-fit: contain; background: var(--xl-paper); border-radius: 10px; padding: 6px; display: block; }
.xl-cart td.product-name { grid-area: name; }
.xl-cart td.product-name a { color: var(--xl-ink); text-decoration: none; }
.xl-cart td.product-name a:hover { color: var(--xl-teal-deep); }
.xl-cart .xl-line__txt > b { display: block; font-size: 16px; line-height: 1.25; font-weight: 700; }
.xl-cart .xl-line__txt > span { display: block; font-size: 14px; color: var(--xl-gray); margin-top: 2px; }
.xl-cart td.product-name dl.variation { margin: 4px 0 0; font-size: 13px; color: var(--xl-gray); display: flex; flex-wrap: wrap; gap: 0 4px; }
.xl-cart td.product-name dl.variation dt, .xl-cart td.product-name dl.variation dd { margin: 0; display: inline; }
.xl-cart td.product-name dl.variation dd p { display: inline; }
.xl-cart td.product-price { grid-area: price; font-size: 14px; color: var(--xl-gray); }
.xl-cart td.product-quantity { grid-area: qty; margin-top: 6px; }
.xl-cart td.product-subtotal { grid-area: total; text-align: right; font-weight: 700; font-size: 17px; white-space: nowrap; }
.xl-cart td.product-remove { grid-area: rm; justify-self: end; align-self: end; }
.xl-cart .product-remove a.remove { display: inline-flex; align-items: center; min-height: 48px; width: auto; height: auto; padding: 0 8px; margin-right: -8px; border: 0; border-radius: 4px; background: transparent; color: var(--xl-gray); font-size: 14px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.xl-cart .product-remove a.remove:hover { color: var(--xl-oxide-deep); background: transparent; }
.xl-cart .quantity { display: inline-flex; }
.xl-cart .xl-qty__btn, .xl-cart input.qty, .xl-cart .xl-qty input.qty { min-height: 48px; }
.xl-cart input.qty { width: 52px; }
.xl-cart .xl-bump-qty { display: inline-flex; align-items: center; min-height: 48px; font-weight: 700; font-size: 15px; color: var(--xl-gray); }
.xl-cart td.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px 0 0; margin-top: 4px; border-top: 1px solid var(--xl-line); background: transparent; }
.xl-cart td.actions .coupon { display: flex; gap: 8px; flex: 1 1 300px; }
.xl-cart td.actions .coupon input { flex: 1; min-width: 0; max-width: none; min-height: 48px; }
.xl-cart td.actions .coupon .button { min-height: 48px; padding: 0 18px; font-size: 14px; background: transparent; color: var(--xl-teal-deep); box-shadow: inset 0 0 0 2px var(--xl-teal); }
.xl-cart td.actions .coupon .button:hover { background: var(--xl-teal); color: var(--xl-white); }
.xl-cart td.actions .button[name="update_cart"] { min-height: 48px; padding: 0 18px; font-size: 14px; background: transparent; color: var(--xl-ink); box-shadow: inset 0 0 0 1px var(--xl-line); }
.xl-cart td.actions .button[name="update_cart"]:hover { box-shadow: inset 0 0 0 1px var(--xl-ink); background: transparent; color: var(--xl-ink); }
html.js .xl-cart td.actions .button[name="update_cart"] { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .xl-cart .cart_totals { width: auto; background: var(--xl-paper); border-radius: 16px; padding: 22px 22px 24px; min-width: 0; }
.xl-woo .xl-cart .cart_totals h2 { font-size: 20px; letter-spacing: .02em; margin: 0 0 14px; }
.xl-cart .cart_totals table.shop_table { border: 0; background: transparent; border-radius: 0; width: 100%; }
.xl-cart .cart_totals table.shop_table th, .xl-cart .cart_totals table.shop_table td { padding: 6px 0; border: 0; font-size: 15px; vertical-align: top; }
.xl-cart .cart_totals table.shop_table th { font-weight: 400; text-align: left; width: 40%; }
.xl-cart .cart_totals table.shop_table td { text-align: right; }
.xl-cart .cart_totals tr.order-total th, .xl-cart .cart_totals tr.order-total td { font-family: var(--xl-font-display); font-weight: 600; font-size: 24px; text-transform: uppercase; letter-spacing: .02em; padding-top: 12px; border-top: 1px solid var(--xl-line); }
.xl-cart .cart_totals tr.order-total td strong { font-weight: inherit; }
.xl-cart .cart_totals tr.tax-total:has(.xl-tax-zero) { display: none; }
.xl-cart .cart_totals ul#shipping_method { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.xl-cart .cart_totals ul#shipping_method li { display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
.xl-cart .cart_totals ul#shipping_method label { font-weight: 700; color: var(--xl-teal-deep); cursor: pointer; }
.xl-cart .cart_totals ul#shipping_method input[type="radio"] { width: 20px; height: 20px; accent-color: var(--xl-teal-deep); margin: 0; }
.xl-woo .xl-cart .woocommerce-shipping-destination { margin: 6px 0 0; font-size: 13px; color: var(--xl-gray); }
.xl-cart .shipping-calculator-button { display: inline-block; min-height: 44px; line-height: 44px; font-size: 13px; color: var(--xl-teal-deep); }
.xl-cart .shipping-calculator-form { margin-top: 8px; text-align: left; }
.xl-cart .shipping-calculator-form .form-row { margin-bottom: 10px; }
.xl-cart .shipping-calculator-form .button { min-height: 44px; padding: 0 16px; font-size: 13px; }
.xl-cart .wc-proceed-to-checkout { margin-top: 16px; padding: 0; }
.xl-cart .wc-proceed-to-checkout .checkout-button { width: 100%; min-height: 56px; font-size: 17px; letter-spacing: .06em; white-space: normal; margin: 0; }
.xl-trust-row { list-style: none; display: grid; gap: 6px; margin: 14px 0 0; padding: 0; font-size: 14px; color: var(--xl-gray); }
.xl-trust-row li { display: flex; align-items: center; gap: 8px; }
.xl-trust-row .xl-ico { color: var(--xl-teal); width: 16px; height: 16px; } .xl-cart-empty { grid-column: 1 / -1; text-align: center; padding: 32px 0 8px; }
.xl-woo .xl-cart-empty .xl-co__lede { margin: 0 auto 24px; }
.xl-cart .return-to-shop { grid-column: 1 / -1; text-align: center; margin: 12px 0 0; }
.xl-cart .return-to-shop .button { background: transparent; color: var(--xl-ink); box-shadow: inset 0 0 0 1px var(--xl-line); }
.xl-cart .return-to-shop .button:hover { box-shadow: inset 0 0 0 1px var(--xl-ink); background: transparent; color: var(--xl-ink); }   .xl-co > .woocommerce { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 48px; row-gap: 0; align-items: start; }
.xl-co > .woocommerce > *,
.xl-co .woocommerce-checkout > *,
.xl-co .woocommerce-checkout-review-order > * { grid-column: 1; min-width: 0; }
.xl-co .woocommerce-checkout, .xl-co .woocommerce-checkout-review-order { display: contents; }
.xl-co .woocommerce-notices-wrapper:empty { display: none; }
.xl-co .woocommerce-NoticeGroup { margin: 0 0 16px; }
.xl-co .woocommerce-checkout-review-order > .blockUI { display: none !important; }
.xl-co #order_review_heading { display: none; }
.xl-co .col2-set { display: block; width: auto; }
.xl-co .col2-set .col-1, .xl-co .col2-set .col-2 { float: none; width: auto; }
.xl-co .woocommerce-billing-fields h3, .xl-co .woocommerce-shipping-fields h3, .xl-co .woocommerce-additional-fields h3 { font-size: 20px; letter-spacing: .02em; margin: 0 0 12px; }
.xl-co .woocommerce-billing-fields > h3 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.xl-co .woocommerce-billing-fields__field-wrapper,
.xl-co .woocommerce-shipping-fields__field-wrapper,
.xl-co .woocommerce-additional-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.xl-co .woocommerce-billing-fields__field-wrapper > .form-row,
.xl-co .woocommerce-shipping-fields__field-wrapper > .form-row,
.xl-co .woocommerce-additional-fields__field-wrapper > .form-row { grid-column: 1 / -1; }
.xl-co .form-row-first { grid-column: 1 !important; }
.xl-co .form-row-last { grid-column: 2 !important; }
.xl-co .woocommerce-shipping-fields { margin: 6px 0 0; }
.xl-co #ship-to-different-address { font: inherit; text-transform: none; letter-spacing: 0; margin: 0 0 8px; }
.xl-co #ship-to-different-address label { font-size: 15px; font-weight: 500; }
.xl-co .shipping_address { padding-top: 8px; }
.xl-co .woocommerce-additional-fields { margin: 0 0 16px; }
.xl-co .woocommerce-additional-fields > h3 { display: none; }
.xl-co .xl-delivery { margin-top: 2px; }
.xl-co .xl-delivery[hidden] { display: none; } .xl-co .xl-payhead { margin: 0; }
.xl-co .woocommerce-checkout-payment { background: transparent; margin: 0 0 30px; }
.xl-co ul.wc_payment_methods { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 8px; }
.xl-co li.wc_payment_method { background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 10px; margin: 0; padding: 0; transition: border-color .15s; }
.xl-co li.wc_payment_method:hover { border-color: var(--xl-ink); }
.xl-co li.wc_payment_method:has(input:checked) { border-color: var(--xl-teal-deep); box-shadow: inset 0 0 0 1px var(--xl-teal-deep); }
.xl-co li.wc_payment_method:has(input:focus-visible) { outline: 2px solid var(--xl-teal); outline-offset: 2px; }
.xl-co li.wc_payment_method > input.input-radio { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; overflow: hidden; clip: rect(0 0 0 0); }
.xl-co li.wc_payment_method > label { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 10px 14px; margin: 0; cursor: pointer; font-weight: 700; font-size: 16px; }
.xl-co li.wc_payment_method > label::before { content: ""; width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--xl-gray-light); flex: none; box-sizing: border-box; background: var(--xl-white); transition: border-color .15s, background-color .15s; }
.xl-co li.wc_payment_method > input:checked + label::before { border-color: var(--xl-teal-deep); border-width: 7px; }
.xl-co li.wc_payment_method > label img { max-height: 24px; width: auto; margin-left: auto; }
.xl-co li.wc_payment_method .payment_box { margin: 0 14px 14px 48px; padding: 0; font-size: 14px; color: var(--xl-gray); background: transparent; }
.xl-co li.wc_payment_method .payment_box p { margin: 0 0 8px; }
.xl-co li.wc_payment_method .payment_box p:last-child { margin: 0; }
.xl-co li.wc_payment_method .payment_box .form-row { margin: 0 0 10px; }
.xl-co .place-order { margin: 0; }
.xl-co .place-order > noscript { display: block; font-size: 14px; color: var(--xl-gray); margin-bottom: 12px; }
.xl-co .woocommerce-terms-and-conditions-wrapper { font-size: 14px; color: var(--xl-gray); margin: 0 0 12px; }
.xl-co .woocommerce-terms-and-conditions-wrapper .form-row { margin: 0; }
.xl-co .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p { margin: 0 0 8px; }
.xl-co .woocommerce-terms-and-conditions { margin-bottom: 12px; padding: 12px 14px; border: 1px solid var(--xl-line); border-radius: 8px; max-height: 200px; overflow: auto; }
.xl-co #place_order { width: 100%; min-height: 60px; font-size: 18px; letter-spacing: .06em; white-space: normal; text-align: center; line-height: 1.2; margin: 0; }
.xl-woo .xl-place__note { margin: 12px 0 0; font-size: 14px; color: var(--xl-gray); text-align: center; } .xl-bump { border: 2px dashed var(--xl-teal); border-radius: 14px; background: rgba(15, 169, 156, .07); padding: 16px; margin: 0 0 16px; }
.xl-bump__lab { display: grid; grid-template-columns: auto 84px 1fr; gap: 16px; align-items: center; cursor: pointer; margin: 0; }
.xl-bump__cb { width: 26px; height: 26px; accent-color: var(--xl-teal-deep); margin: 0; cursor: pointer; flex: none; }
.xl-bump__pic { width: 84px; height: 84px; border-radius: 10px; background: var(--xl-white); border: 1px solid var(--xl-line); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.xl-bump__pic img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.xl-bump__txt { font-size: 15px; line-height: 1.45; min-width: 0; }
.xl-bump__tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--xl-white); background: var(--xl-teal-deep); padding: 4px 9px; border-radius: 999px; margin-bottom: 6px; font-family: var(--xl-font-body); }
.xl-bump__txt b { font-weight: 700; }
.xl-bump__price { color: var(--xl-teal-deep); font-weight: 700; }
.xl-bump__was { color: var(--xl-gray); text-decoration: line-through; }
.xl-bump__status { display: block; margin-top: 6px; font-size: 13px; color: var(--xl-teal-deep); min-height: 1em; }
.xl-bump__status:empty { display: none; } .xl-co .xl-osum { grid-column: 2; grid-row: 1 / span 24; position: sticky; top: 88px; align-self: start; background: var(--xl-paper); border-radius: 16px; padding: 22px 22px 24px; min-width: 0; transition: opacity .15s; }
.xl-co .xl-osum.is-updating { opacity: .6; }
.xl-co .xl-osum > summary { display: none; }
.xl-woo h2.xl-osum__title, .xl-osum__title { font-size: 20px; letter-spacing: .02em; margin: 0 0 16px; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.xl-osum__title > span { font-family: var(--xl-font-body); font-size: 14px; font-weight: 500; color: var(--xl-gray); text-transform: none; letter-spacing: 0; }
.xl-osum table.shop_table { width: 100%; border-collapse: collapse; border: 0; background: transparent; border-radius: 0; }
.xl-osum table.shop_table thead { display: none; }
.xl-osum table.shop_table th, .xl-osum table.shop_table td { padding: 0; border: 0; background: transparent; vertical-align: top; text-align: left; }
.xl-osum tr.cart_item td { padding-bottom: 16px; }
.xl-osum td.product-name { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 12px; font-size: 0; }
.xl-osum td.product-name > * { font-size: 15px; }
.xl-line__pic { width: 64px; height: 64px; background: var(--xl-white); border-radius: 8px; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--xl-line); flex: none; }
.xl-line__pic img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.xl-osum .xl-line__txt { flex: 1; min-width: 0; }
.xl-osum .xl-line__txt > b { display: block; font-size: 15px; line-height: 1.25; font-weight: 700; }
.xl-osum .xl-line__txt > span { display: block; font-size: 13.5px; color: var(--xl-gray); margin-top: 2px; }
.xl-osum td.product-name dl.variation { flex: 1 1 100%; margin: 4px 0 0 76px; font-size: 13px; color: var(--xl-gray); display: flex; flex-wrap: wrap; gap: 0 4px; }
.xl-osum td.product-name dl.variation dt, .xl-osum td.product-name dl.variation dd { margin: 0; display: inline; }
.xl-osum td.product-name dl.variation dd p { display: inline; }
.xl-osum td.product-total { text-align: right; white-space: nowrap; font-weight: 700; font-size: 15px; padding-left: 12px; }
.xl-osum tfoot th, .xl-osum tfoot td { padding: 4px 0; font-size: 15px; font-weight: 400; }
.xl-osum tfoot td { text-align: right; }
.xl-osum tfoot tr:first-child th, .xl-osum tfoot tr:first-child td { padding-top: 14px; border-top: 1px solid var(--xl-line); }
.xl-osum .xl-free, .xl-cart .xl-free { color: var(--xl-teal-deep); font-weight: 700; }
.xl-osum .xl-muted, .xl-cart .xl-muted { color: var(--xl-gray); font-size: 14px; }
.xl-osum tr.tax-total:has(.xl-tax-zero) { display: none; }
.xl-osum tr.cart-discount .woocommerce-remove-coupon { margin-left: 6px; font-size: 13px; color: var(--xl-gray); }
.xl-osum tr.order-total th, .xl-osum tr.order-total td { font-family: var(--xl-font-display); font-weight: 600; font-size: 24px; text-transform: uppercase; letter-spacing: .02em; padding-top: 10px; margin-top: 4px; border-top: 1px solid var(--xl-line); }
.xl-osum tr.order-total td strong { font-weight: inherit; }
.xl-osum tr.order-total td small { display: block; font-family: var(--xl-font-body); font-size: 13px; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--xl-gray); }
.xl-woo .xl-guar { margin-top: 16px; padding: 12px 14px; border-radius: 10px; background: var(--xl-white); font-size: 14px; display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--xl-line); }
.xl-guar .xl-ico { color: var(--xl-teal); width: 18px; height: 18px; flex: none; margin-top: 2px; }
.xl-trust { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 6px; font-size: 14px; color: var(--xl-gray); }
.xl-trust li { display: flex; gap: 8px; align-items: center; }
.xl-trust .xl-ico { color: var(--xl-teal); width: 16px; height: 16px; flex: none; }
.xl-coupon { margin-top: 12px; font-size: 14px; }
html.no-js .xl-coupon { display: none; }
.xl-coupon__toggle { background: none; border: 0; padding: 0 4px; margin-left: -4px; min-height: 48px; color: var(--xl-teal-deep); font: inherit; font-size: 14px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; border-radius: 4px; }
.xl-coupon__toggle:hover { color: var(--xl-teal); }
.xl-coupon__row { display: flex; gap: 8px; margin-top: 4px; }
.xl-coupon__row[hidden] { display: none; }
.xl-coupon__in { flex: 1; min-width: 0; }
.xl-coupon__btn { min-height: 48px; padding: 0 16px; font-size: 14px; flex: none; }
.xl-woo .xl-coupon__msg { margin: 6px 0 0; font-size: 13px; color: var(--xl-teal-deep); font-weight: 500; }
.xl-coupon__msg:empty { display: none; }
.xl-coupon__msg.is-error { color: var(--xl-oxide-deep); } .woocommerce-order .woocommerce-thankyou-order-failed { margin-top: 32px; }
.woocommerce-thankyou-order-failed-actions { display: flex; gap: 12px; flex-wrap: wrap; }   .xl-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 24px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.xl-account .woocommerce-MyAccount-navigation a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--xl-line); border-radius: 999px; color: var(--xl-ink); text-decoration: none; font-size: 14px; font-weight: 600; }
.xl-account .woocommerce-MyAccount-navigation li.is-active a, .xl-account .woocommerce-MyAccount-navigation a:hover { background: var(--xl-ink); color: var(--xl-white); border-color: var(--xl-ink); }
.xl-account .woocommerce-MyAccount-content { max-width: 72ch; }
.xl-account .woocommerce-MyAccount-content p { margin: 0 0 1em; }
.xl-account h2, .xl-account h3 { margin: 0 0 12px; }
.xl-account .woocommerce-form-login, .xl-account .woocommerce-form-register, .xl-account .woocommerce-ResetPassword, .xl-account .woocommerce-EditAccountForm, .xl-account .woocommerce-address-fields { max-width: 520px; }
.xl-account .u-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px; }
.xl-account .u-columns .col-1, .xl-account .u-columns .col-2 { float: none; width: auto; }
.xl-account .woocommerce-form-login .woocommerce-form-login__submit, .xl-account .woocommerce-form-register .woocommerce-form-register__submit, .xl-account .woocommerce-Button, .xl-account button[type="submit"] { margin-top: 6px; }
.xl-account .lost_password { font-size: 14px; }
.xl-account table.shop_table { width: 100%; border-collapse: collapse; background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 12px; overflow: hidden; }
.xl-account table.shop_table th, .xl-account table.shop_table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--xl-line); vertical-align: middle; font-size: 15px; }
.xl-account table.shop_table thead th { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--xl-gray); background: var(--xl-paper); }
.xl-account table.shop_table .button { min-height: 40px; padding: 0 14px; font-size: 13px; margin: 2px 4px 2px 0; }
.xl-account .woocommerce-Addresses .col-1, .xl-account .woocommerce-Addresses .col-2 { border: 1px solid var(--xl-line); border-radius: 12px; padding: 18px; }
.xl-account .woocommerce-Address-title { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.xl-account address { font-style: normal; color: var(--xl-gray); }
.xl-account .woocommerce-customer-details address { font-style: normal; }
.xl-account fieldset { border: 0; padding: 0; margin: 18px 0; }
.xl-account fieldset legend { font-family: var(--xl-font-display); font-weight: 600; text-transform: uppercase; font-size: 18px; letter-spacing: .02em; margin-bottom: 8px; }
.xl-account .woocommerce-password-strength, .xl-account .woocommerce-password-hint { font-size: 13px; margin-top: 6px; }
.xl-account .woocommerce-order-details, .xl-account .woocommerce-customer-details { margin-top: 24px; }
.xl-woo mark.order-number, .xl-woo mark.order-date, .xl-woo mark.order-status { background: transparent; font-weight: 700; }
.xl-woo .woocommerce-order-overview { list-style: none; margin: 0 0 24px; padding: 0; display: flex; flex-wrap: wrap; gap: 12px 24px; }
.xl-woo .woocommerce-order-overview li { font-size: 14px; color: var(--xl-gray); }
.xl-woo .woocommerce-order-overview strong { display: block; color: var(--xl-ink); font-size: 16px; }
.xl-pay .woocommerce table.shop_table, .xl-pay table.shop_table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.xl-pay table.shop_table th, .xl-pay table.shop_table td { padding: 10px 0; border-bottom: 1px solid var(--xl-line); text-align: left; }
.xl-pay #payment { max-width: 560px; }
.xl-pay ul.wc_payment_methods { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 8px; }
.xl-pay li.wc_payment_method { background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 10px; padding: 12px 14px; }
.xl-pay #place_order { width: 100%; min-height: 56px; }
.xl-account__head { max-width: 62ch; margin-bottom: 36px; }
.xl-woo .xl-account__head h1 { margin: 10px 0 0; }
.xl-woo .xl-account__head .xl-co__lede { margin-top: 12px; } .xl-account .u-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; align-items: start; }
.xl-account .u-columns .col-1, .xl-account .u-columns .col-2 { float: none; width: auto; min-width: 0; background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 16px; padding: 30px 30px 32px; }
.xl-woo .xl-account .u-columns h2 { font-size: 24px; margin: 0 0 18px; }
.xl-account .woocommerce-form-login, .xl-account .woocommerce-form-register { max-width: none; }
.xl-account .woocommerce-form-login .form-row, .xl-account .woocommerce-form-register .form-row { margin: 0 0 16px; }
.xl-account .woocommerce-form-login button[type="submit"], .xl-account .woocommerce-form-register button[type="submit"] { width: 100%; min-height: 52px; margin-top: 4px; }
.xl-account .woocommerce-LostPassword { margin: 14px 0 0; font-size: 14px; }
.xl-account .woocommerce-privacy-policy-text p { font-size: 14px; line-height: 1.5; color: var(--xl-gray); } .xl-woo .password-input { display: block; position: relative; }
.xl-woo .password-input input { padding-right: 52px; }
.xl-woo .show-password-input { position: absolute; right: 0; top: 0; bottom: 0; width: 48px; display: flex; align-items: center; justify-content: center; border: 0; background: none; cursor: pointer; padding: 0; color: var(--xl-gray); }
.xl-woo .show-password-input::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--xl-eye) center / 20px 20px no-repeat; mask: var(--xl-eye) center / 20px 20px no-repeat; }
.xl-woo .show-password-input:hover, .xl-woo .show-password-input.display-password { color: var(--xl-teal-deep); }
.xl-account__perks { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 10px; font-size: 15px; line-height: 1.4; }
.xl-account__perks li { display: flex; gap: 10px; align-items: flex-start; color: var(--xl-gray); }
.xl-account__perks svg { width: 18px; height: 18px; color: var(--xl-teal); flex: none; margin-top: 2px; } .xl-account__guest { margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--xl-line); max-width: 640px; }
.xl-woo .xl-account__guest h2 { font-size: 24px; margin: 0 0 10px; }
.xl-woo .xl-account__guest > p { color: var(--xl-gray); margin: 0 0 20px; }
.xl-account__guest .track_order { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.xl-account__guest .track_order .form-row { margin: 0 0 16px; }
.xl-account__guest .track_order .form-row:last-of-type { grid-column: 1 / -1; }
.xl-account__guest .track_order .clear { display: none; }
.xl-account__guest .track_order button[type="submit"] { min-height: 52px; }
.xl-woo .xl-account__guest-note { margin-top: 16px; font-size: 14px; color: var(--xl-gray); } .xl-account .woocommerce-orders-table__cell-order-actions .button + .button { margin-left: 8px; }
.xl-account .woocommerce-orders-table .button, .xl-account .woocommerce-MyAccount-content .button { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 8px; background: var(--xl-ink); color: var(--xl-white); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; border: 0; }
.xl-account .woocommerce-orders-table .button:hover, .xl-account .woocommerce-MyAccount-content .button:hover { background: var(--xl-oxide-deep); }
.xl-account .woocommerce-pagination { margin-top: 20px; display: flex; gap: 8px; }
.xl-account .woocommerce-info, .xl-account .woocommerce-message, .xl-woo .woocommerce-info, .xl-woo .woocommerce-message { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; background: var(--xl-paper); border: 1px solid var(--xl-line); border-left: 3px solid var(--xl-teal); border-radius: 10px; padding: 16px 18px; margin: 0 0 24px; font-size: 15px; }
.xl-woo ul.woocommerce-error { list-style: none; background: rgba(193, 63, 32, .07); border: 1px solid var(--xl-oxide); border-radius: 10px; padding: 16px 18px; margin: 0 0 24px; font-size: 15px; color: var(--xl-oxide-deep); }
.xl-account .woocommerce-Addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.xl-account .woocommerce-Address { background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 14px; padding: 22px 22px 24px; }
.xl-woo .xl-account .woocommerce-Address-title h2, .xl-woo .xl-account .woocommerce-Address-title h3 { font-size: 18px; margin: 0; }
.xl-reviews-invite { margin: 0 0 22px; padding: 16px 18px; background: var(--xl-paper); border: 1px solid var(--xl-line); border-left: 3px solid var(--xl-teal); border-radius: 10px; font-size: 15.5px; color: var(--xl-gray); }
.xl-account__review { margin-top: 40px; padding-top: 34px; border-top: 1px solid var(--xl-line); }
.xl-woo .xl-account__review h2 { font-size: 24px; margin: 0 0 10px; }
.xl-woo .xl-account__review > p { color: var(--xl-gray); margin: 0 0 20px; }
.xl-account__review ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.xl-account__review li { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; justify-content: space-between; background: var(--xl-white); border: 1px solid var(--xl-line); border-radius: 12px; padding: 16px 18px; }
.xl-account__review li span { font-weight: 600; min-width: 0; }   .xl-ty { padding: 44px 0 72px; font-family: var(--xl-font-body); color: var(--xl-ink); font-size: 17px; line-height: 1.5; }
.xl-ty p { margin: 0; }
.xl-ty h1, .xl-ty h2 { font-family: var(--xl-font-display); font-weight: 600; text-transform: uppercase; line-height: 1.02; letter-spacing: .005em; margin: 0; }
.xl-ty h2 { font-size: clamp(26px, 3vw, 36px); }
.xl-ty .eyebrow { margin: 0; }
.eyebrow--red { color: var(--xl-oxide); }
.eyebrow--red::before { background: var(--xl-oxide); }
.xl-ty__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; }
.xl-ty__main { min-width: 0; }
.xl-ty__mark { width: 88px; height: 88px; border-radius: 50%; background: var(--xl-teal); color: var(--xl-white); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; box-shadow: 0 12px 30px rgba(15, 169, 156, .3); }
.xl-ty__mark svg { width: 48px; height: 48px; }
.xl-ty h1 { font-size: clamp(34px, 4vw, 54px); margin-top: 8px; }
.xl-ty__num { margin-top: 16px; font-size: 17px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.xl-ty__num b { font-family: var(--xl-font-display); font-weight: 600; font-size: 22px; letter-spacing: .08em; padding: 4px 12px; background: var(--xl-paper); border-radius: 6px; }
.xl-ty__ship { color: var(--xl-gray); margin-top: 12px; max-width: 56ch; }
.xl-ty__ship b { color: var(--xl-ink); }
.xl-ty__noorder { margin-top: 16px; padding: 16px 18px; border-radius: 12px; background: var(--xl-paper); color: var(--xl-gray); max-width: 56ch; } .xl-offer { margin-top: 36px; border: 2px solid var(--xl-oxide); border-radius: 18px; padding: 22px 24px 24px; background: var(--xl-white); position: relative; box-shadow: 0 18px 40px rgba(214, 65, 39, .12); }
.xl-offer[hidden] { display: none; }
.xl-offer__top { display: flex; justify-content: space-between; align-items: center; gap: 12px 20px; flex-wrap: wrap; }
.xl-offer__timer { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--xl-gray); font-weight: 500; }
.xl-offer__timer svg { width: 18px; height: 18px; }
.xl-offer__timer b { font-family: var(--xl-font-display); font-weight: 600; font-size: 24px; color: var(--xl-oxide); letter-spacing: .04em; min-width: 64px; text-align: right; font-variant-numeric: tabular-nums; }
.xl-offer__body { display: grid; grid-template-columns: 130px 1fr; gap: 22px; align-items: center; margin-top: 16px; }
.xl-offer__pic { width: 130px; height: 130px; background: var(--xl-paper); border-radius: 14px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.xl-offer__pic img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.xl-offer h2 { font-size: clamp(24px, 2.6vw, 30px); letter-spacing: .01em; }
.xl-offer__copy { margin-top: 8px; color: var(--xl-gray); max-width: 52ch; }
.xl-offer__price { margin-top: 10px; display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; }
.xl-offer__now { font-family: var(--xl-font-display); font-weight: 600; font-size: 32px; line-height: 1; }
.xl-offer__now .woocommerce-Price-amount { font: inherit; }
.xl-offer__was { color: var(--xl-gray); text-decoration: line-through; text-decoration-thickness: 1.5px; }
.xl-offer__save { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--xl-teal-deep); background: rgba(15, 169, 156, .12); padding: 4px 9px; border-radius: 999px; }
.xl-offer__act { display: flex; gap: 8px 18px; align-items: center; flex-wrap: wrap; margin-top: 18px; }
.xl-offer__act .btn { min-height: 56px; white-space: normal; text-align: center; }
.xl-offer__no { min-height: 48px; background: none; border: 0; color: var(--xl-gray); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; border-radius: 4px; padding: 0 6px; }
.xl-offer__no:hover { color: var(--xl-ink); }
.xl-offer__fine { margin-top: 8px; font-size: 13px; color: var(--xl-gray); }
.xl-offer__done { display: none; gap: 10px; align-items: center; color: var(--xl-teal-deep); font-weight: 700; min-height: 48px; }
.xl-offer__done svg { width: 22px; height: 22px; flex: none; }
.xl-offer.is-added { border-color: var(--xl-teal); box-shadow: none; }
.xl-offer.is-added .xl-offer__act, .xl-offer.is-added .xl-offer__fine, .xl-offer.is-added .xl-offer__timer { display: none; }
.xl-offer.is-added .xl-offer__done { display: flex; }
.xl-offer__ended { margin-top: 24px; padding: 14px 16px; border-radius: 12px; background: var(--xl-paper); color: var(--xl-gray); font-size: 15px; }
.xl-offer__ended[hidden] { display: none; }
.xl-offer--quiet { border: 1px solid var(--xl-line); box-shadow: none; margin-top: 16px; padding: 18px 20px; }
.xl-offer--quiet .xl-offer__body { grid-template-columns: 84px 1fr; gap: 16px; margin-top: 0; }
.xl-offer--quiet .xl-offer__pic { width: 84px; height: 84px; background: var(--xl-white); border: 1px solid var(--xl-line); }
.xl-offer--quiet h2 { font-size: 20px; }
.xl-offer--quiet h2 .woocommerce-Price-amount { font: inherit; }
.xl-offer--quiet .xl-offer__copy { font-size: 15px; margin-top: 4px; }
.xl-offer--quiet .xl-offer__act { margin-top: 12px; }
.xl-offer--quiet .xl-offer__act .btn { min-height: 48px; } .xl-wait { margin-top: 48px; }
.xl-wait h2 { margin-top: 8px; }
.xl-wait__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 18px; }
.xl-wait__grid .xl-card { display: block; border: 1px solid var(--xl-line); border-radius: 14px; padding: 18px; text-decoration: none; color: var(--xl-ink); min-height: 48px; transition: border-color .15s, background-color .15s; }
.xl-wait__grid .xl-card:hover { border-color: var(--xl-ink); color: var(--xl-ink); background: var(--xl-paper); }
.xl-wait__grid .xl-card > b { display: block; font-family: var(--xl-font-display); font-weight: 600; text-transform: uppercase; font-size: 18px; letter-spacing: .02em; line-height: 1.1; }
.xl-wait__grid .xl-card > span { display: block; font-size: 14px; color: var(--xl-gray); margin-top: 8px; }
.xl-wait__note { margin-top: 16px; font-size: 15px; color: var(--xl-gray); display: flex; gap: 8px; align-items: flex-start; }
.xl-wait__note svg { width: 18px; height: 18px; color: var(--xl-teal); flex: none; margin-top: 3px; } .xl-ty__sum { position: sticky; top: 88px; background: var(--xl-paper); border-radius: 16px; padding: 22px 22px 24px; min-width: 0; }
.xl-ty__sum h2 { font-size: 20px; letter-spacing: .02em; margin-bottom: 16px; }
.xl-lines { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.xl-line { display: grid; grid-template-columns: 56px 1fr auto; gap: 12px; align-items: center; }
.xl-line__pic { width: 56px; height: 56px; background: var(--xl-white); border-radius: 8px; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--xl-line); }
.xl-line__pic img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.xl-line__txt { min-width: 0; }
.xl-line__txt > b { display: block; font-size: 15px; line-height: 1.25; }
.xl-line__txt > span { display: block; font-size: 13.5px; color: var(--xl-gray); margin-top: 2px; }
.xl-line__tot { font-weight: 700; text-align: right; white-space: nowrap; font-size: 15px; }
.xl-tots { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--xl-line); display: grid; gap: 8px; font-size: 15px; }
.xl-tots div { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.xl-tots .xl-free { color: var(--xl-teal-deep); font-weight: 700; }
.xl-tots .xl-total { font-family: var(--xl-font-display); font-weight: 600; font-size: 24px; padding-top: 10px; border-top: 1px solid var(--xl-line); margin-top: 4px; text-transform: uppercase; letter-spacing: .02em; }
.xl-tots .xl-total .woocommerce-Price-amount { font: inherit; }
.xl-addr { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--xl-line); font-size: 14px; color: var(--xl-gray); }
.xl-addr b { display: block; color: var(--xl-ink); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 4px; }
.xl-empty { font-size: 15px; color: var(--xl-gray); }   @media (max-width: 1024px) {
.xl-woo ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.xl-co > .woocommerce, .xl-cart > .woocommerce { column-gap: 32px; }
}
@media (max-width: 900px) {
.xl-buy__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.xl-stage { max-height: none; }
.xl-thumbs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; scrollbar-width: thin; }
.xl-thumb { flex: 0 0 68px; scroll-snap-align: start; }
.xl-sizepick { display: block; }
.xl-pills { margin-top: 14px; }
.xl-does__row, .xl-does__row:nth-of-type(even) { grid-template-columns: 1fr; gap: 20px; padding: 32px 0; }
.xl-does__tags { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.xl-does__row:nth-of-type(even) .xl-does__img,
.xl-does__row:nth-of-type(even) > picture { order: 0; }
.xl-does__img { max-width: 400px; }
.xl-apply__grid { grid-template-columns: 1fr; gap: 32px; }
.xl-cmp__grid { grid-template-columns: 1fr; gap: 8px; }
.xl-jobs { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 200px; }
.xl-job--lead { grid-column: span 2; grid-row: span 2; }
.xl-job:nth-child(6), .xl-job:nth-child(7) { grid-column: span 1; }
.xl-quotes, .xl-quotes.xl-quotes--3 { grid-template-columns: 1fr; }
.xl-trustbar__row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl-scale__cols { grid-template-columns: 1fr; gap: 22px; }
.xl-scale__col.is-here { margin-top: 12px; }
.xl-cards { grid-template-columns: 1fr; }
.xl-band { padding-top: 40px; }
.xl-cta__media--flat { padding: 8px 0 40px; }
.xl-cta__media--flat picture { max-width: 340px; }
.xl-also__card { grid-template-columns: 150px 1fr; gap: 20px; }
.xl-also__img { width: 150px; height: 150px; }
.xl-also__act { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
.xl-faq__grid { grid-template-columns: 1fr; gap: 24px; }
.xl-faq__ask { padding-top: 26px; }
.xl-cta__in { grid-template-columns: 1fr; gap: 0; }
.xl-cta__copy { padding: 56px 0 8px; }
.xl-cta__can { width: 280px; height: 280px; margin-bottom: -24px; }
.xl-cta__new { top: 24px; left: 0; }
.xl-ty { padding: 32px 0 56px; }
.xl-ty__grid { grid-template-columns: 1fr; gap: 28px; }
.xl-ty__sum { position: static; }
.xl-wait__grid { grid-template-columns: 1fr; } .xl-woo__inner { padding-top: 16px; }
.xl-co > .woocommerce { grid-template-columns: minmax(0, 1fr); }
.xl-co .xl-osum { grid-column: 1; grid-row: 1; position: static; padding: 0; overflow: hidden; margin: 0 0 22px; }
.xl-co .xl-osum > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 0 18px; cursor: pointer; font-weight: 700; list-style: none; font-size: 16px; }
.xl-co .xl-osum > summary::-webkit-details-marker { display: none; }
.xl-co .xl-osum > summary::after { content: "+"; font-family: var(--xl-font-display); font-size: 26px; color: var(--xl-teal); transition: transform .2s; flex: none; width: 24px; text-align: center; line-height: 1; }
.xl-co .xl-osum[open] > summary::after { transform: rotate(45deg); }
.xl-co .xl-osum__body { padding: 4px 18px 20px; }
.xl-co .xl-osum__title, .xl-woo .xl-co h2.xl-osum__title { display: none; }
.xl-co .xl-co__head { grid-row: 2; } .xl-cart > .woocommerce { grid-template-columns: minmax(0, 1fr); }
.xl-cart .cart-collaterals { grid-column: 1; grid-row: auto; position: static; margin-top: 24px; }
}
@media (max-width: 782px) {
.xl-account table.shop_table thead { display: none; }
.xl-account table.shop_table tr { display: block; border-bottom: 1px solid var(--xl-line); padding: 8px 0; }
.xl-account table.shop_table td { display: flex; justify-content: space-between; align-items: center; gap: 8px; border: 0; padding: 6px 12px; }
.xl-account table.shop_table td::before { content: attr(data-title); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--xl-gray); }
.xl-account table.shop_table td.woocommerce-orders-table__cell-order-actions::before { content: none; }
}
@media (max-width: 560px) {
.xl-woo { font-size: 16px; }
.xl-buy .product_title { font-size: 32px; }
.xl-stage { border-radius: 16px; }
.xl-thumb { flex-basis: 64px; }
.xl-pills { gap: 6px; }
.xl-pill { min-height: 56px; padding: 6px 4px; }
.xl-pill__name { font-size: 11px; letter-spacing: .05em; }
.xl-pill__price { font-size: 12px; }
.xl-gal__hint { display: none; }
.benefits { font-size: 14.5px; }
.xl-price__num { font-size: 34px; }
.xl-cartrow, form.cart:not(.variations_form) { flex-direction: column; }
.xl-woo .quantity { align-self: flex-start; }
.btn--buy { width: 100%; flex-basis: auto; }
.xl-dl { flex: 1 1 100%; }
.xl-sec, .xl-proof, .xl-voices, .xl-faq { padding: 52px 0; }
.xl-also { padding: 44px 0; }
.xl-also__card { grid-template-columns: 1fr; padding: 18px; }
.xl-also__img { margin: 0 auto; }
.xl-also__act { flex-direction: column; align-items: stretch; }
.xl-also__act .btn { width: 100%; }
.xl-jobs { grid-auto-rows: 170px; gap: 10px; }
.xl-job--lead { grid-row: span 2; }
.xl-proof__head { margin-bottom: 18px; }
.xl-quote { padding: 34px 24px 26px; }
.xl-quote p { font-size: 18px; }
.xl-quotes--3 .xl-quote { padding: 34px 24px 26px; }
.xl-quotes--3 .xl-quote p { font-size: 16.5px; }
.xl-trustbar { padding: 26px 0; }
.xl-trustbar__row { grid-template-columns: 1fr; gap: 20px; }
.xl-woo .xl-scale__axis { gap: 10px; font-size: 10.5px; letter-spacing: .1em; margin-bottom: 30px; }
.xl-scale__bar { min-width: 40px; }
.xl-scale__col, .xl-card { padding: 24px 20px; }
.xl-band { padding-top: 32px; }
.xl-tip { padding: 18px; }
.xl-faq__item summary { font-size: 17px; }
.xl-account .u-columns .col-1, .xl-account .u-columns .col-2 { padding: 24px 20px 26px; }
.xl-account__guest .track_order { grid-template-columns: 1fr; }
.xl-account table.shop_table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.xl-account table.shop_table tr { display: block; border-bottom: 1px solid var(--xl-line); padding: 14px 0; }
.xl-account table.shop_table tr:last-child { border-bottom: 0; }
.xl-account table.shop_table td { display: flex; justify-content: space-between; gap: 16px; border: 0; padding: 6px 14px; text-align: right; }
.xl-account table.shop_table td::before { content: attr(data-title); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--xl-gray); text-align: left; flex: none; }
.xl-faq__item p, .xl-faq__body { padding-right: 0; }
.xl-spec dl { grid-template-columns: 1fr; gap: 0; }
.xl-spec dt { padding-bottom: 0; }
.xl-spec dd { border-top: 0; padding-top: 2px; }
.xl-stickybar__txt strong { font-size: 14px; }
.xl-stickybar__price { display: none; }
.xl-stickybar .btn { padding: 0 16px; font-size: 14px; }
.xl-cta .btn--buy { min-width: 0; width: 100%; }
.xl-up { grid-template-columns: 56px 1fr; padding: 10px; }
.xl-up__pic { width: 56px; height: 56px; }
.xl-up__btn { grid-column: 2; justify-self: start; min-width: 120px; }
.xl-dline { grid-template-columns: 64px 1fr; }
.xl-dline__img { width: 64px; height: 64px; }
.xl-dline__price { grid-column: 2; font-size: 18px; }
.xl-drawer__body { padding: 16px 18px 20px; }
.xl-drawer__foot { padding: 12px 18px 16px; }
.xl-drawer__head { padding-left: 18px; }
.xl-ty__mark { width: 72px; height: 72px; }
.xl-ty__mark svg { width: 40px; height: 40px; }
.xl-co .woocommerce-billing-fields__field-wrapper, .xl-co .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
.xl-co .form-row-first, .xl-co .form-row-last { grid-column: 1 !important; }
.xl-bump__lab { grid-template-columns: auto 1fr; gap: 12px; }
.xl-bump__pic { width: 64px; height: 64px; }
.xl-bump__txt { grid-column: 1 / -1; }
.xl-line__pic { width: 56px; height: 56px; }
.xl-osum td.product-name dl.variation { margin-left: 0; }
.xl-cart table.shop_table.cart tr.cart_item { grid-template-columns: 72px minmax(0, 1fr); grid-template-areas: "pic name" "pic price" "pic total" "qty qty" "rm rm"; gap: 2px 14px; }
.xl-cart td.product-thumbnail img { width: 72px; height: 72px; }
.xl-cart td.product-subtotal { text-align: left; margin-top: 2px; }
.xl-cart td.product-quantity { margin-top: 10px; }
.xl-cart td.product-remove { justify-self: start; }
.xl-cart .product-remove a.remove { margin: 0 0 0 -8px; }
.xl-cart td.actions { flex-direction: column; align-items: stretch; }
.xl-cart td.actions .coupon { flex-basis: auto; }
.xl-offer { padding: 18px 16px 20px; }
.xl-offer__body { grid-template-columns: 1fr; gap: 14px; }
.xl-offer__pic { width: 110px; height: 110px; }
.xl-offer__act .btn { width: 100%; }
.xl-offer--quiet .xl-offer__body { grid-template-columns: 64px 1fr; }
.xl-offer--quiet .xl-offer__pic { width: 64px; height: 64px; }
.xl-woo ul.products { grid-template-columns: 1fr; }
}
@media (min-width: 901px) and (max-height: 820px) {
.xl-crumbs { padding-top: 10px; }
.xl-buy { padding-top: 6px; }
.xl-buy .product_title { font-size: clamp(28px, 2.7vw, 34px); margin: 8px 0 6px; }
.xl-buy .rating { margin-bottom: 8px; }
.benefits { gap: 2px; font-size: 14px; margin-bottom: 10px; }
.xl-pill, .xl-swatch { min-height: 48px; }
.xl-sizepick { margin-top: 2px; }
.xl-colorpick { margin-top: 10px; }
.xl-woo .xl-price { margin: 16px 0 14px; }
.xl-price__num { font-size: 34px; }
.xl-qty__btn, .xl-woo .xl-qty input.qty, .btn--buy { min-height: 52px; }
}
@media print {
.xl-stickybar, .xl-drawer, .xl-cta { display: none !important; }
body.xl-has-sticky { padding-bottom: 0; }
}   @media (prefers-reduced-motion: reduce) {
.xl-woo *, .xl-woo *::before, .xl-woo *::after,
.xl-drawer, .xl-drawer *, .xl-stickybar, .xl-freeship__fill { transition: none !important; animation: none !important; }
}