.the-system{background-color:var(--bg-color);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);overflow:hidden}.the-system__container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.the-system__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:30px}.the-system__header-left{display:flex;flex-direction:column;align-items:flex-start}.the-system__subheading{font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:12px;color:#222;text-transform:uppercase}.the-system__heading{font-size:40px;line-height:1.1;font-weight:500;margin:0 0 16px;color:#1d2129}.the-system__badge{display:inline-block;background-color:#cddcd7;padding:6px 14px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.05em;color:#4a5a54;text-transform:uppercase}.the-system .the-system__btn{font-size:14px}.the-system__grid{display:grid;grid-template-columns:1fr 80px 1fr;position:relative;align-items:start}.the-system__left{position:relative}.the-system__main-image-wrapper{position:relative;border-radius:12px;overflow:hidden;margin-bottom:24px;background-color:#f3f3f3}.the-system__main-image-wrapper:before{content:"";display:block;padding-top:100%}.the-system__main-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.the-system__swatches{position:absolute;bottom:20px;left:20px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:4px;border-radius:30px;display:flex;gap:4px;align-items:center;z-index:3}.the-system__swatch{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;font-weight:600;padding:3px 10px 3px 6px;border-radius:20px;transition:all .2s ease;color:#fff}.the-system__swatch-circle{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.the-system__swatch.is-active{background:#425160;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.the-system__right{display:grid;grid-template-columns:1fr 1fr;gap:24px}.the-system__small-item{display:flex;flex-direction:column}.small-item__image{border-radius:12px;overflow:hidden;margin-bottom:20px;position:relative;background-color:#f3f3f3}.small-item__image:before{content:"";display:block;padding-top:79%}.small-item__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.small-item__title{font-size:18px;font-weight:600;margin-bottom:8px}.small-item__desc{font-size:14px;color:#4a5568;line-height:1.5}.the-system__plus-wrapper{height:100%;display:flex;align-items:center;width:100%;justify-content:center}.the-system__plus-icon{width:40px;height:40px;background-color:#3d4a54;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;border:6px solid transparent;transition:transform .3s ease,background-color .3s ease;text-decoration:none;cursor:pointer}.the-system__plus-icon:hover{background-color:#2a343c}.the-system__plus-icon svg{width:20px;height:20px}.the-system .button-mobile{display:none}@media(max-width:1024px){.the-system__heading{font-size:32px}}@media(max-width:768px){.the-system{padding-top:40px;padding-bottom:40px}.the-system .section__header{padding-bottom:16px}.the-system__header{flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:40px}.the-system__header-left{align-items:center}.the-system__header-right{display:none}.the-system__grid{grid-template-columns:1fr;gap:40px}.the-system__right{gap:32px 16px}.the-system__plus-icon{display:none}.the-system__heading{font-size:28px;margin-bottom:12px}.the-system__main-image-wrapper:before{padding-top:100%}.the-system__swatches{left:10px;bottom:10px;padding:6px}.the-system__swatch{padding:4px 10px}.the-system .button-mobile{margin-top:16px;display:flex}.the-system__plus-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/the-system.css.map */