.band-builder{padding:2rem 0 4rem;font-family:Roboto,sans-serif;background-color:#fff}.band-builder *{box-sizing:border-box}.band-builder__breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;font-family:Kollektif,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.05em}.band-builder__breadcrumb-link{color:#000;text-decoration:none;transition:opacity .2s ease}.band-builder__breadcrumb-link:hover{opacity:.7}.band-builder__breadcrumb-separator{color:#000}.band-builder__breadcrumb-current{color:#666}.band-builder__container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media (max-width: 989px){.band-builder__container{grid-template-columns:1fr;gap:2rem}}.band-builder__media{position:sticky;top:2rem}@media (max-width: 989px){.band-builder__media{position:static}}.band-builder__image-wrapper{position:relative;background-color:#f8f7f2;border-radius:4px;overflow:hidden;aspect-ratio:1}.band-builder__main-image{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.band-builder__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:1rem}.band-builder__zoom-btn{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#fff;border:1px solid #dfdfdf;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#000}.band-builder__zoom-btn:hover{background:#000;color:#fff;border-color:#000}.band-builder__details{padding-top:1rem}.band-builder__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.band-builder__header-info{display:flex;flex-direction:column;gap:.5rem}.band-builder__title{font-family:"Noto Serif Display",serif;font-size:1.75rem;font-weight:400;color:#000;margin:0;line-height:1.3;letter-spacing:.02em}.band-builder__title span{display:inline}.band-builder__title span:not(:last-child):not(.band-builder__title-collection):after{content:" "}.band-builder__title-collection{color:#666;font-weight:300}.band-builder__sku-line{margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #eeeeee;font-family:Kollektif,sans-serif;font-size:.875rem;letter-spacing:.05em}.band-builder__sku-label{color:#666;margin-right:.5rem}.band-builder__sku-value{color:#999;font-weight:400}.band-builder__header-price{display:flex;flex-direction:column;gap:.25rem}.band-builder__header-price .band-builder__price-value{font-family:"Noto Serif Display",serif;font-size:1.75rem;font-weight:500;color:#000}.band-builder__price-disclaimer{font-size:.6875rem;color:#999;font-style:italic;letter-spacing:.02em}.band-builder__header-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.band-builder__btn--header-cart{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.875rem 1.5rem!important;background:#000!important;color:#fff!important;border:1px solid #000000!important;font-family:Kollektif,sans-serif!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;cursor:pointer!important;transition:all .2s ease!important;border-radius:30px!important;white-space:nowrap!important}.band-builder__btn--header-cart:hover{background:#333!important;border-color:#333!important}.band-builder__btn--header-cart:disabled{background:#dfdfdf!important;border-color:#dfdfdf!important;color:#999!important;cursor:not-allowed!important}@media (max-width: 749px){.band-builder__title{font-size:1.25rem}.band-builder__header-price .band-builder__price-value{font-size:1.5rem}.band-builder__header-actions{width:100%;align-items:stretch}.band-builder__btn--header-cart{width:100%}}.band-builder__change-model-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;border:1px solid #000000;border-radius:30px;background:transparent;color:#000;font-family:Kollektif,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:all .2s ease;cursor:pointer;white-space:nowrap}.band-builder__change-model-btn:hover{background:#000;color:#fff}.band-builder__description-dropdown{padding:1.5rem 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}.band-builder__description-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:0;cursor:pointer;font-family:Kollektif,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#999;text-transform:uppercase;transition:color .2s ease}.band-builder__description-toggle:hover,.band-builder__description-toggle[aria-expanded=true]{color:#000}.band-builder__description-icon{transition:transform .3s ease;color:#000}.band-builder__description-toggle[aria-expanded=true] .band-builder__description-icon{transform:rotate(180deg)}.band-builder__description-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.band-builder__description-content[data-expanded=true]{max-height:500px;overflow:visible}.band-builder__description{font-size:1rem;line-height:1.7;color:#333;padding-top:1rem}.band-builder__description p{margin:0 0 1rem}.band-builder__description p:last-child{margin-bottom:0}.band-builder__variant-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #dfdfdf;font-style:italic;color:#666}.band-builder__option{padding:1.5rem 0;border-top:1px solid #dfdfdf}.band-builder__option:last-of-type{border-bottom:1px solid #dfdfdf}.band-builder__option-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.band-builder__option-label{font-family:Kollektif,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#999;text-transform:uppercase}.band-builder__option-value{font-family:Kollektif,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.05em;color:#000}.band-builder__option-optional{font-weight:400;font-size:.7rem;color:#999}.band-builder__swatches{display:flex;flex-wrap:wrap;gap:.75rem}.band-builder__swatch{width:48px;height:48px;border-radius:50%;border:2px solid #dfdfdf;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;background-color:#f5f5f5;padding:0}.band-builder__swatch:hover{border-color:#000;transform:scale(1.05)}.band-builder__swatch.is-selected{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.band-builder__swatch--color.swatch--white{background:linear-gradient(145deg,#f5f5f5,#e8e8e8,#d9d9d9)}.band-builder__swatch--color.swatch--yellow{background:linear-gradient(145deg,gold,#e6c200,#ccac00)}.band-builder__swatch--color.swatch--rose{background:linear-gradient(145deg,#f4c2b3,#e8b4a0,#d9a08d)}.band-builder__swatch--color.swatch--platinum{background:linear-gradient(145deg,#e5e4e2,#d4d4d4,#c4c4c4)}.band-builder__swatch--color.swatch--pink{background:linear-gradient(145deg,#e0beac,#d4a896,#c89280)}.band-builder__swatch--color.swatch--two-tone-white-rose{background:linear-gradient(135deg,#f5f5f5 50%,#e8b4a0 50%)}.band-builder__swatch--color.swatch--two-tone-rose-white{background:linear-gradient(135deg,#e8b4a0 50%,#f5f5f5 50%)}.band-builder__swatch--color.swatch--two-tone-white-yellow{background:linear-gradient(135deg,#f5f5f5 50%,gold 50%)}.band-builder__swatch--color.swatch--two-tone-yellow-white{background:linear-gradient(135deg,gold 50%,#f5f5f5 50%)}.band-builder__swatch--color.swatch--two-tone-pink-white{background:linear-gradient(135deg,#e0beac 50%,#f5f5f5 50%)}.band-builder__swatch--color.swatch--two-tone-white-pink{background:linear-gradient(135deg,#f5f5f5 50%,#e0beac 50%)}.band-builder__swatch--finish.swatch--satin{background-image:url(/cdn/shop/files/01.png?v=1765567592);background-size:cover;background-position:center;background-repeat:no-repeat}.band-builder__swatch--finish.swatch--scratched{background-image:url(/cdn/shop/files/04.png?v=1765567591);background-size:cover;background-position:center;background-repeat:no-repeat}.band-builder__swatch--finish.swatch--hammered{background-image:url(/cdn/shop/files/02.png?v=1765567592);background-size:cover;background-position:center;background-repeat:no-repeat}.band-builder__swatch--finish.swatch--polished{background-image:url(/cdn/shop/files/03.png?v=1765567591);background-size:cover;background-position:center;background-repeat:no-repeat}.band-builder__swatch--finish.swatch--roll{background-image:url(/cdn/shop/files/05.png?v=1765567592);background-size:cover;background-position:center;background-repeat:no-repeat}.band-builder__swatch--finish.swatch--flap{background-image:url(/cdn/shop/files/06.png?v=1765567591);background-size:cover;background-position:center;background-repeat:no-repeat}.band-builder__swatch--finish.swatch--matte{background:#e0e0e0}.band-builder__swatch--finish.swatch--stone{background:repeating-linear-gradient(0deg,#d0d0d0,#e0e0e0,#d5d5d5 2px)}.band-builder__option--dropdown{padding:1.5rem 0}.band-builder__dropdown-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 749px){.band-builder__dropdown-row{grid-template-columns:1fr;gap:1.5rem}}.band-builder__dropdown-group{display:flex;flex-direction:column;gap:.5rem}.band-builder__select-wrapper{position:relative;display:flex;align-items:center}.band-builder__select{width:100%;padding:.875rem 2.5rem .875rem 0;border:none;border-bottom:1px solid #dfdfdf;background:transparent;font-family:Kollektif,sans-serif;font-size:.875rem;font-weight:700;color:#000;letter-spacing:.05em;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease}.band-builder__select:hover,.band-builder__select:focus{border-color:#000;outline:none}.band-builder__select:disabled{color:#999;cursor:not-allowed}.band-builder__select-icon{position:absolute;right:0;pointer-events:none;color:#000}.band-builder__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem!important;margin-top:2rem!important;width:100%!important}.band-builder__actions .band-builder__btn{width:100%!important;max-width:none!important}@media (max-width: 749px){.band-builder__actions{grid-template-columns:1fr!important;gap:.75rem!important}.band-builder__actions .band-builder__btn{width:100%!important;max-width:100%!important;padding:1.125rem 1.5rem!important;box-sizing:border-box!important}}.band-builder__btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;font-family:Kollektif,sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:none;border-radius:0;cursor:pointer;transition:all .2s ease;white-space:nowrap}.band-builder__btn--primary{background:#000;color:#fff;border:2px solid #000000}.band-builder__btn--primary:hover{background:#333;border-color:#333}.band-builder__btn--secondary{background:#fff;color:#000;border:2px solid #000000}.band-builder__btn--secondary:hover{background:#f8f7f2}.band-builder__add-to-cart{display:flex;align-items:center;justify-content:center;margin-top:1rem}.band-builder__btn--add-to-cart{flex:1!important;max-width:none!important;width:100%!important;background:#000!important;color:#fff!important;border:2px solid #000000!important}.band-builder__btn--add-to-cart:hover{background:#333!important}.band-builder__btn--add-to-cart:disabled{background:#dfdfdf!important;border-color:#dfdfdf!important;color:#999!important;cursor:not-allowed!important}.band-builder-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.band-builder-modal[aria-hidden=false]{opacity:1;visibility:visible}.band-builder-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009}.band-builder-modal__content{position:relative;background:#fff;padding:3rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform .3s ease}.band-builder-modal[aria-hidden=false] .band-builder-modal__content{transform:translateY(0)}.band-builder-modal__content--save{max-width:450px}.band-builder-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#000;padding:.5rem;transition:opacity .2s ease}.band-builder-modal__close:hover{opacity:.7}.band-builder-modal__title{font-family:Kollektif,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#000}.band-builder-modal__subtitle{font-size:.9375rem;color:#666;margin:0 0 2rem}.band-builder-modal__form{display:flex;flex-direction:column;gap:1.25rem}.band-builder-modal__field{display:flex;flex-direction:column;gap:.5rem}.band-builder-modal__field label{font-family:Kollektif,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#000;text-transform:uppercase}.band-builder-modal__field input,.band-builder-modal__field textarea{padding:.875rem 1rem;border:1px solid #dfdfdf;font-family:Roboto,sans-serif;font-size:.9375rem;transition:border-color .2s ease}.band-builder-modal__field input:focus,.band-builder-modal__field textarea:focus{outline:none;border-color:#000}.band-builder-modal__field textarea{resize:vertical;min-height:100px}.band-builder-modal__preview-summary{background:#f8f7f2;padding:1.25rem;margin-bottom:1rem;font-size:.875rem;line-height:1.6}.band-builder-modal__preview-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #dfdfdf}.band-builder-modal__preview-item:last-child{border-bottom:none}.band-builder-modal__preview-label{color:#666}.band-builder-modal__preview-value{font-weight:600;color:#000}@media (max-width: 749px){.band-builder{padding:1rem 0 3rem}.band-builder__breadcrumb{margin-bottom:1.5rem;font-size:.75rem}.band-builder__header{flex-direction:column;align-items:flex-start;gap:1rem}.band-builder__change-model-btn{width:100%;justify-content:center}.band-builder__swatch{width:42px;height:42px}.band-builder-modal__content{padding:2rem}.band-builder-modal__title{font-size:1.25rem;padding-right:2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.band-builder__option{animation:fadeIn .4s ease forwards}.band-builder__option:nth-child(1){animation-delay:.1s}.band-builder__option:nth-child(2){animation-delay:.2s}.band-builder__option:nth-child(3){animation-delay:.3s}.band-builder__option:nth-child(4){animation-delay:.4s}.band-builder__main-image.is-loading{opacity:.5}.band-builder__btn.is-success{background:#2e7d32;border-color:#2e7d32;color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.band-builder__floating-preview{display:none}@media (max-width: 989px){.band-builder__floating-preview{display:block;position:fixed;bottom:20px;left:16px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.band-builder__floating-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.band-builder__floating-preview.is-collapsed .band-builder__preview-image-container{width:0;height:0;opacity:0;margin-bottom:0;padding:0;border:none}.band-builder__preview-image-container{position:relative;width:42vw;min-width:140px;height:42vw;min-height:140px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;overflow:hidden;margin-bottom:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.band-builder__preview-image{width:100%;height:calc(100% - 44px);object-fit:contain;padding:8px;background:#f8f7f2}.band-builder__preview-price{position:absolute;bottom:0;left:0;right:0;background:#000;color:#fff;padding:8px 10px;border-radius:0 0 12px 12px;text-align:center}.band-builder__preview-price-value{font-family:"Noto Serif Display",serif;font-size:.9375rem;font-weight:500;display:block}.band-builder__preview-price-disclaimer{font-size:.5625rem;color:#ffffffb3;font-style:italic;display:block;margin-top:2px}.band-builder__floating-preview.is-collapsed .band-builder__preview-price{opacity:0;visibility:hidden}.band-builder__preview-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#dbd3c6;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 12px #00000026;transition:all .2s ease;color:#000}.band-builder__preview-toggle:hover{transform:scale(1.08);background:#cfc6b8;box-shadow:0 4px 16px #0003}.band-builder__preview-toggle:active{transform:scale(.95)}.band-builder__preview-toggle-icon{width:16px;height:16px;transition:transform .3s ease}.band-builder__floating-preview.is-collapsed .band-builder__preview-toggle-icon{transform:rotate(180deg)}@keyframes previewPulse{0%,to{box-shadow:0 2px 12px #00000026}50%{box-shadow:0 2px 12px #00000026,0 0 0 8px #dbd3c680}}.band-builder__preview-toggle.is-pulsing{animation:previewPulse 1.5s ease-out 2}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/band-builder.css.map */