.addon-products{margin:0 0 24px}.addon-products__carousel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.addon-products__viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;position:relative}.addon-products__viewport::-webkit-scrollbar{display:none}.addon-products__viewport.is-dragging{cursor:grabbing;scroll-behavior:auto}.addon-products__carousel-wrapper{--addon-cols: 4;--addon-gap: 12px}.addon-products__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--addon-cols) - 1) * var(--addon-gap)) / var(--addon-cols));gap:var(--addon-gap);width:100%}.addon-products__item{min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px}.addon-products__image-link{display:block}.addon-products__image-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f5f5f5;border-radius:4px}.addon-products__img{width:100%;height:100%;object-fit:cover;display:block}.addon-products__info{display:flex;flex-direction:column;gap:4px}.addon-products__title{font-size:13px;line-height:1.3;color:inherit;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.6em;overflow-wrap:anywhere}.addon-products__title:hover{text-decoration:underline}.addon-products__price{font-size:13px;font-weight:600}.addon-products__button{margin-top:8px;width:auto;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600;border:1px solid var(--addon-button-bg);background:var(--addon-button-bg);color:var(--addon-button-text);cursor:pointer;border-radius:999px;transition:background .2s ease,color .2s ease,opacity .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;appearance:none;-webkit-appearance:none;align-self:flex-start}.addon-products__button:hover{background:#fff;color:#000;border-color:#000}.addon-products__button:focus-visible,.addon-products__nav:focus-visible{outline:2px solid #000;outline-offset:2px}.addon-products__button.is-loading{opacity:.7;pointer-events:none}.addon-products__button span{color:inherit}.addon-products__soldout{margin-top:auto;min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#666;text-align:center;border-radius:6px;background:#f1f1f1;padding:10px 12px}.addon-products__nav{width:36px;height:36px;border:1px solid #ddd;border-radius:999px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:0 0 36px;z-index:2}.addon-products__nav:disabled{opacity:.35;cursor:default}.is-static>.addon-products__nav{visibility:hidden}.addon-products__nav svg{width:16px;height:16px;pointer-events:none}@media screen and (max-width:767px){.addon-products__carousel{grid-template-columns:auto 1fr auto;gap:8px}.addon-products__carousel-wrapper{--addon-cols: 2.5}.addon-products__nav{display:none}}@media screen and (min-width:480px)and (max-width:767px){.addon-products__carousel-wrapper{--addon-cols: 2.5}}.maintenance-bundle{margin-top:18px;padding:18px;margin-bottom:24px}.maintenance-bundle__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center}.maintenance-bundle__header{margin-bottom:14px}.maintenance-bundle__heading{margin:0 0 8px;font-size:20px;line-height:1.1}.maintenance-bundle__text{margin:0;font-size:14px;line-height:1.5;opacity:.8}.maintenance-bundle__card{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:#fff;border-radius:10px;padding:12px}.maintenance-bundle__image-link{display:block}.maintenance-bundle__image{width:110px;height:110px;object-fit:cover;border-radius:8px;display:block;background:#f3f3f3}.maintenance-bundle__info{display:flex;flex-direction:column;gap:6px}.maintenance-bundle__title{color:inherit;text-decoration:none;font-size:14px;line-height:1.3;font-weight:500}.maintenance-bundle__title:hover{text-decoration:underline}.maintenance-bundle__price{font-size:14px;font-weight:700}.maintenance-bundle__btn{margin-top:8px;width:auto;min-height:36px;padding:8px 14px;border:1px solid var(--addon-button-bg);background:var(--addon-button-bg);color:var(--addon-button-text);border-radius:999px;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;transition:background .2s ease,color .2s ease,opacity .2s ease;align-self:flex-start;opacity:1!important;visibility:visible!important;transform:none!important}.maintenance-bundle__btn:hover{background:#000;color:#fff}.maintenance-bundle__btn.is-loading{opacity:.7;pointer-events:none}.maintenance-bundle__sold-out{font-size:12px;opacity:.6}@media screen and (max-width:767px){.maintenance-bundle__inner{grid-template-columns:1fr}.maintenance-bundle__heading{font-size:18px;text-align:center}.maintenance-bundle__card{grid-template-columns:88px 1fr}.maintenance-bundle__image{width:88px;height:88px}}.addon-products__carousel-wrapper{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}@media screen and (max-width:767px){.addon-products__carousel-wrapper{grid-template-columns:minmax(0,1fr)}}.maintenance-bundle__btn{opacity:1!important;visibility:visible!important;transform:none!important;display:inline-flex!important}.addon-products__info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.addon-products__title,.addon-products__price{text-align:center}.addon-products__button{align-self:center;background:#000;color:#fff}.addon-products__button.is-loading,.maintenance-bundle__btn.is-loading{opacity:1}.addon-products__button [data-btn-loading],.maintenance-bundle__btn [data-btn-loading]{display:none!important}.addon-products__button.is-loading [data-btn-text],.maintenance-bundle__btn.is-loading [data-btn-text]{display:inline!important}.addon-products__toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(12px);background:#111;color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;line-height:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s ease;z-index:999}.addon-products__toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.addon-products__desktop-row{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:768px){.addon-products__desktop-row .addon-products__carousel-wrapper{--addon-cols: 2}}@media screen and (min-width:1068px){.addon-products__desktop-row .addon-products__carousel-wrapper{--addon-cols: 3}}@media screen and (min-width:768px){.addon-products__desktop-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}}.addon-products__col{padding:18px;margin:0;box-sizing:border-box}.maintenance-bundle.addon-products__col{margin-top:0;margin-bottom:0}.addon-products__desktop-row>.addon-products__col{background:var(--addon-card-bg, #f5f5f5);border-radius:10px;height:100%}@media screen and (min-width:768px){.addon-products__desktop-row{grid-template-rows:auto auto;row-gap:0}.addon-products__desktop-row>.addon-products__col{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;align-content:start}.addon-products__desktop-row>.addon-products__col>.addon-products__carousel-wrapper{grid-row:2}.addon-products__desktop-row .maintenance-bundle__header,.addon-products__desktop-row .addon-products__header{margin:0 0 14px}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/addon-products.css.map */
