:root{--cb-brand: #184b4f;--cb-accent: #d2cc39;--cb-danger: #c0392b;--cb-radius: 6px}.coss-bundle-section{padding-bottom:170px}@media(min-width:750px){.coss-bundle-section{padding-bottom:100px}}.coss-bundle{max-width:1440px;margin:0 auto;width:100%;box-sizing:border-box}@media(min-width:1400px){.coss-bundle{padding-left:9rem;padding-right:9rem}}.coss-bundle__hero{text-align:center;padding:3.5rem 1.5rem 2rem}.coss-bundle__heading{font-size:clamp(1.75rem,4vw,2.6rem);font-weight:700;margin:0 0 .5rem;line-height:1.2;color:rgb(var(--color-foreground))}.coss-bundle__sub{font-size:16px;color:rgba(var(--color-foreground),.6);margin:0 0 1.25rem}.coss-bundle__offer-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--cb-brand);color:var(--cb-accent);font-size:13px;font-weight:700;letter-spacing:.01em;padding:.45rem 1.1rem;border-radius:100px;margin-bottom:1.75rem}.coss-bundle__steps{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;font-size:13px;color:rgba(var(--color-foreground),.65)}.coss-bundle__step{display:flex;align-items:center;gap:.35rem}.coss-bundle__step-num{width:1.4rem;height:1.4rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.coss-bundle__step-arrow{opacity:.35;font-size:14px}.cb-filter-bar{display:flex;gap:.5rem;padding:.65rem 1.25rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;background:rgb(var(--color-background));border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:50px;z-index:9}.cb-filter-bar--fixed{position:fixed!important;z-index:12!important;border-top:1px solid rgba(0,0,0,.06)}@media(min-width:768px){.cb-filter-bar{top:63px}}.cb-filter-bar::-webkit-scrollbar{display:none}.cb-filter-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .9rem;border:1.5px solid rgba(0,0,0,.18);border-radius:100px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.cb-filter-btn:hover{border-color:#00000059}.cb-filter-btn--active{background:var(--cb-brand);color:#fff;border-color:var(--cb-brand)}.cb-filter-count{font-size:11px;opacity:.7}.coss-bundle__topbar{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1.25rem;background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.08);font-size:13px;position:sticky;top:var(--header-group-height, 64px);z-index:10}.coss-bundle__topbar-count{font-weight:600;color:rgb(var(--color-foreground))}.coss-bundle__topbar-offer{color:var(--cb-brand);font-weight:700;font-size:12px}.coss-bundle__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;padding:1.25rem}@media(min-width:750px){.coss-bundle__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:1.75rem}}@media(min-width:990px){.coss-bundle__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2rem}}.coss-bundle-card{background:#fff;border:1px solid #ebebeb;border-radius:var(--cb-radius);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:box-shadow .22s ease}.coss-bundle-card:hover{box-shadow:0 6px 24px #0000001a}.coss-bundle-card--selected{border-color:var(--cb-brand)!important;box-shadow:0 0 0 2px var(--cb-brand)!important}.coss-bundle-card__img-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:rgba(var(--color-foreground),.04)}.coss-bundle-card__img-link{display:block;height:100%}.coss-bundle-card__img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.coss-bundle-card:hover .coss-bundle-card__img{transform:scale(1.04)}.coss-bundle-card__check-badge{position:absolute;top:.55rem;right:.55rem;width:1.9rem;height:1.9rem;border:none;border-radius:50%;background:var(--cb-brand);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s,background .2s;pointer-events:none;cursor:pointer;padding:0;z-index:2}.coss-bundle-card--selected .coss-bundle-card__check-badge{opacity:1;transform:scale(1);pointer-events:auto}.coss-bundle-card__check-badge:hover{background:#c0392b}.coss-bundle-card__body{padding:10px 20px 12px;display:flex;flex-direction:column;gap:.3rem;flex:1}.coss-bundle-card__title{font-size:13px;font-weight:500;margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.coss-bundle-card__title a{color:rgb(var(--color-foreground));text-decoration:none}.coss-bundle-card__title a:hover{color:var(--cb-brand)}.coss-bundle-card__vendor{font-size:10px;font-weight:500;color:rgba(var(--color-foreground),.7);letter-spacing:.04em;line-height:1;text-transform:uppercase;padding-top:2px}.coss-bundle-card__price-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:auto}.coss-bundle-card__price{font-size:16px;font-weight:700;color:#222}.coss-bundle-card__compare{font-size:13px;font-weight:400;color:#999;text-decoration:line-through}.coss-bundle-card__badge{font-size:11px;font-weight:700;color:#fff;background:#62679b;border-radius:20px;padding:2px 7px;white-space:nowrap;line-height:1.5}.coss-bundle-card__btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:12px 10px;border:none;border-radius:0;background:var(--cb-accent);color:#000;font-size:14px;font-weight:600;cursor:pointer;font-family:Open Sans,sans-serif;transition:background .18s;text-align:center;letter-spacing:.2px;white-space:nowrap}.coss-bundle-card__btn:hover{background:#b8b430}.coss-bundle-card--selected .coss-bundle-card__btn{background:var(--cb-brand);color:#fff}.coss-bundle-bar{position:fixed;bottom:0;left:0;right:0;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.1);box-shadow:0 -4px 24px rgba(var(--color-foreground),.1);z-index:10002;padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.coss-bundle-bar--visible{transform:translateY(0)}.coss-bundle-bar__inner{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;max-width:1440px;margin:0 auto}@media(max-width:749px){.coss-bundle-bar__inner{flex-direction:column;gap:.5rem;align-items:stretch;padding:.55rem 1rem}}.cb-slots-row{display:flex;gap:.45rem;flex:1;min-width:0}.cb-slot{flex:1;min-width:0;min-height:3.25rem;border:1.5px dashed rgba(0,0,0,.22);border-radius:10px;background:#00000005;overflow:hidden;position:relative;transition:border-color .15s;display:flex;align-items:center;justify-content:center}.cb-slot--filled{border-style:solid;border-color:var(--cb-brand);background:#184b4f0a;justify-content:flex-start}.cb-slot__empty{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.4rem .5rem}.cb-slot__plus{font-size:16px;line-height:1;color:#00000047;font-weight:300}.cb-slot__lbl{font-size:10px;color:#00000061;text-align:center;white-space:nowrap}.cb-slot__filled-inner{display:flex;align-items:center;gap:.35rem;padding:.35rem .4rem;width:100%;min-width:0}.cb-slot__img{width:2.4rem;height:2.4rem;object-fit:cover;border-radius:6px;flex-shrink:0;background:#0000000d}.cb-slot__info{flex:1;min-width:0}.cb-slot__name{font-size:11px;font-weight:600;color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.cb-slot__opts{font-size:10px;color:#0000007a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.05rem}.cb-slot__remove{flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:50%;background:#00000012;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;color:#00000073;padding:0;font-family:inherit;line-height:1;transition:background .15s,color .15s}.cb-slot__remove:hover{background:#c0392b24;color:var(--cb-danger)}.cb-bar-action{display:flex;align-items:center;gap:.6rem;flex-shrink:0}@media(max-width:749px){.cb-bar-action{justify-content:space-between}}.cb-bar-total{font-size:12px;line-height:1.35}.cb-bar-count{color:#0000007a;font-size:12px;display:block}#cb-price-display{display:flex;flex-direction:column;gap:.05rem}#cb-price-display[hidden]{display:none}.cb-price-row{display:flex;align-items:baseline;gap:.3rem}.cb-price-original{font-size:11px;color:#00000061;text-decoration:line-through}.cb-price-final{font-size:15px;font-weight:700;color:var(--cb-brand)}.cb-price-save{font-size:11px;font-weight:600;color:#2e7d32;background:#2e7d321a;padding:.1rem .3rem;border-radius:4px;display:inline-block;width:fit-content}.coss-bundle-bar__cta{background:var(--cb-brand);color:#fff;border:none;border-radius:8px;padding:.7rem 1.35rem;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s;white-space:nowrap;margin-top:.2rem}.coss-bundle-bar__cta:disabled{opacity:.4;cursor:not-allowed}.coss-bundle-bar__cta:not(:disabled):hover{opacity:.85}.coss-bundle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10200;display:flex;align-items:flex-end;justify-content:center}.coss-bundle-modal[hidden]{display:none}.coss-bundle-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a}.coss-bundle-modal__panel{position:relative;background:rgb(var(--color-background));border-radius:16px 16px 0 0;width:100%;max-height:92dvh;overflow-y:auto;padding:1.5rem 1.25rem 2rem;animation:cb-slide-up .25s ease}@keyframes cb-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:750px){.coss-bundle-modal{align-items:center}.coss-bundle-modal__panel{border-radius:16px;max-width:620px;max-height:88dvh;padding:2rem;animation:cb-pop-in .2s ease}@keyframes cb-pop-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}}.coss-bundle-modal__close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border:none;background:rgba(var(--color-foreground),.08);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));padding:0;flex-shrink:0}.coss-bundle-modal__close:hover{background:rgba(var(--color-foreground),.15)}.coss-bundle-modal__layout{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:750px){.coss-bundle-modal__layout{flex-direction:row;align-items:flex-start;gap:1.75rem}.coss-bundle-modal__img-side{width:180px;flex-shrink:0;position:sticky;top:0}}.coss-bundle-modal__img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:rgba(var(--color-foreground),.04);display:block;max-height:220px}@media(min-width:750px){.coss-bundle-modal__img{max-height:none}}.coss-bundle-modal__options-side{flex:1;min-width:0}.coss-bundle-modal__title{font-size:17px;font-weight:700;margin:0 0 .2rem;padding-right:2.5rem;color:rgb(var(--color-foreground))}.coss-bundle-modal__price{font-size:14px;font-weight:600;color:rgba(var(--color-foreground),.6);margin-bottom:1.1rem}.coss-bundle-modal__opt-group{margin-bottom:1.1rem}.coss-bundle-modal__opt-label{font-size:13px;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:.55rem}.coss-bundle-modal__opt-val{font-weight:400;color:rgba(var(--color-foreground),.55)}.coss-bundle-modal__opt-list{display:flex;flex-wrap:wrap;gap:.45rem}.cb-swatch-btn{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.15);cursor:pointer;flex-shrink:0;transition:border-color .15s,box-shadow .15s;padding:0}.cb-swatch-btn:hover{border-color:rgba(var(--color-foreground),.45)}.cb-swatch-btn--active{border-color:rgb(var(--color-foreground))!important;box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-foreground))}.cb-swatch-btn--oos{opacity:.3;cursor:not-allowed}.cb-opt-btn{padding:.35rem .7rem;border:1.5px solid rgba(var(--color-foreground),.2);border-radius:6px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,color .15s}.cb-opt-btn:hover{border-color:rgba(var(--color-foreground),.5)}.cb-opt-btn--active{background:#d2cc39;color:#000;border-color:#d2cc39}.cb-opt-btn--oos{opacity:.3;cursor:not-allowed;text-decoration:line-through}.coss-bundle-modal__confirm{width:100%;padding:.85rem;border:none;border-radius:8px;background:var(--cb-brand);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s;margin-top:.35rem}.coss-bundle-modal__confirm:disabled{opacity:.38;cursor:not-allowed}.coss-bundle-modal__confirm:not(:disabled):hover{opacity:.84}.coss-bundle-replace{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10300;display:flex;align-items:center;justify-content:center;padding:1.25rem}.coss-bundle-replace[hidden]{display:none}.coss-bundle-replace__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.coss-bundle-replace__panel{position:relative;background:rgb(var(--color-background));border-radius:14px;padding:1.75rem 1.5rem;max-width:380px;width:100%;text-align:center}.coss-bundle-replace__heading{font-size:18px;font-weight:700;margin:0 0 .35rem;color:rgb(var(--color-foreground))}.coss-bundle-replace__sub{font-size:14px;color:rgba(var(--color-foreground),.55);margin:0 0 1.25rem}.coss-bundle-replace__items{display:flex;flex-direction:column;gap:.65rem;margin-bottom:.85rem;text-align:left}.cb-replace-item{display:flex;align-items:center;gap:.85rem;padding:.7rem;border:1.5px solid rgba(var(--color-foreground),.1);border-radius:10px;cursor:pointer;background:none;font-family:inherit;width:100%;transition:border-color .15s}.cb-replace-item:hover{border-color:var(--cb-brand)}.cb-replace-item__img{width:3rem;height:3rem;object-fit:cover;border-radius:6px;flex-shrink:0;background:rgba(var(--color-foreground),.05)}.cb-replace-item__info{flex:1;min-width:0}.cb-replace-item__name{font-size:13px;font-weight:600;color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-replace-item__opts{font-size:12px;color:rgba(var(--color-foreground),.5);margin-top:.1rem}.coss-bundle-replace__cancel{width:100%;padding:.6rem;background:none;border:1.5px solid rgba(var(--color-foreground),.18);border-radius:8px;font-family:inherit;font-size:14px;cursor:pointer;color:rgba(var(--color-foreground),.6)}.coss-bundle-replace__cancel:hover{border-color:rgba(var(--color-foreground),.4);color:rgb(var(--color-foreground))}.coss-bundle-toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%) translateY(10px);background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:.6rem 1.25rem;border-radius:100px;font-size:13px;font-weight:600;z-index:10500;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}.coss-bundle-toast--show{opacity:1;transform:translate(-50%) translateY(0)}.coss-bundle-card__title a:focus-visible{outline:2px solid var(--cb-brand);outline-offset:2px;border-radius:2px}.coss-bundle-card__btn:focus-visible,.coss-bundle-bar__cta:focus-visible,.coss-bundle-modal__confirm:focus-visible{outline:2px solid var(--cb-brand);outline-offset:2px}.cb-search-bar{display:flex;align-items:center;gap:.6rem;margin:0 1.25rem 1rem;padding:.6rem 1rem;border:1.5px solid rgba(0,0,0,.18);border-radius:100px;background:rgb(var(--color-background))}.cb-search-icon{flex-shrink:0;color:rgba(var(--color-foreground),.5)}.cb-search-input{flex:1;min-width:0;border:none;outline:0;background:transparent;font-size:14px;color:rgb(var(--color-foreground))}.cb-search-input::placeholder{color:rgba(var(--color-foreground),.5)}.cb-search-clear{flex-shrink:0;display:flex;align-items:center;padding:2px;border:none;background:transparent;color:rgba(var(--color-foreground),.5);cursor:pointer;transition:color .2s ease}.cb-search-clear:hover{color:var(--cb-brand)}.cb-load-more{display:flex;margin:2rem auto;padding:.75rem 2rem;border:1.5px solid var(--cb-brand);border-radius:100px;background:transparent;color:var(--cb-brand);font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}.cb-load-more:hover{background:var(--cb-brand);color:#fff}.cb-load-more:disabled{opacity:.6;cursor:default}
/*# sourceMappingURL=/cdn/shop/t/11/assets/coss-bundle.css.map */