.hbv2{background:var(--hb-bg);color:var(--hb-text);font-family:var(--hb-body-font)}.hbv2 *{box-sizing:border-box}.hbv2__page{width:min(100%,var(--hb-max));margin:auto;padding:var(--hb-pad-top) 24px var(--hb-pad-bottom)}.hbv2__layout{display:grid;grid-template-columns:minmax(0,var(--hb-left)) minmax(0,1fr) minmax(0,var(--hb-right));gap:var(--hb-gap);align-items:start}.hbv2__sticky{position:sticky;top:var(--hb-sticky-top)}.hbv2__media,.hbv2__step,.hbv2__side-card{overflow:hidden;border:1px solid var(--hb-border);border-radius:var(--hb-radius);background:var(--hb-card)}.hbv2__media{aspect-ratio:1}.hbv2__image{width:100%;height:100%;display:block;object-fit:cover}.hbv2__product-info{padding:16px 2px}.hbv2__eyebrow,.hbv2__side-card>small{display:block;margin:0 0 6px;color:var(--hb-accent);font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hbv2 h1,.hbv2 h2,.hbv2 h3{font-family:var(--hb-heading-font);text-transform:uppercase}.hbv2__product-title{margin:0;font-size:clamp(30px,3vw,48px);line-height:.96}.hbv2__muted{color:var(--hb-muted)}.hbv2__values{display:grid;gap:8px;margin-top:12px}.hbv2__value{padding:11px 12px;border:1px solid var(--hb-border);border-radius:8px;background:var(--hb-card)}.hbv2__value strong{display:block;font-size:11px}.hbv2__value span{display:block;margin-top:3px;color:var(--hb-muted);font-size:12px;line-height:1.4}.hbv2__steps{display:grid;gap:12px}.hbv2__step-header{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:16px;border:0;background:transparent;color:var(--hb-text);text-align:left;cursor:pointer}.hbv2__step-num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--hb-soft);color:var(--hb-muted);font-weight:800;font-size:12px}.hbv2__step.is-open .hbv2__step-num,.hbv2__step.is-complete .hbv2__step-num{background:var(--hb-accent);color:var(--hb-accent-text)}.hbv2__step-copy strong{display:block;font-family:var(--hb-heading-font);font-size:19px;text-transform:uppercase}.hbv2__step-copy span,.hbv2__status{color:var(--hb-muted);font-size:11px}.hbv2__status{text-transform:uppercase;font-weight:800}.hbv2__step-body{display:none;padding:0 16px 16px}.hbv2__step.is-open .hbv2__step-body{display:block}.hbv2__field+.hbv2__field,.hbv2__reveal+.hbv2__field,.hbv2__field+.hbv2__reveal{margin-top:18px}.hbv2__label{display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hbv2__help{margin:0 0 10px;color:var(--hb-muted);font-size:12px;line-height:1.45}.hbv2__color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hbv2__color{display:grid;gap:7px;padding:7px;border:1px solid var(--hb-border);border-radius:8px;background:var(--hb-card);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.hbv2__color.is-selected{border-color:var(--hb-accent);box-shadow:0 0 0 1px var(--hb-accent)}.hbv2__color:disabled{opacity:.4;cursor:not-allowed}.hbv2__color-img{aspect-ratio:1;overflow:hidden;border-radius:6px;background:var(--hb-soft)}.hbv2__color-img img{width:100%;height:100%;object-fit:cover}.hbv2__placement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hbv2__placement{display:grid;justify-items:center;gap:7px;border:0;background:transparent;color:var(--hb-text);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.hbv2__placement-circle{width:min(100%,110px);aspect-ratio:1;border:2px solid var(--hb-border);border-radius:50%;overflow:hidden;background:var(--hb-soft)}.hbv2__placement-circle img{width:100%;height:100%;object-fit:cover}.hbv2__placement.is-selected .hbv2__placement-circle{border-color:var(--hb-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--hb-accent) 18%,transparent)}.hbv2__choice-row{display:flex;flex-wrap:wrap;gap:8px}.hbv2__choice{padding:10px 13px;border:1px solid var(--hb-border);border-radius:7px;background:var(--hb-card);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.hbv2__choice.is-selected{border-color:var(--hb-accent);color:var(--hb-accent);background:color-mix(in srgb,var(--hb-accent) 7%,white)}.hbv2__upload{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 15px;border:1px dashed var(--hb-accent);border-radius:7px;color:var(--hb-accent);font-weight:800;font-size:12px;cursor:pointer}.hbv2__upload input{position:absolute;width:1px;height:1px;opacity:0}.hbv2__file{margin-top:7px;color:var(--hb-muted);font-size:11px}.hbv2__input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--hb-border);border-radius:7px;background:#fff;font:inherit}.hbv2__next,.hbv2__add{width:100%;min-height:48px;margin-top:18px;border:0;border-radius:7px;background:var(--hb-accent);color:var(--hb-accent-text);font-family:var(--hb-heading-font);font-size:15px;text-transform:uppercase;cursor:pointer}.hbv2__next:disabled,.hbv2__add:disabled{opacity:.4;cursor:not-allowed}.hbv2__extras{display:grid;gap:8px}.hbv2__extra{border:1px solid var(--hb-border);border-radius:8px}.hbv2__extra-toggle{width:100%;display:flex;align-items:center;gap:9px;padding:12px;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.hbv2__extra-toggle span{color:var(--hb-accent);font-size:22px}.hbv2__extra-body{padding:0 12px 12px}.hbv2__remove{margin-top:12px;border:0;background:transparent;color:var(--hb-muted);text-decoration:underline;cursor:pointer}.hbv2__finishing{display:grid;gap:8px}.hbv2__finish-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--hb-border);border-radius:7px}.hbv2__finish-row>span:first-child{display:flex;align-items:center;gap:8px}.hbv2__side-card{padding:16px}.hbv2__side-card+.hbv2__side-card{margin-top:12px}.hbv2__side-card h2{margin:0;font-size:23px}.hbv2__tiers{display:grid;gap:6px;margin-top:13px}.hbv2__tier{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid var(--hb-border);border-radius:7px;background:var(--hb-card);font:inherit;cursor:pointer}.hbv2__tier.is-selected{border-color:var(--hb-accent);background:color-mix(in srgb,var(--hb-accent) 6%,white)}.hbv2__tier strong{font-size:17px}.hbv2__tier small,.hbv2__tier>span:last-child{color:var(--hb-muted);font-size:10px;font-weight:800;text-transform:uppercase}.hbv2__summary,.hbv2__pricing{display:grid;gap:8px;margin-top:13px}.hbv2__sum-row,.hbv2__price-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hbv2__sum-row span,.hbv2__price-row span{color:var(--hb-muted);font-size:11px}.hbv2__sum-row strong{max-width:58%;font-size:11px;text-align:right}.hbv2__pricing{padding-top:13px;border-top:1px solid var(--hb-border)}.hbv2__total{margin-top:5px;padding-top:11px;border-top:1px solid var(--hb-border);align-items:center}.hbv2__total strong{color:var(--hb-accent);font-family:var(--hb-heading-font);font-size:25px}.hbv2__note,.hbv2__message{color:var(--hb-muted);font-size:10px;line-height:1.45}.hbv2__message{margin-top:8px;font-size:11px}@media(max-width:1199px){.hbv2__layout{grid-template-columns:1fr 1.2fr}.hbv2__center{grid-column:2;grid-row:1/span 2}.hbv2__left,.hbv2__right{grid-column:1}.hbv2__left .hbv2__sticky,.hbv2__right .hbv2__sticky{position:static}}@media(max-width:749px){.hbv2__page{padding:20px 14px 42px}.hbv2__layout{grid-template-columns:1fr}.hbv2__left,.hbv2__center,.hbv2__right{grid-column:auto;grid-row:auto}.hbv2__center{order:2}.hbv2__right{order:3}.hbv2__color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hbv2__step-header{grid-template-columns:38px 1fr}.hbv2__status{display:none}.hbv2__placement-grid{gap:7px}.hbv2__placement{font-size:10px}}@media screen and (min-width:1300px){.hbv2__layout{align-items:start}.hbv2__left,.hbv2__right{align-self:stretch;overflow:visible!important}.hbv2__left .hbv2__sticky,.hbv2__right .hbv2__sticky{position:sticky!important;top:var(--hb-sticky-top)!important}.hbv2__sticky--calculator{max-height:calc(100vh - var(--hb-sticky-top) - 18px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.hbv2__center{position:relative;min-width:0}}.hbv2__calculator-card{padding:20px;border:1px solid var(--hb-border);border-radius:var(--hb-radius);background:var(--hb-card)}.hbv2__calculator-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.hbv2__calculator-head h2{max-width:310px;margin:0;color:var(--hb-text);font-family:var(--hb-heading-font);font-size:clamp(27px,2.2vw,42px);line-height:.94}.hbv2__calculator-head>span{max-width:105px;color:var(--hb-text);font-size:15px;line-height:1.4}.hbv2__tiers--calculator{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:18px}.hbv2__tiers--calculator .hbv2__tier{display:grid;min-width:0;min-height:94px;place-items:center;gap:8px;padding:10px 3px;border:1px solid var(--hb-border);border-radius:10px;background:#fff;color:#111}.hbv2__tiers--calculator .hbv2__tier strong{font-family:var(--hb-heading-font);font-size:clamp(19px,1.55vw,26px);line-height:1}.hbv2__tiers--calculator .hbv2__tier span{font-size:14px}.hbv2__tiers--calculator .hbv2__tier.is-selected{border-color:var(--hb-accent);background:#fff3f5;color:var(--hb-accent)}.hbv2__custom-qty{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.hbv2__custom-qty>strong{font-size:14px}.hbv2__qty-stepper{display:grid;grid-template-columns:46px 76px 46px;overflow:hidden;border:1px solid var(--hb-border);border-radius:10px;background:#fff}.hbv2__qty-stepper button{min-height:42px;border:0;background:#fff;color:#111;font-size:18px;cursor:pointer}.hbv2__qty-stepper input{width:100%;min-width:0;border:0;border-right:1px solid var(--hb-border);border-left:1px solid var(--hb-border);outline:0;background:#fff;color:#111;font-size:16px;text-align:center;-webkit-appearance:textfield;appearance:textfield}.hbv2__qty-stepper input::-webkit-outer-spin-button,.hbv2__qty-stepper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.hbv2__calc-summary{margin-top:20px;padding:18px 16px;border-radius:12px;background:var(--hb-soft)}.hbv2__calc-summary>div:not(.hbv2__calc-divider){display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:32px;font-size:12px}.hbv2__calc-summary>div+div:not(.hbv2__calc-divider){margin-top:8px}.hbv2__calc-summary>div>:last-child{text-align:right}.hbv2__calc-summary strong{font-size:13px}.hbv2__calc-divider{height:1px;margin:14px 0;background:var(--hb-border)}.hbv2__calc-total{align-items:center!important}.hbv2__calc-total strong{color:var(--hb-accent);font-family:var(--hb-heading-font);font-size:30px;line-height:1}.hbv2__overview{display:grid;gap:7px;margin-top:15px;padding-top:15px;border-top:1px solid var(--hb-border)}.hbv2__overview>div{display:flex;justify-content:space-between;gap:12px;font-size:10px}.hbv2__overview span{color:var(--hb-muted)}.hbv2__overview strong{max-width:62%;text-align:right}@media screen and (max-width:1500px)and (min-width:1300px){.hbv2__tiers--calculator{grid-template-columns:repeat(3,minmax(0,1fr))}.hbv2__tiers--calculator .hbv2__tier{min-height:70px}}@media screen and (max-width:749px){.hbv2__tiers--calculator{grid-template-columns:repeat(3,minmax(0,1fr))}.hbv2__custom-qty{align-items:flex-start;flex-direction:column}.hbv2__qty-stepper{width:100%;grid-template-columns:1fr 1.4fr 1fr}}@media screen and (min-width:1300px){.hbv2__page,.hbv2__layout,.hbv2__left,.hbv2__center,.hbv2__right{overflow:visible!important}.hbv2__layout{align-items:start!important}.hbv2__left,.hbv2__right{position:relative;align-self:stretch}.hbv2__left>.hbv2__sticky,.hbv2__right>.hbv2__sticky{position:sticky!important;top:var(--hb-sticky-top)!important}.hbv2__sticky--product{max-height:none!important;overflow:visible!important}.hbv2__sticky--calculator{max-height:calc(100vh - var(--hb-sticky-top) - 16px);overflow-y:auto!important;overscroll-behavior:contain}}.hbv2__calculator-head{display:grid!important;grid-template-columns:minmax(0,1fr) 110px!important;gap:20px!important;align-items:start!important}.hbv2__calculator-head h2{max-width:none!important;margin:0!important;font-family:var(--hb-heading-font)!important;font-size:clamp(34px,2.5vw,50px)!important;font-weight:800!important;line-height:.94!important;letter-spacing:-.02em!important;color:#000!important}.hbv2__calculator-head>span{max-width:110px!important;padding-top:6px;color:var(--hb-text)!important;font-size:17px!important;line-height:1.7!important}.hbv2__tiers--calculator{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-top:22px!important}.hbv2__tiers--calculator .hbv2__tier{min-width:0!important;min-height:116px!important;padding:14px 4px!important;border:1.5px solid var(--hb-border)!important;border-radius:12px!important;background:#fff!important;color:#000!important}.hbv2__tiers--calculator .hbv2__tier strong{font-family:var(--hb-heading-font)!important;font-size:clamp(22px,1.7vw,31px)!important;font-weight:800!important;line-height:1!important}.hbv2__tiers--calculator .hbv2__tier span{font-size:17px!important;line-height:1!important}.hbv2__tiers--calculator .hbv2__tier.is-selected{border-color:var(--hb-accent)!important;background:#fff4f5!important;color:var(--hb-accent)!important}.hbv2__custom-qty{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-top:24px!important}.hbv2__custom-qty>strong{color:var(--hb-text);font-size:17px!important;font-weight:800!important}.hbv2__qty-stepper{display:grid!important;grid-template-columns:52px 96px 52px!important;min-height:48px;overflow:hidden;border:1.5px solid var(--hb-border)!important;border-radius:11px!important;background:#fff}.hbv2__qty-stepper button{min-height:48px!important;font-size:20px!important}.hbv2__qty-stepper input{min-height:48px!important;font-size:18px!important;font-weight:600}@media screen and (max-width:1499px)and (min-width:1300px){.hbv2__calculator-head h2{font-size:34px!important}.hbv2__calculator-head>span{font-size:14px!important}.hbv2__tiers--calculator .hbv2__tier{min-height:94px!important}.hbv2__tiers--calculator .hbv2__tier strong{font-size:23px!important}.hbv2__tiers--calculator .hbv2__tier span{font-size:14px!important}}@media screen and (max-width:749px){.hbv2__tiers--calculator{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hbv2__custom-qty{align-items:stretch!important;flex-direction:column!important}.hbv2__qty-stepper{width:100%;grid-template-columns:1fr 1.4fr 1fr!important}}.hbv2__tiers--calculator .hbv2__tier{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:16px!important;text-align:center!important}.hbv2__tiers--calculator .hbv2__tier strong,.hbv2__tiers--calculator .hbv2__tier span{display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:center!important;line-height:1!important}.hbv2__choice{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.hbv2__choice small{color:var(--hb-accent);font-size:10px;font-weight:800;line-height:1.1;white-space:nowrap}.hbv2__choice small.is-included{color:var(--hb-muted)}.hbv2__choice:disabled small{color:var(--hb-muted)}.hbv2__finish-row>span:last-child,.hbv2__finishing>span:last-child{color:var(--hb-accent)!important;font-size:11px!important;font-weight:800!important;white-space:nowrap}.hbv2__qty-stepper button,.hbv2__qty-stepper input{touch-action:manipulation}.hbv2__qty-stepper input{opacity:1!important;pointer-events:auto!important}@media screen and (min-width:1300px){.hbv2__column--sticky{position:sticky!important;top:var(--hb-sticky-top)!important;align-self:start!important}.hbv2__column--sticky>.hbv2__sticky{position:static!important;top:auto!important}.hbv2__right.hbv2__column--sticky{max-height:calc(100vh - var(--hb-sticky-top) - 16px);overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}.hbv2__left.hbv2__column--sticky,.hbv2__center.hbv2__column--sticky{overflow:visible!important}}.hbv2__calculator-card,.hbv2__right,.hbv2__sticky--calculator{overflow-x:visible!important}.hbv2__add{width:100%;margin-bottom:14px}.hbv2__overview strong{max-width:70%;white-space:normal;line-height:1.35}.hbv2,.hbv2__page,.hbv2__layout{overflow:visible!important}@media screen and (min-width:1300px){.hbv2__layout{align-items:start!important;overflow:visible!important}.hbv2__left,.hbv2__center,.hbv2__right{position:relative!important;top:auto!important;align-self:start!important;max-height:none!important;overflow:visible!important}.hbv2__left.hbv2__column--sticky,.hbv2__center.hbv2__column--sticky,.hbv2__right.hbv2__column--sticky{position:sticky!important;top:var(--hb-sticky-top)!important;align-self:start!important;z-index:2}.hbv2__left>.hbv2__sticky,.hbv2__center>.hbv2__sticky,.hbv2__right>.hbv2__sticky{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}.hbv2__right,.hbv2__right.hbv2__column--sticky,.hbv2__sticky--calculator,.hbv2__calculator-card{max-height:none!important;overflow:visible!important;overflow-y:visible!important;overscroll-behavior:auto!important}}.hbv2__status{display:inline-flex!important;width:28px;height:28px;align-items:center;justify-content:center;color:var(--hb-muted);font-size:22px!important;font-weight:400!important;line-height:1!important;transform:rotate(0);transition:transform .2s ease,color .2s ease}.hbv2__step.is-open .hbv2__status{color:var(--hb-accent);transform:rotate(180deg)}.hbv2__step.is-complete .hbv2__status{color:var(--hb-accent)}.hbv2__custom-qty,.hbv2__qty-stepper{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/headwear-builder-v2.css.map */