:root{--ink:#20204f;--muted:#5f637a;--paper:#f6f7ff;--white:#fff;--green:#16a768;--lime:#f5b942;--line:#dfe2f1;--red:#e64a5f;--indigo:#5757d9;--soft-indigo:#ececff;--coral:#ff765e;--shadow:0 18px 50px rgba(51,48,120,.10)}
body{background:#f7f8fc;color:var(--ink)}
.site-header{height:72px;top:14px;margin:0 auto;width:min(1240px,calc(100% - 28px));padding:0 18px 0 22px;border:1px solid rgba(87,87,217,.14);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(47,44,111,.08)}
.brand{font-size:19px;color:#292766}.brand-mark{width:40px;height:40px;border-radius:7px;background:var(--indigo);color:#fff;font-weight:900}.site-header nav{gap:8px}.site-header nav a{padding:9px 14px;border-radius:6px;font-weight:650;color:#575a70}.site-header nav a:hover{background:var(--soft-indigo);color:var(--indigo)}.header-cta{border:0;border-radius:6px;background:#20204f;color:#fff;padding:10px 18px}.header-cta:hover{background:var(--indigo)}
.hero{min-height:calc(100vh - 86px);max-width:1340px;margin:auto;padding:78px 50px 68px;grid-template-columns:1.04fr .96fr;gap:70px}.eyebrow{color:var(--indigo);font-size:12px;letter-spacing:0;text-transform:none;background:var(--soft-indigo);display:inline-flex;padding:6px 10px;border-radius:5px}.hero h1{font-size:clamp(52px,6vw,82px);color:#242252}.hero h1 span{color:var(--indigo);position:relative}.hero-lead{color:#666a7f;font-size:19px;line-height:1.8}.primary-btn{min-height:52px;border:0;border-radius:6px;background:var(--indigo);box-shadow:0 10px 24px rgba(87,87,217,.22)}.primary-btn:hover{background:#4444c6}.text-btn{color:#34345d;padding:10px 0}.hero-stats{gap:16px}.hero-stats div{flex:1;border:1px solid var(--line);border-left:0;padding:14px 16px;border-radius:6px;background:#fff}.hero-stats dt{color:var(--indigo)}.hero-media{height:min(70vh,650px);border-radius:8px;background:#dfe2f8;box-shadow:24px 24px 0 #e5e5ff}.hero-media img{filter:saturate(.85) contrast(1.02)}.availability{left:18px;bottom:18px;border-radius:6px;box-shadow:0 12px 34px rgba(26,24,79,.16)}
.catalog{padding:92px max(28px,5vw);background:#fff;border-top:1px solid #eceef7}.catalog>.section-heading,.catalog-tools,.product-grid,.process>.section-heading,.process ol{max-width:1240px;margin-left:auto;margin-right:auto}.section-heading h2,.faq h2,.contact h2{color:#242252;font-weight:800}.section-heading>p{color:#6d7085}.catalog-tools{align-items:center;padding:10px;background:#f7f8fc;border:1px solid var(--line);border-radius:8px}.tabs{gap:3px}.tab{border-radius:5px;padding:9px 12px}.tab.active{background:var(--indigo);color:#fff}.search{min-width:270px;border:1px solid #d8dbea;background:#fff;border-radius:6px}.product-grid{gap:18px;margin-top:24px}.product-card{min-height:270px;padding:22px;border-radius:8px;border:1px solid #e1e3ef;background:#fff;box-shadow:0 4px 15px rgba(39,36,92,.04)}.product-card:hover{border-color:#b7b6f3;box-shadow:0 16px 36px rgba(59,55,137,.10);transform:translateY(-3px)}.category{color:var(--indigo);background:var(--soft-indigo);border-radius:4px}.stock{color:var(--green)}.product-card h3{color:#282750;font-size:17px}.product-card p{color:#6b6f81}.price strong{font-size:28px;color:#292766}.buy{width:auto;height:44px;padding:0 16px;border:0;border-radius:6px;background:#19a96b;color:#fff;font-size:14px;font-weight:800}.buy:hover{background:#118653;color:#fff}
.process{background:#f3f4fc}.process ol{border-top:0;gap:14px}.process li{padding:24px;border:1px solid #dfe2f1;background:#fff;border-radius:8px}.process li span{display:grid;place-items:center;width:36px;height:36px;background:#ffe8e2;color:#c44834;border-radius:5px}.process h3{margin-top:22px;color:#292750}.faq{background:#292750;gap:7vw}.faq .eyebrow{background:#41406b;color:#c9c8ff}.faq h2{color:#fff}.faq-list details{border-color:#4c4b74}.faq-list summary{font-size:17px}.contact{background:#dfe4ff}.contact .eyebrow{background:#fff;color:var(--indigo)}.contact .primary-btn{background:var(--green);box-shadow:none}footer{background:#fff;border-top:1px solid var(--line)}
.checkout{border-radius:8px;box-shadow:0 32px 90px rgba(27,24,85,.32)}.checkout-product{background:#f1f2ff}.checkout-product h2,.checkout-product h3{color:#252451}.checkout-price strong{color:var(--indigo)}.checkout-points li{border-color:#d8daed}.checkout-form{background:#fff}.network{border-color:var(--indigo);background:#f4f4ff;border-radius:7px}.network .selected{color:var(--indigo)}#orderEmail,.address-row input{border-radius:6px}.quantity{border-radius:6px;overflow:hidden}.total{border-left-color:var(--indigo);background:#f4f4ff;border-radius:6px}.pay-btn,.paid-btn{border-radius:6px;background:var(--green)}.payment-status{background:#e7f7ef;border-radius:5px}.payment-amount strong{color:var(--indigo)}.address-row button{background:var(--indigo);color:#fff;border-radius:0 6px 6px 0}.payment img{border-radius:8px}.modal-close{border-radius:6px}.modal-close:hover{background:#ececff;color:var(--indigo)}
@media(max-width:900px){.site-header{top:8px}.hero{padding-left:28px;padding-right:28px;gap:46px}.hero-media{box-shadow:14px 14px 0 #e5e5ff}.catalog-tools{display:block}.search{margin-top:10px}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.site-header{height:62px;width:calc(100% - 16px)}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.header-cta{font-size:12px;padding:8px 10px}.hero{padding:58px 18px 54px}.hero h1{font-size:42px}.hero-media{height:340px;box-shadow:8px 8px 0 #e5e5ff}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.catalog,.process,.faq{padding-left:18px;padding-right:18px}.product-grid{grid-template-columns:1fr}.catalog-tools{padding:8px}.tabs{padding-bottom:4px}.search{min-width:0}.process ol{grid-template-columns:1fr}.contact{padding-left:22px;padding-right:22px}.checkout{border-radius:0}.checkout-product{padding-top:62px}}