/* Shared proportions and purchase steps with Extensions SEISETA. */
.hex-partner{background:#202020;color:#fff;text-align:center;padding:6px 16px;font-size:11px;line-height:1.4;letter-spacing:.02em}.helen-preview .hex-head{display:grid;grid-template-columns:1fr auto 1fr;padding:12px 3%;gap:24px;min-height:76px}.helen-preview .hex-head .label{letter-spacing:0;font-size:12px;max-width:none}.hex-head .hex-brand img{width:140px;height:68px;display:block}.hex-tools{justify-self:end;display:flex;align-items:center;gap:24px;font-size:12px}.hex-tools>a{display:flex;align-items:center;gap:9px;min-height:44px}.hex-tools svg{width:21px;height:23px}.hex-language{position:relative}.hex-language summary{cursor:pointer;list-style:none;padding:12px 0}.hex-language summary::-webkit-details-marker{display:none}.hex-language>div{position:absolute;top:100%;right:0;z-index:30;min-width:145px;background:#fff;border:1px solid #ddd;box-shadow:0 8px 20px #0001;padding:8px}.hex-language a{display:block;padding:10px}.hex-language [aria-current]{background:var(--cp-tone-wash,#f5f0e8)}.helen-preview .hex-nav{gap:28px;padding:18px 24px;font-size:13px;margin:0}.hex-search{display:none;background:var(--cp-tone-wash,#f5f0e8);padding:22px 5%;border-bottom:1px solid #ddd}.hex-search:target{display:block}.hex-search form{max-width:900px;margin:auto}.hex-search label{display:block;margin-bottom:8px;font-size:13px}.hex-search form>div{display:flex;gap:10px}.hex-search input{flex:1;min-width:0;padding:12px;border:1px solid #ccc}.hex-search button{background:var(--cp-tone-ink,#4e453b);color:white;padding:12px 20px;border:0}.hex-search form a{padding:8px 16px;font-size:24px}.hex-footer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:36px;padding:60px 4%;align-items:start}.hex-footer img{display:block;object-fit:contain}.hex-footer .hex-capelio{width:135px;height:75px}.hex-footer .hex-helen{width:185px;height:auto;max-width:100%}.hex-footer p{font-size:12px;line-height:1.6;margin:0 0 10px}.hex-footer h2{font:600 13px/1.5 Arial,sans-serif;margin:0 0 18px}.hex-footer a:not(:first-child){display:block;margin-bottom:12px;font-size:12px;color:#666}
.helen-preview .hcv{max-width:1120px;margin:0 auto;padding:54px 20px 64px;color:var(--cp-tone-ink,#4e453b)}.hcv-heading h1{font-size:clamp(34px,4vw,52px);margin:14px 0 20px}.hcv-heading>p{color:var(--cp-tone-muted,#6f6458);font-size:16px}.hcv-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:32px}.hcv .hcv-summary{position:static;background:var(--cp-tone-wash,#f5f0e8);border-color:var(--cp-tone-edge,#d4c7b6);padding:28px}.hcv-summary>h2{font-size:32px}.hcv-item{background:var(--cp-tone-wash,#f5f0e8);border-color:var(--cp-tone-wash,#f5f0e8);border-radius:22px;padding:24px}.hcv .button,.hcv .hs-button{background:var(--cp-tone-ink,#4e453b)!important;color:#fff!important;border:0;border-radius:28px;padding:16px 22px;line-height:1.4;text-align:center;display:inline-block;font-size:14px;text-transform:none;letter-spacing:normal}.hcv .button:disabled{opacity:.45}.hcv .hcv-summary>a.button{display:block;text-decoration:none}.hex-items-title{font:700 18px/1.5 Arial,sans-serif!important;margin:0 0 18px!important}.hex-items-title span{border-radius:50%;background:var(--cp-tone-wash,#f5f0e8);padding:7px 12px;margin-left:8px;font-size:13px}.hex-merchandise{display:flex;justify-content:space-between;gap:14px;margin:22px 0}.hex-merchandise strong{font-size:24px}.hcv .shipping-progress{background:var(--cp-tone-wash,#f5f0e8);border:1px solid var(--cp-tone-edge,#d4c7b6);padding:20px;margin:22px 0;font-size:14px;line-height:1.6}.shipping-progress progress{display:block;width:100%;height:6px;margin-top:20px;accent-color:var(--cp-tone-ink,#4e453b)}.hcv .hcv-promo{border:1px solid var(--cp-tone-edge,#d4c7b6);border-radius:18px;background:#fff;padding:20px;margin:24px 0}.hcv-promo h3{font:700 17px/1.4 Arial,sans-serif;margin:0 0 10px;color:var(--cp-tone-ink,#4e453b)}.hcv-promo p{font-size:14px}.hcv-promo form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.hcv-promo label{grid-column:1/-1;margin:0!important}.hcv-promo input{border-radius:0}.hcv-promo .button{width:auto!important;border-radius:9px;padding:10px 14px}.hcv .hcv-suggestions{margin-top:24px}.hcv .hcv-suggestion-grid{gap:14px}.hcv .hcv-suggestion{background:var(--cp-tone-wash,#f5f0e8);padding:16px}.hcv .hcv-suggestion h3{font-weight:400}.hcv .hcv-photo img{max-width:100%;max-height:100%;object-fit:contain}.hcv .hcv-suggestion-photo img{max-width:100%}.hex-billing,.hex-order-lines{border:1px solid var(--cp-tone-wash,#f5f0e8);padding:30px}.hex-billing h2,.hex-order-lines h2,.hex-payment h2{font-size:32px;margin:0 0 24px}.hex-billing p,.hex-payment p{font-size:16px;line-height:1.7}.hex-delivery{border:2px solid var(--cp-tone-muted,#6f6458);border-radius:12px;background:var(--cp-tone-wash,#f5f0e8);padding:24px;margin:24px 0}.hex-delivery h3{font:600 20px/1.5 Arial,sans-serif;margin:0}.hex-confirm .hcv-summary{border-radius:0}.hex-totals{display:grid;grid-template-columns:1fr auto;gap:16px;margin:24px 0!important}.hex-totals dd{margin:0;text-align:right}.hex-totals dt:last-of-type,.hex-totals dd:last-of-type{font-size:20px;font-weight:700;border-top:1px solid #ddd;padding-top:20px}.hex-status{display:inline-block;padding:8px 13px;font:600 13px/1.5 Arial,sans-serif;background:var(--cp-tone-wash,#f5f0e8);color:var(--cp-tone-ink,#4e453b);border-radius:3px}.hex-status.cancelled{background:#f7e7e1;color:#8b4439}.hex-payment{padding:32px;background:var(--cp-tone-wash,#f5f0e8);border:1px solid var(--cp-tone-edge,#d4c7b6);margin:28px 0}.hex-payment form .hs-button{width:100%}.hex-payment-total{font-size:30px!important;font-weight:600}.hex-table{overflow:auto}.hex-table table{border-collapse:collapse;width:100%;font-size:14px}.hex-table th{text-align:left;color:var(--cp-tone-muted,#6f6458)}.hex-table td,.hex-table th{padding:16px 10px;border-bottom:1px solid #ddd}.hex-order-lines .hex-totals{max-width:420px;margin-left:auto!important}.hex-order .hcv-heading h1{max-width:100%}
@media(max-width:900px){.hex-tools{gap:14px}.hex-account-label{display:none}.helen-preview .hex-head .label{display:none}.helen-preview .hex-head{grid-template-columns:auto 1fr}.hcv-layout{grid-template-columns:1fr}.hex-footer{grid-template-columns:1fr 1fr}.hcv .hcv-suggestion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.helen-preview .hex-head{gap:10px;padding:10px 14px}.hex-head .hex-brand img{width:108px;height:55px}.hex-tools{gap:12px}.hex-tools svg{width:18px}.hex-language summary{font-size:11px}.helen-preview .hex-nav{gap:12px 18px;padding:14px;font-size:12px}.hex-partner{font-size:9px}.hex-footer{gap:28px 20px;padding:36px 20px}.hex-footer .hex-helen{width:145px}.helen-preview .hcv{padding:30px 8px}.hcv .hcv-suggestion-grid{grid-template-columns:1fr}.hex-billing,.hex-payment,.hex-order-lines{padding:20px}.hex-billing h2,.hex-payment h2,.hex-order-lines h2{font-size:26px}.hcv-promo form{grid-template-columns:1fr}.hcv-promo label{grid-column:auto}}

/* Exact purchase typography and widths from Extensions purchase.css. */
.helen-preview .hcv{box-sizing:border-box;max-width:1180px;margin:auto;padding:38px 5% 64px;color:#202020;font:14px/1.65 Arial,sans-serif}
.helen-preview .hcv .hcv-heading{margin-bottom:24px}.helen-preview .hcv h1{font-size:clamp(28px,3.2vw,42px);line-height:1.2;margin:10px 0 14px;font-weight:400;letter-spacing:-1.2px}
.helen-preview .hcv h2{font-size:25px;line-height:1.3;margin:0 0 16px;font-weight:400}.helen-preview .hcv p{font-size:14px;line-height:1.65;color:var(--cp-tone-muted,#6f6458)}.helen-preview .hcv-layout{gap:24px}.helen-preview .hex-billing,.helen-preview .hcv-summary,.helen-preview .hex-order-lines{padding:28px}.helen-preview .hex-delivery h3{font-size:18px;font-weight:400}.helen-preview .hex-billing p{font-size:14px}.helen-preview .hex-totals{font-size:14px;gap:8px}.helen-preview .hex-totals dt:last-of-type,.helen-preview .hex-totals dd:last-of-type{font-size:19px;font-weight:400;padding-top:14px}.helen-preview .hex-table td{font-size:13px}.helen-preview .hex-table th{font-size:11px}.helen-preview .hcv .sp-badge{display:inline-block;font:12px/1.5 Arial,sans-serif;padding:6px 12px;background:var(--cp-tone-wash,#f5f0e8);color:var(--cp-tone-ink,#4e453b)}.helen-preview .hcv .sp-badge.pending{background:#fff3e3;color:#a66b20}.helen-preview .hcv .sp-badge.approved{background:var(--cp-tone-wash,#f5f0e8);color:var(--cp-tone-ink,#4e453b)}
@media(max-width:600px){.helen-preview .hcv{padding:28px 5% 44px}.helen-preview .hex-billing,.helen-preview .hcv-summary,.helen-preview .hex-order-lines{padding:20px}}

.helen-preview .hex-confirm .button{border-radius:0;min-height:48px;padding:16px 20px}.helen-preview .hcv select{font:inherit;padding:12px;border:1px solid #ccc;border-radius:0}.helen-preview .hs-hero h1{font-size:clamp(28px,3.2vw,42px)}.helen-preview .hs-detail h1{font-size:32px;font-weight:400}.helen-preview .hs-home-heading h2{font-size:30px;font-weight:400}.helen-preview .hs-collection h3{font-size:20px;font-weight:400}

/* Match the actual Extensions cart-product component, not the page heading. */
.helen-preview .hcv .hcv-item h2{font:600 17px/1.35 Arial,sans-serif;margin:0 0 8px;letter-spacing:normal}.helen-preview .hcv .hcv-item{padding:20px;border-radius:18px}.helen-preview .hcv .hcv-product{gap:16px;align-items:flex-start}.helen-preview .hcv .hcv-photo{width:80px;height:96px}.helen-preview .hcv .hcv-shade{font-size:13px;color:var(--cp-tone-ink,#4e453b);margin:0 0 8px}.helen-preview .hcv .hcv-reference{font-size:11px;margin:7px 0}.helen-preview .hcv .hcv-promo{padding:18px;border-radius:16px;margin:20px 0}.helen-preview .hcv .hcv-promo form{align-items:end;gap:8px}.helen-preview .hcv .hcv-promo input{width:100%;min-width:0;height:48px;padding:12px;margin:0;font:16px Arial,sans-serif;box-sizing:border-box}.helen-preview .hcv .hcv-promo .button{height:48px;min-height:48px;margin:0;padding:10px 14px}.helen-preview .hcv .hcv-promo label{margin:0;font-size:12px}.helen-preview .hcv .hcv-suggestions{margin-top:24px}.helen-preview .hcv .hcv-suggestions h2{font-size:25px}
@media(max-width:700px){.helen-preview .hcv .hcv-item{padding:16px}.helen-preview .hcv .hcv-item h2{font-size:15px}.helen-preview .hcv .hcv-photo{width:68px;height:86px}}