@font-face{font-family:Oswald;src:url('assets/Oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}
@font-face{font-family:Roboto;src:url('assets/Roboto.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--orange:#ff6000;--ink:#10171b;--paper:#faf7ef}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);font-family:Roboto,Arial,sans-serif;color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit}
button:disabled{opacity:1;color:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.symbols{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:fixed;top:12px;left:12px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);z-index:10}
.skip:focus{width:auto;height:auto;clip-path:none;padding:12px;background:#fff}
.icon{display:block;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.offer{--stage-width:min(100vw,1440px,calc((100svh - 8px) * 1.551));--benefit-height:calc(var(--stage-width) * .1017);position:relative;isolation:isolate;width:100%;background:var(--paper)}
.offer::before{content:'';position:absolute;inset:0 0 var(--benefit-height);z-index:-1;background-image:linear-gradient(180deg,rgb(255 250 238 / 82%),rgb(255 249 232 / 55%) 120px,transparent 230px),url('assets/background.png');background-color:#26362b;background-position:center,center 44%;background-size:cover;background-repeat:no-repeat}
.offer::after{content:'';position:absolute;left:0;right:0;bottom:calc(var(--benefit-height) - 12px);height:92px;z-index:0;pointer-events:none;background:url('assets/fullwidth-edge.svg') center bottom/100% 100% no-repeat}
.offer-stage{container-type:inline-size;position:relative;z-index:1;width:var(--stage-width);margin-inline:auto}
.hero{position:relative;height:54.3cqw}
.header{position:absolute;top:1.8cqw;left:6.1cqw;right:3.5cqw;display:grid;grid-template-columns:24.7cqw minmax(0,1fr) 9.5cqw;gap:1.8cqw;align-items:start;z-index:3}
.logo{display:block;width:24.7cqw}
.logo img{display:block;width:100%;height:auto}
.header-center{padding-top:2.45cqw}
.navigation{display:flex;align-items:center;justify-content:space-between;gap:1.2cqw;white-space:nowrap;font-family:Oswald,'Arial Narrow',sans-serif;font-size:1.42cqw;font-weight:600;text-transform:uppercase}
.navigation a,.navigation button{position:relative;border:0;padding:0 0 .7cqw;background:none;font:inherit;text-transform:inherit}
.navigation [aria-current]{color:var(--orange)}
.navigation [aria-current]::after{position:absolute;content:'';height:2px;background:currentColor;bottom:0;left:0;right:0}
.contact{display:flex;gap:.9cqw;align-items:center;justify-content:flex-end;margin-top:.7cqw;transform:translateX(6cqw);white-space:nowrap}
.contact>.icon{width:3.7cqw;height:3.7cqw;color:var(--orange);stroke-width:2.7}
.contact strong{display:block;font-family:Oswald,sans-serif;font-weight:600;font-size:2.02cqw;line-height:1.15}
.contact small{display:block;margin-top:.25cqw;font-family:Oswald,sans-serif;font-size:1.34cqw;color:#333b36;font-weight:400;line-height:1.2}
.header-actions{display:flex;align-items:center;justify-content:space-between;gap:1.4cqw;padding-top:.55cqw}
.header-actions button{border:0;padding:0;background:none;display:grid;place-items:center}
.search{width:3.4cqw;height:4.8cqw}
.search .icon{width:3.05cqw;height:3.05cqw;stroke-width:3.5}
.header-actions .cart{width:5cqw;height:4.8cqw;background:linear-gradient(145deg,#ff8200,#ff4d00);border-radius:.55cqw;box-shadow:inset 0 0 0 1px rgb(255 255 255 / 65%);color:#fff}
.cart .icon{width:2.8cqw;height:2.8cqw;stroke-width:2.6}
.mobile-menu{display:none}
.hero-content{position:relative;margin-inline:7.1cqw;padding-top:18.75cqw;color:#fff;z-index:2}
.breadcrumbs{display:flex;align-items:center;gap:.8cqw;font-family:'Arial Narrow',Roboto,sans-serif;font-stretch:condensed;font-size:1.75cqw;font-weight:500;line-height:1.2;text-shadow:0 2px 2px #0008}
.breadcrumbs svg{width:.8cqw;height:1.3cqw;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}
h1{width:max-content;max-width:100%;margin:1.5cqw 0 0;font-family:Impact,Oswald,'Arial Narrow',sans-serif;font-size:14.9cqw;line-height:1.02;font-weight:400;letter-spacing:-.5cqw;text-transform:uppercase;transform:rotate(-4deg);transform-origin:left center;background:linear-gradient(168deg,#fff 0%,#fff 52%,#e8e8e8 63%,#fff 73%,#c8c8c8 90%,#fff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;mask:url('assets/letter-wear.svg') center/100% 100% no-repeat}
.description{margin:1.4cqw 0 0;max-width:68cqw;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:2.63cqw;line-height:1.35;letter-spacing:-.035cqw;transform:rotate(-4deg);transform-origin:left center;text-shadow:0 2px 2px #0009}
.benefits{height:10.17cqw;display:grid;grid-template-columns:1.02fr 1.23fr 1.1fr .98fr;align-items:center;margin-inline:6.9cqw 5.5cqw;padding-top:.4cqw;padding-bottom:2.4cqw}
.benefit{display:flex;align-items:center;gap:1.7cqw;padding-inline:2.15cqw;border-right:1px solid rgb(70 70 70 / 25%);min-height:4.8cqw}
.benefit:first-child{padding-left:0}
.benefit:last-child{border:0}
.benefit .icon{width:4.65cqw;height:4.65cqw;color:var(--orange);stroke-width:4.6}
.benefit:nth-child(2) .icon{width:5.4cqw}
.benefit p{font-family:Oswald,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:1.7cqw;font-weight:600;line-height:1.3;margin:0;white-space:nowrap;letter-spacing:-.025cqw}
.categories{width:min(1280px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;padding:24px 0 64px}
.category{container-type:inline-size;position:relative;isolation:isolate;aspect-ratio:1.56;overflow:hidden;border-radius:12px;background:#292d22;color:#fff;mask:url('assets/card-edge.svg') center/100% 100% no-repeat}
.category-photo{position:absolute;inset:0;z-index:-2;background-image:url('assets/category-atlas.png');background-size:200% 400%;background-repeat:no-repeat}
.category::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgb(8 11 9 / 24%) 49%,rgb(8 11 9 / 90%) 100%)}
.category--tackle{--photo-x:0%;--photo-y:0%}
.category--clothing{--photo-x:100%;--photo-y:0%}
.category--equipment{--photo-x:0%;--photo-y:33.333333%}
.category--boats{--photo-x:100%;--photo-y:33.333333%}
.category--hunting{--photo-x:0%;--photo-y:66.666667%}
.category--atv{--photo-x:100%;--photo-y:66.666667%}
.category--camping{--photo-x:0%;--photo-y:100%}
.category--sauna{--photo-x:100%;--photo-y:100%}
.category-photo{background-position:var(--photo-x) var(--photo-y)}
.category-copy{position:absolute;left:5.3cqw;right:4cqw;bottom:3.8cqw;text-shadow:0 2px 3px #0008}
.category h2{margin:0 0 1.2cqw;font-family:Oswald,'Arial Narrow',sans-serif;font-size:7.5cqw;font-weight:700;line-height:1.06;letter-spacing:-.15cqw;text-transform:uppercase}
.category h2 span{display:block;color:var(--orange)}
.category--boats h2 span,.category--camping h2,.category--sauna h2{font-size:7.1cqw}
.category p{margin:0;padding-right:17cqw;font-family:Roboto,Arial,sans-serif;font-size:4.1cqw;font-weight:500;line-height:1.14;letter-spacing:-.05cqw}
.category-arrow{position:absolute;right:3.6cqw;bottom:3.9cqw;display:grid;place-items:center;width:14.5cqw;aspect-ratio:1;border-radius:1.5cqw;background:linear-gradient(145deg,#ff8500,#ff5100);box-shadow:inset 0 0 0 1px #ffa332,0 2px 5px #0005;color:#fff}
.category-arrow svg{width:8cqw;height:8cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.navigation{gap:.9cqw}.navigation a,.navigation button{font-size:1.35cqw}.categories{gap:16px 20px;width:calc(100% - 48px)}}
@media(max-width:700px){
  .offer{--stage-width:100vw;--benefit-height:160px}
  .offer::before{bottom:160px;background-size:auto 760px;background-position:62% top}
  .offer::after{bottom:148px;height:60px}
  .hero{height:630px}
  .header{top:18px;left:20px;right:20px;grid-template-columns:minmax(0,1fr) auto auto;gap:18px}
  .logo{width:190px;max-width:100%}
  .header-center{position:absolute;right:0;top:116px;padding:0}
  .navigation{display:none}
  .contact{gap:7px;padding:0;margin:0;color:#10171b;transform:none}
  .contact>.icon{width:28px;height:28px;stroke-width:3}
  .contact strong{font-size:21px}
  .contact small{font-size:12px;margin-top:4px}
  .header-actions{padding:8px 0 0}
  .header-actions .search{display:none}
  .header-actions .cart{width:44px;height:44px;border-radius:6px}
  .cart .icon{width:28px;height:28px}
  .mobile-menu{display:block;position:relative;padding-top:17px}
  .mobile-menu summary{display:grid;gap:5px;list-style:none;cursor:pointer;width:25px}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary span{height:2px;background:currentColor;width:25px}
  .mobile-menu nav{position:absolute;right:0;top:54px;width:230px;background:var(--paper);padding:12px;box-shadow:0 8px 25px #0003}
  .mobile-menu nav a{display:block;padding:12px}
  .hero-content{padding-top:230px;margin-inline:25px}
  .breadcrumbs{font-size:15px;gap:10px}
  .breadcrumbs svg{width:8px;height:12px;stroke-width:3}
  h1{font-size:clamp(70px,19vw,126px);letter-spacing:-3px;margin-top:30px}
  .description{font-size:clamp(21px,5.5vw,29px);letter-spacing:0;line-height:1.3;max-width:96%;margin-top:25px}
  .description br{display:none}
  .benefits{height:auto;grid-template-columns:1fr 1fr;gap:25px 12px;margin:0;padding:28px 20px 32px;background:#faf7ef}
  .benefit{gap:12px;padding:0 8px;min-height:55px}
  .benefit:first-child{padding-left:8px}
  .benefit:nth-child(2){border:0}
  .benefit .icon{width:40px;height:44px;stroke-width:4}
  .benefit:nth-child(2) .icon{width:44px}
  .benefit p{font-size:14px;letter-spacing:0;white-space:normal}
}
@media(max-width:540px){.categories{grid-template-columns:1fr;width:calc(100% - 32px);gap:16px;padding-top:22px;padding-bottom:40px}}
.footer{position:relative;isolation:isolate;background:#101412 url('assets/footer-texture.svg') center/cover;color:#f3f2eb;border-top:3px solid #292a24}
.footer-inner{width:min(1280px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:28px;align-items:center;padding:30px 0 34px;min-height:230px}
.footer-logo{display:block;transform:rotate(-3deg)}
.footer-logo img{display:block;width:100%;height:auto}
.footer-center{align-self:center;min-width:0}
.footer-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:Oswald,'Arial Narrow',sans-serif;font-size:16px;font-weight:400;line-height:1.5}
.footer button{border:0;padding:0;background:none;color:inherit;text-align:left}
.footer a{transition:color .18s ease}
.footer a:hover{color:var(--orange)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px}
.footer-legal{display:flex;gap:16px;color:#aeb0aa;font-family:Oswald,'Arial Narrow',sans-serif;font-size:11px;line-height:1.4}
.footer-socials{display:flex;align-items:center;gap:12px;flex-shrink:0}
.social{position:relative;display:block;flex:0 0 32px;width:32px;height:32px}
.social::before{content:'';position:absolute;inset:0;z-index:1;mask:var(--social-icon) center/contain no-repeat;background:var(--social-color)}
.social--telegram{--social-icon:url('assets/social-telegram.svg');--social-color:#27a7e7;background:#fff;border-radius:50%}
.social--whatsapp{--social-icon:url('assets/social-whatsapp.svg');--social-color:#fff;background:#25d366;border-radius:50%}
.social--whatsapp::before{inset:5px}
.social--youtube{--social-icon:url('assets/social-youtube.svg');--social-color:#ff001a}
.social--youtube::after{content:'';position:absolute;inset:10px 7px;background:#fff}
.social--instagram{--social-icon:url('assets/social-instagram.svg');--social-color:radial-gradient(circle at 25% 100%,#ffd76b 0%,#f8a338 20%,#ee365d 48%,#b236b9 72%,#6651d6 100%)}
.footer-contacts{display:grid;gap:12px;border-left:1px solid #ffffff20;padding-left:24px;font-family:Oswald,'Arial Narrow',sans-serif;font-size:17px;line-height:1.3;font-style:normal}
.footer-contacts>a,.footer-contacts>div{display:flex;align-items:center;gap:12px}
.footer-contacts .icon{width:30px;height:30px;color:var(--orange);stroke-width:2;flex-shrink:0}
.footer-phone strong{display:block;font-size:18px;font-weight:500;white-space:nowrap}
.footer-phone small{display:block;font-size:12px;color:#aeb0aa;margin-top:4px}
@media(max-width:1150px){.footer-inner{grid-template-columns:190px minmax(0,1fr) 230px;gap:20px}.footer-nav{justify-content:flex-start;gap:8px 15px;font-size:15px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px;margin-top:22px}.footer-contacts{padding-left:18px;font-size:16px}.footer-phone strong{font-size:17px}}
@media(max-width:760px){.footer-inner{grid-template-columns:190px minmax(0,1fr);gap:28px;width:calc(100% - 48px);padding:28px 0}.footer-center{grid-column:1/-1;grid-row:2}.footer-nav{gap:12px 24px}.footer-bottom{flex-direction:row;align-items:center}.footer-legal{flex-direction:column;gap:8px}.footer-contacts{border:0;padding:0;font-size:15px}.footer-phone strong{font-size:16px}.footer-contacts .icon{width:26px;height:26px}.footer-socials{gap:10px}}
@media(max-width:480px){.footer-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:24px;padding:28px 0 32px}.footer-logo{width:210px}.footer-center{grid-column:auto;grid-row:auto}.footer-nav{gap:12px 22px;font-size:16px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px;margin-top:24px}.footer-legal{flex-direction:row;flex-wrap:wrap;gap:8px 18px;font-size:12px}.footer-socials{gap:16px}.footer-contacts{border-top:1px solid #ffffff20;padding-top:23px;gap:14px;font-size:17px}.footer-phone strong{font-size:19px}.footer-phone small{font-size:13px}}