/*
Theme Name: Omega Labs
Author: Omega Labs
Description: Hardcore gym apparel theme. Products, order list sent via WhatsApp, reviews, blog, contact.
Version: 1.0
Text Domain: omegalabs
*/
:root{--bg:#EEF3FA;--ink:#07122A;--muted:#4A5870;--blue:#1646E0;--line:#CFDAEB;--tile:#DCE5F2;--wa:#0B7A43;--soft:#B9C8E6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Archivo','Helvetica Neue',sans-serif;font-size:17px;line-height:1.55}
a{color:var(--ink);text-decoration:none}a:hover{color:var(--blue)}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.display{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:.95;margin:0}
.kicker{font-size:14px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;border:2px solid transparent;cursor:pointer;font-family:inherit}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{color:#fff;background:#0F37B8}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{color:#fff;background:#13244A}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{color:#fff;background:#07602F}
.btn svg{width:20px;height:20px}
/* header */
.topbar{background:var(--ink);color:#fff;text-align:center;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:10px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}
.logo{display:flex;align-items:center;gap:12px}
.logo-mark{width:44px;height:44px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Anton',Impact,sans-serif;font-size:28px}
.logo-text{font-family:'Anton',Impact,sans-serif;font-size:28px;letter-spacing:.04em}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px}
.main-nav a{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nav-toggle{display:none;background:none;border:2px solid var(--ink);width:48px;height:48px;font-size:20px;cursor:pointer}
/* hero */
.hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;padding-top:72px;padding-bottom:72px}
.hero h1{font-size:clamp(56px,8vw,104px)}
.hero h1 span{color:var(--blue)}
.hero p{color:var(--muted);font-size:19px;max-width:520px;margin:24px 0 28px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-visual{background:var(--ink);min-height:460px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-visual .omega{font-family:'Anton',Impact,sans-serif;font-size:260px;color:#13244A;line-height:1}
.strip{background:var(--blue);color:#fff;font-family:'Anton',Impact,sans-serif;font-size:24px;letter-spacing:.06em;padding:18px 0;white-space:nowrap;overflow:hidden;text-align:center}
.strip span{margin:0 18px}
/* sections */
.section{padding:88px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.section-head h2{font-size:clamp(48px,6vw,88px)}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{min-height:44px;padding:0 18px;border:1px solid var(--line);background:#fff;font-family:inherit;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--ink)}
.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.card-img{aspect-ratio:1/1.1;background:var(--tile);position:relative;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:14px;left:14px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;letter-spacing:.14em;padding:6px 10px;text-transform:uppercase}
.card-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-cat{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.card-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.card h3{margin:0;font-size:19px;font-weight:800;text-transform:uppercase}
.price{font-weight:800;color:var(--blue)}
.sizes{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--muted)}
.card .btn{margin-top:auto}
.steps{background:var(--ink);color:#fff}
.steps h2{font-size:64px;margin-bottom:44px}
.step{border-top:3px solid #7FA2FF;padding-top:20px}
.step b{font-family:'Anton',Impact,sans-serif;font-size:40px;font-weight:400;color:#7FA2FF;display:block}
.step h3{margin:8px 0;font-size:20px;text-transform:uppercase}
.step p{margin:0;color:var(--soft)}
.review{background:#fff;border:1px solid var(--line);padding:24px;display:flex;gap:20px}
.review .ph{width:110px;flex-shrink:0}
.review .ph img{width:110px;height:150px;object-fit:cover}
.stars{color:var(--blue);letter-spacing:.1em}
.review p{margin:8px 0}
.review small{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.post-card .thumb{height:220px;background:var(--tile);overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover}
.post-card h3{margin:6px 0 0;font-size:21px;text-transform:uppercase;line-height:1.25}
.contact-band{background:var(--blue);color:#fff}
.contact-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:48px;flex-wrap:wrap}
.contact-band h2{font-size:clamp(56px,6vw,88px)}
.contact-band .btn{background:#fff;color:var(--ink);min-height:68px;min-width:320px}
.contact-band a{color:#fff}
.site-footer{background:var(--ink);color:#fff;padding:56px 0 32px}
.site-footer a{color:#fff}
.site-footer .top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.site-footer .bottom{border-top:1px solid #1E3160;margin-top:40px;padding-top:24px;color:var(--soft);font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
/* order page */
.order-layout{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:start}
.order-item{background:#fff;border:1px solid var(--line);padding:14px;display:flex;align-items:center;gap:20px;margin-bottom:12px}
.order-item.on{border-color:var(--blue)}
.order-item .thumb{width:88px;height:88px;background:var(--tile);flex-shrink:0;overflow:hidden}
.order-item .thumb img{width:100%;height:100%;object-fit:cover}
.order-item .info{flex:1;min-width:0}
.order-item .info b{display:block;font-size:18px;text-transform:uppercase}
.size-pills{display:flex;gap:6px;flex-wrap:wrap}
.size-pills button{width:48px;height:44px;border:1px solid var(--line);background:#fff;font-family:inherit;font-weight:800;cursor:pointer;color:var(--ink)}
.size-pills button.sel{background:var(--ink);color:#fff;border-color:var(--ink)}
.qty{display:flex;align-items:center;border:1px solid var(--line)}
.qty button{width:44px;height:44px;border:0;background:#fff;font-size:20px;font-weight:800;cursor:pointer;color:var(--ink)}
.qty button.plus{background:var(--ink);color:#fff}
.qty span{width:40px;text-align:center;font-weight:800}
.summary{background:#fff;border:2px solid var(--ink);padding:28px;position:sticky;top:110px}
.summary h2{font-size:40px}
.summary .empty{background:var(--bg);padding:20px;color:var(--muted)}
.summary ul{list-style:none;padding:0;margin:0 0 8px;border-bottom:1px solid var(--line)}
.summary li{display:flex;justify-content:space-between;gap:12px;padding:6px 0 10px;font-weight:700;text-transform:uppercase}
.summary li span{color:var(--muted);white-space:nowrap}
.summary label{display:block;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-top:16px}
.summary input,.summary textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);font-family:inherit;font-size:16px;margin-top:6px}
.summary .btn{width:100%;margin-top:20px;min-height:64px}
.summary .note{font-size:13px;color:var(--muted);margin-top:12px}
.page-hero{padding:64px 0 32px}.page-hero h1{font-size:clamp(56px,7vw,96px)}.page-hero p{color:var(--muted);max-width:640px}
.content{background:#fff;border:1px solid var(--line);padding:40px;max-width:820px}
.content h1{font-size:56px;margin-bottom:24px}
@media (max-width:1000px){
.hero .wrap,.order-layout{grid-template-columns:1fr}
.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid3{grid-template-columns:1fr}
.summary{position:static}
}
@media (max-width:760px){
.nav-toggle{display:block}
.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px}
.main-nav.open{display:block}
.main-nav ul{flex-direction:column;gap:16px}
.header-cta{display:none}
.grid4{grid-template-columns:1fr 1fr;gap:12px}
.card-body{padding:12px}
.order-item{flex-wrap:wrap}
.hero-visual{min-height:320px}
.section{padding:56px 0}
.contact-band .btn{min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* WooCommerce pages */
.woocommerce div.product .product_title{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:56px;line-height:1}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--blue);font-weight:800;font-size:24px}
.woocommerce .woocommerce-breadcrumb{font-size:14px;color:var(--muted)}
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related{grid-column:1/-1}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%!important;float:none!important}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);padding:0 0 16px;text-align:left}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:0 16px;text-transform:uppercase;font-size:17px}
.woocommerce ul.products li.product .price{padding:0 16px;color:var(--blue);font-weight:800;display:block}
@media (max-width:760px){.woocommerce div.product{grid-template-columns:1fr}.woocommerce ul.products{grid-template-columns:1fr 1fr}}
a.card-img{display:block}