.hhb{--hhb-text: #1a1a1a;--hhb-muted: #555555;--hhb-border: #bdbdbd;--hhb-tile-border: #e6e6e6;--hhb-active-bg: #fde3c4;--hhb-active-border: #d9822b;--hhb-green: #087a27;--hhb-green-text: #0b5a23;--hhb-green-bg: #eef6f0;--hhb-green-border: #cfe6d6;--hhb-summary-bg: #f7f6f3;--hhb-link: #1f5fbf;display:flex;flex-direction:column;gap:32px;margin-bottom:24px;color:var(--hhb-text);font-family:Lato,system-ui,sans-serif}.hhb button{font:inherit}.hhb :is(select,input,button):focus-visible{outline:2px solid var(--hhb-link);outline-offset:2px}.hhb__head{display:flex;flex-direction:column;gap:6px}.hhb__title{margin:0;font-size:30px;font-weight:900;line-height:1.2;letter-spacing:-.01em}.hhb__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0}.hhb__price-unit{font-size:22px;font-weight:700}.hhb__price-note{font-size:15px;color:var(--hhb-muted)}.hhb__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hhb__option{display:flex;flex-direction:column;gap:8px;min-width:0}.hhb__option-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hhb__label{font-size:15px;font-weight:700}.hhb__link{padding:0;border:0;background:none;color:var(--hhb-link);font-size:14px;text-decoration:underline;cursor:pointer}.hhb__link:hover{color:#123f80}.hhb__select-wrap{position:relative}.hhb__select{width:100%;height:48px;padding:0 40px 0 14px;border:1px solid var(--hhb-border);border-radius:8px;background:#fff;color:var(--hhb-text);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none;cursor:pointer}.hhb__select-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);pointer-events:none}.hhb__qty{display:flex;flex-direction:column;gap:14px}.hhb__step{margin:0;font-size:17px;font-weight:700;line-height:1.3}.hhb__step span{font-weight:400;color:var(--hhb-muted)}.hhb__tiers{display:grid;grid-template-columns:repeat(var(--hhb-tier-cols, 6),minmax(0,1fr));gap:6px}.hhb__tier{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border:2px solid var(--hhb-tile-border);border-radius:8px;background:#fff;color:var(--hhb-text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.hhb__tier:hover{border-color:#cfcfcf}.hhb__tier.is-active{border-color:var(--hhb-active-border);background:var(--hhb-active-bg)}.hhb__tier-label{font-size:14px;font-weight:700}.hhb__tier-price{margin-top:2px;font-size:18px;font-weight:900}.hhb__tier-sub{font-size:12px;font-weight:700;color:var(--hhb-muted)}.hhb__tier-sub.is-save{color:var(--hhb-green-text)}.hhb__qty-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.hhb__stepper{display:flex;align-items:center;height:52px;border:1px solid var(--hhb-border);border-radius:8px;overflow:hidden}.hhb__stepper-btn{width:52px;height:52px;border:0;background:#f4f4f4;color:var(--hhb-text);font-size:24px;line-height:1;cursor:pointer}.hhb__stepper-btn:hover{background:#ebebeb}.hhb__qty-input{width:72px;height:52px;padding:0;border:0;border-left:1px solid var(--hhb-border);border-right:1px solid var(--hhb-border);border-radius:0;background:#fff;color:var(--hhb-text);font:inherit;font-size:20px;font-weight:700;text-align:center;-moz-appearance:textfield}.hhb__qty-input::-webkit-outer-spin-button,.hhb__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hhb__nudge,.hhb__fullcase{flex:1 1 320px;box-sizing:border-box;min-height:52px;border:1px solid var(--hhb-green-border);border-radius:10px;background:var(--hhb-green-bg);color:var(--hhb-green-text)}.hhb__nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 14px}.hhb__nudge[hidden],.hhb__fullcase[hidden]{display:none}.hhb__nudge-text{display:flex;flex-direction:column;gap:1px}.hhb__nudge-text strong{font-size:15px;font-weight:900}.hhb__nudge-text span{font-size:13px;color:#1f4d2c}.hhb__nudge-btn{height:44px;padding:0 16px;border:2px solid var(--hhb-green);border-radius:8px;background:#fff;color:var(--hhb-green);font-size:15px;font-weight:900;white-space:nowrap;cursor:pointer}.hhb__nudge-btn:hover{background:#f3faf5}.hhb__fullcase{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:15px;font-weight:900}.hhb__summary{display:flex;flex-direction:column;gap:16px;padding:22px 24px;border-radius:12px;background:var(--hhb-summary-bg)}.hhb__line{display:flex;justify-content:space-between;gap:12px;font-size:16px}.hhb__muted{color:var(--hhb-muted)}.hhb__free{font-weight:700;color:var(--hhb-green-text)}.hhb__line[hidden],.hhb__logos[hidden]{display:none}.hhb__logos .hardhat-customization_header{margin-bottom:16px}.hhb__logos .stencil-note{margin:0}.hhb__divider{height:1px;background:#dddad3}.hhb__total-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.hhb__total-label{font-size:18px;font-weight:700}.hhb__total{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.hhb__total-value{font-size:28px;font-weight:900}.hhb__save{font-size:14px;font-weight:700;color:var(--hhb-green-text)}.hhb__save[hidden]{display:none}.hhb__error{padding:10px 14px;border-radius:8px;background:#fdecec;color:#a1161b;font-size:14px}.hhb__error[hidden]{display:none}.hhb__atc{height:58px;border:0;border-radius:10px;background:var(--hhb-green);color:#fff;font-size:19px;font-weight:900;cursor:pointer;transition:background-color .15s ease}.hhb__atc:hover{background:#066a21}.hhb__atc:disabled{background:#8a8a8a;cursor:not-allowed}.hhb__atc.is-loading{opacity:.8;cursor:progress}.hhb__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px}.hhb__stock{display:flex;align-items:center;gap:8px;color:var(--hhb-green-text);font-weight:700}.hhb__stock-dot{width:9px;height:9px;border-radius:50%;background:var(--hhb-green)}.hhb__stock.is-out{color:#a1161b}.hhb__stock.is-out .hhb__stock-dot{background:#a1161b}.hhb__help{color:var(--hhb-muted)}.hhb__help a{color:var(--hhb-link)}@media(max-width:767px){.hhb{gap:24px}.hhb__title{font-size:24px}.hhb__options{grid-template-columns:minmax(0,1fr)}.hhb__tiers{grid-template-columns:repeat(3,minmax(0,1fr))}.hhb__tier-price{font-size:16px}.hhb__qty-row{gap:12px}.hhb__nudge,.hhb__fullcase{flex-basis:100%}.hhb__summary{padding:18px 16px}.hhb__total-value{font-size:24px}.hhb__atc{font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/hard-hat-buy-box.css.map */