/* V9 category template. All new layout rules stay inside the collection. */
.yg-collection {background:#f5f7fa;}
.yg-collection [hidden] {display:none!important;}
.yg-collection button {cursor:pointer;}
.yg-collection__filters button,.yg-reference-dialog__views button,.yg-reference-dialog__close {min-height:44px;}
.yg-collection :is(button,a):focus-visible {outline:2px solid #557794;outline-offset:5px;}
.yg-collection__crumbs {display:flex;gap:12px;align-items:center;padding-top:26px;font:500 11px/1.6 var(--yg-font-kicker);color:#64717d;}
.yg-collection__crumbs span {color:#132a43;}
.yg-collection__hero {display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;padding-block:38px 76px;}
.yg-collection__hero h1 {font-size:clamp(50px,6.5vw,88px);letter-spacing:-.045em;line-height:1.02;margin:0 0 24px;color:#132a43;font-family:var(--yg-font-display);font-weight:600;}
.yg-collection__hero p:not(.yg-kicker) {max-width:455px;font-size:17px;line-height:1.9;color:#586a7d;margin:0 0 32px;}
.yg-collection__hero-photo {margin:0;position:relative;height:510px;background:#D9E0E8;overflow:hidden;}
.yg-collection__hero-photo img {width:100%;height:100%;object-fit:cover;object-position:50% 8%;}
.yg-collection__hero-photo figcaption {position:absolute;bottom:22px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:white;font:500 10px/1.5 var(--yg-font-kicker);letter-spacing:.12em;text-transform:uppercase;z-index:1;}
.yg-collection__hero-photo::after {content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(8,17,31,.5));}
.yg-collection__scope {margin-top:34px;display:flex;flex-wrap:wrap;gap:11px 20px;font:500 9px/1.5 var(--yg-font-kicker);letter-spacing:.12em;color:#607388;text-transform:uppercase;}
.yg-collection__browse {padding-block:66px 80px;border-top:1px solid #d9e0e8;scroll-margin-top:96px;}
.yg-collection__browse-head {display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px;}
.yg-collection__browse h2 {font:600 clamp(30px,3.4vw,44px)/1.1 var(--yg-font-display);letter-spacing:-.035em;margin:0;}
.yg-collection__browse-head p {margin:0;color:#64717d;font-size:13px;}
.yg-collection__filters {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.yg-collection__filters button {padding:11px 17px;border:1px solid #cbd4dc;background:transparent;color:#42576d;border-radius:0;font:500 11px/1.4 var(--yg-font-kicker);}
.yg-collection__filters button[aria-pressed="true"] {color:white;background:#132a43;border-color:#132a43;}
.yg-collection__count {margin:0 0 25px;color:#697989;font-size:11px;}
.yg-style-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;}
.yg-style-card {min-width:0;}
.yg-style-open {display:block;width:100%;background:transparent;border:0;padding:0;text-align:left;color:#132a43;}
.yg-ref-frame {position:relative;aspect-ratio:var(--ref-ratio,4/5);overflow:hidden;background:#e7e6e2;}
.yg-site .yg-ref-frame img {position:absolute;width:var(--ref-width);height:var(--ref-height);max-width:none;left:var(--ref-x);top:var(--ref-y);aspect-ratio:auto;object-fit:fill;}
.yg-style-open .yg-ref-frame::after {content:"";position:absolute;right:16px;bottom:16px;width:36px;height:36px;display:grid;place-items:center;background:rgba(255,255,255,.92);font-size:23px;transition:background .2s,color .2s;}
.yg-style-open:hover .yg-ref-frame::after {background:#132a43;color:white;}
.yg-style-card__group {display:block;margin:18px 0 8px;font:600 9px/1.5 var(--yg-font-kicker);text-transform:uppercase;letter-spacing:.14em;color:#708499;}
.yg-style-card h3 {font:600 22px/1.25 var(--yg-font-display);letter-spacing:-.02em;margin:0 0 8px;}
.yg-style-card__description {margin:0;color:#64717d;font-size:12px;line-height:1.8;}
.yg-style-card__link {display:inline-block;margin-top:14px;padding-bottom:4px;border-bottom:1px solid #aebac9;font:600 10px/1.5 var(--yg-font-kicker);letter-spacing:.03em;}
.yg-collection__project {padding:56px;background:#132a43;color:white;display:flex;align-items:center;justify-content:space-between;gap:55px;margin-bottom:82px;}
.yg-collection__project h2 {font:600 clamp(28px,3vw,40px)/1.15 var(--yg-font-display);letter-spacing:-.03em;color:white;margin:0 0 17px;}
.yg-collection__project p {max-width:580px;margin:0;color:#c8d2dd;font-size:14px;line-height:1.8;}
.yg-collection__project .yg-btn {flex-shrink:0;}
.yg-reference-dialog {padding:0;width:min(1040px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);border:0;background:#f5f7fa;color:#132a43;box-shadow:0 18px 90px #08111f66;}
.yg-reference-dialog::backdrop {background:rgba(8,17,31,.72);}
.yg-reference-dialog__bar {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid #d9e0e8;position:sticky;top:0;background:#f5f7fa;z-index:5;}
.yg-reference-dialog__bar span {font:600 9px/1.5 var(--yg-font-kicker);letter-spacing:.15em;color:#64717d;}
.yg-reference-dialog__close {border:1px solid #cbd4dc;background:transparent;color:#132a43;font:500 11px/1.5 var(--yg-font-kicker);padding:8px 12px;}
.yg-reference-dialog__body {display:grid;grid-template-columns:1.1fr 1fr;gap:36px;padding:28px;align-items:start;}
.yg-reference-dialog__gallery {min-width:0;}
.yg-reference-dialog__gallery .yg-ref-frame {max-width:430px;margin-inline:auto;}
.yg-reference-dialog__views {display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
.yg-reference-dialog__views button {padding:8px 10px;border:1px solid #cbd4dc;background:transparent;font-size:10px;color:#42576d;}
.yg-reference-dialog__views button[aria-pressed="true"] {border-color:#132a43;background:#132a43;color:white;}
.yg-reference-dialog h2 {font:600 35px/1.1 var(--yg-font-display);letter-spacing:-.03em;margin:13px 0 20px;}
.yg-reference-dialog__copy>p {font-size:14px;color:#64717d;line-height:1.8;}
.yg-reference-dialog ul {padding:0;margin:22px 0;list-style:none;border-top:1px solid #d9e0e8;}
.yg-reference-dialog li {padding:12px 0;border-bottom:1px solid #d9e0e8;font-size:13px;}
.yg-reference-dialog__note {padding-top:2px;font-size:12px!important;margin-bottom:26px;}
@media(max-width:1120px){.yg-collection__hero {gap:40px}.yg-collection__hero-photo {height:450px}.yg-style-grid {gap:32px 20px}.yg-style-card h3{font-size:20px}.yg-collection__project{padding:38px;gap:30px;align-items:start;flex-direction:column}}
@media(max-width:820px){.yg-collection__hero {grid-template-columns:1fr;gap:30px;padding-bottom:48px}.yg-collection__hero-photo{height:430px}.yg-collection__hero-photo img{object-position:50% 15%}.yg-collection__hero h1{font-size:clamp(48px,8vw,70px)}.yg-collection__scope{margin-top:24px}.yg-collection__browse{padding-block:44px 52px}.yg-collection__browse-head{align-items:start;flex-direction:column;gap:14px}.yg-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yg-reference-dialog__body{gap:24px}.yg-reference-dialog h2{font-size:28px}.yg-collection__project{margin-bottom:50px}}
@media(max-width:560px){.yg-collection__crumbs{font-size:10px;gap:8px;flex-wrap:wrap}.yg-collection__hero{padding-top:28px}.yg-collection__hero h1{font-size:52px}.yg-collection__hero p:not(.yg-kicker){font-size:15px}.yg-collection__hero-photo{height:370px}.yg-collection__hero-photo img{object-position:50% 9%}.yg-collection__filters{gap:7px}.yg-collection__filters button{padding:9px 12px;font-size:10px}.yg-style-grid{grid-template-columns:1fr;gap:34px}.yg-style-card h3{font-size:22px}.yg-collection__project{padding:30px 24px}.yg-collection__project .yg-btn{width:100%;white-space:normal;text-align:center}.yg-reference-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.yg-reference-dialog__body{grid-template-columns:1fr;padding:20px}.yg-reference-dialog__bar{padding:12px 18px}.yg-reference-dialog__copy .yg-btn{width:100%;text-align:center}.yg-collection__browse{scroll-margin-top:82px}}
@media(prefers-reduced-motion:reduce){.yg-style-open .yg-ref-frame::after{transition:none}}

/* V10 additional collections; the approved Women's Activewear layout is unchanged. */
.yg-collection--expanded .yg-collection__hero h1{font-size:clamp(42px,5.3vw,72px)}
.yg-collection--expanded .yg-ref-slot{aspect-ratio:4/5;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.yg-collection--expanded .yg-ref-slot .yg-ref-frame{flex-shrink:0;background:transparent}
.yg-collection--expanded .yg-style-open .yg-ref-frame::after{display:none}
.yg-collection--expanded .yg-ref-slot::after{content:"";position:absolute;right:16px;bottom:16px;width:36px;height:36px;display:grid;place-items:center;background:rgba(255,255,255,.92);font-size:23px}
.yg-collection--expanded .yg-style-open:hover .yg-ref-slot::after{background:#132a43;color:white}
.yg-collection--expanded .yg-style-card h3{min-height:2.5em}
@media(max-width:560px){.yg-collection--expanded .yg-collection__hero h1{font-size:42px}.yg-collection--expanded .yg-style-card h3{min-height:0}}

.yg-style-open--detail .yg-ref-slot>.yg-ref-frame{width:var(--gallery-frame-width,100%);}

/* V13.1: SVG backgrounds cannot be substituted with an emoji font on iOS. */
.yg-style-open .yg-ref-frame::after,.yg-collection--expanded .yg-ref-slot::after{background:rgba(255,255,255,.92) url("../icons/arrow-up-right.svg") center/20px 20px no-repeat;}
.yg-style-open:hover .yg-ref-frame::after,.yg-style-open:hover .yg-ref-slot::after{background:#132a43 url("../icons/arrow-up-right-light.svg") center/20px 20px no-repeat;}

/* Category intro readability, 2026-10-11. */
#yg-collection > .yg-container > .yg-collection__crumbs{font-size:14px;line-height:1.6;flex-wrap:wrap;row-gap:6px;}
#yg-collection .yg-collection__scope{font-size:13px;line-height:1.65;letter-spacing:.08em;}
@media(max-width:560px){
 #yg-collection > .yg-container > .yg-collection__crumbs{font-size:13px;}
 #yg-collection .yg-collection__scope{font-size:12px;gap:10px 18px;}
}

/* Readable collection filters on desktop and mobile, 2026-10-11. */
#yg-collection .yg-collection__filters > button,
#yg-collection .yg-collection__filters > a{font-size:14px;}