/*
Theme Name: Wild Hog Winch & Gear PRO
Author: Custom build
Description: Premium dark industrial WooCommerce theme for Wild Hog Winch & Gear Kft.
Version: 3.0.0
Text Domain: wild-hog-pro
*/
:root{
 --black:#050505;--black2:#0b0b0b;--panel:#111;--panel2:#171717;
 --orange:#ee7205;--gold:#eeaf07;--amber:#e99805;--burnt:#df5901;--orange2:#ed7101;
 --white:#f3f1ed;--muted:#999;--line:rgba(255,255,255,.10);
 --title:"Bebas Neue Pro Expanded ExtraBold","Bebas Neue Pro","Bebas Neue",Impact,sans-serif;
 --ui:"Avenir Heavy","Avenir Next","Avenir",Montserrat,Arial,sans-serif;
 --body:"Avenir","Avenir Next",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);line-height:1.55}
body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.container{width:min(1320px,calc(100% - 48px));margin:auto}
.wh-kicker{font-family:var(--ui);font-weight:900;text-transform:uppercase;letter-spacing:.22em;color:var(--orange);font-size:12px}
.wh-title{font-family:var(--title);font-stretch:expanded;text-transform:uppercase;letter-spacing:.025em;line-height:.88;margin:.2em 0}
.wh-rule{height:3px;width:72px;background:linear-gradient(90deg,var(--orange),var(--gold));margin:18px 0}

