wwfs-complementary-products{--wwfs-c-charcoal: #313435;--wwfs-c-green: #6ebe45;--wwfs-c-orange: #f05b21;--wwfs-c-border: #e2e5e2;--wwfs-c-muted: #6b7072;--wwfs-c-soft: #f7f8f6;display:block;width:100%}.wwfs-complementary__panel{position:relative;overflow:hidden;padding:14px;background:#fff;border:1px solid var(--wwfs-c-border);border-radius:12px;box-shadow:0 3px 12px #3134350e}.wwfs-complementary__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.wwfs-complementary__heading{position:relative;margin:0;padding-left:12px;color:var(--wwfs-c-charcoal);font-size:19px;font-weight:750;line-height:1.2;letter-spacing:-.02em}.wwfs-complementary__heading:before{position:absolute;top:3px;bottom:3px;left:0;width:3px;background:var(--wwfs-c-orange);border-radius:999px;content:""}.wwfs-complementary__track{display:grid;gap:8px}.wwfs-complementary--carousel .wwfs-complementary__viewport{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.wwfs-complementary--carousel .wwfs-complementary__viewport::-webkit-scrollbar{display:none}.wwfs-complementary--carousel .wwfs-complementary__track{display:flex;width:max-content}.wwfs-complementary--carousel .wwfs-complementary__card{width:275px;scroll-snap-align:start}.wwfs-complementary__card{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px;min-width:0;padding:9px 40px 9px 9px;background:var(--wwfs-c-soft);border:1px solid transparent;border-radius:9px;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.wwfs-complementary__card.is-selected{background:#fbfdf9;border-color:#6ebe45b8;box-shadow:inset 0 0 0 1px #6ebe451a}.wwfs-complementary__check{position:absolute;top:9px;right:9px;z-index:2;display:grid;width:25px;height:25px;cursor:pointer;place-items:center}.wwfs-complementary__check-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.wwfs-complementary__check-box{display:grid;width:22px;height:22px;color:transparent;background:#fff;border:1.5px solid #b9bdb9;border-radius:6px;place-items:center;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.wwfs-complementary__check-box svg{width:14px;height:14px}.wwfs-complementary__check-input:checked+.wwfs-complementary__check-box{color:#fff;background:var(--wwfs-c-green);border-color:var(--wwfs-c-green)}.wwfs-complementary__check-input:focus-visible+.wwfs-complementary__check-box{outline:3px solid rgba(240,91,33,.28);outline-offset:2px}.wwfs-complementary__image-link{display:block;min-width:0;color:inherit}.wwfs-complementary__image-wrap{position:relative;width:68px;height:68px;overflow:hidden;background:#fff;border:1px solid #eceeeb;border-radius:7px}.wwfs-complementary__image,.wwfs-complementary__placeholder{display:block;width:100%;height:100%;object-fit:contain}.wwfs-complementary__content{min-width:0;align-self:center}.wwfs-complementary__title{display:-webkit-box;overflow:hidden;margin:0 0 4px;color:var(--wwfs-c-charcoal);font-size:13.5px;font-weight:700;line-height:1.28;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.wwfs-complementary__title:hover{color:var(--wwfs-c-charcoal);text-decoration:underline;text-decoration-color:var(--wwfs-c-orange);text-underline-offset:3px}.wwfs-complementary__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;color:var(--wwfs-c-charcoal);font-size:14px;line-height:1.2}.wwfs-complementary__price strong{font-size:15px;font-weight:780}.wwfs-complementary__price s{color:#d32f2f;font-size:12px}.wwfs-complementary__variant{display:block;margin-top:7px}.wwfs-complementary__variant label{display:block;margin-bottom:4px;color:var(--wwfs-c-muted);font-size:11px;font-weight:650;line-height:1.2}.wwfs-complementary__select{width:100%;min-width:0;height:34px;padding:0 30px 0 9px;color:var(--wwfs-c-charcoal);background-color:#fff;border:1px solid #ccd0cc;border-radius:7px;font:inherit;font-size:11px;font-weight:650;line-height:1;cursor:pointer}.wwfs-complementary__select:focus-visible{outline:3px solid rgba(240,91,33,.26);outline-offset:1px;border-color:var(--wwfs-c-orange)}.wwfs-complementary__footer{margin-top:10px}.wwfs-complementary__add{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.wwfs-complementary__add svg{width:18px;height:18px}.wwfs-complementary__add:disabled{opacity:.48;cursor:default}.wwfs-complementary__count,.wwfs-complementary__status{margin:6px 0 0;color:var(--wwfs-c-muted);font-size:11px;line-height:1.25;text-align:center}.wwfs-complementary__status:not(:empty){color:var(--wwfs-c-charcoal)}@media(max-width:768.98px){.wwfs-complementary-block{overflow:visible}.wwfs-complementary__panel{padding:13px 0 12px;border-right:0;border-left:0;border-radius:0;box-shadow:none}.wwfs-complementary__header,.wwfs-complementary__footer{padding-right:12px;padding-left:12px}.wwfs-complementary__heading{font-size:18px}.wwfs-complementary__viewport,.wwfs-complementary--list .wwfs-complementary__viewport{overflow-x:auto;overflow-y:hidden;padding-left:12px;scroll-padding-left:12px;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.wwfs-complementary__viewport::-webkit-scrollbar{display:none}.wwfs-complementary__track,.wwfs-complementary--list .wwfs-complementary__track{display:flex;align-items:flex-start;width:max-content;gap:9px;padding:1px 12px 6px 0}.wwfs-complementary__card,.wwfs-complementary--carousel .wwfs-complementary__card{display:flex;flex-direction:column;flex:0 0 min(68vw,218px);width:min(68vw,218px);min-height:0;height:auto;padding:9px;scroll-snap-align:start}.wwfs-complementary__check{top:9px;right:9px}.wwfs-complementary__image-link{width:100%}.wwfs-complementary__image-wrap{width:100%;height:126px;background:#fff}.wwfs-complementary__content{display:flex;flex:0 0 auto;flex-direction:column;width:100%}.wwfs-complementary__title{min-height:34px;margin-top:7px;margin-bottom:5px;font-size:12.5px;-webkit-line-clamp:2}.wwfs-complementary__price{margin-bottom:7px}.wwfs-complementary__variant{display:block;margin-top:7px}.wwfs-complementary__variant label{display:block;margin-bottom:4px}.wwfs-complementary__select{height:37px;font-size:11.5px}.wwfs-complementary__footer{margin-top:7px}.wwfs-complementary__add{min-height:47px}}@media(prefers-reduced-motion:reduce){.wwfs-complementary__card,.wwfs-complementary__check-box{transition:none}.wwfs-complementary__viewport{scroll-behavior:auto}}.wwfs-complementary__add{color:#fff;background:#313435;border-color:#313435}.wwfs-complementary__add:hover:not(:disabled){color:#fff;background:#222526;border-color:#222526}.wwfs-complementary__add:before,.wwfs-complementary__add:after{content:none!important;display:none!important}
/*# sourceMappingURL=/cdn/shop/t/132/assets/wwfs-complementary-products.css.map */