:root{--red:#e80024;--ink:#121b27;--muted:#5c6674}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:15px/1.6 Arial,sans-serif;background:#f6f8fa}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2077d4;outline-offset:4px}.wrap{max-width:1280px;margin:auto;width:calc(100% - 64px)}header{background:#fff;border-bottom:1px solid #e7e9ed;position:sticky;top:0;z-index:20}.nav-wrap{max-width:1440px;padding:17px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:176px;height:auto;display:block}nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:bold}nav a[aria-current]{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:white;padding:13px 21px;border-radius:5px;font-size:12px;font-weight:bold;letter-spacing:.4px}.button:hover{background:#bd001d}#menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 12% 20%,#26374a,#101924 65%);color:white;overflow:hidden}.hero-content{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:48px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--red);margin:0 0 14px}.hero .eyebrow{color:#ff7489}h1,h2{font-family:'Roboto Condensed',Arial,sans-serif;line-height:1.05}h1{font-size:clamp(36px,4.3vw,62px);margin:0;letter-spacing:-.7px}h1 em{font-style:normal;color:#ff2545}.intro{color:#d2dae5;font-size:17px;max-width:450px;margin:23px 0}.hero-product{border-radius:12px;overflow:hidden;background:#eef1f5;box-shadow:0 15px 45px #0004}.hero-product img{display:block;width:100%;height:270px;object-fit:contain}.hero-product a{display:grid;grid-template-columns:1fr auto;padding:17px 23px;background:#fff;color:var(--ink)}.hero-product small{font-size:10px;letter-spacing:1.5px;color:var(--red)}.hero-product strong{grid-column:1;font-size:20px}.hero-product span{grid-column:2;grid-row:1/3;align-self:center;color:var(--red);font-size:28px}.catalog{padding-top:54px;padding-bottom:32px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{font-size:32px;margin:0}.section-heading>p{color:var(--muted);font-size:13px}.tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-bottom:22px;border-bottom:1px solid #dde2e8}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #dce1e7;background:white;color:#4b5665;padding:9px 22px;border-radius:5px;cursor:pointer;font-size:13px;font-weight:bold}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.search{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}input{background:white;border:1px solid #dce1e7;border-radius:5px;padding:10px 14px;max-width:250px}#result-count{font-size:12px;color:var(--muted);margin:18px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product{background:white;border:1px solid #e0e5eb;border-radius:9px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.product:hover{transform:translateY(-5px);box-shadow:0 16px 32px #142d4814;border-color:#e8002466}.picture{position:relative;background:#e9eef3;overflow:hidden;aspect-ratio:4/3}.picture img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.product:hover img{transform:scale(1.035)}.tag{position:absolute;left:16px;top:16px;font-size:10px;font-weight:bold;letter-spacing:.5px;padding:4px 9px;border-radius:3px;background:#ffffffed;color:#344354}.card-body{padding:22px}.card-body h2{font-size:25px;margin:0 0 12px}.card-body p{font-size:13px;color:var(--muted);margin:0;min-height:43px}.explore{display:flex;align-items:center;justify-content:space-between;color:var(--red);font-size:10px;font-weight:bold;letter-spacing:.6px;margin-top:21px;border-top:1px solid #edf0f3;padding-top:15px}.explore b{display:grid;place-items:center;font-size:19px;width:30px;height:30px;border:1px solid #f7b2be;border-radius:50%}.image-note{font-size:11px;color:#697481;margin-top:22px}.contact{display:flex;align-items:center;justify-content:space-between;gap:30px;background:white;border-left:4px solid var(--red);padding:30px;margin-bottom:45px}.contact h2{font-size:28px;margin:0}.contact p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:0}footer{background:#fff;border-top:1px solid #e0e5eb;padding:28px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:12px;color:var(--muted)}footer img{width:150px;height:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:100;background:white;color:black;padding:10px}[hidden]{display:none!important}@media(max-width:1050px){nav{gap:14px;font-size:10px}.brand img{width:150px}.hero-content{gap:35px}.hero-product img{height:230px}}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.nav-wrap{padding:14px 18px}#menu-toggle{display:block;background:white;border:1px solid #ddd;padding:7px 10px;border-radius:4px;font-size:12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:stretch;font-size:12px}nav.open{display:flex}.hero-content{grid-template-columns:1fr 1fr;gap:25px;padding:35px 0}h1{font-size:36px}.intro{font-size:14px}.hero-product img{height:200px}.hero-product strong{font-size:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.section-heading{display:block}.tools{align-items:start;flex-direction:column}.contact{flex-direction:column;align-items:start}footer .wrap{flex-wrap:wrap}}@media(max-width:520px){.hero-content{grid-template-columns:1fr;padding:32px 0;gap:28px}.hero-product img{height:210px}h1{font-size:40px}.hero .intro{max-width:310px}.catalog{padding-top:32px}.section-heading h2{font-size:28px}.filters button{padding:8px 13px}.search{width:100%}.search input{flex:1;max-width:none;min-width:0}.grid{grid-template-columns:1fr;gap:20px}.picture{aspect-ratio:4/3}.card-body h2{font-size:26px}.card-body p{min-height:0}.contact h2{font-size:27px}footer .wrap{flex-direction:column;align-items:start;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}