.worn-by-you-section{width:100%}.worn-by-you__container{max-width:600px;margin:0 auto;width:100%}.worn-by-you__title{text-align:center;margin:0 0 .5rem}.worn-by-you__subtitle{text-align:center;margin:0 0 2rem;color:#666}.worn-by-you__grid{display:grid;grid-template-columns:repeat(var(--columns, 2),1fr);gap:var(--gap, 16px);width:100%}@media screen and (min-width: 768px){.worn-by-you__grid{gap:calc(var(--gap, 16px) * 1.5)}}.worn-by-you__grid .left-column,.worn-by-you__grid .right-column{display:flex;flex-direction:column;gap:var(--gap, 16px)}@media screen and (min-width: 768px){.worn-by-you__grid .left-column,.worn-by-you__grid .right-column{gap:calc(var(--gap, 16px) * 1.5)}}.worn-by-you__grid .right-column{margin-top:40px}@media screen and (min-width: 768px){.worn-by-you__grid .right-column{margin-top:60px}}@media (max-width: 768px){.worn-by-you-card{box-shadow:0 1px 4px #0000000f}.worn-by-you-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.worn-by-you-card__footer{padding:12px 16px}}.worn-by-you-card{width:100%;position:relative;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.worn-by-you-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.worn-by-you-card__button{width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;transition:none;outline:none}.worn-by-you-card__button:focus-visible{outline:2px solid #000;outline-offset:2px;border-radius:8px}.worn-by-you-card__image-wrapper{position:relative;width:100%;padding-bottom:125%;overflow:hidden;background:#f5f5f5}.worn-by-you-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.worn-by-you-card:hover .worn-by-you-card__image{transform:scale(1.05)}.worn-by-you-card__image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);color:#666}.worn-by-you-card__username{position:absolute;top:12px;left:12px;background:#000000bf;color:#fff;padding:4px;border-radius:4px;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:10px}@media screen and (min-width: 768px){.worn-by-you-card__username{font-size:12px}}.worn-by-you-card__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#fff;border-top:1px solid #f0f0f0;transition:background-color .2s ease}.worn-by-you-card:hover .worn-by-you-card__footer{background:#fafafa}.worn-by-you-card__link-text{color:#333}.worn-by-you-card__arrow{color:#666;margin-left:8px;transition:transform .2s ease}.worn-by-you-card:hover .worn-by-you-card__arrow{transform:translate(4px);color:#000}.worn-by-you-modal{max-width:90vw;max-height:90vh;width:100%;padding:0;border:none;border-radius:8px;background:#fff}.worn-by-you-modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.worn-by-you-modal__content{display:flex;flex-direction:column;overflow-y:auto}.worn-by-you-modal__preview{width:100%;position:relative;background:#f5f5f5;overflow:hidden;aspect-ratio:3 / 2}@media screen and (min-width: 768px){.worn-by-you-modal__preview{aspect-ratio:4 / 1.5}}.worn-by-you-modal__preview-image{width:100%;height:100%;object-fit:cover}.worn-by-you-modal__preview-placeholder{aspect-ratio:3 / 2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0;color:#666}.worn-by-you-modal__username{text-align:center;padding:12px 16px;color:#666}.worn-by-you-modal__header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-block:1px solid #f0f0f0;padding-block:10px}.worn-by-you-modal__title{margin:0;color:#333}.worn-by-you-modal__close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f8ff;border:none;cursor:pointer;color:#333;transition:background-color .2s ease;outline:none}.worn-by-you-modal__close:hover{background:#f5f5f5}.worn-by-you-modal__close svg{width:20px;height:20px}.worn-by-you-modal__products{padding:24px;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.worn-by-you-modal__products-scroll{display:flex;gap:20px;min-width:min-content}.worn-by-you-modal__product-item{flex-basis:190px;flex-shrink:0}.worn-by-you-modal__product-item product-card{width:100%;height:100%}.worn-by-you-modal__product-item product-card-link{width:100%;display:block}.worn-by-you-modal__no-products{padding:40px 24px;text-align:center;color:#666}@media (max-width: 768px){.worn-by-you-modal{max-width:100vw;max-height:fit-content;border-radius:0;inset-block-start:auto;padding-top:40px;border-radius:20px 20px 0 0!important}.worn-by-you-modal__products{padding:20px 16px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}h3.h4.ugc-product-card__title{font-family:var(--font-body--family)}.worn-by-you-modal__product-item product-title{margin-top:10px}.worn-by-you-modal__product-item product-price{font-size:12px}.worn-by-you-modal__title{font-family:var(--font-body--family)}
/*# sourceMappingURL=/cdn/shop/t/210/assets/worn-by-you.css.map */