/* Norvexa - Premium Outdoor Technology Marketplace */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap');

:root {
  --white: #FFFFFF;
  --forest-green: #166534;
  --forest-green-hover: #15803d;
  --forest-green-dark: #14532d;
  --forest-green-xl: #052e16;
  --sky-blue: #38BDF8;
  --sky-blue-dark: #0ea5e9;
  --slate: #334155;
  --slate-light: #475569;
  --slate-lighter: #64748b;
  --sand: #EAD7B7;
  --sand-dark: #d4b896;
  --light-gray: #F8FAFC;
  --border: #e2e8f0;
  --border-light: #f1f5f9;
  --text-dark: #1e293b;
  --text-medium: #475569;
  --text-light: #94a3b8;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { font-family:'Inter',sans-serif; color:var(--text-dark); background:var(--white); line-height:1.6; font-size:16px; -webkit-font-smoothing:antialiased; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; transition:color .2s ease; }
ul,ol { list-style:none; }
button,input,select,textarea { font-family:inherit; font-size:inherit; }

.container { max-width:1280px; margin:0 auto; padding:0 24px; }

/* ========== HEADER ========== */
.header-top { background:var(--forest-green); color:var(--white); font-size:13px; padding:7px 0; }
.header-top-inner { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.header-top a { color:rgba(255,255,255,.85); }
.header-top a:hover { color:var(--white); }
.header-top-left,.header-top-right { display:flex; align-items:center; gap:20px; }

.site-header { background:var(--white); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:1000; box-shadow:var(--shadow-sm); }
.header-main { padding:14px 0; }
.header-main-inner { display:flex; align-items:center; gap:28px; }

.logo { display:flex; align-items:center; gap:10px; font-family:'Poppins',sans-serif; font-weight:800; font-size:25px; color:var(--forest-green); flex-shrink:0; }
.logo-mark { width:38px; height:38px; background:var(--forest-green); border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:17px; font-weight:800; flex-shrink:0; }
.logo-sub { font-size:10px; font-weight:500; color:var(--text-light); letter-spacing:1.5px; text-transform:uppercase; display:block; margin-top:-4px; }

.search-bar { flex:1; max-width:540px; position:relative; }
.search-bar input { width:100%; padding:11px 46px 11px 18px; border:1.5px solid var(--border); border-radius:50px; font-size:14px; background:var(--light-gray); transition:all .2s ease; outline:none; color:var(--text-dark); }
.search-bar input:focus { border-color:var(--forest-green); background:var(--white); box-shadow:0 0 0 3px rgba(22,101,52,.08); }
.search-bar button { position:absolute; right:14px; top:50%; transform:translateY(-50%); background:none; border:none; cursor:pointer; color:var(--text-medium); display:flex; align-items:center; font-size:16px; }

.header-actions { display:flex; align-items:center; gap:10px; margin-left:auto; flex-shrink:0; }
.hdr-btn { display:inline-flex; align-items:center; gap:6px; padding:9px 18px; border-radius:8px; font-size:13px; font-weight:500; cursor:pointer; border:none; transition:all .2s ease; background:none; color:var(--text-medium); text-decoration:none; }
.hdr-btn:hover { background:var(--light-gray); color:var(--forest-green); }
.hdr-btn.primary { background:var(--forest-green); color:var(--white); }
.hdr-btn.primary:hover { background:var(--forest-green-hover); }

.main-nav { border-top:1px solid var(--border-light); }
.nav-list { display:flex; align-items:center; }
.nav-item { position:relative; }
.nav-link { display:flex; align-items:center; gap:4px; padding:13px 16px; font-size:14px; font-weight:500; color:var(--slate); transition:color .2s ease; white-space:nowrap; }
.nav-link:hover,.nav-link.active { color:var(--forest-green); }
.nav-link .arr { font-size:9px; transition:transform .2s; }
.nav-item:hover .arr { transform:rotate(180deg); }

.nav-dd { position:absolute; top:100%; left:0; min-width:270px; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); box-shadow:var(--shadow-lg); opacity:0; visibility:hidden; transform:translateY(-8px); transition:all .2s ease; z-index:200; padding:8px 0; }
.nav-item:hover .nav-dd { opacity:1; visibility:visible; transform:translateY(0); }
.dd-item { display:flex; align-items:center; gap:10px; padding:10px 18px; font-size:14px; color:var(--text-dark); transition:background .15s; }
.dd-item:hover { background:var(--light-gray); color:var(--forest-green); }
.dd-ico { width:32px; height:32px; background:var(--light-gray); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; }

.mob-btn { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }
.mob-btn span { width:23px; height:2px; background:var(--slate); border-radius:2px; transition:all .3s; display:block; }

/* ========== BREADCRUMB ========== */
.breadcrumb { padding:11px 0; background:var(--light-gray); border-bottom:1px solid var(--border-light); }
.bc-list { display:flex; align-items:center; flex-wrap:wrap; gap:0; }
.bc-list li { display:flex; align-items:center; font-size:13px; color:var(--text-medium); }
.bc-list li a { color:var(--forest-green); }
.bc-list li a:hover { opacity:.8; }
.bc-sep { margin:0 7px; color:var(--text-light); font-size:11px; }

/* ========== HERO ========== */
.hero { position:relative; min-height:580px; overflow:hidden; display:flex; align-items:center; }
.hero-bg-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(20,83,45,.93) 0%,rgba(51,65,85,.82) 100%); z-index:1; }
.hero-content { position:relative; z-index:2; max-width:660px; padding:90px 0; }
.hero-eyebrow { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:2.5px; color:var(--sky-blue); margin-bottom:14px; display:block; }
.hero h1 { font-family:'Poppins',sans-serif; font-size:50px; font-weight:800; color:var(--white); line-height:1.15; margin-bottom:18px; }
.hero h1 em { font-style:normal; color:var(--sky-blue); }
.hero p { font-size:17px; color:rgba(255,255,255,.82); margin-bottom:34px; max-width:500px; line-height:1.7; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; }

