.h24-accessory-configurator,.h24-accessory-configurator *{box-sizing:border-box}.h24-accessory-configurator{--h24-config-accent: var(--h24-orange, #ff4b0b);--h24-config-border: rgb(var(--color-foreground-rgb) / .16);--h24-config-muted: rgb(var(--color-foreground-rgb) / .68);display:block;width:100%;color:var(--color-foreground)}.h24-accessory-configurator__intro{display:grid;gap:8px;margin-bottom:16px}.h24-accessory-configurator__eyebrow{margin:0 0 3px;color:var(--h24-config-accent);font-size:.72rem;font-weight:800;letter-spacing:.13em}.h24-accessory-configurator__title{margin:0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.15}.h24-accessory-configurator__subheading{max-width:62ch;margin:0;color:var(--h24-config-muted);font-size:.9rem;line-height:1.5}.h24-accessory-configurator__categories{display:grid;gap:12px}.h24-accessory-category{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;width:100%;min-height:112px;padding:12px 14px 12px 12px;overflow:hidden;border:1px solid var(--h24-config-border);border-radius:16px;background:radial-gradient(circle at 4% 0%,rgb(255 75 11 / .1),transparent 38%),rgb(var(--color-foreground-rgb) / .035);color:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.h24-accessory-category:hover,.h24-accessory-category:focus-visible{border-color:#ff4b0bbf;box-shadow:0 12px 34px #00000024;transform:translateY(-2px)}.h24-accessory-category:focus-visible{outline:2px solid var(--h24-config-accent);outline-offset:2px}.h24-accessory-category__badge{position:absolute;top:0;left:0;z-index:1;padding:5px 9px;border-radius:0 0 10px;background:var(--h24-config-accent);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.08em}.h24-accessory-category__media{display:grid;width:88px;height:88px;place-items:center;overflow:hidden;border-radius:12px;background:#fff}.h24-accessory-category__image{display:block;width:100%;height:100%;object-fit:contain}.h24-accessory-category__placeholder{display:grid;width:100%;height:100%;place-items:center;color:#1c1c1c}.h24-accessory-category__placeholder svg{width:55%;fill:none;stroke:currentColor;stroke-width:3}.h24-accessory-category__content{align-self:center;min-width:0}.h24-accessory-category__content>strong,.h24-accessory-category__content>span,.h24-accessory-category__content>small{display:block}.h24-accessory-category__content>strong{margin-bottom:5px;font-size:1rem;line-height:1.2}.h24-accessory-category__content>span{overflow:hidden;color:var(--h24-config-muted);font-size:.83rem;line-height:1.35;text-overflow:ellipsis}.h24-accessory-category__content>small{margin-top:7px;color:var(--h24-config-accent);font-size:.7rem;font-weight:750}.h24-accessory-category__action{display:inline-flex;align-self:center;align-items:center;gap:5px;color:var(--h24-config-accent);font-size:.78rem;font-weight:800;white-space:nowrap}.h24-accessory-category__action svg{width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.h24-accessory-configurator__total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:13px 15px;border:1px solid var(--h24-config-border);border-radius:13px;background:rgb(var(--color-foreground-rgb) / .045)}.h24-accessory-configurator__total span small,.h24-accessory-configurator__total span strong{display:block}.h24-accessory-configurator__total span small{margin-bottom:2px;color:var(--h24-config-muted);font-size:.7rem}.h24-accessory-configurator__total span strong{font-size:.8rem}.h24-accessory-configurator__total>strong{color:var(--h24-config-accent);font-size:1.1rem;white-space:nowrap}.h24-accessory-configurator__status{min-height:1.2em;margin:7px 2px 0;color:var(--h24-config-muted);font-size:.76rem}.h24-accessory-configurator__status.is-error{color:#ef4444;font-weight:700}.h24-accessory-dialog{width:min(1180px,calc(100vw - 36px));max-width:none;max-height:min(86vh,900px);padding:0;overflow:hidden;border:1px solid rgb(255 255 255 / .14);border-radius:22px;background:var(--color-background);color:var(--color-foreground);box-shadow:0 30px 100px #00000080}.h24-accessory-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.h24-accessory-dialog__shell{max-height:min(86vh,900px);overflow-y:auto;overscroll-behavior:contain}.h24-accessory-dialog__header{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:23px 26px 20px;border-bottom:1px solid var(--h24-config-border);background:color-mix(in srgb,var(--color-background) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.h24-accessory-dialog__header p{margin:0 0 4px;color:var(--h24-config-accent);font-size:.7rem;font-weight:900;letter-spacing:.12em}.h24-accessory-dialog__header h2{margin:0 0 5px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.1}.h24-accessory-dialog__header span{display:block;color:var(--h24-config-muted);font-size:.86rem}.h24-accessory-dialog__close{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid var(--h24-config-border);border-radius:50%;background:rgb(var(--color-foreground-rgb) / .06);color:inherit;cursor:pointer}.h24-accessory-dialog__close:hover{border-color:var(--h24-config-accent);color:var(--h24-config-accent)}.h24-accessory-dialog__close svg{width:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.h24-accessory-dialog__toolbar{display:flex;justify-content:flex-end;padding:16px 24px 0}.h24-accessory-dialog__clear{padding:9px 13px;border:1px solid var(--h24-config-border);border-radius:999px;background:transparent;color:var(--h24-config-muted);font:inherit;font-size:.78rem;cursor:pointer}.h24-accessory-dialog__clear:hover{border-color:var(--h24-config-accent);color:var(--h24-config-accent)}.h24-accessory-dialog__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px 24px 28px}.h24-accessory-dialog__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.h24-accessory-product{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--h24-config-border);border-radius:16px;background:rgb(var(--color-foreground-rgb) / .035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.h24-accessory-product:hover{border-color:#ff4b0b8c;box-shadow:0 14px 34px #0000001f;transform:translateY(-2px)}.h24-accessory-product.is-selected{border-color:var(--h24-config-accent);box-shadow:0 0 0 2px #ff4b0b38}.h24-accessory-product.is-unavailable{opacity:.58}.h24-accessory-product__media{position:relative;display:grid;aspect-ratio:1.2;place-items:center;overflow:hidden;border-bottom:1px solid var(--h24-config-border);background:#fff}.h24-accessory-product__image{display:block;width:100%;height:100%;object-fit:contain}.h24-accessory-product__body{display:flex;flex:1;flex-direction:column;padding:15px}.h24-accessory-product__kicker{margin:0 0 5px;color:var(--h24-config-accent);font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.h24-accessory-product h3{margin:0;font-size:.95rem;line-height:1.3}.h24-accessory-product__price{margin:9px 0 14px;font-size:1rem;font-weight:850}.h24-accessory-product__label{display:block;margin:auto 0 6px;color:var(--h24-config-muted);font-size:.72rem;font-weight:700}.h24-accessory-product__select{width:100%;min-height:44px;padding:8px 34px 8px 11px;border:1px solid var(--h24-config-border);border-radius:9px;background-color:var(--color-background);color:var(--color-foreground);font:inherit;font-size:.78rem}.h24-accessory-product__select:focus{border-color:var(--h24-config-accent);outline:2px solid rgb(255 75 11 / .2)}.h24-accessory-product__select-button{width:100%;min-height:44px;margin-top:9px;padding:10px 14px;border:1px solid var(--h24-config-accent);border-radius:9px;background:var(--h24-config-accent);color:#fff;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.h24-accessory-product__select-button:hover:not(:disabled){filter:brightness(1.08)}.h24-accessory-product__select-button:disabled{border-color:var(--h24-config-border);background:rgb(var(--color-foreground-rgb) / .12);color:var(--h24-config-muted);cursor:not-allowed}.h24-accessory-configurator--setup{padding:18px;border:1px dashed var(--h24-config-accent);border-radius:12px;background:#ff4b0b14}.h24-accessory-configurator--setup p{margin:6px 0 0}.product-details.h24-has-accessory-selection accelerated-checkout,.product-details.h24-has-accessory-selection shopify-accelerated-checkout,html.h24-has-accessory-selection sticky-add-to-cart{display:none!important}@media screen and (max-width:989px){.h24-accessory-dialog__grid,.h24-accessory-dialog__grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.h24-accessory-configurator__intro{gap:6px}.h24-accessory-category{grid-template-columns:74px minmax(0,1fr);min-height:102px;padding:14px 12px 12px}.h24-accessory-category__media{width:74px;height:74px}.h24-accessory-category__action{grid-column:2;margin-top:-9px}.h24-accessory-configurator__total{align-items:flex-end}.h24-accessory-configurator__total span strong{max-width:25ch}.h24-accessory-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:18px}.h24-accessory-dialog__shell{max-height:calc(100dvh - 12px)}.h24-accessory-dialog__header{padding:18px 17px 15px}.h24-accessory-dialog__header span{max-width:34ch;font-size:.78rem}.h24-accessory-dialog__close{flex-basis:38px;width:38px;height:38px}.h24-accessory-dialog__toolbar{padding:13px 13px 0}.h24-accessory-dialog__grid,.h24-accessory-dialog__grid--three{grid-template-columns:1fr;gap:13px;padding:14px 13px 20px}.h24-accessory-product{display:grid;grid-template-columns:112px minmax(0,1fr)}.h24-accessory-product__media{min-height:100%;aspect-ratio:auto;border-right:1px solid var(--h24-config-border);border-bottom:0}.h24-accessory-product__body{min-width:0;padding:13px}}@media screen and (max-width:399px){.h24-accessory-product{grid-template-columns:92px minmax(0,1fr)}.h24-accessory-category__content>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/hunt24-accessory-configurator.css.map */
