.yp{max-width:1360px;margin:0 auto;padding:0 6% 80px;color:var(--ink)}
.yp-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding:26px 0;font-size:11px;color:var(--muted)}
.yp-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:start}
.yp-gallery{position:sticky;top:110px;min-width:0}
.yp-stage{position:relative;background:#efefec;border-radius:4px;overflow:hidden;aspect-ratio:1/1}
.yp-zoom{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.yp-zoom img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.yp-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:#ffffffc8;font-size:18px;line-height:1}
.yp-prev{left:12px}.yp-next{right:12px}
.yp-count{position:absolute;right:16px;bottom:12px;font-size:10px;letter-spacing:1.2px;color:var(--muted)}
.yp-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.yp-thumbs button{flex:0 0 78px;width:78px;height:78px;padding:0;border:1px solid transparent;background:#efefec;border-radius:3px;overflow:hidden}
.yp-thumbs button[aria-pressed=true]{border-color:#303033}
.yp-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.yp-buy{min-width:0}
.yp .yp-buy h1{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-1.2px;margin:18px 0 14px}
.yp-summary{font-size:14px;line-height:1.75;color:#5c5c61}
.yp-price{display:flex;align-items:baseline;gap:12px;margin:24px 0 18px;font-size:24px}
.yp-price del{font-size:14px;color:var(--muted)}
.yp-badge{font-size:11px;background:#f9eee5;color:#bc541d;padding:3px 8px;border-radius:12px}
.yp-options{border:0;padding:0;margin:0 0 18px}
.yp-options legend{font-size:11px;margin-bottom:10px;padding:0}
.yp-options div{display:flex;flex-wrap:wrap;gap:8px}
.yp-options button{background:transparent;border:1px solid #cececa;border-radius:20px;padding:8px 16px;font-size:12px}
.yp-options button[aria-pressed=true]{border-color:#303033;background:#303033;color:#fff}
.yp-purchase{display:flex;gap:14px;align-items:stretch;margin-top:8px}
.yp-qty{display:flex;align-items:center;border:1px solid #cececa;border-radius:30px}
.yp-qty button{background:transparent;border:0;width:38px;height:100%;font-size:18px}
.yp .yp-qty input{width:42px;text-align:center;border:0;background:transparent;-moz-appearance:textfield}
.yp-purchase .st-button{flex:1}
.yp-note{font-size:11px;color:var(--muted);margin-top:14px}
.yp-details{margin-top:26px;border-top:1px solid #ddddda}
.yp-details details{border-bottom:1px solid #ddddda;padding:16px 0}
.yp-details summary{display:flex;justify-content:space-between;cursor:pointer;font-size:13px;list-style:none}
.yp-details summary::-webkit-details-marker{display:none}
.yp-details p{font-size:12px;color:var(--muted);line-height:1.8;padding-top:12px}
.yp-description{margin-top:80px;max-width:880px}
.yp .yp-description h2{margin:16px 0 28px}
.yp .yp-rich p{line-height:1.8;color:#47474b;margin:0 0 14px;font-size:14px}
.yp .yp-rich h3{font-size:20px;margin:34px 0 12px}
.yp .yp-rich ul{padding-left:20px;margin:0 0 14px}
.yp .yp-rich li{margin:6px 0;line-height:1.7;font-size:14px;color:#47474b}
.yp .yp-rich table{width:100%;border-collapse:collapse;margin-top:6px}
.yp .yp-rich td{padding:12px 10px;border-bottom:1px solid #ddddda;font-size:13px;vertical-align:top}
.yp .yp-rich td:first-child{color:var(--muted);width:42%}
.yp-related{margin-top:90px}
.yp .yp-related h2{margin:16px 0 28px}
.yp-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.yp-card{display:block}
.yp-card img{aspect-ratio:1/1;object-fit:contain;background:#efefec;mix-blend-mode:multiply;border-radius:4px}
.yp-card span{display:block;margin-top:12px;font-size:13px}
.yp-lightbox{padding:0;border:0;background:#fff;width:min(1100px,94vw);max-height:92dvh;overflow:hidden}
.yp-lightbox::backdrop{background:#17171bc0;backdrop-filter:blur(7px)}
.yp-lightbox img{width:100%;max-height:78vh;object-fit:contain}
.yp-lightbox-nav{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px;font-size:12px}
.yp-lightbox-nav button{background:transparent;border:1px solid #cececa;border-radius:50%;width:34px;height:34px}
@media(max-width:900px){.yp-overview{grid-template-columns:1fr;gap:32px}.yp-gallery{position:static}.yp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yp-description{margin-top:56px}.yp-related{margin-top:60px}}