.hex-product *,.hex-product *:before,.hex-product *:after{box-sizing:border-box}.hex-layout{display:grid;grid-template-columns:1fr;min-height:60vh}@media(min-width:768px){.hex-layout{grid-template-columns:600px 520px;max-width:1120px;margin:0 auto;align-items:start;min-height:auto}}.hex-layout__media{background:#f5f2eb}.hex-media{width:100%;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}@media(min-width:768px){.hex-media{position:sticky;top:0}}.hex-media__img{width:100%;height:auto;display:block;object-fit:cover}@media(max-width:767px){.hex-media__img{aspect-ratio:5 / 5;object-position:center}}.hex-media__placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f5f2eb;padding:40px}.hex-media__placeholder svg{width:100%;height:100%;opacity:.25}.hex-layout__config{padding:0}.hex-config{padding:40px 32px 56px;max-width:480px}@media(max-width:767px){.hex-config{padding:28px 20px 48px;max-width:100%}}.hex-config__header{margin-bottom:28px}.hex-config__title{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px;color:var(--color-foreground, #1a1a1a);line-height:1.15}@media(min-width:768px){.hex-config__title{font-size:32px}}.hex-config__sub{font-size:14px;color:var(--color-foreground-secondary, #888);margin:0}.hex-config__group{margin-bottom:22px;position:relative;z-index:1}.hex-config__label{display:block;font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:8px;color:var(--color-foreground, #1a1a1a)}.hex-config__label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hex-config__label-row .hex-config__label{margin-bottom:0}.hex-config__label-link{font-size:12px;color:var(--color-foreground-secondary, #777);text-decoration:underline;text-underline-offset:2px}.hex-config__label-link:hover{color:var(--color-foreground, #1a1a1a)}.hex-config__dropdown{position:relative}.hex-config__dropdown-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-background, #fff);border:1px solid #e6e6e6;border-radius:24px;cursor:pointer;text-align:left;transition:border-color .15s;font-family:inherit}.hex-config__dropdown-btn:hover,.hex-config__dropdown-btn:focus-visible{border-color:var(--color-foreground, #1a1a1a);outline:none}.hex-config__dropdown-btn[aria-expanded=true]{border-color:var(--color-foreground, #1a1a1a);border-width:1.5px;border-bottom-left-radius:0;border-bottom-right-radius:0}.hex-config__dropdown.is-required .hex-config__dropdown-btn[aria-expanded=true]{border-color:var(--color-foreground, #1a1a1a);border-width:1.5px}.hex-config__dropdown-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.hex-config__dropdown-icon svg{width:24px;height:24px;fill:none;stroke:var(--color-foreground, #1a1a1a);stroke-width:1.5}.hex-config__dropdown-thumb{flex-shrink:0;width:38px;height:38px;border-radius:6px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.hex-config__dropdown-thumb img{width:100%;height:100%;object-fit:cover}.hex-config__dropdown-text{flex:1;min-width:0}.hex-config__dropdown-name{display:block;font-size:14px;font-weight:500;color:var(--color-foreground, #1a1a1a);line-height:1.3}.hex-config__dropdown-desc{display:block;font-size:12px;color:var(--color-foreground-secondary, #888);line-height:1.3;margin-top:1px}.hex-config__dropdown-badge{flex-shrink:0;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;white-space:nowrap}.hex-config__dropdown-badge.is-popular{background:#fff3cd;color:#7a5700}.hex-config__dropdown-arrow{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:transform .2s;color:var(--color-foreground-secondary, #888)}.hex-config__dropdown-btn[aria-expanded=true] .hex-config__dropdown-arrow{transform:rotate(180deg)}.hex-config__dropdown-arrow svg{width:14px;height:14px}.hex-config__dropdown-list{display:none;position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--color-background, #fff);border:1.5px solid var(--color-foreground, #1a1a1a);border-top:none;border-bottom-left-radius:20px;border-bottom-right-radius:20px;list-style:none;margin:0;padding:4px 0 8px;max-height:260px;overflow-y:auto}.hex-config__dropdown-list.is-open{display:block}.hex-config__dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .1s}.hex-config__dropdown-item:hover,.hex-config__dropdown-item.is-selected{background:var(--color-background-secondary, #f7f4ef)}.hex-config__dropdown-item-thumb{flex-shrink:0;width:38px;height:38px;border-radius:6px;overflow:hidden;background:transparent}.hex-config__dropdown-item-thumb img{width:100%;height:100%;object-fit:cover}.hex-config__dropdown-item-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.hex-config__dropdown-item-icon svg{width:22px;height:22px;fill:none;stroke:var(--color-foreground, #1a1a1a);stroke-width:1.5}.hex-config__dropdown-item-name{display:block;font-size:14px;font-weight:500;color:var(--color-foreground, #1a1a1a)}.hex-config__dropdown-item-desc{display:block;font-size:12px;color:var(--color-foreground-secondary, #888);margin-top:1px}.hex-config__collage-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hex-config__collage-card{background:#faf9f7;border:1.5px solid var(--color-border, #e0ddd6);border-radius:14px;padding:0 0 10px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s;overflow:hidden;font-family:inherit}.hex-config__collage-card:hover{background:#fff;border-color:var(--color-foreground-secondary, #aaa);box-shadow:0 4px 16px #00000014}.hex-config__collage-card.is-selected{background:#fff;border-color:var(--color-foreground, #1a1a1a);border-width:2px;box-shadow:0 4px 16px #00000014}.hex-config__collage-preview{width:100%;aspect-ratio:3 / 2;overflow:hidden;border-radius:12px 12px 0 0;background:#f0ede6;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:transparent}.hex-config__cta.is-disabled{background:#d9d6cf;color:#fff;cursor:not-allowed;opacity:.8}.hex-config__collage-preview img{width:100%;height:100%;object-fit:cover;background:transparent;display:block;opacity:.5;transition:opacity .2s}.hex-config__collage-card:hover .hex-config__collage-preview img,.hex-config__collage-card.is-selected .hex-config__collage-preview img{opacity:1}.hex-config__collage-label{font-size:13px;font-weight:500;color:var(--color-foreground, #1a1a1a);padding:0 8px;display:block}.hex-config__collage-preview-placeholder{display:flex;flex-wrap:wrap;gap:4px;padding:12px;align-items:center;justify-content:center}.hex-mini{display:inline-block;width:26px;height:26px;background:#e0ddd6;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.hex-mini--filled{background:#c8c4bc}.hex-config .hex-config__cta{background:#dfa11b;color:#fad7d4;border-radius:999px}.hex-config .hex-config__cta:hover{background:#dfa11b;filter:brightness(.95)}.hex-config .hex-config__cta.is-disabled,.hex-config .hex-config__cta.is-disabled:hover{background:#d9d6cf;color:#fff;filter:none}.hex-config__footer{margin-top:28px;padding-top:24px;border-top:1px solid var(--color-border, #e8e5de)}.hex-config__price-block{display:flex;flex-direction:column;margin-bottom:16px}.hex-config__price-label{font-size:14px;color:var(--color-foreground, #1a1a1a)}.hex-config__price{font-size:24px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:normal;color:var(--color-foreground, #1a1a1a);line-height:1.6;margin-top:2px}.hex-config__cta{width:100%;padding:16px 24px;background:#c8a96e;color:#fff;font-size:14px;font-weight:400;letter-spacing:.01em;border:none;border-radius:14px;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit}.hex-config__cta:hover{background:#b8975a}.hex-config__cta:active{transform:scale(.99)}.hex-media__main{position:relative;overflow:hidden}.hex-thumbs{display:flex;gap:8px;padding:10px 12px;background:#f5f2eb}.hex-thumbs__item{flex:1;aspect-ratio:1;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;padding:0;background:none;transition:border-color .15s}.hex-thumbs__item img{width:100%;height:100%;object-fit:cover;display:block}.hex-thumbs__item:hover{border-color:var(--color-foreground-secondary, #888)}.hex-thumbs__item.is-active{border-color:var(--color-foreground, #1a1a1a)}.hex-reviews{display:none;background:var(--color-background, #fff);border:1px solid var(--color-border, #e8e5de);border-radius:14px;overflow:hidden;margin-top:10px}@media(min-width:768px){.hex-reviews{display:block}}.hex-reviews--mobile{display:block;margin-top:24px;border-radius:14px;border:1px solid var(--color-border, #e8e5de);border-top:1px solid var(--color-border, #e8e5de)}@media(min-width:768px){.hex-reviews--mobile{display:none}}.hex-reviews__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--color-border, #e8e5de)}.hex-reviews__header-left{display:flex;align-items:center;gap:12px}.hex-reviews__ts-logo-link{flex-shrink:0;display:block}.hex-reviews__ts-logo{width:40px;height:40px;object-fit:contain;display:block}.hex-reviews__score-block{display:flex;flex-direction:column;gap:2px}.hex-reviews__stars{display:flex;align-items:center;gap:2px}.hex-reviews__stars svg{width:14px;height:14px;color:#e8a020}.hex-reviews__score-row{display:flex;align-items:baseline;gap:5px}.hex-reviews__score{font-size:15px;font-weight:700;color:var(--color-foreground, #1a1a1a)}.hex-reviews__score-label{font-size:12px;color:var(--color-foreground-secondary, #888)}.hex-reviews__ts-link{font-size:12px;color:var(--color-foreground-secondary, #777);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;flex-shrink:0}.hex-reviews__ts-link:hover{color:var(--color-foreground, #1a1a1a)}.hex-reviews__slider{position:relative;overflow:hidden}.hex-reviews__slide{display:none;padding:16px 20px}.hex-reviews__slide.is-active{display:block}.hex-reviews__slide-stars{display:flex;gap:2px;margin-bottom:8px}.hex-reviews__slide-stars svg{width:13px;height:13px;color:#e8a020}.hex-reviews__slide-text{font-size:13px;line-height:1.55;color:var(--color-foreground, #1a1a1a);font-style:italic;margin:0 0 8px}.hex-reviews__slide-author{font-size:12px;color:var(--color-foreground-secondary, #888)}.hex-reviews__nav{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px 14px;border-top:1px solid var(--color-border, #e8e5de)}.hex-reviews__nav-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-foreground-secondary, #999);padding:2px 6px;line-height:1;transition:color .15s;font-family:inherit}.hex-reviews__nav-btn:hover{color:var(--color-foreground, #1a1a1a)}.hex-reviews__dots{display:flex;gap:6px;align-items:center}.hex-reviews__dot{width:7px;height:7px;border-radius:50%;background:var(--color-border, #d0cdc6);border:none;cursor:pointer;padding:0;transition:background .15s}.hex-reviews__dot.is-active{background:var(--color-foreground, #1a1a1a)}.hex-usps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.hex-usps__item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-foreground-secondary, #666)}.hex-usps__item svg{width:18px;height:18px;flex-shrink:0;color:#5a9e6f}@media(min-width:768px){.hex-media__img{max-height:750px;object-fit:cover}}.hex-media{flex-direction:column!important}.hex-media__main{width:100%}.hex-thumbs,.hex-reviews{width:100%;flex-shrink:0}.hex-config__dropdown-placeholder{color:var(--color-foreground-secondary, #aaa);font-weight:400}.hex-config__dropdown-name:not(.hex-config__dropdown-placeholder){font-weight:600}.hex-config__dropdown-btn.has-value{border-color:var(--color-foreground, #1a1a1a)}@keyframes hex-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.hex-config__dropdown.is-missing .hex-config__dropdown-btn{border-color:#e05252;animation:hex-shake .5s ease}.hex-config__dropdown.is-required .hex-config__dropdown-btn,.hex-config__collage-card.is-required{border-color:#e05252;background:#fff8f8}.hex-config__required-label{font-size:11px;color:#e05252;margin-top:5px;display:block;transition:opacity .15s}.hex-config__group{isolation:isolate}.hex-config__group:has(.hex-config__dropdown-list.is-open){z-index:200}.hex-config__dropdown-icon svg,.hex-config__dropdown-item-icon svg{color:var(--color-foreground, #1a1a1a);stroke:var(--color-foreground, #1a1a1a);fill:none;width:24px;height:24px}.hex-config__dropdown-icon,.hex-config__dropdown-item-icon{width:32px;height:32px;flex-shrink:0}.hex-config__dropdown-item-icon svg,.hex-config__dropdown-icon svg{width:22px!important;height:22px!important;display:block}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hexagon-product.css.map */