/* ========== BUTTONS ========== */
.btn { display:inline-flex; align-items:center; gap:8px; padding:13px 28px; border-radius:var(--radius-sm); font-size:15px; font-weight:600; cursor:pointer; border:2px solid transparent; transition:all .25s ease; text-decoration:none; white-space:nowrap; }
.btn-primary { background:var(--forest-green); color:var(--white); border-color:var(--forest-green); }
.btn-primary:hover { background:var(--forest-green-hover); transform:translateY(-2px); box-shadow:0 6px 20px rgba(22,101,52,.3); }
.btn-outline-w { background:transparent; color:var(--white); border-color:rgba(255,255,255,.55); }
.btn-outline-w:hover { background:rgba(255,255,255,.1); border-color:var(--white); }
.btn-outline { background:transparent; color:var(--forest-green); border-color:var(--forest-green); }
.btn-outline:hover { background:var(--forest-green); color:var(--white); }
.btn-sky { background:var(--sky-blue); color:var(--forest-green-xl); border-color:var(--sky-blue); font-weight:700; }
.btn-sky:hover { background:var(--sky-blue-dark); border-color:var(--sky-blue-dark); color:var(--white); }
.btn-sm { padding:8px 18px; font-size:13px; }
.btn-lg { padding:16px 36px; font-size:16px; }

/* ========== SECTIONS ========== */
.section { padding:80px 0; }
.section-sm { padding:52px 0; }
.section-alt { background:var(--light-gray); }
.section-sand { background:var(--sand); }
.section-green { background:var(--forest-green); color:var(--white); }

.sec-hdr { text-align:center; margin-bottom:52px; }
.sec-hdr h2 { font-family:'Poppins',sans-serif; font-size:36px; font-weight:700; color:var(--text-dark); margin-bottom:12px; line-height:1.25; }
.sec-hdr.light h2 { color:var(--white); }
.sec-hdr p { font-size:17px; color:var(--text-medium); max-width:560px; margin:0 auto; line-height:1.65; }
.sec-hdr.light p { color:rgba(255,255,255,.75); }
.sec-hdr-row { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:36px; flex-wrap:wrap; gap:14px; }
.sec-hdr-row h2 { font-family:'Poppins',sans-serif; font-size:28px; font-weight:700; color:var(--text-dark); }
.sec-hdr-row p { font-size:15px; color:var(--text-medium); margin-top:4px; }

/* ========== CATEGORY CARDS ========== */
.cats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.cat-card { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; transition:all .3s ease; text-decoration:none; color:inherit; display:block; }
.cat-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--forest-green); }
.cat-card img { width:100%; height:195px; object-fit:cover; }
.cat-card-body { padding:20px; }
.cat-ico { font-size:26px; margin-bottom:10px; }
.cat-card-body h3 { font-family:'Poppins',sans-serif; font-size:17px; font-weight:600; margin-bottom:7px; color:var(--text-dark); }
.cat-card-body p { font-size:13px; color:var(--text-medium); line-height:1.55; margin-bottom:12px; }
.cat-meta { display:flex; align-items:center; justify-content:space-between; font-size:12px; }
.cat-count { background:var(--light-gray); color:var(--forest-green); padding:3px 10px; border-radius:20px; font-weight:700; font-size:11px; }
.cat-arrow { color:var(--forest-green); font-size:14px; }

