/* Pop Outdoor visual system v2 */
:root{--ink:#10253d;--ink-2:#29445f;--muted:#6c7f92;--orange:#f36b21;--orange-2:#ff9b52;--sand:#f5f2ec;--mist:#eef3f6;--white:#fff;--line:#dbe4eb;--shadow:0 18px 50px rgba(16,37,61,.10);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,228,235,.8)}.nav-wrap{max-width:1280px;margin:auto;padding:18px 5%;display:flex;align-items:center;gap:34px}.brand{font-size:1.08rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;display:grid;place-items:center;box-shadow:0 8px 16px #f36b2140}.main-nav{display:flex;gap:26px;margin-left:auto}.main-nav a{color:var(--ink-2);font-size:.94rem;text-decoration:none}.main-nav a:hover{color:var(--orange)}.nav-cta,.button{background:var(--orange);color:#fff!important;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:800;box-shadow:0 8px 20px #f36b2130;display:inline-flex;align-items:center;gap:9px;cursor:pointer}.nav-cta:hover,.button:hover{background:#d95413;transform:translateY(-1px)}.hero-home{max-width:1280px;margin:auto;min-height:680px;padding:86px 5% 98px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:80px}.eyebrow{color:var(--orange);font-size:.72rem;letter-spacing:.17em;font-weight:900;margin:0 0 14px}.hero-home h1,.page-hero h1,.detail-hero h1{font-size:clamp(3rem,6.4vw,6.5rem);letter-spacing:-.075em;line-height:.97;margin:0 0 24px}.hero-home h1 em{font-style:normal;color:var(--orange)}.lead{font-size:1.16rem;line-height:1.75;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:32px}.hero-visual{min-height:470px;border-radius:42% 42% 20px 20px;background:radial-gradient(circle at 50% 20%,#fff 0 20%,transparent 21%),linear-gradient(145deg,#fce4d1,#eef3f6);display:grid;place-items:center;position:relative;overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:auto 9% 10%;height:16px;border-radius:50%;background:#10253d20;filter:blur(9px)}.tent-shape{width:70%;height:58%;border:18px solid var(--orange);border-bottom:0;border-radius:50% 50% 5px 5px;display:grid;place-items:center;color:var(--orange);font-weight:900;font-size:1.8rem;transform:perspective(350px) rotateX(8deg)}.section{max-width:1280px;margin:auto;padding:92px 5%}.section-soft{max-width:none;background:var(--sand)}.section-heading{max-width:680px;margin:0 auto 44px;text-align:center}.section-heading h2,.two-col h2,.cta-band h2{font-size:clamp(2.1rem,4vw,3.7rem);letter-spacing:-.055em;line-height:1.04;margin:6px 0 16px}.section-heading p:not(.eyebrow),.page-hero p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.feature-grid,.category-grid,.product-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 12px 28px #10253d0a}.feature-icon{font-size:1.8rem;color:var(--orange)}.feature-grid h3,.category-grid h3,.product-card h3,.blog-card h3{font-size:1.28rem;line-height:1.2;margin:16px 0 8px}.feature-grid p,.category-grid p,.product-card p,.blog-card p{color:var(--muted)}.split{display:flex;justify-content:space-between;align-items:end;max-width:none;text-align:left}.category-grid{grid-template-columns:repeat(4,1fr)}.category-grid a{min-height:270px;border-radius:var(--radius);padding:24px;background:linear-gradient(145deg,#10253d,#315976);color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:end;box-shadow:var(--shadow)}.category-grid a:nth-child(2){background:linear-gradient(145deg,#e35b1a,#f6a35a)}.category-grid a:nth-child(3){background:linear-gradient(145deg,#173f4a,#3d7c7b)}.category-grid a:nth-child(4){background:linear-gradient(145deg,#4b3f62,#8e6ab5)}.category-grid p{color:#edf4f7}.cta-band{background:linear-gradient(120deg,#f36b21,#f99b4f);color:#fff;padding:70px 10%;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band .eyebrow{color:#fff}.button-light{background:#fff;color:var(--ink)!important}.page-hero{padding:100px 8%;background:linear-gradient(135deg,var(--sand),#fff)}.page-hero h1{max-width:1000px}.page-hero p:not(.eyebrow){max-width:720px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-card,.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:0 10px 25px #10253d08;transition:.2s}.product-card:hover,.blog-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.product-placeholder,.blog-image{height:230px;background:linear-gradient(135deg,#e9f0f4,#fce3cf);display:grid;place-items:center;color:var(--orange);font-size:4rem}.product-card-body,.blog-card{padding:24px}.detail-hero{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:var(--sand)}.detail-placeholder{height:470px;border-radius:var(--radius);background:linear-gradient(135deg,#e9f0f4,#fce3cf);display:grid;place-items:center;color:var(--orange);font-size:5rem}.detail-content,.two-col,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.detail-content aside,.contact-info{background:var(--ink);color:#fff;border-radius:var(--radius);padding:32px;height:max-content}.detail-content aside p{color:#cdd9e2}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);padding:60px 8%;background:var(--ink);color:#fff;text-align:center}.stats-band strong{font-size:2.8rem;color:#ffb270;display:block;letter-spacing:-.04em}.stats-band span{color:#cdd9e2}.contact-form{display:flex;flex-direction:column;gap:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);border-radius:10px;padding:15px 16px;font:inherit;color:var(--ink);background:#fff}.contact-form textarea{min-height:170px}.contact-info{background:var(--sand);color:var(--ink)}.blog-grid{grid-template-columns:repeat(3,1fr)}.article{max-width:850px}.site-footer{background:#091c2e;color:#cbd7df;padding:68px 8% 20px}.footer-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:50px}.footer-brand{color:#fff}.site-footer h4{color:#fff;margin-top:0}.site-footer a{color:#cbd7df;text-decoration:none;display:block;margin:7px 0}.footer-bottom{max-width:1280px;margin:55px auto 0;padding-top:18px;border-top:1px solid #ffffff1c;font-size:.85rem}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-grid>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 8px 24px #10253d0a}.admin-grid strong{display:block;font-size:2.5rem}.admin-actions{margin-top:30px}.admin-actions .button{margin:0 8px 8px 0}table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}th,td{padding:15px 17px;border-bottom:1px solid var(--line);text-align:left}th{background:#f4f7f9;color:var(--ink-2);font-size:.83rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.admin-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:26px}.admin-form input,.admin-form textarea,.admin-form select{display:block;width:100%;max-width:620px;margin:0 0 13px;padding:13px;border:1px solid var(--line);border-radius:8px;font:inherit}
@media(max-width:820px){.nav-wrap{padding:14px 5%;gap:14px}.main-nav{display:none}.nav-cta{margin-left:auto;padding:10px 12px;font-size:.82rem}.hero-home,.detail-hero,.detail-content,.two-col,.contact-grid{grid-template-columns:1fr;gap:38px}.hero-home{padding-top:58px;min-height:auto}.hero-visual{min-height:320px}.section{padding:65px 5%}.feature-grid,.product-grid,.blog-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.split{display:block}.cta-band{display:block;padding:55px 8%}.stats-band{grid-template-columns:1fr 1fr;gap:30px;padding:45px 8%}.footer-grid{grid-template-columns:1fr;gap:25px}.page-hero{padding:65px 7%}.page-hero h1,.detail-hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}.detail-placeholder{height:320px}.admin-grid{grid-template-columns:1fr}.admin-actions .button{display:flex;width:100%;justify-content:center}}
/* Admin polish */
body:has(.admin-grid),body:has(.admin-form){background:#f4f7f9}.site-header:has(.admin-grid){background:#10253d}.site-header:has(.admin-grid) .brand,.site-header:has(.admin-grid) nav a{color:#fff}.site-header:has(.admin-grid) .brand-mark{background:#f36b21}
/* Black / white / gray B2B homepage additions */
.topbar{background:#111;color:#ddd;font-size:.78rem}.topbar-inner{max-width:1280px;margin:auto;padding:7px 5%;display:flex;justify-content:flex-end;gap:22px;align-items:center}.topbar select{background:#111;color:#ddd;border:0;font:inherit}.logo-placeholder,.footer-logo-placeholder{border:1px dashed #999;padding:9px 18px;letter-spacing:.14em;font-size:.72rem;font-weight:800}.footer-logo-placeholder{display:inline-block;color:#fff;border-color:#687887;margin-bottom:16px}.hero-home{background:#f5f5f3}.hero-copy{position:relative;z-index:1}.hero-proof{display:flex;gap:28px;margin-top:42px;color:#687887;font-size:.78rem}.hero-proof b{display:block;color:#111;font-size:1.1rem}.image-placeholder{background:repeating-linear-gradient(135deg,#e2e2df,#e2e2df 12px,#ededeb 12px,#ededeb 24px);display:grid;place-items:center;text-align:center;color:#777;border:1px solid #d0d0cc}.image-placeholder small{font-size:.72rem}.hero-image{min-height:480px;border:0}.section-gray{background:#efefed}.feature-number{font-size:2rem;color:#999;font-weight:800}.category-grid a{background:#222!important;border-radius:0;padding:0 0 22px;overflow:hidden}.category-grid a:nth-child(2),.category-grid a:nth-child(3),.category-grid a:nth-child(4){background:#333!important}.category-image{height:210px;border:0;border-bottom:1px solid #555}.category-grid a>span:not(.image-placeholder),.category-grid a>strong,.category-grid a>small{margin-left:22px}.category-grid a>span:not(.image-placeholder){margin-top:18px;color:#aaa}.category-grid a>strong{font-size:1.28rem;margin-top:4px}.category-grid a>small{color:#aaa}.buyer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc;border-left:1px solid #ccc}.buyer-grid div{padding:26px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.buyer-grid b,.buyer-grid span{display:block}.buyer-grid span{color:#777;font-size:.9rem;margin-top:7px}.process-section{background:#111;color:#fff;max-width:none}.process-section .eyebrow{color:#aaa}.process-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#444}.process-grid div{background:#111;padding:30px}.process-grid span{color:#999;font-size:.8rem}.process-grid b{display:block;margin:25px 0 8px}.process-grid p{color:#aaa;font-size:.9rem}.factory-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.factory-images{display:grid;grid-template-columns:1fr 1fr;gap:14px}.factory-images .image-placeholder:first-child{grid-column:span 2;height:240px}.factory-images .image-placeholder{height:170px}.footer-main{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px}.footer-brand-col p{color:#9aa9b4;max-width:320px}.footer-cta{color:#fff!important;font-weight:800;margin-top:22px}.social-placeholders{display:flex;gap:8px;margin-top:16px}.social-placeholders span{width:28px;height:28px;border:1px solid #657583;display:grid;place-items:center;font-size:.7rem}.footer-bottom{display:flex;justify-content:space-between}@media(max-width:820px){.topbar-inner{justify-content:center;gap:10px;font-size:.68rem;flex-wrap:wrap}.logo-placeholder{font-size:.62rem}.hero-proof{gap:14px;flex-wrap:wrap}.buyer-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.factory-section{grid-template-columns:1fr;gap:30px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}