/*
Theme Name: Sugada Packaging
Theme URI: https://sugadapacking.com
Author: Codex
Description: Clean, professional packaging manufacturer theme for Shanghai Sugada Packaging Co., Ltd.
Version: 1.0.0
Text Domain: sugada-packaging
*/
:root{--green:#2f7d51;--green-dark:#20583a;--ink:#1d2923;--muted:#68736d;--line:#dfe7e1;--soft:#f2f7f3;--white:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#fff}a{color:var(--green-dark);text-decoration:none}a:hover{color:var(--green)}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:2}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:700;letter-spacing:.04em}.brand span{display:block;color:var(--green);font-size:11px;letter-spacing:.18em;text-transform:uppercase;line-height:1}.main-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.main-nav a{font-size:14px;font-weight:600;color:var(--ink)}.menu-toggle{display:none}.hero{background:var(--soft);padding:100px 0 90px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{color:var(--green);font-size:13px;font-weight:bold;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.08;margin:18px 0 22px;max-width:680px}.hero p{font-size:19px;color:var(--muted);max-width:600px}.actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.button{display:inline-block;padding:13px 21px;border-radius:4px;background:var(--green);color:#fff;font-weight:700;font-size:14px}.button:hover{background:var(--green-dark);color:#fff}.button-outline{background:transparent;color:var(--green-dark);border:1px solid var(--green)}.hero-art{min-height:350px;border-left:14px solid var(--green);background:linear-gradient(135deg,#dbe9df,#fff);padding:28px;display:flex;align-items:flex-end}.hero-art strong{font-size:34px;line-height:1.1;max-width:260px}.section{padding:84px 0}.section-soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section h2{font-size:38px;line-height:1.15;margin:0 0 12px}.section-intro{color:var(--muted);max-width:620px;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card,.feature,.case-card{border:1px solid var(--line);padding:26px;background:#fff}.product-card h3,.feature h3{margin:14px 0 8px;font-size:20px}.product-card p,.feature p,.case-card p{color:var(--muted);margin:0}.product-mark{height:130px;background:#e5efe8;display:flex;align-items:center;justify-content:center;color:var(--green-dark);font-size:14px;font-weight:bold;text-transform:uppercase;letter-spacing:.1em}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{background:transparent}.feature-number{font-size:28px;font-weight:bold;color:var(--green)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process article{padding:22px;border-top:2px solid var(--green)}.process b{display:block;color:var(--green);font-size:13px;letter-spacing:.12em}.cta{background:var(--green-dark);color:#fff;padding:64px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin:0;font-size:36px}.cta .button{background:#fff;color:var(--green-dark)}.site-footer{background:#17231b;color:#dce7df;padding:48px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.site-footer a{color:#dce7df}.site-footer p{color:#aebdb3}.copyright{border-top:1px solid #3b4a40;margin-top:35px;padding-top:18px;font-size:13px;color:#aebdb3}.page-hero{background:var(--soft);padding:64px 0}.page-hero h1{font-size:50px;margin:0}.content{padding:70px 0;max-width:800px}.content h2{font-size:30px}.contact-list{list-style:none;padding:0}.contact-list li{padding:12px 0;border-bottom:1px solid var(--line)}
@media(max-width:800px){.container{width:min(100% - 28px,600px)}.header-inner{height:68px}.menu-toggle{display:block;border:1px solid var(--line);background:#fff;padding:8px 11px}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--line);padding:18px}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav li{padding:10px 0}.hero{padding:65px 0}.hero-grid,.grid-3,.footer-grid{grid-template-columns:1fr}.hero-art{min-height:240px}.section{padding:58px 0}.section-head,.cta-inner{display:block}.section h2,.cta h2{font-size:31px}.feature-grid,.process{grid-template-columns:1fr 1fr}.cta .button{margin-top:20px}.page-hero h1{font-size:40px}}