@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { color-scheme: light; --ink:#1d2528; --muted:#5e676b; --orange:#b95430; --orange-dark:#934126; --sand:#fbf8f3; --line:#e7dfd6; --white:#fff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ink); background:var(--sand); font-family:'DM Sans','Manrope','Microsoft YaHei',sans-serif; line-height:1.6; }
button,a { font:inherit; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.container { width:min(1180px,calc(100% - 48px)); margin:auto; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.header-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.brand img { width:124px; height:auto; }
.site-nav { display:flex; align-items:center; gap:28px; font-weight:700; font-size:.92rem; }
.site-nav a:hover, .breadcrumbs a:hover, .back-link:hover { color:var(--orange); }
.lang-switch { display:flex; align-items:center; gap:3px; border:1px solid var(--line); border-radius:999px; padding:4px; background:#f7f3ef; }
.lang-switch button { min-width:43px; border:0; border-radius:999px; background:transparent; padding:5px 10px; color:var(--muted); cursor:pointer; font-size:.78rem; font-weight:800; }
.lang-switch button[aria-pressed="true"] { background:var(--ink); color:#fff; }
.breadcrumbs { padding:25px 0 15px; display:flex; align-items:center; gap:9px; color:#697175; font-size:.83rem; }
.breadcrumbs span:last-child { color:var(--ink); font-weight:700; }
.hero { display:grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); min-height:510px; overflow:hidden; background:#fff; border-radius:26px; box-shadow:0 15px 55px rgba(44,38,30,.07); }
.hero-copy { padding:clamp(34px,5vw,72px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.eyebrow, .section-kicker { color:var(--orange); text-transform:uppercase; font-weight:800; letter-spacing:.16em; font-size:.76rem; }
.hero h1 { margin:16px 0 17px; max-width:640px; font-size:clamp(2.2rem,4vw,4.1rem); line-height:1.12; letter-spacing:-.045em; }
.hero p { max-width:570px; margin:0; color:var(--muted); font-size:1.03rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:31px; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:45px; padding:10px 20px; border-radius:999px; font-weight:800; font-size:.9rem; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#fff; background:var(--orange); }
.button-primary:hover { background:var(--orange-dark); }
.button-secondary { border:1px solid var(--line); background:#fff; }
.hero-media { min-height:510px; background:#262a2c; }
.hero-media img { width:100%; height:100%; object-fit:cover; }
.product-australia2100 .hero-media { background:#fff; }
.product-australia2100 .hero-media img { object-fit:contain; }
.feature-strip { display:grid; grid-template-columns:repeat(4,1fr); margin:25px 0 0; background:#fff; border:1px solid var(--line); border-radius:20px; overflow:hidden; }
.feature { padding:22px 25px; border-right:1px solid var(--line); }
.feature:last-child { border-right:0; }
.feature strong { display:block; font-size:1.1rem; line-height:1.25; }
.feature span { display:block; margin-top:5px; color:var(--muted); font-size:.8rem; }
.section { padding:75px 0 0; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:24px; }
.section-heading h2 { margin:8px 0 0; font-size:clamp(1.65rem,2.7vw,2.7rem); line-height:1.2; letter-spacing:-.03em; }
.section-heading p { max-width:590px; margin:0; color:var(--muted); font-size:.91rem; }
.gallery { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.gallery figure { margin:0; background:#fff; border:1px solid var(--line); border-radius:20px; overflow:hidden; }
.gallery img { width:100%; height:325px; object-fit:cover; }
.gallery figcaption { padding:12px 18px; color:var(--muted); font-size:.82rem; }
.spec-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.spec-card, .option-card { background:#fff; border:1px solid var(--line); border-radius:20px; padding:28px 29px; }
.spec-card h3, .option-card h3 { margin:0 0 15px; font-size:1.13rem; }
.spec-card ul, .option-card ul { margin:0; padding:0 0 0 20px; }
.spec-card li, .option-card li { padding:3px 0; color:#4d565a; font-size:.91rem; }
.spec-card li::marker, .option-card li::marker { color:var(--orange); }
.options-note { margin:0 0 22px; color:var(--muted); font-size:.9rem; }
.option-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.option-card { background:#fffdfb; }
.contact-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:36px; margin:75px 0; padding:35px 40px; background:#252b2d; color:#fff; border-radius:24px; }
.contact-panel h2 { margin:8px 0 7px; font-size:clamp(1.55rem,2.5vw,2.45rem); line-height:1.2; }
.contact-panel p { margin:0; max-width:640px; color:#d2d5d5; }
.contact-panel .section-kicker { color:#eaa481; }
.contact-actions { display:flex; gap:18px; align-items:center; }
.contact-actions .button { white-space:nowrap; }
.wechat { display:flex; align-items:center; gap:11px; }
.wechat img { width:124px; height:124px; object-fit:contain; padding:3px; border-radius:8px; background:#fff; }
.wechat span { max-width:75px; font-size:.75rem; color:#d2d5d5; line-height:1.3; }
.site-footer { border-top:1px solid var(--line); background:#fff; }
.footer-inner { min-height:100px; display:flex; justify-content:space-between; align-items:center; gap:20px; color:var(--muted); font-size:.82rem; }
.footer-inner a { color:var(--orange); font-weight:800; }
@media (max-width:950px) { .hero { grid-template-columns:1fr; }.hero-media { min-height:420px; }.hero-copy { padding:46px; }.option-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.contact-panel { grid-template-columns:1fr; } }
@media (max-width:680px) { .container { width:min(100% - 32px,1180px); }.header-inner { min-height:76px; }.brand img { width:100px; }.site-nav { gap:14px; font-size:.8rem; }.site-nav .nav-contact { display:none; }.lang-switch button { min-width:35px; padding:5px 7px; }.breadcrumbs { padding-top:18px; }.hero { border-radius:20px; }.hero-copy { padding:31px 27px; }.hero h1 { font-size:2.35rem; }.hero-media { min-height:295px; }.feature-strip { grid-template-columns:1fr 1fr; }.feature { padding:17px; }.feature:nth-child(2) { border-right:0; }.feature:nth-child(-n+2) { border-bottom:1px solid var(--line); }.section { padding-top:55px; }.section-heading { display:block; }.section-heading p { margin-top:10px; }.gallery,.spec-grid,.option-grid { grid-template-columns:1fr; }.gallery img { height:255px; }.contact-panel { margin:55px 0; padding:28px; }.contact-actions { flex-wrap:wrap; }.footer-inner { flex-direction:column; justify-content:center; align-items:flex-start; padding:25px 0; } }
@media (max-width:420px) { .site-nav { gap:10px; }.site-nav .nav-home { display:none; }.hero h1 { font-size:2.05rem; }.feature strong { font-size:.98rem; } }
