/*
Theme Name: SkyForgeHub Store
Theme URI: https://skyforgehub.store
Description: Independent WooCommerce theme for SKY GANG INC
Author: SKY GANG INC
Version: 1.0.0
Text Domain: skyforgehub-store
*/
:root{--ink:#1a2624;--accent:#c4845a;--secondary:#5a7a72;--paper:#f4f1eb;--white:#fff;--muted:#66706c;--line:#ddd6c8;--container:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
.store-container{width:min(calc(100% - 40px),var(--container));margin:auto}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-inner{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:28px}
.brand{font-size:25px;font-weight:900;text-decoration:none}
.brand::after{color:var(--accent);content:"."}
.site-nav{display:flex;align-items:center;gap:24px}
.site-nav a{font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.site-nav a:hover{color:var(--secondary)}
.cart-link{padding:10px 14px;border:1px solid var(--ink)}
.hero{position:relative;display:flex;min-height:min(700px,calc(100vh - 76px));align-items:end;background:#243834 center/cover no-repeat;color:#fff}
.hero::before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,38,36,.78),rgba(26,38,36,.12));content:""}
.hero-content{position:relative;z-index:1;padding:90px 0}
.hero-content h1{max-width:760px;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:66px;font-weight:500;line-height:1.04}
.hero-content p{max-width:650px;margin:22px 0 30px;color:rgba(255,255,255,.9);font-size:19px}
.eyebrow{display:block;margin-bottom:13px;color:var(--accent);font-size:13px;font-weight:900;text-transform:uppercase}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-flex;min-height:46px;padding:13px 20px;align-items:center;justify-content:center;border:0;border-radius:3px;background:var(--ink);color:#fff;font-weight:900;text-decoration:none}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--secondary);color:#fff}
.button-light{background:#fff;color:var(--ink)}
.button-outline{border:1px solid #fff;background:transparent}
.benefits{background:var(--ink);color:#fff}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.benefits-grid div{padding:22px 28px;border-right:1px solid rgba(255,255,255,.18)}
.benefits-grid div:last-child{border:0}
.benefits strong,.benefits span{display:block}
.benefits span{color:rgba(255,255,255,.7);font-size:13px}
.section{padding:76px 0}
.section-soft{background:var(--paper)}
.section-head{display:flex;margin-bottom:30px;align-items:end;justify-content:space-between;gap:24px}
.section-head h2,.story h2{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:42px;font-weight:500;line-height:1.15}
.section-head>a{border-bottom:2px solid var(--accent);font-size:14px;font-weight:900;text-decoration:none}
.category-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
.category{position:relative;display:flex;min-height:390px;align-items:end;overflow:hidden;background:#555 center/cover no-repeat;color:#fff;text-decoration:none}
.category::before{position:absolute;inset:0;background:rgba(26,38,36,.32);content:""}
.category span{position:relative;z-index:1;padding:26px;font:500 30px/1.1 Inter,ui-sans-serif,system-ui,sans-serif}
.woocommerce ul.products,ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none;content:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,ul.products li.product{display:flex;width:100%;min-width:0;margin:0;padding:12px 12px 16px;float:none;flex-direction:column;border:1px solid var(--line);background:#fff}
.woocommerce ul.products li.product img{width:100%;aspect-ratio:4/5;margin:0 0 16px;object-fit:cover}
.woocommerce ul.products li.product h2{font-size:17px;line-height:1.35}
.woocommerce ul.products li.product .price{color:var(--ink);font-weight:900}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:500px;background:var(--secondary);color:#fff}
.story-image{min-height:500px;background:#444 center/cover no-repeat}
.story-copy{display:flex;padding:64px max(40px,calc((100vw - var(--container))/2));padding-right:56px;justify-content:center;flex-direction:column}
.story-copy .eyebrow{color:var(--accent)}
.story-copy p{max-width:520px}
.site-footer{padding:56px 0 28px;background:#121a18;color:#c8c2b4}
.site-footer a{color:#fff;text-decoration:none}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:56px}
.site-footer h2,.site-footer h3{margin:0 0 14px;color:#fff}
.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px}
.copyright{margin-top:38px;padding-top:20px;border-top:1px solid #3a4844;font-size:12px}
.content-page{width:min(calc(100% - 40px),900px);margin:auto;padding:64px 0 88px}
.content-page.store-products{width:min(calc(100% - 40px),var(--container))}
.content-page>article>h1,.content-page>h1{margin:0 0 28px;font:500 48px/1.15 Inter,ui-sans-serif,system-ui,sans-serif}
.content-page h2{margin:38px 0 12px}
.page-lead{font-size:20px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.contact-grid section{border-top:4px solid var(--accent)}
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:52px}
.woocommerce div.product .woocommerce-product-gallery,.woocommerce div.product .summary{width:auto;margin:0;float:none}
.woocommerce div.product .product_title{font:500 42px/1.15 Inter,ui-sans-serif,system-ui,sans-serif}
.woocommerce .woocommerce-ordering select{padding:10px 36px 10px 12px;border:1px solid var(--line);background:#fff}
.skyforgehub-apparel .hero::before{background:linear-gradient(90deg,rgba(26,38,36,.8),rgba(26,38,36,.1))}
.skyforgehub-apparel .hero-content h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
@media(max-width:900px){
.site-nav{gap:14px}
.hero-content h1{font-size:52px}
.category-grid{grid-template-columns:repeat(2,1fr)}
.category:first-child{grid-column:1/-1}
.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
.store-container,.content-page{width:min(calc(100% - 28px),var(--container))}
.header-inner{padding-top:14px;flex-wrap:wrap}
.site-nav{width:100%;padding:8px 0 14px;order:2;overflow-x:auto;scrollbar-width:none}
.site-nav::-webkit-scrollbar{display:none}
.hero{min-height:610px}
.hero-content{padding:58px 0}
.hero-content h1{font-size:42px}
.benefits-grid,.category-grid,.story,.footer-grid,.contact-grid,.woocommerce div.product{grid-template-columns:1fr}
.benefits-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
.section{padding:54px 0}
.section-head{display:block}
.section-head h2,.story h2{font-size:34px}
.section-head>a{display:inline-block;margin-top:15px}
.category:first-child{grid-column:auto}
.category{min-height:320px}
.story-image{min-height:350px}
.story-copy{padding:48px 24px}
.woocommerce div.product{gap:28px}
}
@media(max-width:430px){
.woocommerce ul.products,ul.products{grid-template-columns:1fr}
.actions .button{width:100%}
}

.hero-content h1,.section-head h2,.story h2{font-weight:800;letter-spacing:-.035em}.woocommerce ul.products li.product img{object-fit:contain;background:#fff}.category{background-color:#eee9e0;background-size:contain}.category::before{background:linear-gradient(0deg,rgba(18,26,24,.85),transparent 70%)}