/* header */
.wh-header{height:86px;position:sticky;top:0;z-index:900;background:rgba(5,5,5,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.wh-header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px}
.wh-menu-btn,.wh-action{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);background:#0b0b0b;color:#fff;cursor:pointer;transition:.2s}
.wh-menu-btn:hover,.wh-action:hover{border-color:var(--orange);color:var(--orange)}
.wh-menu-bars,.wh-menu-bars:before,.wh-menu-bars:after{content:"";display:block;width:22px;height:2px;background:currentColor;position:relative}
.wh-menu-bars:before{position:absolute;top:-7px}.wh-menu-bars:after{position:absolute;top:7px}
.wh-brand{text-align:center;line-height:.82}
.wh-brand-main{font-family:var(--title);font-size:34px;letter-spacing:.055em;display:block}
.wh-brand-main em{font-style:normal;color:var(--orange)}
.wh-brand-sub{font-family:var(--ui);font-size:8px;letter-spacing:.42em;color:#aaa;display:block;margin-top:7px}
.custom-logo{max-height:56px;width:auto}
.wh-actions{display:flex;justify-content:flex-end;gap:8px}.wh-action{font-family:var(--ui);font-size:15px}
.wh-count{position:absolute;margin:0 0 30px 31px;background:var(--orange);color:#050505;font:900 10px var(--ui);min-width:18px;height:18px;border-radius:20px;display:grid;place-items:center}

/* drawer */
.wh-drawer{position:fixed;inset:0;z-index:1000;visibility:hidden}.wh-drawer.open{visibility:visible}
.wh-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);opacity:0;transition:.3s}.wh-drawer.open .wh-backdrop{opacity:1}
.wh-drawer-panel{position:absolute;inset:0 auto 0 0;width:min(430px,91vw);background:#090909;border-right:1px solid rgba(238,114,5,.4);transform:translateX(-101%);transition:.35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
.wh-drawer.open .wh-drawer-panel{transform:none}
.wh-drawer-head{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line)}
.wh-close{border:0;background:none;color:#fff;font-size:34px;cursor:pointer}
.wh-nav{padding:24px 18px;overflow:auto}.wh-nav ul{list-style:none;padding:0;margin:0}
.wh-nav a{font:900 15px var(--ui);letter-spacing:.07em;text-transform:uppercase;display:flex;justify-content:space-between;padding:14px;border-left:2px solid transparent}
.wh-nav a:hover{color:var(--orange);border-left-color:var(--orange);background:rgba(238,114,5,.06)}
.wh-nav .sub-menu{display:none;padding-left:14px}.wh-nav .menu-item-has-children.open>.sub-menu{display:block}
.wh-nav .menu-item-has-children>a:after{content:"+";color:var(--orange)}.wh-nav .menu-item-has-children.open>a:after{content:"–"}
.wh-drawer-foot{margin-top:auto;padding:24px;color:#777;border-top:1px solid var(--line);font:12px var(--ui);letter-spacing:.08em}

/* hero */
.wh-hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:#090909}
.wh-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.88) 40%,rgba(5,5,5,.2) 75%),url("assets/images/hero-placeholder.svg") center/cover no-repeat}
.wh-hero:after{content:"";position:absolute;right:-10%;bottom:-110px;width:58%;height:240px;background:var(--orange);transform:skewY(-8deg);opacity:.95}
.wh-hero-grid{position:relative;z-index:2;width:100%;padding:90px 0 150px}
.wh-hero-copy{padding-left:clamp(18px,3.5vw,58px)}
.wh-hero-copy{max-width:850px}.wh-hero h1{font-size:clamp(72px,10vw,150px);max-width:950px}
.wh-hero h1 span{color:var(--orange)}.wh-hero p{max-width:600px;color:#bbb;font-size:18px;margin:25px 0 30px}
.wh-btn{font:900 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;padding:15px 22px;border:1px solid var(--orange);background:var(--orange);color:#050505;clip-path:polygon(0 0,93% 0,100% 28%,100% 100%,7% 100%,0 72%);transition:.2s}
.wh-btn:hover{background:var(--gold);border-color:var(--gold)}.wh-btn.ghost{background:transparent;color:#fff;border-color:#555;margin-left:10px}.wh-btn.ghost:hover{border-color:var(--orange);color:var(--orange)}

/* ticker */
.wh-ticker{overflow:hidden;border-block:1px solid var(--line);background:#0b0b0b;transform:translateY(-1px)}
.wh-ticker-track{display:flex;width:max-content;white-space:nowrap;padding:14px 0;font:900 11px var(--ui);letter-spacing:.25em;color:#777;animation:whTicker 28s linear infinite;will-change:transform}
.wh-ticker:hover .wh-ticker-track{animation-play-state:paused}
@keyframes whTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wh-ticker-track span{color:var(--orange);margin:0 22px}

/* sections */
.wh-section{padding:95px 0}.wh-section.alt{background:#090909}
.wh-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.wh-section-head h2{font-size:clamp(48px,6vw,82px);margin:4px 0}.wh-section-head p{max-width:480px;color:var(--muted)}
.wh-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wh-cat{height:360px;position:relative;overflow:hidden;border:1px solid var(--line);background:#151515}
.wh-cat img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);opacity:.68;transition:.4s}
.wh-cat:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95),transparent 65%)}
.wh-cat-content{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.wh-cat h3{font:normal 36px/1 var(--title);text-transform:uppercase;margin:0}.wh-cat small{font:900 10px var(--ui);letter-spacing:.15em;color:var(--orange)}
.wh-cat:hover img{transform:scale(1.045);filter:grayscale(.2)}.wh-cat:hover{border-color:var(--orange)}
.wh-diagonal{height:80px;background:linear-gradient(174deg,#090909 49%,var(--orange) 50%,var(--orange) 56%,#050505 57%)}

/* feature banner */
.wh-feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;border:1px solid var(--line);background:#0d0d0d}
.wh-feature-image{background:url("assets/images/feature-placeholder.svg") center/cover no-repeat;min-height:420px}
.wh-feature-copy{padding:65px;display:flex;flex-direction:column;justify-content:center}.wh-feature-copy h2{font-size:72px}.wh-feature-copy p{color:#aaa;max-width:530px}

/* Woo */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#101010;border:1px solid var(--line);padding:0 0 18px!important;transition:.25s;overflow:hidden}
.woocommerce ul.products li.product:hover{border-color:var(--orange);transform:translateY(-4px)}
.woocommerce ul.products li.product img{margin:0 0 16px!important;background:#171717;aspect-ratio:1/1;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:900 14px/1.3 var(--ui);padding:0 16px!important;text-transform:uppercase;letter-spacing:.04em}
.woocommerce ul.products li.product .price{padding:0 16px;color:var(--orange)!important;font:900 16px var(--ui)}
.woocommerce ul.products li.product .button{margin:8px 16px 0!important}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button{background:var(--orange)!important;color:#050505!important;border-radius:0!important;font:900 11px var(--ui)!important;text-transform:uppercase;letter-spacing:.08em}
.woocommerce span.onsale{background:var(--orange)!important;color:#050505!important;border-radius:0!important;font:900 10px var(--ui)!important}
.woocommerce div.product{padding:55px 0}.woocommerce div.product .product_title{font:normal clamp(48px,6vw,76px)/.95 var(--title);text-transform:uppercase}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--orange)!important;font:900 22px var(--ui)}
.woocommerce div.product div.images img{background:#111}.woocommerce-tabs .panel,.woocommerce table.shop_table,.cart_totals,.woocommerce-checkout-review-order{background:#101010;color:#eee;border-color:var(--line)!important;padding:24px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{background:#0b0b0b;color:#fff;border:1px solid #333;padding:13px}
.site-main{min-height:60vh}.page-wrap{padding:55px 0}.page-title{font-size:72px}

/* usp/footer */
.wh-usp{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.wh-usp div{padding:30px;border-right:1px solid var(--line)}.wh-usp div:last-child{border:0}
.wh-usp strong{display:block;font:normal 30px var(--title);text-transform:uppercase;color:var(--orange)}.wh-usp span{font:12px var(--ui);color:#888}
.wh-footer{border-top:1px solid var(--line);padding:65px 0 25px;background:#030303}.wh-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.wh-footer h3{font:normal 30px var(--title);text-transform:uppercase}.wh-footer p,.wh-footer li{color:#777;font-size:13px}.wh-footer ul{list-style:none;padding:0}
.wh-footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:#555;font:10px var(--ui);letter-spacing:.1em;text-transform:uppercase}

@media(max-width:1000px){.wh-cat-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}.wh-feature{grid-template-columns:1fr}.wh-usp{grid-template-columns:1fr 1fr}.wh-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:calc(100% - 28px)}.wh-header{height:74px}.wh-header-inner{padding:0 12px}.wh-brand-main{font-size:26px}.wh-brand-sub{font-size:6px}.wh-action.search{display:none}.wh-hero{min-height:610px}.wh-hero h1{font-size:70px}.wh-btn.ghost{margin:8px 0 0}.wh-section{padding:65px 0}.wh-section-head{display:block}.wh-cat-grid,.woocommerce ul.products{grid-template-columns:1fr!important}.wh-cat{height:300px}.wh-feature-copy{padding:35px}.wh-feature-copy h2{font-size:54px}.wh-usp{grid-template-columns:1fr}.wh-usp div{border-right:0;border-bottom:1px solid var(--line)}.wh-footer-grid{grid-template-columns:1fr}}

/* contact */
.wh-contact-section{padding:100px 0;background:#070707;border-top:1px solid var(--line)}
.wh-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wh-contact-card{background:#101010;border:1px solid var(--line);padding:42px;position:relative;overflow:hidden}
.wh-contact-card:before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;background:var(--orange);transform:rotate(45deg);opacity:.08}
.wh-contact-title{font:normal 48px/1 var(--title);margin:8px 0;text-transform:uppercase}
.wh-contact-item{padding:17px 0;border-bottom:1px solid var(--line)}
.wh-contact-label{display:block;font:900 10px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:5px}
.wh-contact-item a{font:900 15px var(--ui)}.wh-contact-item a:hover{color:var(--orange)}
.wh-contact-actions{margin-top:25px}
.wh-opening-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font:13px var(--ui)}
.wh-opening-row strong{color:#eee}.wh-opening-row.closed strong{color:#666}
.wh-mega-note{margin-top:18px;color:#777;font-size:12px}
@media(max-width:760px){.wh-contact-grid{grid-template-columns:1fr}.wh-contact-card{padding:28px}.wh-contact-title{font-size:40px}}