/* ========== PRODUCT CARDS ========== */
.prods-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.prod-card { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); overflow:hidden; transition:all .3s ease; position:relative; }
.prod-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-lg); }
.prod-img-wrap { position:relative; overflow:hidden; height:215px; background:var(--light-gray); }
.prod-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.prod-card:hover .prod-img-wrap img { transform:scale(1.05); }
.prod-card-acts { position:absolute; top:10px; right:10px; display:flex; flex-direction:column; gap:6px; opacity:0; transform:translateX(8px); transition:all .2s; }
.prod-card:hover .prod-card-acts { opacity:1; transform:translateX(0); }
.pc-act-btn { width:34px; height:34px; background:var(--white); border:1px solid var(--border); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:14px; transition:all .2s; box-shadow:var(--shadow-sm); color:var(--text-medium); }
.pc-act-btn:hover { background:var(--forest-green); color:var(--white); border-color:var(--forest-green); }
.prod-body { padding:16px; }
.prod-brand { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--sky-blue-dark); margin-bottom:5px; }
.prod-body h3 { font-size:14px; font-weight:600; color:var(--text-dark); margin-bottom:7px; line-height:1.4; }
.prod-specs { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:10px; }
.spec-tag { background:var(--light-gray); color:var(--text-medium); padding:3px 7px; border-radius:4px; font-size:11px; font-weight:500; }
.prod-rating { display:flex; align-items:center; gap:5px; margin-bottom:10px; font-size:12px; color:var(--text-medium); }
.stars { color:#f59e0b; font-size:11px; }
.prod-price { display:flex; align-items:baseline; justify-content:space-between; }
.price-cur { font-family:'Poppins',sans-serif; font-size:19px; font-weight:700; color:var(--forest-green); }
.price-old { font-size:12px; color:var(--text-light); text-decoration:line-through; }
.prod-foot { padding:11px 16px; border-top:1px solid var(--border-light); display:flex; gap:7px; }
.prod-foot .btn { flex:1; justify-content:center; padding:8px 10px; font-size:12px; }

/* ========== COMPARISON TABLE ========== */
.cmp-wrap { overflow-x:auto; border-radius:var(--radius-md); border:1px solid var(--border); box-shadow:var(--shadow-sm); margin:24px 0; }
.cmp-table { width:100%; border-collapse:collapse; font-size:14px; }
.cmp-table th { background:var(--forest-green); color:var(--white); padding:13px 16px; text-align:left; font-weight:600; white-space:nowrap; }
.cmp-table th:first-child { min-width:180px; }
.cmp-table td { padding:11px 16px; border-bottom:1px solid var(--border-light); color:var(--text-dark); vertical-align:middle; }
.cmp-table tr:nth-child(even) td { background:var(--light-gray); }
.cmp-table tr:hover td { background:rgba(22,101,52,.04); }
.cmp-table td:first-child { font-weight:500; color:var(--text-medium); background:rgba(22,101,52,.04) !important; min-width:160px; }
.yes { color:#16a34a; font-size:16px; }
.no { color:#dc2626; font-size:16px; }

/* ========== FILTER PANEL ========== */
.cat-layout { display:grid; grid-template-columns:265px 1fr; gap:30px; align-items:start; }
.filter-panel { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); padding:22px; position:sticky; top:90px; }
.fp-title { font-family:'Poppins',sans-serif; font-size:16px; font-weight:700; color:var(--text-dark); margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; }
.fp-reset { font-size:12px; font-weight:500; color:var(--forest-green); cursor:pointer; background:none; border:none; }
.filter-sec { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--border-light); }
.filter-sec:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.filter-sec h4 { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--text-medium); margin-bottom:12px; }
.filter-opt { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.filter-opt label { display:flex; align-items:center; gap:7px; cursor:pointer; font-size:13px; color:var(--text-dark); }
.filter-opt input[type=checkbox] { width:15px; height:15px; accent-color:var(--forest-green); cursor:pointer; }
.f-cnt { font-size:11px; color:var(--text-light); background:var(--light-gray); padding:2px 6px; border-radius:8px; }
.price-inputs { display:flex; align-items:center; gap:8px; margin-top:10px; }
.price-inputs input { flex:1; padding:7px 10px; border:1px solid var(--border); border-radius:6px; font-size:13px; text-align:center; outline:none; }
.price-inputs input:focus { border-color:var(--forest-green); }
.pi-sep { font-size:12px; color:var(--text-light); flex-shrink:0; }

/* ========== TOOLBAR ========== */
.prod-toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; flex-wrap:wrap; gap:10px; }
.prod-cnt { font-size:14px; color:var(--text-medium); }
.sort-sel { padding:8px 12px; border:1px solid var(--border); border-radius:8px; font-size:13px; cursor:pointer; outline:none; background:var(--white); color:var(--text-dark); }

