/* Tajima Mobile - storefront styles */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1d1d1f;background:#fff;line-height:1.6}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.narrow{max-width:720px}
a{color:inherit;text-decoration:none}

.site-header{border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-size:19px;font-weight:700;letter-spacing:-.3px}
.brand span{color:#0071e3;font-weight:600}
.site-header nav a{margin-left:24px;font-size:14px;color:#555}
.site-header nav a:hover{color:#000}

.hero{background:#f5f5f7;padding:72px 0;text-align:center}
.hero h1{font-size:40px;letter-spacing:-1px;margin-bottom:14px}
.hero p{color:#666;font-size:17px;max-width:560px;margin:0 auto}

.products{padding:64px 0}
.products h2{font-size:26px;margin-bottom:32px;letter-spacing:-.5px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.card{border:1px solid #eee;border-radius:14px;padding:18px;transition:.2s;background:#fff}
.card:hover{box-shadow:0 8px 28px rgba(0,0,0,.07);transform:translateY(-2px)}
.thumb{height:150px;border-radius:10px;margin-bottom:14px;background:#f0f0f2}
.thumb-a{background:linear-gradient(135deg,#dfe7ef,#c3d2e0)}
.thumb-b{background:linear-gradient(135deg,#efe6df,#dcc9ba)}
.thumb-c{background:linear-gradient(135deg,#e8ddd3,#c9b39c)}
.thumb-d{background:linear-gradient(135deg,#e3e0f0,#c3bddf)}
.thumb-e{background:linear-gradient(135deg,#e9e9e9,#c9c9c9)}
.thumb-f{background:linear-gradient(135deg,#e4eef0,#bfd6db)}
.card h3{font-size:16px;margin-bottom:6px}
.card p{font-size:13.5px;color:#666;margin-bottom:12px;min-height:40px}
.price{font-weight:600;font-size:15px;color:#0071e3}

.about-strip{background:#f5f5f7;padding:56px 0}
.about-strip h2{font-size:24px;margin-bottom:14px}
.about-strip p{color:#555;max-width:680px}

.page{padding:64px 0}
.page h1{font-size:32px;margin-bottom:20px;letter-spacing:-.5px}
.page p{color:#444;margin-bottom:16px}
.contact-list{list-style:none;margin-top:24px}
.contact-list li{padding:12px 0;border-bottom:1px solid #eee;font-size:15px;color:#444}
.contact-list strong{display:inline-block;min-width:80px;color:#111}

.site-footer{border-top:1px solid #eee;padding:28px 0;margin-top:40px}
.site-footer p{font-size:13px;color:#888;text-align:center;margin:4px 0}
.site-footer a{color:#0071e3}

@media(max-width:600px){
 .hero h1{font-size:30px}
 .hero{padding:52px 0}
 .site-header nav a{margin-left:16px;font-size:13px}
}