/* V16.1: soft controls, source-limited image zoom and compact recommendations. */

.yg-detail .v16-identity strong{background:linear-gradient(135deg,rgba(249,251,254,.78),rgba(235,241,248,.5));border:1px solid rgba(188,204,222,.38);border-radius:12px;color:var(--yg-navy-800, #132A43);box-shadow:0 2px 12px rgba(19,42,67,.025),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 14px}
.yg-detail .v16-identity small{color:var(--yg-slate-600, #586A82)}
.yg-detail__stage-arrows button,.yg-media-dialog__controls button[data-media-prev],.yg-media-dialog__controls button[data-media-next]{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(245,247,250,.13);color:rgba(19,42,67,.3);opacity:.11;box-shadow:none;transition:background .2s,color .2s,opacity .2s,box-shadow .2s}
.yg-detail__stage-arrows button svg,.yg-media-dialog__controls button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.yg-detail__stage:hover .yg-detail__stage-arrows button,.yg-detail__stage:focus-within .yg-detail__stage-arrows button,.yg-media-dialog:hover .yg-media-dialog__controls button,.yg-media-dialog:focus-within .yg-media-dialog__controls button{background:var(--yg-slate-600, #586A82);color:#fff;opacity:.96;border-color:rgba(255,255,255,.34);box-shadow:0 3px 14px rgba(19,42,67,.12)}
.yg-detail__stage .yg-detail__stage-arrows button:hover,.yg-media-dialog .yg-media-dialog__controls button:hover{background:var(--yg-navy-800, #132A43);opacity:1}
.yg-media-open__hint{display:inline-flex;align-items:center;gap:7px;right:12px;bottom:12px;border-radius:999px;padding:8px 12px;background:rgba(245,248,252,.76);color:var(--yg-navy-800, #132A43);border:1px solid rgba(255,255,255,.75);box-shadow:0 2px 10px rgba(19,42,67,.055);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:11px;line-height:1.4;transition:background .18s}
.yg-media-open:hover .yg-media-open__hint{background:rgba(239,244,249,.94)}
.yg-media-open__hint svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;fill:none}
.v16-hero-colors .yg-media-open__hint{display:none}
.yg-media-dialog{border-radius:20px;padding:18px 22px}.yg-media-dialog__bar>button{border-radius:999px;background:rgba(255,255,255,.65)}
.yg-media-dialog .yg-media-zoom-stage{position:relative;height:min(55dvh,550px);min-height:150px;display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;border-radius:14px;background:var(--yg-bg-alt, #E9EDF2);cursor:zoom-in}
.yg-media-dialog .yg-media-zoom-stage>.yg-ref-frame{max-width:none;flex:none;transform-origin:center;will-change:transform;transition:none;pointer-events:none}
.yg-media-zoom-stage.is-zoomed{cursor:grab}.yg-media-zoom-stage.is-dragging{cursor:grabbing}
.yg-media-zoom-stage:focus-visible{outline:2px solid var(--yg-accent, #6F88A6);outline-offset:3px}
.yg-media-zoom-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-top:10px;font-size:12px;color:var(--yg-slate-600, #586A82)}
.yg-media-zoom-tools>div{display:flex;align-items:center;gap:6px;flex-shrink:0}.yg-media-zoom-tools button{width:36px;height:36px;padding:0;border:1px solid var(--yg-pale-blue, #C3CFDC);border-radius:50%;background:rgba(245,247,250,.8);color:var(--yg-navy-800, #132A43);font:500 21px/1 Arial,sans-serif}.yg-media-zoom-tools button[data-zoom-reset]{width:auto;border-radius:20px;font-size:12px;padding:0 13px}.yg-media-zoom-tools button:not(:disabled):hover{background:var(--yg-slate-600, #586A82);color:white}.yg-media-zoom-tools button:disabled{opacity:.35;cursor:default}.yg-media-zoom-tools output{min-width:38px;text-align:center;font:600 12px/1.5 var(--yg-font-body);font-variant-numeric:tabular-nums}.yg-media-dialog__controls{padding:6px 0}.yg-media-dialog__thumbs button{border-radius:8px}
html:has(.yg-media-dialog[open]){overflow:hidden}
.v161-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.v161-related-grid[data-group-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.v161-related-grid[data-group-count="1"]{grid-template-columns:1fr;max-width:600px}
.yg-detail #yg-construction{padding-bottom:34px}.yg-detail #yg-construction .v16-tag-links{margin-bottom:0}.yg-detail .yg-detail__related{padding-top:24px;padding-bottom:40px}
.yg-detail__related> .yg-detail__section-head{margin-bottom:28px}.yg-detail__related> .yg-detail__section-head h2{font-size:clamp(29px,3vw,39px)}
.v161-related-grid .v16-related-group{margin:0;padding:24px 0 0;border-top:1px solid #c8d1d4}
.v161-related-grid .v16-related-heading{display:block;margin-bottom:16px;min-height:76px}.v161-related-grid .v16-related-heading h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 9px}.v161-related-grid .v16-related-heading p{font-size:12px;line-height:1.65}
.v161-related-grid .yg-style-grid{display:grid;grid-template-columns:1fr;gap:18px}
.v161-related-grid .yg-style-open{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:16px;align-content:start}
.v161-related-grid .v161-card-media{grid-column:1;grid-row:1/7;height:140px;width:112px;border-radius:9px;overflow:hidden;background:var(--yg-bg-alt, #E9EDF2);display:grid;place-items:center}
.v161-card-media .yg-ref-frame{width:min(100%,calc(140px * var(--v161-aspect,.8)));max-height:none!important}
.v161-card-media .yg-ref-frame::after{display:none}
.v161-card-media .v16-related-photo{height:100%;width:100%;background:var(--yg-bg-alt, #E9EDF2)}.v161-card-media .v16-related-photo img{width:100%;height:100%;object-fit:contain}
.v161-related-grid .yg-style-card__group{grid-column:2;font-size:9px;line-height:1.5;letter-spacing:.06em;margin:0 0 5px}.v161-related-grid .yg-style-card h3{grid-column:2;font-size:18px;line-height:1.25;margin:0 0 6px}.v161-related-grid .yg-style-card__description{display:none}.v161-related-grid .yg-style-card__link{grid-column:2;font-size:10px;margin:5px 0 0;justify-self:start}.v161-related-grid .v161-group-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;border-bottom:1px solid var(--yg-pale-blue, #C3CFDC);margin:16px 0 0;color:var(--yg-navy-800, #132A43)}
.v16-browse-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1060px;margin-inline:auto}.v16-browse-grid[data-item-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:696px}.v16-browse-grid[data-item-count="1"]{grid-template-columns:1fr;max-width:334px}
.v16-browse-grid .v161-card-media{height:300px;background:var(--yg-bg-alt, #E9EDF2);display:grid;place-items:center;border-radius:12px;overflow:hidden}.v16-browse-grid .v161-card-media .yg-ref-frame{width:min(100%,calc(300px * var(--v161-aspect,.8)))}.v16-browse-grid .v161-card-media .v16-related-photo{height:300px;aspect-ratio:auto}
@media(max-width:1120px){.v161-related-grid{gap:19px}.v161-related-grid .yg-style-open{grid-template-columns:90px minmax(0,1fr);gap:12px}.v161-related-grid .v161-card-media{width:90px;height:112.5px}.v161-related-grid .v161-card-media .yg-ref-frame{width:min(100%,calc(112.5px * var(--v161-aspect,.8)))}.v161-related-grid .v16-related-heading h3{font-size:20px}.v161-related-grid .yg-style-card h3{font-size:16px}}
@media(max-width:820px){.v161-related-grid{grid-template-columns:1fr;gap:26px}.v161-related-grid .v16-related-group{display:grid;grid-template-columns:1fr 1.45fr;column-gap:24px;padding-top:22px}.v161-related-grid .v16-related-heading{grid-column:1;margin:0;min-height:0}.v161-related-grid .yg-style-grid{grid-column:2;grid-row:1/3}.v161-related-grid .v161-group-link{grid-column:1;align-self:start;justify-self:start}.v161-related-grid .yg-style-open{grid-template-columns:100px minmax(0,1fr)}.v161-related-grid .v161-card-media{width:100px;height:125px}.v161-related-grid .v161-card-media .yg-ref-frame{width:min(100%,calc(125px * var(--v161-aspect,.8)))}}
@media(max-width:560px){.yg-media-dialog{border-radius:15px;padding:14px 12px}.yg-media-dialog .yg-media-zoom-stage{height:48dvh;min-height:130px}.yg-media-zoom-tools{flex-wrap:wrap;justify-content:center;gap:6px;padding-top:9px}.yg-media-zoom-help{flex-basis:100%;text-align:center;font-size:10px}.yg-media-zoom-tools button{width:40px;height:40px}.yg-media-dialog__controls{font-size:10px}.yg-media-open__hint{font-size:10px;padding:7px 10px;right:9px;bottom:9px}.v161-related-grid .v16-related-group{display:block}.v161-related-grid .v16-related-heading{margin-bottom:16px}.v161-related-grid .yg-style-open{grid-template-columns:104px minmax(0,1fr);gap:14px}.v161-related-grid .v161-card-media{width:104px;height:130px}.v161-related-grid .v161-card-media .yg-ref-frame{width:min(100%,calc(130px * var(--v161-aspect,.8)))}.v161-related-grid .yg-style-card h3{font-size:19px}.v161-related-grid .yg-style-card__group{font-size:10px}.v161-related-grid .yg-style-card__link{font-size:12px}.v16-browse-grid,.v16-browse-grid[data-item-count="2"]{grid-template-columns:1fr 1fr;gap:15px}.v16-browse-grid .v161-card-media,.v16-browse-grid .v161-card-media .v16-related-photo{height:190px}.v16-browse-grid .v161-card-media .yg-ref-frame{width:min(100%,calc(190px * var(--v161-aspect,.8)))}}
@media(hover:none){.yg-detail__stage-arrows button,.yg-media-dialog__controls button[data-media-prev],.yg-media-dialog__controls button[data-media-next]{background:rgba(88,106,130,.84);color:white;opacity:.9;border-color:rgba(255,255,255,.4)}}
@media(prefers-reduced-motion:reduce){.yg-detail__stage-arrows button,.yg-media-dialog__controls button,.yg-media-open__hint{transition:none}}