/* ========== BLOG CARDS ========== */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.blog-card { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); overflow:hidden; transition:all .3s ease; text-decoration:none; color:inherit; display:block; }
.blog-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.blog-card img { width:100%; height:205px; object-fit:cover; }
.blog-card-body { padding:20px; }
.blog-cat-tag { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:var(--forest-green); margin-bottom:8px; display:block; }
.blog-card-body h3 { font-family:'Poppins',sans-serif; font-size:17px; font-weight:600; color:var(--text-dark); margin-bottom:8px; line-height:1.4; }
.blog-card-body p { font-size:13px; color:var(--text-medium); margin-bottom:14px; line-height:1.6; }
.blog-meta { display:flex; align-items:center; gap:12px; font-size:12px; color:var(--text-light); flex-wrap:wrap; }
.bm-sep { color:var(--border); }

/* ========== STATS ========== */
.stats-bar { background:var(--forest-green); padding:48px 0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); text-align:center; }
.stat-item { padding:0 24px; border-right:1px solid rgba(255,255,255,.15); }
.stat-item:last-child { border-right:none; }
.stat-num { font-family:'Poppins',sans-serif; font-size:42px; font-weight:800; color:var(--white); display:block; margin-bottom:6px; }
.stat-lbl { font-size:14px; color:rgba(255,255,255,.7); }

/* ========== FEATURES ========== */
.feats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.feat-item { text-align:center; padding:30px 18px; border-radius:var(--radius-md); border:1px solid var(--border); background:var(--white); transition:all .3s ease; }
.feat-item:hover { border-color:var(--forest-green); box-shadow:var(--shadow-md); transform:translateY(-3px); }
.feat-ico { width:58px; height:58px; background:linear-gradient(135deg,rgba(22,101,52,.08),rgba(56,189,248,.08)); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:24px; margin:0 auto 16px; }
.feat-item h3 { font-family:'Poppins',sans-serif; font-size:15px; font-weight:600; margin-bottom:7px; color:var(--text-dark); }
.feat-item p { font-size:13px; color:var(--text-medium); line-height:1.55; }

/* ========== CTA ========== */
.cta-section { background:linear-gradient(135deg,var(--forest-green) 0%,var(--slate) 100%); padding:80px 0; text-align:center; }
.cta-section h2 { font-family:'Poppins',sans-serif; font-size:36px; font-weight:700; color:var(--white); margin-bottom:14px; }
.cta-section p { font-size:17px; color:rgba(255,255,255,.82); max-width:500px; margin:0 auto 34px; line-height:1.65; }

