.how-style .container{max-width:1332px;padding-inline:16px;margin:0 auto}.how-style__header{margin-bottom:2.4rem}.how-style__header h2{margin:0 0 .8rem;color:rgb(var(--color-text-heading));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.how-style__header p{margin:0;color:rgb(var(--color-foreground))}.how-style__item{min-width:0}.how-style__grid{--f-column-gap: 1rem;gap:1rem}@media screen and (min-width:990px){.how-style__grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,auto)}.how-style__item:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}.how-style__item:nth-child(2){grid-column:3 / 4;grid-row:1 / 2}.how-style__item:nth-child(3){grid-column:4 / 5;grid-row:1 / 2}.how-style__item:nth-child(4){grid-column:5 / 7;grid-row:1 / 3}.how-style__item:nth-child(5){grid-column:3 / 4;grid-row:2 / 3}.how-style__item:nth-child(6){grid-column:4 / 5;grid-row:2 / 3}}.how-style--items-2 .how-style__grid{--f-column-gap: 0}@media screen and (min-width:990px){.how-style--items-2 .how-style__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:0}.how-style--items-2 .how-style__item:nth-child(n){grid-column:auto;grid-row:auto}.how-style--items-2 .how-style__item{padding:8px;border:none;border-radius:0}.how-style--items-2 .how-style__item:first-child{border-inline-end:1px solid #e5e7eb}.how-style--items-2 .how-style__item .how-it-style-card__info{align-items:center;text-align:center}}@media screen and (max-width:989px){.how-style--items-2 .how-style__grid:not(.swiper-wrapper){gap:0}.how-style--items-2 .how-style__item{padding:8px;border:none;border-radius:0}.how-style--items-2 .how-style__item:first-child{border-inline-end:1px solid #e5e7eb}.how-style--items-2 .how-style__item .how-it-style-card__info{align-items:center;text-align:center}}.how-style--items-3 .how-style__grid{--f-column-gap: 0}@media screen and (min-width:990px){.how-style--items-3 .how-style__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:0}.how-style--items-3 .how-style__item:nth-child(n){grid-column:auto;grid-row:auto}.how-style--items-3 .how-style__item{padding:8px;border:none;border-radius:0}.how-style--items-3 .how-style__item:nth-child(1),.how-style--items-3 .how-style__item:nth-child(2){border-inline-end:1px solid #e5e7eb}.how-style--items-3 .how-style__item .how-it-style-card__info{align-items:center;text-align:center}}@media screen and (max-width:989px){.how-style--items-3 .how-style__grid:not(.swiper-wrapper){gap:0}.how-style--items-3 .how-style__item{padding:8px;border:none;border-radius:0}.how-style--items-3 .how-style__grid:not(.swiper-wrapper) .how-style__item:nth-child(1){border-inline-end:1px solid #e5e7eb}.how-style--items-3 .how-style__item .how-it-style-card__info{align-items:center;text-align:center}}.how-style--items-4 .how-style__grid{--f-column-gap: 0}@media screen and (min-width:990px){.how-style--items-4 .how-style__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;align-items:stretch}.how-style--items-4 .how-style__item:nth-child(1){grid-column:1 / 2;grid-row:1 / -1}.how-style--items-4 .how-style__item:nth-child(2){grid-column:2 / 3;grid-row:1 / -1}.how-style--items-4 .how-style__item:nth-child(3){grid-column:3 / 4;grid-row:1 / 2}.how-style--items-4 .how-style__item:nth-child(4){grid-column:3 / 4;grid-row:2 / 3}.how-style--items-4 .how-style__item{padding:8px;border:none;border-radius:0}.how-style--items-4 .how-style__item:nth-child(1),.how-style--items-4 .how-style__item:nth-child(2){border-inline-end:1px solid #e5e7eb}.how-style--items-4 .how-style__item:nth-child(3){border-block-end:1px solid #e5e7eb}.how-style--items-4 .how-style__item .how-it-style-card__info{align-items:center;text-align:center}html[dir=rtl] .how-style--items-4 .how-style__item:nth-child(1){grid-column:3 / 4;grid-row:1 / -1}html[dir=rtl] .how-style--items-4 .how-style__item:nth-child(2){grid-column:2 / 3;grid-row:1 / -1}html[dir=rtl] .how-style--items-4 .how-style__item:nth-child(3){grid-column:1 / 2;grid-row:1 / 2}html[dir=rtl] .how-style--items-4 .how-style__item:nth-child(4){grid-column:1 / 2;grid-row:2 / 3}html[dir=rtl] .how-style--items-4 .how-style__item:nth-child(1),html[dir=rtl] .how-style--items-4 .how-style__item:nth-child(2){border-inline-end:none}html[dir=rtl] .how-style--items-4 .how-style__item:nth-child(3),html[dir=rtl] .how-style--items-4 .how-style__item:nth-child(4){border-inline-end:1px solid #e5e7eb}html[dir=rtl] .how-style--items-4 .how-style__item:nth-child(2){border-inline-end:1px solid #e5e7eb}}@media screen and (max-width:989px){.how-style--items-4 .how-style__grid:not(.swiper-wrapper){gap:0}.how-style--items-4 .how-style__item{padding:8px;border:none;border-radius:0}.how-style--items-4 .how-style__grid:not(.swiper-wrapper) .how-style__item:nth-child(1){border-inline-end:1px solid #e5e7eb}.how-style--items-4 .how-style__grid:not(.swiper-wrapper) .how-style__item:nth-child(3){border-inline-end:1px solid #e5e7eb}.how-style--items-4 .how-style__item .how-it-style-card__info{align-items:center;text-align:center}}.how-style--items-5 .how-style__grid{--f-column-gap: 0}@media screen and (min-width:990px){.how-style--items-5 .how-style__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:0;align-items:stretch}.how-style--items-5 .how-style__item:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}.how-style--items-5 .how-style__item:nth-child(2){grid-column:1 / 2;grid-row:2 / 3}.how-style--items-5 .how-style__item:nth-child(3){grid-column:2 / 3;grid-row:1 / -1}.how-style--items-5 .how-style__item:nth-child(4){grid-column:3 / 4;grid-row:1 / 2}.how-style--items-5 .how-style__item:nth-child(5){grid-column:3 / 4;grid-row:2 / 3}.how-style--items-5 .how-style__item{padding:8px;border:none;border-radius:0}.how-style--items-5 .how-style__item:nth-child(1),.how-style--items-5 .how-style__item:nth-child(4){border-block-end:1px solid #e5e7eb}.how-style--items-5 .how-style__item:nth-child(3){border-inline-start:1px solid #e5e7eb;border-inline-end:1px solid #e5e7eb}.how-style--items-5 .how-style__item .how-it-style-card__info{align-items:center;text-align:center}html[dir=rtl] .how-style--items-5 .how-style__item:nth-child(1){grid-column:3 / 4;grid-row:1 / 2}html[dir=rtl] .how-style--items-5 .how-style__item:nth-child(2){grid-column:3 / 4;grid-row:2 / 3}html[dir=rtl] .how-style--items-5 .how-style__item:nth-child(3){grid-column:2 / 3;grid-row:1 / -1}html[dir=rtl] .how-style--items-5 .how-style__item:nth-child(4){grid-column:1 / 2;grid-row:1 / 2}html[dir=rtl] .how-style--items-5 .how-style__item:nth-child(5){grid-column:1 / 2;grid-row:2 / 3}}@media screen and (max-width:989px){.how-style--items-5 .how-style__grid:not(.swiper-wrapper){gap:0}.how-style--items-5 .how-style__item{padding:8px;border:none;border-radius:0}.how-style--items-5 .how-style__grid:not(.swiper-wrapper) .how-style__item:nth-child(1),.how-style--items-5 .how-style__grid:not(.swiper-wrapper) .how-style__item:nth-child(3){border-inline-end:1px solid #e5e7eb}.how-style--items-5 .how-style__item .how-it-style-card__info{align-items:center;text-align:center}}@media screen and (min-width:990px){.how-style:not(.how-style--items-2):not(.how-style--items-3):not(.how-style--items-4):not(.how-style--items-5) .how-style__item:nth-child(2),.how-style:not(.how-style--items-2):not(.how-style--items-3):not(.how-style--items-4):not(.how-style--items-5) .how-style__item:nth-child(3),.how-style:not(.how-style--items-2):not(.how-style--items-3):not(.how-style--items-4):not(.how-style--items-5) .how-style__item:nth-child(5),.how-style:not(.how-style--items-2):not(.how-style--items-3):not(.how-style--items-4):not(.how-style--items-5) .how-style__item:nth-child(6){padding:8px;border:1px solid #E5E7EB;border-radius:8px}}.how-it-style-card__form{position:absolute;left:0;bottom:0;margin:0;padding:0;border:none;background:none}.how-it-style-card__plus{position:relative;background-color:#fff;width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0}.how-it-style-card__plus:disabled{cursor:default;pointer-events:none;opacity:1!important}.how-it-style-card__plus:disabled:not(.how-it-style-card__plus--added){opacity:.5}.how-style__header{text-align:center;margin-bottom:27px}.how-style__header h2{font-weight:600;font-style:SemiBold;font-size:36px;letter-spacing:-.9px;margin-bottom:12px}.how-style__header p{font-weight:400;font-style:Regular;font-size:16px;line-height:24px}.how-it-style-card__plus.btn--loading{pointer-events:none}.how-style__item:nth-child(2) .how-it-style-card__info,.how-style__item:nth-child(3) .how-it-style-card__info,.how-style__item:nth-child(5) .how-it-style-card__info,.how-style__item:nth-child(6) .how-it-style-card__info{align-items:center;text-align:center}.how-style__item .swym-wishlist-collections-v2-container{display:none}.how-it-style-card__image-wrapper{position:relative;overflow:hidden;border-radius:var(--blocks-radius, 0)}.how-it-style-card__image img,.how-it-style-card__image .placeholder-svg{width:100%;height:100%;object-fit:cover}.how-it-style-card__title a:hover{text-decoration:underline}.how-style__body{padding:16px;border-radius:12px;border:1px solid #E5E7EB}.how-it-style-card__info{margin-top:8px}@media screen and (max-width:989px){.how-style__item{padding:8px;border:1px solid #e5e7eb;border-radius:8px}.how-style__carousel-wrap{overflow:hidden}.how-style__grid:not(.swiper-wrapper){display:grid;grid-template-columns:repeat(2,1fr);gap:var(--f-column-gap)}.how-style__carousel-wrap.swiper-initialized .how-style__item.swiper-slide{display:flex;flex-direction:column;box-sizing:border-box}.how-style__carousel-wrap.swiper-initialized .how-it-style-card{flex:1 1 auto;width:100%;min-height:0}.how-style .how-it-style-card__image{--aspect-ratio: 1 !important}}@media screen and (max-width:749px){.how-style__header{margin-bottom:20px}.how-style__header h2{font-size:27px;letter-spacing:-.68px;margin-bottom:9px}.how-style__header p{font-size:14px;line-height:20px}.how-style__grid{--f-column-gap: 0;gap:0}.how-style__grid:not(.swiper-wrapper){gap:0}}@media screen and (max-width:767.98px){.how-style__body{padding:12px}.how-style__item{padding:6px}.how-it-style-card__info{margin-top:4px;padding-top:.25rem}.how-it-style-card__title{font-size:.8125rem;line-height:1.25rem}.how-style .how-it-style-card__info .f-price-item{font-size:.8125rem}.how-it-style-card__plus{width:26px;height:26px}}
/*# sourceMappingURL=/cdn/shop/t/292/assets/section-how-it-style.css.map */
