/* Product-style layout. Site fonts, colours and primary buttons are inherited. */
.yo-grid{display:grid;column-gap:var(--yo-column-gap,var(--yo-gap,24px));row-gap:var(--yo-row-gap,var(--yo-gap,32px));grid-template-columns:repeat(var(--yo-columns,4),minmax(0,1fr))}
.yo-columns-1{--yo-columns:1}.yo-columns-2{--yo-columns:2}.yo-columns-3{--yo-columns:3}.yo-columns-4{--yo-columns:4}.yo-columns-5{--yo-columns:5}.yo-columns-6{--yo-columns:6}
.yo-card{display:flex;flex-direction:column;min-width:0;height:100%}
/* A padding frame avoids percentage-height/aspect-ratio cycles in older Safari. */
.yo-outfits .yo-card__media{position:relative;display:block;box-sizing:content-box;width:100%;height:0;padding-top:133.333333%;overflow:hidden;flex:none}
.yo-outfits .yo-card__image-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.yo-outfits .yo-card__media .yo-card__image{position:absolute;top:0;left:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:contain;object-position:var(--yo-image-position,center)}
.yo-outfits .yo-card__summary{min-width:0;margin-top:14px}
.yo-outfits .yo-card__concept{overflow:hidden;color:var(--em-color-text-light,#707070);font-size:12px;font-weight:400;line-height:1.4;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0 0 5px}
.yo-outfits .yo-card__title{font-size:var(--yo-card-title-size,16px);font-weight:400;line-height:1.4;margin:0;min-height:2.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.yo-outfits .yo-card__title a{color:inherit;font:inherit;text-decoration:none}
.yo-outfits .yo-card__excerpt{display:none}
.yo-outfits .yo-card__media .yo-card__button{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;justify-content:center;align-items:center;max-width:calc(100% - 24px);min-height:36px;padding:8px 14px;margin:0;border:1px solid var(--em-color-border,#ebebeb);border-radius:0;background:var(--yo-card-button-background,#fff);color:var(--em-color-dark,#111);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}
.yo-outfits .yo-card:hover .yo-card__button,.yo-outfits .yo-card__media:focus-within .yo-card__button{opacity:1;pointer-events:auto}
.post-type-archive-yo_outfit .site-content,.tax-yo_concept .site-content{padding-top:32px}
.yo-archive{margin-top:0;padding-top:0}
.yo-archive .page-header{text-align:center;padding:0;min-height:0;margin:0 0 28px}
.yo-archive .page-header .page-title{font-size:var(--yo-archive-title-size,clamp(1.75rem,2.2vw,2.25rem));font-weight:400;line-height:1.25;margin:0}
.yo-archive .page-header p{margin:12px 0 0}
.yo-concepts{display:flex;flex-wrap:wrap;gap:1rem;margin-block-end:2rem}.yo-concepts [aria-current]{text-decoration:underline;text-underline-offset:.25em}
.yo-outfit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--yo-gap,clamp(2rem,4vw,4rem))}
.yo-outfit:not(:has(>.yo-outfit__photo)){grid-template-columns:minmax(0,1fr)}
.yo-outfit__photo{margin:0}.yo-outfit__photo img{display:block;width:100%;height:auto}.yo-outfit__shop{min-width:0}
.yo-outfit--single .yo-outfit__photo{position:relative;box-sizing:content-box;height:0;padding-top:133.333333%;overflow:hidden}
.yo-outfit--single .yo-outfit__photo img{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;object-fit:contain}
.yo-outfit .yo-outfit__shop>.yo-outfit__title{font-size:var(--yo-shop-title-size,clamp(1.5rem,2vw,1.875rem));font-weight:400;line-height:1.25;margin:0 0 1.25rem}
.yo-outfit__concept{color:var(--em-color-text-light,#707070);font-size:14px;font-weight:400;line-height:1.4;margin:0 0 .75rem}
.yo-outfit-editor-content{clear:both;margin-block-start:3rem}
.single-yo_outfit .entry-single-thumbnail{display:none}
.single-yo_outfit:has(.yo-outfit--single) .content-area>article>.entry-header,.single-yo_outfit:has(.yo-outfit--single) .site-main>article>.entry-header{display:none}
.yo-piece{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1rem;margin-block:1.5rem}.yo-piece__image img{width:100%;height:auto}.yo-piece h3{margin-block:0 .5rem}.yo-piece label{display:block}.yo-piece select{max-width:100%}
.yo-outfit .yo-piece h3{font-size:var(--yo-product-title-size,16px);font-weight:400;line-height:1.4}
.yo-piece .variations_form{margin:0;float:none;width:auto}.yo-piece .variations p{margin-block:.75rem}
.yo-piece--bonus{padding-block:1.5rem;border-block:1px solid var(--em-color-border,#ebebeb)}
.yo-piece .yo-bonus-choice,.yo-piece .yo-piece-choice{display:flex;align-items:baseline;gap:.5rem;margin-block:.75rem;font-size:14px;cursor:pointer}
.yo-bonus-choice input,.yo-piece-choice input{flex:none;margin:0}
.yo-piece .yo-bonus-options,.yo-piece .yo-piece-options{border:0;padding:0;margin:0;min-width:0}
.yo-bonus-options:disabled,.yo-piece-options:disabled{display:none}
.yo-selection-help,.yo-selection-status,.yo-bonus-requirement{font-size:14px;line-height:1.5}
.yo-selection-status{margin-block:1rem 0}
.yo-bonus-requirement{margin:.5rem 0 0}
.yo-bonus-requirement[hidden]{display:none}
.yo-outfit__purchase{margin-top:2rem}.yo-outfit__purchase>label{display:block;margin-bottom:.75rem;font-size:14px;font-weight:500}
.yo-outfit__purchase-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:stretch}
.yo-outfit .yo-quantity{box-sizing:border-box;width:100%;max-width:none;min-height:48px;margin:0;padding:.5rem;border:0;border-radius:0;background:var(--yo-quantity-background,#f6f6f6);text-align:center}
.yo-outfit .yo-add-outfit{width:100%;min-height:48px;margin:0;padding:.75rem 1rem;white-space:normal}
.yo-discount-terms{margin-block-start:0}
.yo-pagination ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0}.yo-add-outfit[disabled]{opacity:.6;cursor:wait}
@media(min-width:768px) and (max-width:1199px){
 .post-type-archive-yo_outfit .site-content,.tax-yo_concept .site-content{padding-top:24px}
 .yo-archive .page-header{margin-bottom:24px}
 .yo-archive .page-header .page-title{font-size:var(--yo-archive-title-size,28px)}
 .yo-grid{column-gap:var(--yo-column-gap,18px);row-gap:var(--yo-row-gap,28px);grid-template-columns:repeat(min(var(--yo-columns,4),3),minmax(0,1fr))}
}
@media(max-width:767px){
 .post-type-archive-yo_outfit .site-content,.tax-yo_concept .site-content{padding-top:20px}
 .yo-archive .page-header{margin-bottom:24px}
 .yo-archive .page-header .page-title{font-size:var(--yo-archive-title-size,24px)}
 .yo-concepts{gap:8px 16px;margin-block-end:20px}
 .yo-grid{column-gap:var(--yo-column-gap,12px);row-gap:var(--yo-row-gap,24px);grid-template-columns:repeat(min(var(--yo-columns,4),2),minmax(0,1fr))}
 .yo-outfit{grid-template-columns:minmax(0,1fr)}
 .yo-outfits .yo-card__title{font-size:var(--yo-card-title-size,14px)}
 .yo-outfits .yo-card__summary{margin-top:8px}
 .yo-outfits .yo-card__concept{font-size:11px;margin-bottom:4px}
}
@media(hover:none){.yo-outfits .yo-card__media .yo-card__button{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.yo-outfits .yo-card__media .yo-card__button{transition:none}}