/* ========== GUIDES ========== */
.guide-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:26px; }
.guide-card { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; display:grid; grid-template-columns:220px 1fr; transition:all .3s ease; text-decoration:none; color:inherit; }
.guide-card:hover { box-shadow:var(--shadow-lg); border-color:var(--forest-green); }
.guide-card img { width:100%; height:100%; object-fit:cover; min-height:200px; }
.guide-body { padding:22px; }
.guide-diff { display:inline-block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:1px; padding:3px 9px; border-radius:4px; margin-bottom:10px; }
.diff-easy { background:#dcfce7; color:#16a34a; }
.diff-med { background:#fef3c7; color:#d97706; }
.diff-adv { background:#fee2e2; color:#dc2626; }
.guide-body h3 { font-family:'Poppins',sans-serif; font-size:18px; font-weight:600; color:var(--text-dark); margin-bottom:8px; line-height:1.35; }
.guide-body p { font-size:13px; color:var(--text-medium); margin-bottom:18px; line-height:1.6; }

/* ========== PAGE HEADER ========== */
.page-hdr { background:linear-gradient(135deg,var(--forest-green) 0%,var(--slate) 100%); padding:52px 0; color:var(--white); }
.page-hdr h1 { font-family:'Poppins',sans-serif; font-size:38px; font-weight:700; margin-bottom:10px; line-height:1.2; }
.page-hdr p { font-size:16px; opacity:.82; max-width:560px; line-height:1.65; }

/* ========== ABOUT ========== */
.about-intro { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.about-text h2 { font-family:'Poppins',sans-serif; font-size:34px; font-weight:700; color:var(--text-dark); margin-bottom:16px; line-height:1.25; }
.about-text p { font-size:15px; color:var(--text-medium); line-height:1.75; margin-bottom:14px; }
.about-img { border-radius:var(--radius-xl); width:100%; height:440px; object-fit:cover; box-shadow:var(--shadow-lg); }

.vals-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.val-card { padding:30px; border-radius:var(--radius-lg); border:1px solid var(--border); background:var(--white); transition:all .3s; }
.val-card:hover { border-color:var(--forest-green); box-shadow:var(--shadow-md); }
.val-ico { font-size:30px; margin-bottom:14px; }
.val-card h3 { font-family:'Poppins',sans-serif; font-size:17px; font-weight:600; margin-bottom:8px; color:var(--text-dark); }
.val-card p { font-size:14px; color:var(--text-medium); line-height:1.65; }

/* ========== CONTACT ========== */
.contact-layout { display:grid; grid-template-columns:1fr 1.6fr; gap:48px; align-items:start; }
.contact-info-card { background:var(--forest-green); border-radius:var(--radius-lg); padding:36px; color:var(--white); }
.contact-info-card h3 { font-family:'Poppins',sans-serif; font-size:22px; font-weight:700; margin-bottom:8px; }
.contact-info-card p { font-size:14px; opacity:.82; margin-bottom:28px; line-height:1.65; }
.ci-item { display:flex; gap:12px; margin-bottom:20px; }
.ci-icon { width:40px; height:40px; background:rgba(255,255,255,.12); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.ci-text label { font-size:11px; opacity:.65; font-weight:600; text-transform:uppercase; letter-spacing:1px; display:block; margin-bottom:2px; }
.ci-text span,.ci-text a { font-size:14px; color:rgba(255,255,255,.9); }

.contact-form-wrap { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:36px; }
.form-g { margin-bottom:18px; }
.form-g label { display:block; font-size:13px; font-weight:600; color:var(--text-dark); margin-bottom:6px; }
.form-g input,.form-g select,.form-g textarea { width:100%; padding:11px 15px; border:1.5px solid var(--border); border-radius:var(--radius-sm); font-size:14px; color:var(--text-dark); background:var(--white); transition:all .2s; outline:none; }
.form-g input:focus,.form-g select:focus,.form-g textarea:focus { border-color:var(--forest-green); box-shadow:0 0 0 3px rgba(22,101,52,.08); }
.form-g textarea { height:130px; resize:vertical; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form-success { display:none; text-align:center; padding:40px 30px; background:#f0fdf4; border:1px solid #bbf7d0; border-radius:var(--radius-md); }
.form-success.show { display:block; }
.form-success h3 { font-family:'Poppins',sans-serif; font-size:22px; font-weight:700; color:var(--forest-green); margin-bottom:8px; }
.form-success p { font-size:15px; color:var(--text-medium); }
.success-ico { font-size:48px; margin-bottom:14px; }

/* ========== POLICY ========== */
.policy-wrap { max-width:840px; margin:0 auto; padding:60px 0 80px; }
.policy-wrap h1 { font-family:'Poppins',sans-serif; font-size:34px; font-weight:700; color:var(--text-dark); margin-bottom:10px; }
.policy-meta { font-size:13px; color:var(--text-medium); margin-bottom:32px; padding-bottom:22px; border-bottom:1px solid var(--border); display:flex; gap:24px; flex-wrap:wrap; }
.policy-meta span { display:flex; align-items:center; gap:6px; }
.policy-wrap h2 { font-family:'Poppins',sans-serif; font-size:21px; font-weight:600; color:var(--text-dark); margin:34px 0 12px; padding-left:14px; border-left:4px solid var(--forest-green); }
.policy-wrap h3 { font-size:17px; font-weight:600; color:var(--text-dark); margin:22px 0 9px; }
.policy-wrap p { font-size:15px; color:var(--text-medium); margin-bottom:13px; line-height:1.78; }
.policy-wrap ul,.policy-wrap ol { margin-bottom:16px; padding-left:22px; }
.policy-wrap ul { list-style:disc; }
.policy-wrap ol { list-style:decimal; }
.policy-wrap li { font-size:15px; color:var(--text-medium); margin-bottom:8px; line-height:1.65; }
.policy-wrap table { width:100%; border-collapse:collapse; margin:18px 0; font-size:14px; }
.policy-wrap th { background:var(--forest-green); color:var(--white); padding:11px 14px; text-align:left; font-weight:600; }
.policy-wrap td { padding:10px 14px; border-bottom:1px solid var(--border); }
.policy-wrap tr:nth-child(even) td { background:var(--light-gray); }
.info-box { background:rgba(56,189,248,.07); border-left:4px solid var(--sky-blue); padding:14px 18px; border-radius:0 8px 8px 0; margin:18px 0; }
.info-box p { font-size:14px; color:var(--slate); margin:0; }
.warn-box { background:#fffbeb; border-left:4px solid #f59e0b; padding:14px 18px; border-radius:0 8px 8px 0; margin:18px 0; }
.warn-box p { font-size:14px; color:#92400e; margin:0; }

/* ========== ACCORDION ========== */
.acc-item { border:1px solid var(--border); border-radius:var(--radius-sm); margin-bottom:8px; overflow:hidden; }
.acc-hdr { width:100%; padding:16px 20px; background:var(--white); border:none; text-align:left; font-size:15px; font-weight:600; color:var(--text-dark); cursor:pointer; display:flex; justify-content:space-between; align-items:center; transition:background .2s; }
.acc-hdr:hover { background:var(--light-gray); }
.acc-hdr.open { background:var(--forest-green); color:var(--white); }
.acc-ico { font-size:18px; transition:transform .2s; flex-shrink:0; }
.acc-hdr.open .acc-ico { transform:rotate(45deg); }
.acc-body { display:none; padding:16px 20px; background:var(--white); border-top:1px solid var(--border-light); font-size:14px; color:var(--text-medium); line-height:1.7; }
.acc-body.show { display:block; }

/* ========== TABS ========== */
.tabs { margin:28px 0; }
.tab-nav { display:flex; border-bottom:2px solid var(--border); overflow-x:auto; }
.tab-btn { padding:11px 22px; font-size:14px; font-weight:600; color:var(--text-medium); background:none; border:none; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px; transition:all .2s; white-space:nowrap; }
.tab-btn.active { color:var(--forest-green); border-bottom-color:var(--forest-green); }
.tab-cnt { display:none; padding:24px 0; }
.tab-cnt.active { display:block; }

/* ========== PAGINATION ========== */
.pagination { display:flex; justify-content:center; align-items:center; gap:7px; margin-top:44px; }
.pg-btn { width:38px; height:38px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:500; cursor:pointer; border:1px solid var(--border); background:var(--white); color:var(--text-medium); transition:all .2s; text-decoration:none; }
.pg-btn:hover,.pg-btn.active { background:var(--forest-green); color:var(--white); border-color:var(--forest-green); }

/* ========== SPEC TABLE ========== */
.spec-table { width:100%; border-collapse:collapse; font-size:14px; border-radius:var(--radius-md); overflow:hidden; border:1px solid var(--border); }
.spec-table tr:nth-child(even) td { background:var(--light-gray); }
.spec-table td { padding:11px 16px; border-bottom:1px solid var(--border-light); }
.spec-table td:first-child { font-weight:600; color:var(--text-medium); width:42%; background:rgba(22,101,52,.04) !important; }
.spec-table td:last-child { color:var(--text-dark); font-weight:500; }

/* ========== COOKIE BANNER ========== */
.cookie-banner { position:fixed; bottom:0; left:0; right:0; background:var(--slate); color:var(--white); padding:16px 24px; z-index:9999; display:none; border-top:3px solid var(--forest-green); }
.cookie-banner.show { display:block; }
.cookie-inner { max-width:1280px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.cookie-inner p { font-size:13px; color:rgba(255,255,255,.82); max-width:700px; line-height:1.55; }
.cookie-inner a { color:var(--sky-blue); }
.cookie-acts { display:flex; gap:10px; flex-shrink:0; }
.ck-btn { padding:9px 20px; border-radius:6px; font-size:13px; font-weight:600; cursor:pointer; border:none; transition:all .2s; }
.ck-btn.accept { background:var(--forest-green); color:var(--white); }
.ck-btn.reject { background:rgba(255,255,255,.1); color:var(--white); border:1px solid rgba(255,255,255,.2); }

/* ========== TAGS ========== */
.tag { display:inline-block; padding:3px 9px; border-radius:4px; font-size:12px; font-weight:600; }
.tag-green { background:#dcfce7; color:#16a34a; }
.tag-blue { background:#e0f2fe; color:#0284c7; }
.tag-sand { background:var(--sand); color:#78350f; }
.tag-slate { background:var(--light-gray); color:var(--slate); }

/* ========== ARTICLE ========== */
.article-wrap { max-width:780px; margin:0 auto; }
.article-hdr h1 { font-family:'Poppins',sans-serif; font-size:36px; font-weight:700; color:var(--text-dark); margin-bottom:12px; line-height:1.2; }
.article-meta { display:flex; align-items:center; gap:16px; font-size:13px; color:var(--text-light); margin-bottom:28px; flex-wrap:wrap; }
.article-cover { width:100%; border-radius:var(--radius-lg); margin-bottom:32px; height:440px; object-fit:cover; }
.article-body h2 { font-family:'Poppins',sans-serif; font-size:24px; font-weight:600; color:var(--text-dark); margin:32px 0 12px; }
.article-body h3 { font-size:19px; font-weight:600; color:var(--text-dark); margin:24px 0 10px; }
.article-body p { font-size:16px; color:var(--text-medium); margin-bottom:16px; line-height:1.8; }
.article-body ul,.article-body ol { padding-left:22px; margin-bottom:18px; }
.article-body ul { list-style:disc; }
.article-body ol { list-style:decimal; }
.article-body li { font-size:16px; color:var(--text-medium); margin-bottom:8px; line-height:1.7; }
.article-img { width:100%; border-radius:var(--radius-md); margin:24px 0; height:360px; object-fit:cover; }
.article-toc { background:var(--light-gray); border-left:4px solid var(--forest-green); padding:20px 24px; border-radius:0 var(--radius-sm) var(--radius-sm) 0; margin:24px 0; }
.article-toc h4 { font-family:'Poppins',sans-serif; font-weight:700; margin-bottom:12px; color:var(--text-dark); font-size:15px; }
.article-toc ol { padding-left:18px; list-style:decimal; }
.article-toc li { font-size:14px; margin-bottom:6px; }
.article-toc a { color:var(--forest-green); }

/* ========== NEWSLETTER ========== */
.newsletter-box { background:linear-gradient(135deg,var(--forest-green-dark),var(--slate)); border-radius:var(--radius-xl); padding:52px; text-align:center; color:var(--white); }
.newsletter-box h3 { font-family:'Poppins',sans-serif; font-size:28px; font-weight:700; margin-bottom:10px; }
.newsletter-box p { font-size:15px; opacity:.8; margin-bottom:28px; }
.newsletter-form { display:flex; gap:10px; max-width:480px; margin:0 auto; }
.newsletter-form input { flex:1; padding:13px 18px; border-radius:var(--radius-sm); border:none; font-size:14px; outline:none; }
.newsletter-form button { padding:13px 24px; background:var(--sky-blue); color:var(--forest-green-xl); border:none; border-radius:var(--radius-sm); font-weight:700; font-size:14px; cursor:pointer; white-space:nowrap; transition:background .2s; }
.newsletter-form button:hover { background:var(--sky-blue-dark); color:var(--white); }

/* ========== SIDEBAR ========== */
.blog-layout { display:grid; grid-template-columns:1fr 300px; gap:40px; align-items:start; }
.sidebar-widget { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md); padding:22px; margin-bottom:22px; }
.sidebar-widget h4 { font-family:'Poppins',sans-serif; font-size:15px; font-weight:700; color:var(--text-dark); margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--border); }
.sw-cats { display:flex; flex-direction:column; gap:4px; }
.sw-cat-link { display:flex; justify-content:space-between; align-items:center; padding:8px 12px; border-radius:6px; font-size:14px; color:var(--text-medium); transition:all .2s; }
.sw-cat-link:hover { background:var(--light-gray); color:var(--forest-green); }
.sw-cnt { font-size:11px; background:var(--light-gray); color:var(--text-light); padding:2px 7px; border-radius:8px; }
.sw-recent { display:flex; flex-direction:column; gap:12px; }
.sw-post { display:flex; gap:12px; text-decoration:none; color:inherit; transition:all .2s; }
.sw-post:hover h5 { color:var(--forest-green); }
.sw-post img { width:60px; height:60px; border-radius:8px; object-fit:cover; flex-shrink:0; }
.sw-post h5 { font-size:13px; font-weight:600; color:var(--text-dark); line-height:1.4; margin-bottom:4px; }
.sw-post span { font-size:11px; color:var(--text-light); }
.sw-tags { display:flex; flex-wrap:wrap; gap:7px; }
.sw-tag { padding:5px 12px; background:var(--light-gray); color:var(--text-medium); border-radius:20px; font-size:12px; font-weight:500; transition:all .2s; }
.sw-tag:hover { background:var(--forest-green); color:var(--white); }

/* ========== FOOTER ========== */
.site-footer { background:var(--slate); color:var(--white); padding-top:60px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:44px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.1); }
.footer-logo { font-family:'Poppins',sans-serif; font-size:24px; font-weight:800; color:var(--white); margin-bottom:12px; display:block; }
.footer-brand p { font-size:13px; color:rgba(255,255,255,.6); line-height:1.7; margin-bottom:20px; max-width:300px; }
.footer-col h4 { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.2px; color:rgba(255,255,255,.45); margin-bottom:16px; }
.footer-links { display:flex; flex-direction:column; gap:9px; }
.footer-links a { font-size:13px; color:rgba(255,255,255,.7); transition:color .2s; }
.footer-links a:hover { color:var(--sky-blue); }
.footer-contact-row { display:flex; gap:10px; margin-bottom:10px; align-items:flex-start; }
.footer-contact-row .icon { flex-shrink:0; margin-top:1px; font-size:13px; }
.footer-contact-row span,.footer-contact-row a { font-size:13px; color:rgba(255,255,255,.7); line-height:1.5; }
.footer-bottom { padding:18px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.footer-bottom p { font-size:12px; color:rgba(255,255,255,.4); }
.footer-legal-links { display:flex; gap:18px; flex-wrap:wrap; }
.footer-legal-links a { font-size:12px; color:rgba(255,255,255,.4); transition:color .2s; }
.footer-legal-links a:hover { color:var(--sky-blue); }

/* ========== RESPONSIVE ========== */
@media(max-width:1024px){
  .cats-grid { grid-template-columns:repeat(2,1fr); }
  .prods-grid { grid-template-columns:repeat(3,1fr); }
  .feats-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr 1fr; gap:28px; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .stat-item { border-right:none; border-bottom:1px solid rgba(255,255,255,.15); padding:16px 0; }
  .stat-item:last-child,.stat-item:nth-child(2) { border-bottom:none; }
  .hero h1 { font-size:38px; }
  .blog-layout { grid-template-columns:1fr; }
  .about-intro { grid-template-columns:1fr; gap:32px; }
  .guide-grid { grid-template-columns:1fr; }
  .guide-card { grid-template-columns:200px 1fr; }
  .contact-layout { grid-template-columns:1fr; }
}

@media(max-width:768px){
  .mob-btn { display:flex; }
  .main-nav { display:none; }
  .main-nav.open { display:block; }
  .nav-list { flex-direction:column; align-items:stretch; padding:8px 0; }
  .nav-dd { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:none; border-top:1px solid var(--border-light); border-radius:0; padding:0; display:none; }
  .nav-item.open .nav-dd { display:block; }
  .search-bar { display:none; }
  .header-main-inner { justify-content:space-between; }
  .hero h1 { font-size:28px; }
  .hero p { font-size:15px; }
  .hero { min-height:420px; }
  .hero-content { padding:60px 0; }
  .hero-actions { flex-direction:column; align-items:flex-start; }
  .sec-hdr h2 { font-size:26px; }
  .cats-grid,.prods-grid,.blog-grid,.vals-grid { grid-template-columns:1fr; }
  .feats-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr; }
  .cat-layout { grid-template-columns:1fr; }
  .filter-panel { position:static; }
  .guide-card { grid-template-columns:1fr; }
  .guide-card img { height:200px; min-height:unset; }
  .form-row { grid-template-columns:1fr; }
  .page-hdr h1 { font-size:26px; }
  .policy-wrap h1 { font-size:24px; }
  .about-img { height:300px; }
  .newsletter-form { flex-direction:column; }
  .newsletter-box { padding:32px 20px; }
  .cta-section h2 { font-size:26px; }
}

@media(max-width:480px){
  .feats-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .article-cover { height:260px; }
  .article-hdr h1 { font-size:26px; }
}