.ftt-section{padding:40px 16px;background:#fff}.ftt-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.ftt-title{color:var(--Black, #111);font-family:SF Pro Display Semibold;font-size:28px;font-style:normal;line-height:normal;margin:0}.ftt-toggle{display:inline-flex;align-items:center;border:1px solid rgba(115,115,115,.6);border-radius:999px;padding:3px;background:#fff;flex-shrink:0}.ftt-toggle__btn{border:0;background:transparent;color:#979797;font-family:SF Pro Display Regular;font-size:13px;line-height:1;letter-spacing:.5px;padding:8px 16px;border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.ftt-toggle__btn.is-active{background:#15273f;color:#fff;font-family:SF Pro Display Semibold}.ftt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ftt-grid[hidden]{display:none}.ftt-item{position:relative;display:flex;overflow:hidden;text-decoration:none;color:#111;background:#f5f5f5;height:400px;justify-content:center;align-items:center}.ftt-item__image{display:block;width:100%}.ftt-item__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease-in-out;max-width:250px;max-height:300px;margin-inline:auto}.ftt-item:hover .ftt-item__img{transform:scale(1.05)}.ftt-item .only_mobile{display:none}.ftt-item__label{display:block;text-align:center;margin-top:12px;font-family:SF Pro Display Regular;font-size:16px;font-style:normal;line-height:normal;text-decoration-line:underline;text-underline-offset:4px;color:var(--Black, #111)}.ftt-empty{text-align:center;color:#979797;padding:24px 0}.ftt-item__label{position:absolute;bottom:5%;left:50%;transform:translate(-50%)}@media(max-width:750px){.ftt-section{padding:30px 16px}.ftt-header{margin-bottom:20px}.ftt-title{font-size:20px}.ftt-toggle__btn{font-size:12px;padding:7px 14px}.ftt-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.ftt-item{height:200px}.ftt-item .only_mobile{display:block}.ftt-item .only_desktop{display:none}[data-group=him] .ftt-item:nth-child(2) .only_mobile,[data-group=him] .ftt-item:nth-child(4) .only_mobile{width:120px}[data-group=her] .ftt-item:not(:nth-child(3)) .only_mobile{height:150px;object-fit:contain}.ftt-item__label{font-size:14px;margin-top:8px}}@media(min-width:406px)and (max-width:413px){.ftt-title{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/for-them-toggle-section.css.map */