.mahfe-looks{background-color:var(--mahfe-bg, #F5F0E8);color:var(--mahfe-text, #5C3D2E);padding-top:var(--section-padding-top, 72px);padding-bottom:var(--section-padding-bottom, 72px);padding-left:48px;padding-right:48px;width:100%;box-sizing:border-box}.mahfe-looks__header{margin-bottom:40px}.mahfe-looks__eyebrow{font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#5c3d2e;opacity:.45;margin:0 0 10px}.mahfe-looks__header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.mahfe-looks__heading{font-size:38px;font-weight:300;color:#5c3d2e;line-height:1.05;margin:0}.mahfe-looks__heading em{font-style:italic;opacity:.5}.mahfe-looks__cta-top{font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#5c3d2e;opacity:.5;text-decoration:none;border-bottom:.5px solid rgba(92,61,46,.3);padding-bottom:2px;white-space:nowrap;transition:opacity .2s;flex-shrink:0}.mahfe-looks__cta-top:hover{opacity:.9}.mahfe-looks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mahfe-looks__card{display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.mahfe-looks__card--visible{opacity:1;transform:translateY(0)}.mahfe-looks__img-wrap{width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:4px;background:#f5f0e8}.mahfe-looks__img{width:100%;height:100%;object-fit:contain;object-position:center top;display:block;transition:transform .5s ease}.mahfe-looks__card:hover .mahfe-looks__img{transform:scale(1.03)}.mahfe-looks__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mahfe-looks__img-placeholder .placeholder-svg{width:48px;height:48px;opacity:.15;fill:#5c3d2e}.mahfe-looks__card-header{display:flex;align-items:center;gap:10px}.mahfe-looks__num{font-size:13px;font-weight:300;color:#5c3d2e;opacity:.28;letter-spacing:.06em;-webkit-user-select:none;user-select:none}.mahfe-looks__card-name{font-size:20px;font-weight:300;color:#5c3d2e;line-height:1.2;margin:0}.mahfe-looks__pieces{display:flex;flex-direction:column}.mahfe-looks__piece-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:.5px solid rgba(92,61,46,.1)}.mahfe-looks__piece-row:first-child{border-top:.5px solid rgba(92,61,46,.1)}.mahfe-looks__piece-name{font-size:12px;font-weight:300;color:#5c3d2e;opacity:.65;flex:1;min-width:0}.mahfe-looks__piece-price{font-size:16px;font-weight:300;color:#5c3d2e;white-space:nowrap;flex-shrink:0}.mahfe-looks__piece-add{font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#5c3d2e;opacity:.4;border:.5px solid rgba(92,61,46,.25);padding:5px 10px;border-radius:2px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .2s,background .2s;cursor:pointer}.mahfe-looks__piece-add:hover{opacity:.9;background:#5c3d2e0f}.mahfe-looks__piece-add--disabled{cursor:default;pointer-events:none}.mahfe-looks__card-footer{display:flex;flex-direction:column;gap:14px;margin-top:4px}.mahfe-looks__total{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mahfe-looks__total-label{font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#5c3d2e;opacity:.35}.mahfe-looks__total-price{font-size:22px;font-weight:300;color:#5c3d2e}.mahfe-looks__btn{display:inline-block;font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#5c3d2e;text-decoration:none;border:.5px solid rgba(92,61,46,.4);padding:12px 20px;border-radius:2px;text-align:center;transition:background .2s}.mahfe-looks__btn:hover{background:#5c3d2e12}@media screen and (max-width:989px){.mahfe-looks{padding-left:32px;padding-right:32px}.mahfe-looks__grid{grid-template-columns:repeat(2,1fr);gap:20px}.mahfe-looks__heading{font-size:32px}}@media screen and (max-width:639px){.mahfe-looks{padding-left:20px;padding-right:20px}.mahfe-looks__grid{grid-template-columns:1fr;gap:40px}.mahfe-looks__header-row{flex-direction:column;align-items:flex-start;gap:12px}.mahfe-looks__heading{font-size:28px}.mahfe-looks__card-name{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mahfe-looks.css.map */