#sizeGuide[hidden]{display:none!important}
#sizeGuide{position:sticky;top:116px;z-index:2;align-self:start;margin-top:22px;max-height:calc(100dvh - 132px);overflow-y:auto;scrollbar-width:thin;border-radius:16px}
.has-size-guide #categoryList{max-height:230px}
.has-size-guide .sidebar-note{display:none}
.guide-card{background:#fff;border:1px solid #e3d5ed;border-radius:16px;box-shadow:0 8px 26px #5e387012;overflow:hidden}
.guide-card summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:13px 12px;background:#f2ebf8;color:#7045a1;min-height:44px}
.guide-card summary::-webkit-details-marker{display:none}
.guide-summary-text{min-width:0}
.guide-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:.9px}
.guide-chevron{font-size:18px;line-height:1;transition:transform .2s;flex-shrink:0}
.guide-card[open] .guide-chevron{transform:rotate(180deg)}
.guide-compact{display:block;font-size:10px;line-height:1.45;margin-top:5px;color:#6e5880}
.guide-card[open] .guide-compact{display:none}
.guide-body{padding:12px;text-align:center}
.guide-name{font-size:12px;line-height:1.5;margin:0 0 10px;color:#493756}
.guide-select-label{display:block;text-align:left;font-size:10px;color:#84708e;margin-bottom:12px}
.guide-select-label select{margin-top:5px;width:100%;min-width:0;padding:8px 6px;font:inherit;font-size:11px;border:1px solid #e0d5e7;border-radius:8px;background:#fff;color:#493756}
.guide-preview{display:block;width:100%;padding:0;border:0;background:white;border-radius:8px;cursor:zoom-in}
.guide-preview img{display:block;width:100%;height:150px;object-fit:contain}
.guide-measure{font-family:'Outfit',sans-serif;font-weight:600;font-size:23px;line-height:1.2;color:#7045a1;margin:12px 0 4px}
.guide-axis{font-size:9px;color:#8b7696;margin:0 0 13px}
.guide-expand{background:#f4eef9;color:#7045a1;border:0;border-radius:8px;padding:10px 5px;width:100%;font-size:10px;min-height:36px}
.guide-footnote{font-size:8px;line-height:1.5;color:#9a88a2;margin:9px 0 0}
#sizeGuideDialog{width:min(880px,94vw);max-height:92dvh;padding:26px;border-radius:18px}
#sizeGuideDialog h2{font-size:26px;margin:5px 35px 18px 0}
#guidePageTabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
#guidePageTabs button{font-size:11px;padding:9px 12px;background:#f5eff9;color:#74538b;border:1px solid #e4d8ed;border-radius:8px}
#guidePageTabs button[aria-pressed=true]{background:#7045a1;color:#fff;border-color:#7045a1}
#guideFullImage{display:block;width:100%;height:auto;margin:auto}
#guideOriginalLink{display:inline-block;font-size:12px;color:#7045a1;margin:15px 0 0}
@media(max-height:740px) and (min-width:761px){.guide-preview img{height:115px}.guide-body{padding:10px}.guide-name{margin-bottom:5px}.guide-measure{margin-top:7px}.guide-axis{margin-bottom:8px}}
@media(max-width:760px){
 #sizeGuide{top:96px;margin:0 0 16px;z-index:2;width:100%;max-height:calc(100dvh - 112px)}
 .guide-card summary{padding:10px 14px;min-height:57px}
 .guide-summary-text{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
 .guide-compact,.guide-card[open] .guide-compact{display:block;margin:0;font-size:11px}
 .guide-body{max-height:45dvh;overflow:auto;padding:14px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:5px 16px;align-items:center;text-align:left}
 .guide-select-label{grid-column:1/-1;margin-bottom:5px}
 .guide-preview{grid-column:1;grid-row:2/7}
 .guide-preview img{height:150px}
 .guide-name,.guide-measure,.guide-axis,.guide-expand,.guide-footnote{grid-column:2;margin:0}
 .guide-name{font-size:12px}
 .guide-measure{font-size:25px}
 .guide-expand{width:auto;padding:10px;text-align:center}
 #sizeGuideDialog{padding:20px 14px;width:96vw;max-height:94dvh}
 #sizeGuideDialog h2{font-size:22px}
 #guidePageTabs button{font-size:10px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.guide-chevron{transition:none}}