*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif;color:#444;background:#fff}body{display:flex;flex-direction:column;min-height:100vh}.site-title{text-align:center;font-family:"Century Gothic","Segoe UI Light","Helvetica Neue",sans-serif;font-size:38px;font-weight:200;letter-spacing:-1.3px;padding:24px 20px;color:#333}.site-title a{text-decoration:none;color:inherit}.nav-bar{background:#151515}.navigation{display:flex;justify-content:center;gap:28px;padding:14px 20px}.navigation a{font-size:14px;color:#bbb;text-decoration:none}.navigation a[aria-current]{color:white}.mobile-toggle{display:none}main{width:min(1100px,calc(100% - 48px));margin:0 auto;flex:1;padding:48px 0 90px}h1{font-size:24px;line-height:1.4;margin:0 0 26px;font-weight:650}p{font-size:18px;line-height:1.65;margin:0 0 26px;max-width:720px}.button{display:inline-block;color:white;text-decoration:none;background:#67c5df;padding:15px 23px;border-radius:6px;font-size:19px;line-height:1.4}.button:hover{background:#4bb5d1}.help{font-size:13px;color:#777;margin-top:28px}.help a{color:#318ca5}.embedded{margin-top:38px;color:#777;font-size:13px;max-width:1100px}.embedded summary{cursor:pointer}.embedded p{font-size:13px;margin-top:16px}iframe{display:block;width:100%;height:85vh;min-height:650px;border:1px solid #ddd;background:white;margin-top:18px}footer{background:#f1f1f1;padding:35px max(24px,calc((100vw - 1100px)/2));color:#666;font-size:16px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #168fb1;outline-offset:4px}@media(max-width:700px){header{background:#151515;position:relative}.site-title{color:#aaa;font-size:34px;padding:18px 58px;line-height:1.4}.mobile-toggle{display:block;position:absolute;right:20px;top:23px;color:#aaa;border:0;background:none;font-size:25px;cursor:pointer}.navigation{display:none;flex-direction:column;gap:0;padding:0 24px 16px}.navigation.open{display:flex}.navigation a{padding:11px 14px}main{width:80%;padding:42px 0 80px}h1{font-size:20px;margin-bottom:24px}p{font-size:18px;line-height:1.6;margin-bottom:24px}.button{font-size:19px;padding:12px 18px}footer{padding:36px 10%;font-size:16px}}
.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:30px 0}.product{border:1px solid #e0e0e0;padding:16px;border-radius:5px}.product img,.image-placeholder{width:100%;height:210px;object-fit:contain;background:#f4f4f4}.image-placeholder{display:grid;place-items:center;padding:22px;text-align:center;color:#666;font-size:20px;font-weight:300}.product h2{font-size:19px;margin:18px 0 12px}.product p{font-size:13px;color:#777;margin:0 0 15px}.product .button{font-size:15px;padding:10px 15px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.filters button{font:inherit;background:#eee;border:0;padding:10px 15px;color:#444;cursor:pointer;border-radius:5px}.filters button[aria-pressed=true]{background:#151515;color:#fff}.intro{max-width:760px}.product-image{max-width:640px;width:100%;max-height:480px;object-fit:contain;margin:20px 0}.back{display:inline-block;color:#318ca5;margin-bottom:26px}.notice{padding:18px;border-left:3px solid #67c5df;background:#f5f7f8;font-size:15px;margin:28px 0}.product-detail{max-width:850px}.product-detail h2{font-size:23px}.product-detail p{font-size:17px}.product-detail .actions{display:flex;gap:20px;flex-wrap:wrap;margin:26px 0}@media(max-width:850px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.catalog{grid-template-columns:1fr}.product img,.image-placeholder{height:230px}.filters button{font-size:13px}main{width:88%}}
#store-frame{display:block;width:100%;height:82vh;min-height:650px;border:1px solid #ddd;background:#fff}.proxy-help{font-size:13px}.proxy-help a{color:#318ca5}main{width:min(1200px,94%)}
/* Store fills the viewport directly beneath the site banner. */
html,body{height:100%;overflow:hidden}body{height:100dvh;min-height:0}header{flex:0 0 auto}main{display:flex;flex:1 1 0;min-height:0;width:100%;max-width:none;margin:0;padding:0}#store-frame{flex:1;width:100%;height:100%;min-height:0;margin:0;border:0}@media(max-width:700px){main{width:100%;padding:0}}