:root { --navy:#082442; --deep:#061b33; --blue:#145b9d; --accent:#65b3e9; --ink:#152b40; --muted:#657382; --line:#dce3e9; --pale:#f3f6f8; --white:#fff; font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif; color:var(--ink); background:white; font-synthesis:none; }
* { box-sizing:border-box; }
body { margin:0; font-size:1rem; line-height:1.75; }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { cursor:wait; opacity:.65; }
img { max-width:100%; height:auto; display:block; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { line-height:1.4; letter-spacing:-.025em; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #298dd0; outline-offset:4px; }
.container { width:min(1320px,calc(100% - 96px)); margin-inline:auto; }
.section { padding:88px 0; }
.eyebrow { font-size:.8125rem; letter-spacing:.16em; font-weight:700; color:var(--blue); margin-bottom:20px; }
.eyebrow.light { color:#a9d9fc; }
.site-header { background:white; position:relative; z-index:20; border-bottom:1px solid #e8eef3; }
.header-inner { min-height:100px; display:flex; align-items:center; gap:52px; }
.brand { flex-shrink:0; display:flex; flex-direction:column; gap:3px; }
.brand strong { display:flex; align-items:baseline; font-family:Arial,sans-serif; font-size:2.25rem; line-height:1; letter-spacing:.03em; font-weight:900; }
.brand-dot { display:inline-block; width:7px; height:7px; background:var(--blue); margin-left:5px; }
.brand>span { font-size:.75rem; letter-spacing:.05em; color:#5e7183; }
.main-nav { display:flex; align-items:center; gap:27px; }
.main-nav>a { font-size:.9375rem; font-weight:600; white-space:nowrap; padding:36px 0; position:relative; }
.main-nav>a[aria-current] { color:var(--blue); }
.main-nav>a[aria-current]:after { content:""; position:absolute; height:3px; width:28px; background:var(--blue); bottom:18px; left:0; }
.main-nav>a:hover { color:var(--blue); }
.main-nav>a.nav-contact { background:var(--navy); color:white; padding:12px 19px; display:flex; gap:16px; }
.menu-toggle { display:none; background:transparent; border:0; width:44px; height:44px; padding:10px; }
.menu-toggle span { display:block; height:2px; background:var(--navy); margin:5px 0; }
.skip-link { position:absolute; top:-100px; left:15px; padding:10px 18px; z-index:40; background:white; }
.skip-link:focus { top:5px; }
.hero { background:var(--deep) url("images/brand-hero.png") center/cover no-repeat; color:white; position:relative; min-height:670px; display:flex; flex-direction:column; }
.hero:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,19,38,.34),transparent 72%); pointer-events:none; }
.hero-content { position:relative; padding-top:100px; padding-bottom:140px; flex:1; }
.hero h1 { font-size:clamp(3.25rem,4.7vw,4.6rem); line-height:1.35; font-weight:700; letter-spacing:.055em; white-space:pre-line; }
.hero-description { max-width:555px; font-size:1.0625rem; line-height:1.95; margin-top:28px; color:#d4e2ef; }
.hero-actions { display:flex; gap:28px; align-items:center; flex-wrap:wrap; margin-top:35px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:32px; min-height:50px; padding:12px 24px; font-size:.9375rem; font-weight:600; border:1px solid transparent; transition:background .2s,color .2s; }
.button-white { color:var(--navy); background:white; }
.button-white:hover { background:#d9ecfa; }
.button-blue { background:var(--blue); color:white; }
.button-blue:hover { background:var(--navy); }
.button-outline { border-color:var(--line); background:white; color:var(--blue); }
.hero-secondary { font-size:.9375rem; display:flex; align-items:center; gap:30px; color:#ebf5fc; }
.hero-bottom { position:absolute; bottom:0; width:100%; background:rgba(5,26,48,.72); border-top:1px solid rgba(220,237,251,.2); }
.hero-pillars { display:grid; grid-template-columns:repeat(3,1fr); }
.hero-pillars>a { display:flex; align-items:center; gap:22px; padding:25px 28px; border-right:1px solid rgba(220,237,251,.18); }
.hero-pillars>a:first-child { padding-left:0; }
.hero-pillars>a:last-child { border:0; }
.pillar-index { font-size:1rem; color:#8aa6c0; align-self:flex-start; }
.hero-pillars strong { display:block; font-size:1.125rem; font-weight:600; }
.hero-pillars small { display:block; color:#a9bfd3; font-size:.8125rem; margin-top:4px; }
.hero-pillars b { color:#a9d9fc; font-size:1.5rem; padding-left:15px; font-weight:400; }
.section-heading { display:flex; align-items:flex-end; gap:40px; flex-wrap:wrap; margin-bottom:38px; }
.section-heading h2,.solution-intro h2,.about-layout h2,.cta-inner h2,.about-detail h2 { font-size:clamp(1.75rem,2.45vw,2.5rem); font-weight:600; }
.section-heading .eyebrow { margin-bottom:12px; }
.text-link { display:inline-flex; align-items:center; gap:20px; color:var(--blue); font-size:.9375rem; font-weight:600; padding-bottom:4px; border-bottom:1px solid #bfd3e3; }
.category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-left:1px solid var(--line); border-top:1px solid var(--line); }
.category-card { padding:28px 27px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; min-height:250px; transition:background .2s; }
.category-card:hover { background:#edf4f9; }
.category-number { display:block; font-family:Arial,sans-serif; color:#8293a4; font-size:.875rem; letter-spacing:.08em; margin-bottom:24px; }
.category-card h3,.category-card h2 { font-size:1.125rem; margin-bottom:13px; }
.category-card p { color:var(--muted); font-size:.9375rem; line-height:1.8; }
.card-link { margin-top:auto; padding-top:24px; display:flex; align-items:center; gap:20px; color:var(--blue); font-size:.875rem; font-weight:600; }
.category-custom { background:var(--navy); color:white; }
.category-custom:hover { background:#11385b; }
.category-custom h3 { font-size:1.375rem; }
.category-custom p,.category-custom .category-number { color:#a6bfd4; }
.category-custom .card-link { color:#c4e8ff; }
.solutions-section { background:var(--navy); color:white; }
.solution-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:95px; }
.solution-intro>p:not(.eyebrow) { color:#adc3d6; max-width:360px; margin:28px 0; }
.light-link { color:#c6e7ff; border-color:#3b5d7a; }
.solution-list { border-top:1px solid #35516a; }
.solution-list>a { display:flex; gap:24px; padding:28px 0; border-bottom:1px solid #35516a; align-items:flex-start; }
.solution-no { color:#7c9cb8; font-family:Arial,sans-serif; font-size:.875rem; }
.solution-list h3 { font-size:1.25rem; font-weight:500; }
.solution-list p { color:#9db7cd; font-size:.9375rem; margin-top:9px; }
.solution-arrow { font-size:1.5rem; color:#a3d7fb; padding-left:20px; }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.service-card { border-top:1px solid var(--line); padding:26px 0 10px; display:flex; flex-direction:column; }
.service-card h3,.service-card h2 { font-size:1.25rem; margin:10px 0 14px; }
.service-card p { font-size:.9375rem; color:var(--muted); }
.service-line { width:30px; height:3px; background:var(--blue); margin-bottom:10px; }
.about-section { padding:90px 0; background:var(--pale); }
.about-layout { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:70px; }
.about-mark { font-size:clamp(3.5rem,7vw,7rem); letter-spacing:-.02em; font-family:Arial,sans-serif; color:#133e66; font-weight:900; border-left:4px solid #79a6c5; padding:30px 0 30px 40px; line-height:1; }
.about-mark>span { color:#669bbf; }
.about-mark small { font-family:"Microsoft YaHei",sans-serif; display:block; font-size:.9375rem; font-weight:400; letter-spacing:.4em; margin-top:28px; color:#728797; }
.about-layout>div>p:not(.eyebrow) { color:var(--muted); margin:24px 0; }
.cta-section { padding:65px 0; border-top:1px solid var(--line); background:#f8fafb; }
.cta-inner { display:flex; gap:65px; align-items:center; flex-wrap:wrap; }
.cta-inner .eyebrow { margin-bottom:12px; }
.cta-inner p:not(.eyebrow) { color:var(--muted); margin-top:15px; }
.site-footer { background:#061a2e; color:#dbe7f1; padding-top:58px; }
.footer-main { display:grid; grid-template-columns:1.4fr .65fr 1fr; gap:60px; padding-bottom:48px; }
.footer-brand { display:block; font-family:Arial,sans-serif; font-weight:900; font-size:2.6rem; line-height:1.3; margin-bottom:15px; letter-spacing:.035em; }
.footer-brand span { color:#6fb1df; }
.footer-main p,.footer-main a:not(.footer-brand) { font-size:.875rem; }
.footer-caption { color:#86a0b6; margin-top:12px; }
.footer-main h2 { font-size:.9375rem; font-weight:500; margin-bottom:18px; }
.footer-links a,.footer-contact a { display:block; margin-bottom:8px; color:#a9bfd0; }
.footer-main a.footer-phone { color:white; font-family:Arial,sans-serif; font-size:1.75rem; letter-spacing:.03em; }
.footer-contact p { color:#a9bfd0; }
.footer-bottom { display:flex; flex-wrap:wrap; gap:10px 28px; border-top:1px solid #23394b; padding-block:23px; font-size:.75rem; color:#819bae; }
.inquiry-float { position:fixed; right:20px; bottom:24px; background:white; border:1px solid #b4c9da; color:var(--navy); padding:10px 16px; font-size:.875rem; box-shadow:0 3px 15px #09234010; z-index:30; display:none; }
.inquiry-float.has-items { display:block; }
.inquiry-float span { background:var(--blue); color:white; padding:1px 7px; margin-left:7px; }
.page-heading { padding:62px 0 58px; background:var(--pale); border-bottom:1px solid var(--line); }
.page-heading h1 { white-space:pre-line; font-size:clamp(2.25rem,3.4vw,3.4rem); margin-bottom:23px; }
.page-heading>div>p:not(.eyebrow) { max-width:710px; color:var(--muted); }
.catalog-section { padding-top:36px; }
.catalog-search { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.catalog-search input { width:310px; }
input,select,textarea { border:1px solid #c8d2dc; background:white; border-radius:0; padding:11px 12px; min-height:46px; color:var(--ink); max-width:100%; }
input::placeholder,textarea::placeholder { color:#83919e; }
select { max-width:220px; }
.category-tabs { display:flex; flex-wrap:wrap; gap:10px 22px; padding:26px 0; border-bottom:1px solid var(--line); margin-bottom:34px; }
.category-tabs a { font-size:.875rem; padding:7px 0; }
.category-tabs [aria-current] { color:var(--blue); box-shadow:inset 0 -2px var(--blue); font-weight:700; }
.category-intro { background:var(--pale); padding:26px 30px; margin-bottom:35px; }
.category-intro h2 { font-size:1.4rem; }
.category-intro p { color:var(--muted); margin:12px 0 16px; max-width:950px; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.product-card { border:1px solid var(--line); min-width:0; }
.product-image { display:flex; align-items:center; justify-content:center; background:var(--pale); min-height:230px; }
.product-image img { aspect-ratio:1.36; object-fit:contain; width:100%; }
.product-model { display:block; padding:35px; font-family:Arial,"Microsoft YaHei",sans-serif; font-size:1.75rem; color:#456680; font-weight:600; overflow-wrap:anywhere; }
.product-model small { display:block; color:#8899a7; font-weight:400; font-size:.8125rem; margin-top:14px; }
.product-card-body { padding:24px; }
.product-card-body>small { font-size:.8125rem; color:var(--muted); }
.product-card h2 { font-size:1.25rem; overflow-wrap:anywhere; margin:10px 0 14px; }
.product-card p { font-size:.9375rem; color:var(--muted); }
.product-card-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:24px; font-size:.875rem; color:var(--blue); }
.basket-button { background:white; border:1px solid #c2d3e0; color:var(--blue); padding:7px 12px; font-size:.875rem; }
.result-count { color:var(--muted); font-size:.875rem; margin-bottom:20px; }
.empty-state { padding:55px 0; max-width:650px; }
.empty-state h2 { font-size:1.5rem; }
.empty-state p { color:var(--muted); margin:15px 0 25px; }
.pagination { display:flex; gap:24px; align-items:center; padding-top:35px; font-size:.9375rem; }
.pagination a { color:var(--blue); border:1px solid var(--line); padding:8px 16px; }
.editorial-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
.editorial-card { border:1px solid var(--line); padding:34px; display:flex; flex-direction:column; }
.editorial-card h2 { font-size:1.65rem; margin-bottom:15px; }
.editorial-card p { color:var(--muted); }
.editorial-card img { width:100%; aspect-ratio:1.79; object-fit:cover; margin-bottom:24px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:.875rem; margin-bottom:36px; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:80px; align-items:start; }
.article-title { font-size:clamp(2rem,3vw,3rem); margin-bottom:25px; overflow-wrap:anywhere; }
.article-summary { color:var(--muted); font-size:1.125rem; padding-bottom:30px; border-bottom:1px solid var(--line); }
.article-body { line-height:2; overflow-wrap:anywhere; }
.article-body>p { white-space:pre-line; margin-top:25px; }
.article-body h2 { font-size:1.375rem; margin:32px 0 10px; }
.article-body h1 { font-size:2.25rem; }
.article-image { margin:30px 0; }
.detail-aside { background:var(--pale); padding:30px; }
.detail-aside h2 { font-size:1.375rem; }
.detail-aside>p:not(.eyebrow) { font-size:.9375rem; color:var(--muted); margin:20px 0; }
.aside-phone { display:block; margin-top:20px; color:var(--blue); font-size:1.3rem; }
.product-detail-layout { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.product-detail-image { background:var(--pale); min-height:350px; display:flex; align-items:center; justify-content:center; }
.product-detail-image img { width:100%; max-height:510px; object-fit:contain; }
.product-detail-info h1 { font-size:2rem; overflow-wrap:anywhere; }
.product-detail-info>p:not(.eyebrow) { color:var(--muted); margin-top:20px; }
.spec-list { margin:25px 0; }
.spec-list>div { display:flex; gap:24px; border-bottom:1px solid var(--line); padding:11px 0; }
.spec-list dt { color:var(--muted); min-width:55px; }
.spec-list dd { margin:0; overflow-wrap:anywhere; }
.product-copy { border-top:1px solid var(--line); margin-top:55px; padding-top:20px; max-width:900px; }
.about-heading { background:var(--navy) url("images/brand-hero.png") center/cover no-repeat; color:white; padding:75px 0; }
.about-heading>div>p:not(.eyebrow) { color:#adc9df; }
.about-detail { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.about-detail .article-body>p:first-child { margin-top:0; }
.principles { background:var(--pale); }
.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:start; }
.contact-info h2 { font-size:1.45rem; margin-bottom:34px; }
.contact-info>div { margin:25px 0; }
.contact-info>div>span { display:block; color:var(--muted); font-size:.875rem; margin-bottom:6px; }
.contact-info .contact-phone { display:block; font-family:Arial,sans-serif; font-size:2.15rem; letter-spacing:.025em; color:var(--blue); }
.contact-info .contact-note { border-top:1px solid var(--line); padding-top:24px; color:var(--muted); font-size:.875rem; margin-top:32px; max-width:370px; }
.inquiry-form { border:1px solid var(--line); padding:34px; }
.inquiry-form h2 { font-size:1.5rem; margin-bottom:25px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.field { min-width:0; }
.field.full { grid-column:1/-1; }
.field label { display:block; font-size:.9375rem; margin-bottom:8px; }
.field label>span { color:#bc443d; }
.field input,.field textarea { width:100%; }
.field textarea { resize:vertical; }
.consent { display:flex; gap:9px; align-items:flex-start; font-size:.875rem; margin:22px 0; color:var(--muted); }
.consent input { min-height:0; width:17px; height:17px; margin:4px 0 0; flex-shrink:0; }
.consent a { color:var(--blue); text-decoration:underline; }
.honeypot { display:none; }
.form-error { color:#8b2828; background:#fff0ed; border:1px solid #eac6bf; padding:13px; margin-bottom:20px; }
.basket-summary { background:var(--pale); padding:16px 18px; margin-bottom:25px; font-size:.875rem; }
.basket-summary ul { padding-left:18px; margin:10px 0 0; }
.basket-summary li { margin:7px 0; overflow-wrap:anywhere; }
.basket-summary button { border:0; background:transparent; color:var(--blue); margin-left:10px; font-size:.8125rem; }
.muted { color:var(--muted); }
.confirmation { padding-block:45px 90px; max-width:1000px; }
.confirmation h1 { font-size:clamp(2rem,3vw,3rem); }
.confirmation>p:not(.eyebrow) { margin:22px 0; color:var(--muted); }
.receipt { background:var(--pale); padding:20px; display:inline-block; overflow-wrap:anywhere; }
.privacy { max-width:900px; }
@media(min-width:1500px) { .hero { min-height:730px; } .hero-content { padding-top:120px; } }
@media(max-width:1250px) { .header-inner { gap:30px; } .main-nav { gap:17px; } .main-nav>a { font-size:.875rem; } .brand strong { font-size:2rem; } .brand>span { font-size:.75rem; letter-spacing:0; } .container { width:calc(100% - 64px); } .contact-layout { gap:45px; } }
@media(max-width:1060px) { .header-inner { min-height:86px; gap:35px; } .main-nav { gap:17px; } .main-nav>a { font-size:.8125rem; } .brand>span { max-width:190px; font-size:.75rem; } .main-nav>a.nav-contact { padding:10px 12px; gap:7px; } .solution-layout { gap:45px; } .hero h1 { font-size:3.5rem; } .hero-pillars>a { gap:15px; padding-inline:20px; } .hero-pillars b { padding:0; } .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .article-layout { grid-template-columns:minmax(0,1fr) 280px; gap:35px; } .contact-layout { grid-template-columns:1fr 1.4fr; } .contact-info .contact-phone { font-size:1.8rem; } }
@media(max-width:900px) { .header-inner { justify-content:space-between; } .menu-toggle { display:block; } .main-nav { display:none; position:absolute; top:86px; left:0; width:100%; background:white; border-bottom:1px solid var(--line); padding:18px 32px 28px; box-shadow:0 10px 20px #102d4210; } .main-nav.is-open { display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; } .main-nav>a { padding:12px; font-size:1rem; } .main-nav>a[aria-current]:after { bottom:4px; left:12px; } .main-nav>a.nav-contact { justify-content:center; } .hero { min-height:630px; background-position:57% center; } .hero-content { padding-top:85px; } .hero h1 { font-size:3.3rem; } .hero-description { max-width:470px; } .hero-pillars strong { font-size:1rem; } .hero-pillars small { font-size:.75rem; } .hero-pillars b { display:none; } .hero-pillars>a { gap:12px; } .section { padding:60px 0; } .service-grid { gap:25px; } .about-layout { gap:40px; } .about-mark { font-size:3.5rem; padding-left:25px; } .footer-main { gap:30px; } .contact-layout { grid-template-columns:1fr; gap:30px; } .contact-info>div { display:inline-block; margin-right:38px; vertical-align:top; } .contact-info h2 { margin-bottom:12px; } .contact-info .contact-note { max-width:700px; margin-top:5px; } .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .container { width:calc(100% - 40px); } .header-inner { min-height:80px; } .brand strong { font-size:2rem; } .brand>span { max-width:none; } .main-nav { top:80px; padding:12px 20px 20px; } .hero { min-height:670px; background-position:61% center; } .hero:before { background:linear-gradient(90deg,#03172ede,#03172e4d); } .hero-content { padding-top:66px; padding-bottom:220px; } .hero h1 { font-size:2.75rem; line-height:1.48; letter-spacing:.04em; } .hero-description { max-width:350px; font-size:.9375rem; margin-top:22px; } .hero-actions { gap:22px; margin-top:28px; } .hero-secondary { font-size:.875rem; gap:12px; } .hero-pillars { grid-template-columns:1fr; } .hero-pillars>a,.hero-pillars>a:first-child { padding:12px 0; border-right:0; border-bottom:1px solid #35516a; gap:15px; } .hero-pillars>a>span:not(.pillar-index) { display:flex; gap:15px; align-items:center; } .hero-pillars small { margin:0; font-size:.75rem; } .pillar-index { font-size:.875rem; } .hero-pillars b { display:block; font-size:1rem; } .hero-pillars strong { font-size:.9375rem; } .eyebrow { font-size:.75rem; margin-bottom:16px; } .section { padding:48px 0; } .section-heading { gap:18px; margin-bottom:28px; } .section-heading h2,.solution-intro h2,.about-layout h2,.cta-inner h2 { font-size:1.7rem; } .category-card { min-height:235px; padding:22px 18px; } .category-card h3,.category-card h2 { font-size:1.0625rem; } .category-card p { font-size:.875rem; } .category-number { margin-bottom:19px; } .category-custom h3 { font-size:1.2rem; } .card-link { font-size:.8125rem; gap:10px; } .solution-layout { grid-template-columns:1fr; gap:35px; } .solution-intro>p:not(.eyebrow) { margin:20px 0; } .solution-list>a { gap:18px; } .solution-list p { font-size:.875rem; } .service-grid { grid-template-columns:1fr 1fr; gap:25px 20px; } .service-card h3 { font-size:1.125rem; } .service-card p { font-size:.875rem; } .about-layout { grid-template-columns:1fr; gap:35px; } .about-section { padding:50px 0; } .about-mark { font-size:4.1rem; padding:10px 0 10px 25px; } .about-mark small { font-size:.8125rem; letter-spacing:.2em; margin-top:20px; } .cta-section { padding:42px 0; } .cta-inner { gap:28px; } .footer-main { grid-template-columns:1fr 1fr; gap:28px; padding-bottom:30px; } .footer-main>div:first-child { grid-column:1/-1; } .footer-main a.footer-phone { font-size:1.35rem; } .footer-bottom { padding-bottom:70px; gap:9px 18px; } .footer-main h2 { font-size:.875rem; } .page-heading { padding:42px 0 38px; } .page-heading h1 { font-size:2.15rem; } .page-heading p:not(.eyebrow) { font-size:.9375rem; } .editorial-grid { grid-template-columns:1fr; gap:24px; } .editorial-card { padding:25px; } .editorial-card h2 { font-size:1.45rem; } .article-layout { grid-template-columns:1fr; gap:35px; } .article-summary { font-size:1rem; } .article-title { font-size:2rem; } .about-detail { grid-template-columns:1fr; gap:30px; } .about-detail h2 { font-size:1.8rem; } .catalog-search { gap:12px; } .catalog-search input { flex:1; min-width:180px; width:auto; } .catalog-search label { font-size:.875rem; } .category-tabs { gap:7px 18px; padding:18px 0; } .category-tabs a { font-size:.8125rem; } .category-intro { padding:22px; } .product-grid { grid-template-columns:1fr; } .product-detail-layout { grid-template-columns:1fr; gap:30px; } .product-detail-image { min-height:230px; } .product-detail-info h1 { font-size:1.7rem; } .inquiry-form { padding:24px 20px; } .form-grid { grid-template-columns:1fr; gap:20px; } .contact-info h2 { font-size:1.2rem; } .contact-info>div { display:block; margin:20px 0; } .confirmation { padding-block:20px 45px; } .privacy h1 { font-size:2rem; } }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }