.bundle-system{position:relative;width:100%;overflow-x:hidden}.bundle-system__container{position:relative;width:100%;max-width:1440px;margin-inline:auto;padding-inline:16px;box-sizing:border-box}@media screen and (min-width:750px){.bundle-system__container{padding-inline:40px}}@media screen and (min-width:990px){.bundle-system__container{padding-inline:70px}}.bundle-system__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto 40px;gap:24px}@media screen and (min-width:750px){.bundle-system__header{margin-bottom:60px}}@media screen and (min-width:990px){.bundle-system__header{flex-direction:row;align-items:flex-end;justify-content:space-between;text-align:left;gap:32px;margin-bottom:80px}}.bundle-system__nav{display:none}@media screen and (min-width:990px){.bundle-system__nav{display:flex;gap:8px;flex-shrink:0}}.bundle-system__nav-btn{width:40px;height:40px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;background:#fff;border:1px solid #e2e8f0;color:#0f172b;padding:0}.bundle-system__nav-btn--next{background:#0f172b;border-color:#0f172b;color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000001a}.bundle-system__nav-btn svg{width:16px;height:16px}.bundle-system__nav-btn:focus-visible{outline:2px solid #defe36;outline-offset:3px}.bundle-system__heading{font-family:var(--font-heading-family);font-weight:700;font-size:28px;line-height:1.4;letter-spacing:normal;color:rgb(var(--color-foreground));text-align:center;margin:0;padding:0 20px;max-width:100%;word-wrap:break-word;white-space:normal}@media screen and (min-width:750px){.bundle-system__heading{font-size:48px}}@media screen and (min-width:990px){.bundle-system__heading{text-align:left;padding:0;flex:1 1 0;min-width:0}}.bundle-system__heading .bundle-system__heading-highlight{font-family:var(--font-heading-family);font-weight:700;color:rgb(var(--color-foreground));background-image:linear-gradient(var(--my-bg, #defe36),var(--my-bg, #defe36));background-size:100% 15px;background-position:0 85%;background-repeat:no-repeat;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:normal}.bundle-system__carousel{position:relative;width:100%;overflow:hidden}.bundle-system__swiper{overflow:visible;width:100%;padding-block:5px}.bundle-system__card{height:auto;width:280px;flex-shrink:0;margin-right:16px;display:flex;flex-direction:column;gap:26px;box-sizing:border-box}.bundle-system__swiper .swiper-wrapper>.bundle-system__card:last-child{margin-right:0}@media screen and (min-width:750px){.bundle-system__card{width:360px;margin-right:24px;gap:26px}}@media screen and (min-width:990px){.bundle-system__card{width:410px;margin-right:30px}}.bundle-system__image-wrapper{position:relative;aspect-ratio:1 / 1;background-color:#f3f5ee;border-radius:25px;overflow:hidden;box-shadow:0 25px 51px #00000026;width:100%;height:0;padding-bottom:100%}@supports (aspect-ratio: 1 / 1){.bundle-system__image-wrapper{height:auto;padding-bottom:0}}.bundle-system__badge{position:absolute;top:20px;left:20px;width:48px;height:48px;border-radius:50px;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;box-shadow:0 2px 10px #00000026;z-index:2;font-family:var(--font-heading-family);font-weight:700;font-size:16px;line-height:1.4;text-transform:capitalize;color:rgb(var(--color-foreground))}.bundle-system__image-wrapper img,.bundle-system__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transition:transform .7s ease;transform:scale(1);transform-origin:center;display:block;margin:0;padding:0;border:none;box-sizing:border-box}.bundle-system__card:hover .bundle-system__image-wrapper img,.bundle-system__card:hover .bundle-system__image{transform:scale(1.05)}.bundle-system__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f5ee}.bundle-system__image-placeholder svg{width:80%;height:80%;opacity:.3}.bundle-system__content{display:flex;flex-direction:column;gap:8px}.bundle-system__title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.bundle-system__title{font-family:var(--font-heading-family);font-weight:700;font-size:24px;line-height:37.5px;margin:0;flex:1}.bundle-system__toggle-btn{width:30px;height:30px;border-radius:50%;border:.75px solid #e5e7eb;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;padding:0;margin:0}.bundle-system__toggle-btn:hover{background-color:#0000000a}.bundle-system__toggle-btn:active{transform:scale(.95)}.bundle-system__icon-plus{width:15px;height:15px;color:#0000008c;transition:transform .3s ease;pointer-events:none;transform:rotate(0)}.bundle-system__icon-plus.open{transform:rotate(45deg)}.bundle-system__features{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bundle-system__feature-tag{padding:4px 11px;border-radius:5px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:normal;font-family:var(--font-body-family);line-height:16px}.bundle-system__description-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;overflow:hidden}.bundle-system__description-wrapper.open{grid-template-rows:1fr}.bundle-system__description-inner{overflow:hidden;min-height:0}.bundle-system__description{color:#4a5565;font-size:14px;line-height:1.6;margin:0;padding-top:0;font-family:var(--font-body-family);font-weight:400}.bundle-system__description p{margin:0 0 5px;color:inherit;font-size:inherit;line-height:inherit}.bundle-system__description p:last-child{margin-bottom:0}.bundle-system__pagination{display:flex;gap:11px;align-items:center;justify-content:center;margin-top:24px;width:100%}.bundle-system__pagination .swiper-pagination-bullet{width:14px;height:14px;border-radius:17px;background:#b4b4b4;opacity:1;margin:0;transition:width .3s ease,background .3s ease}.bundle-system__pagination .swiper-pagination-bullet-active{width:30px;background:#3c3c3c}@media screen and (min-width:990px){.bundle-system__pagination{display:none}}@media(prefers-reduced-motion:reduce){.bundle-system__image,.bundle-system__icon-plus,.bundle-system__description-wrapper,.bundle-system__toggle-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/section-bundle-system.css.map */