:root{--navy:#172931;--dark:#111d24;--yellow:#ffdb22;--muted:#64737b;--line:#e7ecee;--pale:#f5f7f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.65 Arial,Helvetica,sans-serif;color:var(--dark);background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1220px,calc(100% - 40px));margin:auto}.topbar{background:#163d50;color:#e5eef2;text-align:center;font-size:11px;font-weight:800;letter-spacing:.12em;padding:7px}.topbar span{color:var(--yellow);margin:0 12px}.site-header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #0b27360d}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px}.logo{display:inline-flex;align-items:center;white-space:nowrap;font-size:24px;letter-spacing:-.07em;font-weight:800}.logo-symbol{display:inline-grid;place-items:center;margin-right:9px;width:35px;height:35px;background:var(--yellow);color:var(--dark);font-weight:900;border-radius:7px;font-size:25px}.logo-dot{color:#e7bb00}.nav{display:flex;align-items:center;gap:29px}.nav a{font-size:13px;font-weight:800}.nav a:hover{color:#ab8900}.nav-actions{display:flex;gap:5px}.icon-btn{width:39px;height:39px;border:1px solid var(--line);background:white;border-radius:7px;cursor:pointer;font-size:23px}.menu-btn{display:none}.search-box{padding-bottom:15px}.search-box label{font-weight:700;font-size:12px}.search-controls{display:flex;gap:8px}.search-controls input{width:100%;padding:12px;border:1px solid #d5dfe3;border-radius:5px}.search-controls button{background:var(--yellow);border:0;border-radius:5px;padding:0 22px;font-weight:800;cursor:pointer}.hero{background:var(--navy);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:53% 47%;min-height:515px;align-items:center}.hero-copy{padding:75px 10px 75px 0;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--yellow);display:block;margin-bottom:17px}.eyebrow.dark{color:#506f7b}.hero h1{font-size:clamp(44px,5vw,76px);letter-spacing:-.065em;line-height:1.07;margin:0 0 23px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:17px;max-width:480px;color:#cdd9dc}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;font-weight:800;border-radius:5px;min-height:47px}.btn.yellow{background:var(--yellow);color:#18252a}.btn.outline{border:1px solid #8599a1;color:#fff}.hero-graphic{height:100%;min-height:400px;position:relative;display:grid;place-items:center}.big-circle{border:3px solid #ffffff20;border-radius:50%;width:min(400px,90%);aspect-ratio:1;box-shadow:0 0 0 38px #ffffff07,0 0 0 75px #ffffff04}.hero-symbol{position:absolute;font-weight:800;font-size:clamp(150px,25vw,350px);color:var(--yellow);line-height:1;transform:rotate(-10deg);text-shadow:12px 18px 0 #0c1a20}.hero-number{position:absolute;right:20px;top:50px;letter-spacing:.3em;color:#ffffff90}.hero-tag{position:absolute;bottom:62px;right:0;font-size:12px;letter-spacing:.25em;font-weight:800}.hero-tag b{color:var(--yellow);margin:0 10px}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.section h2,.feature-section h2{font-size:clamp(27px,3.1vw,41px);letter-spacing:-.045em;line-height:1.2;margin:0 0 12px}.section-head p{margin:0;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.category{border:1px solid var(--line);border-radius:9px;padding:10px 10px 22px;display:block;transition:transform .2s,box-shadow .2s}.category:hover,.product:hover{transform:translateY(-4px);box-shadow:0 14px 30px #001b2b0e}.category-art{height:170px;background:#edf3f5;position:relative;border-radius:6px;display:grid;place-items:center;overflow:hidden}.category-art.garden{background:#f7f1de}.category-art.outdoor{background:#e7f0eb}.category-art.sports{background:#ecedf6}.category-art>span{position:absolute;top:15px;left:18px;font-size:12px;font-weight:800;color:#3d6577}.category-art svg{width:120px;fill:none;stroke:#507080;stroke-width:3}.category h3{font-size:18px;margin:19px 13px 6px;letter-spacing:-.03em}.category p{color:var(--muted);font-size:12px;margin:0 13px 18px;min-height:62px}.cat-link{font-size:12px;font-weight:800;margin:0 13px}.band{background:#1d3440;color:#fff}.band-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:310px;gap:30px}.band h2{font-size:clamp(28px,3.8vw,46px);margin:0 0 15px;line-height:1.2;letter-spacing:-.05em}.band p{color:#d2dddf;margin-bottom:23px}.band-figure{font-size:clamp(75px,11vw,154px);font-weight:800;letter-spacing:-.11em;line-height:.9;color:var(--yellow);text-align:center}.band-figure span{color:#fff}.filter-wrap{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.filter{background:white;border:1px solid #dce4e7;border-radius:100px;padding:10px 18px;font-weight:800;font-size:12px;cursor:pointer}.filter.active,.filter:hover{background:#1b3e4e;color:white}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:all .2s}.product-picture{height:210px;background:#f3f6f6;position:relative;display:grid;place-items:center}.product-picture svg{width:125px;fill:none;stroke:#a4b6bf;stroke-width:3}.p-icon{position:absolute;top:13px;left:16px;font-size:12px;font-weight:800;color:#718b98}.product-body{padding:19px}.product-category{color:#6a858f;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.product h3{font-size:13px;line-height:1.55;min-height:60px;margin:8px 0}.product p{font-size:12px;color:var(--muted)}.product-link{font-size:12px;font-weight:800;border-bottom:2px solid var(--yellow)}.empty{text-align:center;padding:30px;color:var(--muted)}.feature-section{background:#f4f7f8;padding:76px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.feature-grid article{padding:30px;background:white;border-radius:8px}.feature-grid b{color:#cbab00}.feature-grid h3{margin-bottom:6px;font-size:19px}.feature-grid p{color:var(--muted);font-size:13px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post{border-top:3px solid var(--yellow);padding:28px 24px;background:var(--pale);border-radius:0 0 8px 8px}.post span{font-size:10px;font-weight:800;color:#5b7882;letter-spacing:.15em}.post h3{font-size:19px;letter-spacing:-.025em;line-height:1.4}.post p{font-size:12px;color:var(--muted)}.contact{background:#203e4c;color:white;padding:65px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact h2{font-size:35px;letter-spacing:-.05em;margin:0}.contact p{color:#d1dce1;max-width:600px}footer{background:#101d24;color:white}.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:18px}footer p,footer a:last-child{font-size:11px;color:#ced7db}
@media(max-width:980px){.categories,.products{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:14px}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{padding:60px 0}.hero h1{font-size:50px}.posts{grid-template-columns:repeat(2,1fr)}}@media(max-width:690px){.container{width:min(100% - 30px,1220px)}.header-inner{min-height:66px}.logo{font-size:20px}.menu-btn{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:15px 20px;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:60px 0 25px}.hero h1{font-size:clamp(45px,12vw,68px)}.hero-graphic{height:240px;min-height:240px}.big-circle{width:200px}.hero-symbol{font-size:180px}.hero-tag{bottom:20px}.section{padding:57px 0}.categories,.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-art{height:120px}.category-art svg{width:85px}.category h3{font-size:15px;margin:13px 9px 6px}.category p{font-size:11px;margin:0 9px 12px;min-height:95px}.cat-link{margin-left:9px}.band-inner{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px}.band-figure{font-size:75px}.product-picture{height:150px}.product-body{padding:12px}.product h3{font-size:11px}.feature-grid,.posts{grid-template-columns:1fr}.contact-inner,.footer-inner{flex-direction:column;align-items:flex-start;padding:35px 0}.footer-inner{gap:12px}.filter{font-size:11px;padding:8px 12px}}