.shop-picker,.shop-toolbar,.shop-quick-controls,.shop-actions,.shop-chips{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.shop-picker{margin:20px 0}.shop-picker label,.shop-toolbar label,.shop-quick-controls label{display:flex;gap:8px;align-items:center;font-size:14px}.shop-picker select{max-width:min(510px,75vw)}.shop-picker select,.shop-toolbar select,.shop-quick select{font:inherit;padding:9px 12px;border:1px solid var(--line,#c8d4d6);border-radius:6px;background:#fff;color:inherit}.shop-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.shop-quick-card{padding:22px;border:1px solid var(--line,#cfdbdd);border-radius:10px;background:rgba(255,255,255,.64)}.shop-quick-card:only-of-type{grid-column:1/-1}.shop-quick h3{font-size:18px;margin:0 0 15px}.shop-quick p{font-size:14px}.shop-feedback{grid-column:1/-1;margin:0;min-height:20px}.shop-toolbar{justify-content:space-between;margin:24px 0 12px}.shop-status{font-size:14px;color:var(--muted,#536366);min-height:22px}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.shop-product{min-width:0;padding:14px;border:1px solid var(--line,#cfdbdd);border-radius:8px;background:rgba(255,255,255,.65);display:flex;flex-direction:column}.shop-product h3{font-size:16px;line-height:1.5;margin:14px 0 6px}.shop-meta{font-size:12px;line-height:1.7;color:var(--muted,#536366)}.shop-price{font-weight:600}.shop-product .shop-actions{margin-top:auto}.shop-product .t1-btn{font-size:13px;padding:8px 12px}.shop-thumbnail{width:100%;aspect-ratio:794/1123;overflow:hidden;position:relative;background:white;border:1px solid #d5dadb;color:#58666a;container-type:inline-size}.shop-thumbnail img{width:100%;height:100%;object-fit:contain}.shop-thumb-frame{width:794px;height:1123px;border:0;pointer-events:none;transform-origin:top left;transform:scale(.25)}.shop-dialog{width:min(960px,94vw);max-height:92vh;border:1px solid #a9babe;border-radius:10px;background:#f3f6f6;color:#102848;padding:20px}.shop-dialog::backdrop{background:rgba(16,40,72,.55)}.shop-dialog h2{font-size:18px;margin:0 0 14px;display:inline-block;width:calc(100% - 90px)}.shop-dialog>img{display:block;width:100%;margin:15px 0}.shop-preview-scroll{overflow:auto;margin-top:16px;max-height:72vh}.shop-preview-frame{width:794px;height:2246px;border:0;background:white;display:block;margin:auto}.shop-actions a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.shop-product button:disabled{opacity:.5;cursor:default}@media(max-width:1050px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-quick{grid-template-columns:1fr}.shop-product{padding:10px}.shop-picker{align-items:stretch;flex-direction:column}.shop-picker select{max-width:76vw}.shop-dialog{padding:12px}}
.shop-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-thumbnail:has(img){align-content:center}.shop-product:has(.shop-thumbnail[style*="1122"]) .shop-thumbnail{aspect-ratio:297/210}@media(max-width:900px){.shop-quick{grid-template-columns:1fr}}

.shop-lesson-singles{padding:20px;border:1px solid var(--line,#ddd);border-radius:10px;margin:20px 0}
.shop-lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.shop-lesson-heading h3{font-size:18px;margin:0}
.shop-lesson-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.shop-lesson-thumbnails a{font-size:12px;line-height:1.5}.shop-lesson-thumbnails img{display:block;width:100%;height:130px;object-fit:contain;object-position:top;background:#f5f5f3;border:1px solid var(--line,#ddd);margin-bottom:6px}
.shop-member-links{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0;font-size:12px;color:var(--muted,#657176)}.shop-member-badge{display:inline-block;font-size:10px;padding:1px 5px;border:1px solid currentColor;border-radius:4px;white-space:nowrap}.shop-member-links:empty{display:none}
@media(max-width:700px){.shop-lesson-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-lesson-heading h3{font-size:16px}}

.shop-lesson-thumbnails{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.shop-lesson-thumbnails img{width:100%;height:180px;object-fit:contain;object-position:top;background:#fff}.shop-member-badge{display:inline!important;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin-left:4px;font-size:11px;color:var(--t1-muted,#666);white-space:nowrap}.shop-member-links{line-height:2}.shop-member-links a{display:inline-flex;align-items:baseline;margin-right:12px}

.shop-packages{margin:24px 0 32px;min-width:0}
.shop-packages>.shop-lesson-heading{margin-bottom:16px}
.shop-packages>.shop-lesson-heading>span{font-size:13px;color:var(--muted,#536366)}
.shop-package-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.shop-package{min-width:0;padding:20px;border:1px solid #d8dadd;border-radius:10px;background:#fff;display:flex;flex-direction:column}
.shop-package-cover{position:relative;min-height:300px;aspect-ratio:3/4;margin:0 0 18px;display:grid;place-items:center;color:#657176;font-size:13px}
.shop-package-cover img{position:absolute;width:84%;height:90%;object-fit:contain;object-position:top;background:#fff;border:1px solid #d8dadd;box-shadow:0 4px 12px #10284812}
.shop-package-cover img:nth-child(1){z-index:3;left:0;top:9%}
.shop-package-cover img:nth-child(2){z-index:2;left:8%;top:4.5%}
.shop-package-cover img:nth-child(3){z-index:1;left:16%;top:0}
.shop-package h4{font-size:18px;line-height:1.5;margin:0 0 12px}
.shop-package-contents{padding-left:17px;margin:0 0 14px;font-size:13px;line-height:1.8}
.shop-package-count{margin-top:auto;font-size:13px;color:var(--muted,#536366)}
.shop-package .shop-price{margin:0 0 14px;font-size:14px}
.shop-package .shop-actions{gap:8px}
.shop-package .shop-actions button{flex:1;font-size:13px;padding:8px}
.shop-package-status:empty{display:none}
.shop-package-status{font-size:14px}
.shop-dialog,.shop-preview-scroll,.shop-preview-frame,.shop-dialog>img,.shop-package-preview{background:#fff}
.shop-dialog>img,.shop-package-preview img{border:1px solid #d8dadd}
.shop-package-preview{margin-top:24px}
.shop-package-preview h3{font-size:16px}
.shop-package-preview img{display:block;width:100%;margin:12px 0;background:#fff}
@media(min-width:1101px){[data-shelf]:has(.shop-packages) .shop-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.shop-package-row{grid-template-columns:repeat(4,minmax(240px,1fr));overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}.shop-package{scroll-snap-align:start}}
@media(max-width:600px){.shop-package-row{grid-template-columns:repeat(4,minmax(260px,82vw));gap:12px}.shop-package{padding:16px}.shop-package-cover{min-height:320px}}

/* thumb (iMac ux, CEO 08:30): workbook step thumbnails are landscape 3:2; an A4 sheet shows its top half only. Values copied from MB_PATCH_thumb thumb.css, mapped to .shop-lesson-thumbnails > a > img + span */
.shop-lesson-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;margin:16px 0}
.shop-lesson-thumbnails>a{display:block;min-width:0;color:inherit;text-decoration:none}
.shop-lesson-thumbnails img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:top;background:#f1f1f1;border:1px solid #d9d9d8;margin:0}
.shop-lesson-thumbnails>a>span{display:block;margin-top:8px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1099px){.shop-lesson-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.shop-lesson-thumbnails{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.shop-lesson-thumbnails::-webkit-scrollbar{display:none}.shop-lesson-thumbnails>a{flex:0 0 82%;min-width:0;scroll-snap-align:start}}