.design-store { color:#192734; background:#fff; letter-spacing:0; }
.design-store * { box-sizing:border-box; }
.design-container { width:calc(100% - 48px); max-width:1200px; margin:auto; }
.design-hero { background:#fff url('/images/design-store-banner.webp?v=8a76c35f49d9') center/cover no-repeat; min-height:370px; border-bottom:1px solid #e3e7eb; }
.design-hero .design-container { padding-block:55px 28px; }
.design-kicker { color:#315d9f; font-size:12px; font-weight:650; display:block; margin-bottom:14px; }
.design-hero h1 { font-size:46px; line-height:1.12; font-weight:730; max-width:440px; margin:0 0 16px; letter-spacing:0; }
.design-hero p { font-size:16px; line-height:1.6; max-width:350px; color:#536273; margin-bottom:23px; }
.design-store .design-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 18px; min-height:44px; border:1px solid #245baa; border-radius:5px; background:#245baa; color:#fff; font-size:14px; font-weight:600; cursor:pointer; text-decoration:none; }
.design-store .design-button:hover { background:#184985; }
.design-store .design-button:disabled { background:#718299; border-color:#718299; cursor:not-allowed; }
.design-hero-caption { font-size:11px; margin-top:24px; color:#576776; }
.design-collection { padding-block:34px 60px; }
.design-collection-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.design-collection-heading h2,.design-related>h2,.design-faq>h2 { font-size:23px; margin:0; letter-spacing:0; }
.design-collection-heading>span { color:#637180; font-size:13px; }
.design-filters { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding-bottom:25px; border-bottom:1px solid #e2e7ec; margin-bottom:26px; }
.design-search { flex:1; min-width:180px; }
.design-filters input,.design-filters select,.design-checkout input { font:inherit; color:#233341; background:#fff; border:1px solid #d5dce3; border-radius:4px; padding:11px 12px; min-height:44px; max-width:100%; }
.design-filters input { width:100%; }
.design-filters select { width:100%; font-size:13px; }
.design-price-filter { position:relative; font-size:13px; }
.design-price-filter summary { padding:12px; cursor:pointer; border:1px solid #d5dce3; border-radius:4px; }
.design-price-filter>div { position:absolute; top:calc(100% + 8px); right:0; z-index:4; background:#fff; border:1px solid #d5dce3; box-shadow:0 5px 16px #182d4212; padding:15px; width:220px; display:grid; grid-template-columns:1fr 1fr; gap:12px; border-radius:5px; }
.design-price-filter input { width:100%; margin-top:6px; }
.design-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px 24px; }
.design-store .design-card { min-width:0; background:transparent; }
.design-card-image { display:block; aspect-ratio:1/1; background:#f2f4f6; border-radius:6px; overflow:hidden; }
.design-card-image img { width:100%; height:100%; object-fit:contain; }
.design-card-meta { display:flex; justify-content:space-between; gap:5px; margin:15px 0 8px; color:#657483; font-size:11px; }
.design-badge { color:#206950; background:#edf7f2; padding:2px 6px; border-radius:3px; }
.design-card h2 { font-size:16px; line-height:1.45; font-weight:650; margin:0 0 8px; letter-spacing:0; }
.design-card h2 a { color:#1c2b39; text-decoration:none; }
.design-card>p { color:#657483; font-size:12px; line-height:1.6; margin:0 0 12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.design-price { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin:10px 0 15px; }
.design-price strong { font-size:20px; }
.design-price del { color:#71808e; font-size:13px; }
.design-price span { color:#19815e; font-size:11px; font-weight:650; }
.design-card-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.design-card-actions>a:first-child { color:#315b96; font-size:12px; text-underline-offset:3px; }
.design-card-actions .design-button { padding:9px 12px; min-height:38px; font-size:12px; }
.design-empty { text-align:center; padding:55px 20px; display:flex; flex-direction:column; align-items:center; gap:14px; }
.design-empty img { object-fit:contain; }
.design-empty h3 { font-size:23px; margin:4px 0; letter-spacing:0; }
.design-empty p { color:#62717f; max-width:460px; font-size:15px; line-height:1.7; }
.design-empty a { color:#265ba5; font-size:14px; text-underline-offset:4px; }
.design-digital-band { border-top:1px solid #e4e8ed; background:#f4f7fa; padding:30px 0; }
.design-digital-band .design-container { display:flex; align-items:center; gap:45px; }
.design-digital-band strong { font-size:18px; flex-shrink:0; }
.design-digital-band p { margin:0; color:#62717f; font-size:13px; line-height:1.7; max-width:640px; }
.design-pagination { display:flex; align-items:center; justify-content:center; gap:28px; padding-top:35px; font-size:13px; }
.design-pagination a { color:#245baa; }
.design-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; padding:25px 0; color:#6b7886; font-size:12px; }
.design-breadcrumb a { color:#45638b; }
.design-product { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:50px; padding:10px 0 50px; }
.design-gallery { min-width:0; }
.design-gallery-open { border:0; padding:0; width:100%; background:#f3f5f7; border-radius:6px; cursor:zoom-in; overflow:hidden; }
.design-main-image { display:block; width:100%; aspect-ratio:1; object-fit:contain; height:auto; }
.design-thumbnails { display:flex; gap:10px; padding:12px 0; overflow-x:auto; }
.design-thumbnails button { flex:0 0 72px; width:72px; height:72px; border:2px solid transparent; background:#f3f5f7; border-radius:4px; padding:4px; cursor:pointer; }
.design-thumbnails button[aria-pressed=true] { border-color:#245baa; }
.design-thumbnails img { width:100%; height:100%; object-fit:contain; }
.design-image-caption { font-size:12px; color:#647382; }
.design-summary { padding-top:15px; }
.design-summary h1 { font-size:32px; line-height:1.25; letter-spacing:0; margin-bottom:18px; overflow-wrap:anywhere; }
.design-summary-text { font-size:16px; line-height:1.8; color:#5e6e7d; }
.design-summary .design-price { margin:26px 0 24px; }
.design-summary .design-price strong { font-size:30px; }
.design-buy { width:100%; }
.design-digital-note { font-size:12px; color:#60717f; margin:14px 0 26px; }
.design-specs { display:grid; grid-template-columns:110px 1fr; gap:14px; padding:22px 0; border-block:1px solid #e2e7ec; font-size:13px; }
.design-specs dt { color:#697888; }
.design-specs dd { margin:0; overflow-wrap:anywhere; }
.design-contact { color:#60717f; font-size:12px; margin-top:22px; }
.design-contact a { color:#245baa; }
.design-details { border-top:1px solid #e1e6eb; padding:35px 0; max-width:850px; }
.design-details h2 { font-size:24px; margin-bottom:20px; letter-spacing:0; }
.design-details h3 { font-size:18px; margin:26px 0 12px; letter-spacing:0; }
.design-prose,.design-multiline { font-size:15px; line-height:1.85; color:#536575; overflow-wrap:anywhere; }
.design-prose h2,.design-prose h3,.design-prose h4 { color:#213443; }
.design-prose ul,.design-prose ol { padding-left:23px; margin-block:14px; }
.design-prose p { margin-block:12px; }
.design-prose a { color:#245baa; }
.design-multiline { white-space:pre-line; }
.design-updated { font-size:12px; color:#6c7a89; margin-top:30px; }
.design-faq { max-width:850px; padding:10px 0 35px; }
.design-faq details { border-bottom:1px solid #dce3e9; padding:18px 0; }
.design-faq summary { cursor:pointer; font-size:15px; font-weight:600; }
.design-faq p { margin-top:14px; color:#5f7080; font-size:14px; line-height:1.7; }
.design-related { padding:30px 0 55px; border-top:1px solid #e2e7ec; }
.design-related>h2 { margin-bottom:25px; }
.design-store dialog { position:fixed; inset:0; margin:auto; border:1px solid #d9e2eb; border-radius:8px; padding:30px; width:calc(100% - 30px); max-width:470px; max-height:90dvh; overflow:auto; background:#fff; color:#243443; }
.design-store dialog::backdrop { background:rgb(18 29 43/.6); }
.design-checkout h2 { font-size:24px; line-height:1.3; letter-spacing:0; padding-right:22px; }
.design-checkout form>label:not(.design-honeypot) { display:flex; flex-direction:column; gap:8px; font-size:13px; margin:18px 0; }
.design-checkout form>button { width:100%; margin-top:8px; }
.design-store .design-dialog-close,.design-lightbox>button { position:absolute; right:10px; top:10px; width:36px; height:36px; font-size:26px; border:0; border-radius:4px; background:#edf2f7; color:#2b4058; cursor:pointer; }
.design-terms { font-size:11px; color:#6c7e8f; line-height:1.6; margin-top:16px; }
.design-terms a { color:#245baa; }
.design-honeypot { position:absolute; left:-10000px; }
.design-checkout-error { font-size:13px; color:#b12e40; line-height:1.6; }
.design-store .design-lightbox { max-width:1000px; padding:35px; }
.design-lightbox>img { width:100%; height:auto; max-height:80dvh; object-fit:contain; }
.design-purchase { max-width:640px; margin:auto; padding:70px 24px; min-height:450px; }
.design-purchase h1 { font-size:30px; letter-spacing:0; }
.design-purchase p { margin:20px 0; font-size:15px; line-height:1.7; color:#526778; }
.design-purchase dl { display:grid; grid-template-columns:100px 1fr; gap:15px; margin:25px 0; font-size:14px; }
.design-purchase dd { margin:0; overflow-wrap:anywhere; }
.design-purchase dt { color:#71818f; }
.design-purchase-actions { display:flex; gap:15px; align-items:center; flex-wrap:wrap; }
.design-purchase-actions>a:not(.design-button) { font-size:13px; color:#245baa; }
.design-store :focus-visible { outline:3px solid #4d8bdd; outline-offset:3px; }
@media(max-width:1000px) { .design-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .design-product { gap:28px; } .design-hero h1 { font-size:39px; } }
@media(max-width:760px) {
 .design-container { width:calc(100% - 32px); } .design-product { grid-template-columns:1fr; gap:10px; } .design-summary h1 { font-size:28px; }
 .design-hero { background-size:auto 100%; background-position:40% center; min-height:320px; } .design-hero .design-container { padding-block:36px 24px; }
 .design-hero h1 { font-size:34px; max-width:280px; } .design-hero p { max-width:240px; font-size:14px; } .design-hero-caption { max-width:200px; }
 .design-digital-band .design-container { display:block; } .design-digital-band p { margin-top:12px; }
 .design-filters { gap:8px; } .design-filters>label:first-child { flex-basis:100%; } .design-filters>label:not(:first-child) { flex:1; min-width:calc(50% - 8px); }
 .design-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 15px; } .design-card>p { display:none; }
 .design-card h2 { font-size:14px; } .design-card-meta { font-size:10px; flex-wrap:wrap; } .design-price { gap:6px; } .design-price strong { font-size:18px; }
 .design-card-actions { flex-direction:column; align-items:stretch; } .design-card-actions>a:first-child { text-align:center; padding:5px; } .design-card-actions .design-button { min-height:40px; }
 .design-details { padding-top:25px; } .design-empty h3 { font-size:21px; } .design-empty { padding:35px 5px; }
}
@media(max-width:400px) { .design-hero { background-position:33% center; } .design-hero h1 { font-size:30px; } .design-hero p { max-width:195px; } .design-badge { padding:0; background:none; } }