.kits-section{display:grid;grid-template-columns:1fr 36rem;gap:3.2rem;align-items:start;padding-top:4rem;padding-bottom:4rem}.kits__tabs{display:flex;gap:.8rem;margin-bottom:2.4rem}.kits__tab{padding:.8rem 2rem;border-radius:10rem;border:.2rem solid var(--kits-btn-bg, #c97070);background:transparent;color:var(--kits-btn-bg, #c97070);font-size:1.4rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.kits__tab--active{background:var(--kits-tab-active-bg, #c97070);color:var(--kits-tab-active-text, #fff)}.kits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.kits__grid--hidden{display:none}.kits__card{display:flex;flex-direction:column;gap:.6rem}.kits__card-image{position:relative;overflow:hidden;border-radius:.8rem;aspect-ratio:1 / 1;background:rgba(var(--color-foreground),.04)}.kits__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.kits__card-image:hover .kits__card-img{opacity:0}.kits__card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .3s ease;border-radius:.8rem}.kits__card-image:hover:after{opacity:1}.kits__card--selected .kits__card-image{outline:.2rem solid var(--kits-btn-bg, #c97070)}.kits__card-title{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05rem;margin:0;line-height:1.3}.kits__card-vendor{font-size:1.1rem;color:rgba(var(--color-foreground),.55);margin:0;text-transform:uppercase;letter-spacing:.05rem}.kits__card-variant{margin-top:.4rem}.kits__card-variant .select{width:100%;position:relative;overflow:hidden}.kits__card-variant .select__select{font-size:1.3rem;padding:.6rem 3.2rem .6rem 1rem;min-height:3.6rem;width:100%;max-width:100%}.kits__card-variant .svg-wrapper{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;width:1.2rem}.kits__swatch-dot{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:1.4rem;height:1.4rem;border-radius:50%;background:#ccc;pointer-events:none;z-index:1;flex-shrink:0;border:.1rem solid rgba(0,0,0,.15);background-size:cover;background-position:center}.kits__select--swatch{padding-left:2.8rem}.kits__add-btn{margin-top:auto;width:100%;font-size:1.3rem;font-weight:700;letter-spacing:.08rem;padding:.8rem 1rem;min-height:3.8rem;border-color:var(--kits-add-btn-border, #c97070)!important;color:var(--kits-add-btn-text, #c97070)!important;background:transparent!important;transition:background .2s,color .2s}.kits__add-btn:hover,.kits__card--selected .kits__add-btn{background:var(--kits-btn-bg, #c97070)!important;color:var(--kits-btn-text, #fff)!important}.kits__panel{position:sticky;top:3rem;border-radius:1.6rem;overflow:hidden;box-shadow:0 4px 24px #00000014}.kits__panel-header{background:var(--kits-panel-bg, #e8a0a0);padding:2.4rem 2.4rem 2rem;text-align:center}.kits__panel-title{font-size:2.8rem;font-weight:900;color:var(--kits-panel-title-color, #3d2b1f);margin:0 0 .6rem;line-height:1.1}.kits__panel-subtitle{font-size:1.4rem;color:var(--kits-panel-title-color, #3d2b1f);opacity:.75;margin:0}.kits__panel-body{background:rgb(var(--color-background));padding:2rem 2rem 2.4rem;display:flex;flex-direction:column;gap:1.6rem}.kits__slots{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-start;min-height:8rem;max-height:28rem;overflow-y:auto;padding:.8rem 0}.kits__slot{position:relative;width:calc((100% - 1.6rem) / 3);aspect-ratio:1 / 1;border-radius:.8rem;overflow:visible}.kits__slot--empty{background:rgba(var(--color-foreground),.03);border-radius:.8rem;display:flex;align-items:center;justify-content:center}.kits__slot-jar{width:72%;height:72%;color:rgba(var(--color-foreground),.22)}.kits__slot--filled img{width:100%;height:100%;object-fit:cover;border-radius:.8rem;display:block}.kits__slot-remove{position:absolute;top:-.6rem;right:-.6rem;width:2rem;height:2rem;border-radius:50%;background:var(--kits-btn-bg, #c97070);color:#fff;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;line-height:1}.kits__size-options{display:flex;flex-direction:column;gap:.8rem}.kits__size-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.4rem;border-radius:.8rem;border:.15rem solid rgba(var(--color-foreground),.12);cursor:pointer;transition:border-color .2s,background .2s}.kits__size-option:has(input:checked){border-color:var(--kits-btn-bg, #c97070);background:#c970700f}.kits__size-option input[type=radio]{accent-color:var(--kits-btn-bg, #c97070);width:1.6rem;height:1.6rem;flex-shrink:0}.kits__size-label{font-size:1.4rem;font-weight:600;flex:1}.kits__size-pct{font-weight:400;opacity:.7}.kits__size-price{font-size:1.3rem;color:rgba(var(--color-foreground),.65);white-space:nowrap}.kits__size-price s{margin-right:.4rem;opacity:.6}.kits__size-price strong{color:rgb(var(--color-foreground))}.kits__action-btn{width:100%;background:var(--kits-btn-bg, #c97070)!important;color:var(--kits-btn-text, #fff)!important;border-color:transparent!important;font-size:1.4rem;font-weight:700;letter-spacing:.08rem;min-height:4.8rem;opacity:.5;pointer-events:none;transition:opacity .2s}.kits__action-btn--ready{opacity:1;pointer-events:auto}@media screen and (max-width:749px){.kits-section{grid-template-columns:1fr;gap:2.4rem}.kits__panel{position:static;order:-1}.kits__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}.kits__panel-title{font-size:2.2rem}.kits__slot{width:calc((100% - 1.6rem) / 3)}}@media screen and (max-width:400px){.kits__grid{grid-template-columns:repeat(2,1fr)}}.kits__mobile-popup{display:none}@media screen and (max-width:749px){.kits__mobile-popup{display:block;position:fixed;bottom:0;left:0;right:0;z-index:200;transform:translateY(100%);transition:transform .3s ease;pointer-events:none}.kits__mobile-popup--visible{transform:translateY(0);pointer-events:auto}.kits__mobile-popup-inner{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom,0px));background:rgb(var(--color-background));box-shadow:0 -4px 20px #0000001f;border-top:.1rem solid rgba(var(--color-foreground),.08)}.kits__mobile-popup-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.kits__mobile-popup-count{font-size:1.3rem;font-weight:700;color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kits__mobile-popup-price{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.kits__mobile-popup-btn{flex:0 0 auto;background:var(--kits-popup-btn-bg, var(--kits-btn-bg, #c97070))!important;color:var(--kits-popup-btn-text, var(--kits-btn-text, #fff))!important;border-color:transparent!important;font-size:1.3rem;font-weight:700;letter-spacing:.06rem;padding:1rem 1.6rem;min-height:4.4rem;opacity:.5;pointer-events:none;transition:opacity .2s}.kits__mobile-popup-btn--ready{opacity:1;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/section-kits.css.map */