.compact-only {display:none;}
@media(max-width:760px) {
 body.compact .compact-only {display:block;}
 body.compact .hero {min-height:0;gap:18px;padding:24px 18px 20px;grid-template-columns:1fr;}
 body.compact .hero-media {order:0;margin:0 auto;width:min(100%,240px);height:auto;aspect-ratio:2/3;box-shadow:5px 5px 0 var(--gold);}
 body.compact .hero-content {text-align:center;max-width:100%;}
 body.compact h1 {font-size:36px;line-height:1.03;max-width:17ch;margin:auto;}
 body.compact h2 {font-size:28px;line-height:1.12;}
 body.compact .hero-copy {font-size:16px;line-height:1.5;margin:14px auto 18px;max-width:34ch;}
 body.compact .hero-content>.eyebrow, body.compact .color-tabs, body.compact .check-list,
 body.compact .hero-example,
 body.compact .product-diagram,body.compact .product-pency,body.compact .reviews-pency,
 body.compact .step-pency,body.compact .example-gallery-actions {display:none;}
 body.compact .hero-actions {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}
 body.compact .hero-actions.example-gallery-actions {display:none;}
 body.compact .hero-actions .button {width:100%;padding:12px 8px;min-height:48px;font-size:14px;}
 body.compact .hero-actions .hero-themed-button,body.compact .hero-actions .hero-cozy-button {min-width:0;}
 body.compact .hero-content .hero-actions .button {color:var(--ink);box-shadow:3px 3px 0 var(--ink);}
 body.compact .hero-content .hero-actions .button:nth-child(1) {background:var(--rose);}
 body.compact .hero-content .hero-actions .button:nth-child(2) {background:var(--gold);}
 body.compact .hero-content .hero-actions .hero-themed-button {background:var(--leaf);}
 body.compact .hero-content .hero-actions .hero-cozy-button {background:#d3b9ee;}
 body.compact .hero-content .hero-actions .button:focus-visible {outline:3px solid var(--grape);outline-offset:5px;}
 body.compact .product-highlights.hero-highlights {display:flex;justify-content:space-between;gap:8px;padding:12px 18px 22px;margin:0;}
 body.compact .highlight-item {display:flex;flex-direction:column;gap:5px;text-align:center;flex:1;}
 body.compact .highlight-icon {width:26px;height:26px;margin:auto;}
 body.compact .highlight-item h3 {font-size:11px;margin:0;}
 body.compact .intro-band,body.compact .reviews-section,body.compact .faq-section {padding:30px 18px;}
 body.compact .section-heading,body.compact .reviews-heading {margin:0 0 18px;gap:6px;}
 body.compact .section-heading .eyebrow {display:none;}
 body.compact .steps {gap:0;grid-template-columns:1fr;}
 body.compact .step {display:grid;grid-template-columns:30px 1fr;align-items:center;gap:12px;padding:12px 0;border:0;border-bottom:1px solid #21212b1c;border-radius:0;box-shadow:none;background:none;}
 body.compact .step span {width:30px;height:30px;font-size:12px;}
 body.compact .step h3 {font-size:15px;margin:0;}
 body.compact .step p {display:none;}
 body.compact .example-gallery,body.compact .reviews-grid {display:block;overflow:hidden;margin:22px -4px 0;padding:4px 8px 12px 4px;touch-action:pan-y;}
 body.compact .example-gallery>[hidden],body.compact .reviews-grid>[hidden] {display:none;}
 body.compact .example-gallery::-webkit-scrollbar,body.compact .reviews-grid::-webkit-scrollbar {display:none;}
 body.compact .example-item {width:100%;box-shadow:4px 4px 0 var(--gold);}
 body.compact .example-item img {aspect-ratio:1.45;object-fit:contain;background:white;}
 body.compact .gallery-controls {display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px;font:13px system-ui;}
 body.compact .gallery-controls button {border:1px solid #bab8c2;border-radius:50%;width:44px;height:44px;background:white;font-size:18px;cursor:pointer;}
 body.compact .gallery-controls button:disabled {opacity:.35;cursor:default;}
 body.compact .product-section {scroll-margin-top:100px;grid-template-columns:1fr;padding:28px 18px;gap:20px;}
 body.compact .product-media {display:block;}
 body.compact .product-image {width:min(100%,240px);margin:auto;box-shadow:4px 4px 0 var(--rose);}
 body.compact .product-panel {padding:20px 14px;box-shadow:4px 4px 0 var(--grape);}
 body.compact .product-panel>.eyebrow {font-size:14px;margin-bottom:8px;}
 body.compact .product-panel>p:not(.eyebrow) {font-size:14px;margin:10px 0 18px;}
 body.compact .order-form {gap:12px;}
 body.compact label[for=delivery],body.compact #delivery,body.compact label[for=pages],body.compact #pages,body.compact .delivery-guide {display:none;}
 body.compact .format-options {border:0;margin:0;padding:0;min-width:0;}
 body.compact .format-options legend {font-size:14px;font-weight:700;margin-bottom:8px;}
 body.compact .format-options>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
 body.compact .format-options label {position:relative;display:flex;min-height:88px;flex-direction:column;text-align:center;justify-content:center;border:1px solid #c8c6d0;border-radius:8px;padding:9px 3px;background:white;font:14px/1.4 system-ui;cursor:pointer;}
 body.compact .format-options label:has(input:checked) {border:2px solid #634593;background:#f4efff;padding:8px 2px;}
 body.compact .format-options label:focus-within {outline:3px solid #1599bd;outline-offset:2px;}
 body.compact .format-options input {position:absolute;width:1px;height:1px;opacity:0;}
 body.compact .format-options strong {display:block;font-size:17px;}
 body.compact .format-options small {font-size:10px;}
 body.compact .selected-delivery {font-size:13px;line-height:1.5;margin:0;min-height:40px;}
 body.compact .payment-actions {margin-top:0;}
 body.compact .payment-actions .button {background:var(--gold);min-height:48px;}
 body.compact .checkout-note {font-size:12px;margin:2px 0 0;}
 body.compact .photo-guide {margin:16px 0 0;padding:12px;border:1px solid #d3d0dc;box-shadow:none;background:#faf9fe;}
 body.compact .photo-guide summary {padding:0;font:600 13px/1.5 system-ui;}
 body.compact .photo-guide p {font-size:13px;line-height:1.5;}
 body.compact .reviews-heading h2 {font-size:26px;}
 body.compact .reviews-heading .eyebrow {font-size:11px;margin-bottom:8px;}
 body.compact .reviews-grid {margin-top:10px;}
 body.compact .review-card {width:100%;padding:18px;box-shadow:4px 4px 0 var(--gold);}
 body.compact .review-quote {font-size:14px;line-height:1.6;}
 body.compact .review-author {font-size:12px;}
 body.compact .faq-list {gap:10px;}
 body.compact .faq-toggle {padding:0;border:1px solid #cbc8d5;box-shadow:none;background:white;}
 body.compact .faq-toggle>summary {padding:18px 14px;font:700 16px/1.4 system-ui;cursor:pointer;}
 body.compact .faq-toggle[open]>.faq-list {padding:0 12px 14px;}
 body.compact .faq-toggle .faq-list details {padding:0;}
 body.compact .faq-list details {box-shadow:3px 3px 0 #1599bd33;}
 body.compact .faq-list summary {padding:14px 12px;font-size:14px;}
 body.compact .site-footer {padding:24px 18px 12px;}
 body.compact .footer-inner {grid-template-columns:1fr 1fr;gap:20px;text-align:left;}
 body.compact .footer-about {grid-column:1/-1;}
 body.compact .footer-about .brand {justify-content:center;}
 body.compact .footer-brand img {width:88px;}
 body.compact .site-footer h2 {font-size:11px;margin-bottom:8px;}
 body.compact .site-footer a {font-size:12px;line-height:1.8;}
 body.compact .special-request {display:none;}
 body.compact .footer-bottom {margin-top:20px;padding-top:12px;}
 body.compact .footer-copyright {font-size:10px;}
}

@media(max-width:760px){
 body.compact .product-purchase-options{gap:10px}
 body.compact .product-purchase-options .currency-switch span{min-width:54px}
 body.compact .product-purchase-options label[for="delivery"],body.compact .product-purchase-options #delivery{display:block}
 body.compact .product-purchase-options .format-options{display:none}
 body.compact .product-book-format>select{font-size:14px;padding-inline:8px}
}