/*
Theme Name: Superhero Compression Store
Theme URI: https://superherocompressionshirt.com/
Author: Custom Store Studio
Description: Customizable WooCommerce storefront inspired by the approved Superhero Compression Shirt mockup. Homepage sections editable through Appearance > Customize; product content managed in WooCommerce.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: superhero-store
License: GPL-2.0-or-later
*/
:root{--red:#ed202d;--ink:#101418;--gray:#f5f6f8;--max:1320px}*{box-sizing:border-box}body{margin:0;font:15px/1.55 Arial,Helvetica,sans-serif;color:#15191e;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}.container{max-width:var(--max);margin:auto;padding:0 34px}.topbar{background:#0d1216;color:#fff;font-size:12px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding-top:7px;padding-bottom:7px}.site-header{background:#fff;position:relative;z-index:10;box-shadow:0 2px 10px #0001}.header-inner{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:33px;font-weight:900;letter-spacing:-2px;line-height:.9;display:inline-block;white-space:nowrap}.brand em{color:var(--red);font-style:normal}.brand small{display:block;letter-spacing:3px;font-size:10px;font-weight:700;color:#70737a;margin-top:7px}.custom-logo{max-width:250px;max-height:70px;width:auto}.nav-menu{display:flex;list-style:none;gap:30px;margin:0;padding:0;font-weight:600;font-size:13px}.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--red)}.header-actions{display:flex;align-items:center;gap:20px;font-size:21px}.cart-count{background:var(--red);color:#fff;border-radius:100%;padding:1px 6px;font-size:11px;vertical-align:top}.hero{min-height:530px;background-size:cover;background-position:center;display:flex;align-items:center;background-color:#111;color:#fff}.hero .container{width:100%}.hero-copy{max-width:565px;padding:55px 0}.hero h1{font-size:clamp(45px,6vw,85px);line-height:.94;letter-spacing:-2px;text-transform:uppercase;margin:0 0 18px;font-weight:900}.hero h1 strong{color:var(--red);display:block;font-size:1.17em}.hero p{font-size:17px;max-width:480px;margin-bottom:26px}.btn,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;background:var(--red)!important;color:#fff!important;border:0;border-radius:4px;padding:13px 26px;font-weight:700;text-align:center}.btn:hover,.button:hover{filter:brightness(.9)}.benefits{display:flex;gap:28px;margin-top:32px;font-size:12px}.benefits span{display:flex;align-items:center;gap:7px}.benefits b{font-size:24px;font-weight:400}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0 28px}.category-card{height:185px;border-radius:7px;background:#0d1318 center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:#fff;text-align:center;padding:16px;position:relative;overflow:hidden}.category-card:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000b)}.category-card>*{position:relative}.category-card strong{font-size:20px}.category-card small{font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 17px}.section-heading h2{font-size:29px;font-weight:900;line-height:1.1;margin:0;text-transform:uppercase}.section-heading a{font-size:13px}.products-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;margin-bottom:32px}.product-card{background:#fafafa;border-radius:7px;padding:10px;min-width:0}.product-image{background:#f4f5f7;border-radius:5px;display:block;aspect-ratio:1/1.1;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.product-title{font-size:13px;font-weight:700;margin:9px 0 2px;min-height:36px}.rating{color:#fa9a00;font-size:15px}.price{font-size:17px;font-weight:800;display:block;margin:2px 0 10px}.product-card .btn{display:block;padding:9px 4px;font-size:12px;width:100%}.product-card .added_to_cart{font-size:12px}.about-section{background:#f2f4f6;margin:25px 0 0}.about-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:335px}.about-inner>img{width:100%;max-height:340px;object-fit:contain}.eyebrow{font-weight:800;color:var(--red);font-size:12px;text-transform:uppercase}.about-inner h2{font-size:36px;line-height:1.15;margin:10px 0}.about-inner h2 strong{color:var(--red)}.about-features{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;text-align:center;font-size:12px}.about-features b{display:block;font-size:30px}.newsletter{background:#10151a center/cover no-repeat;color:#fff;padding:42px 0}.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.newsletter h2{font-size:28px;line-height:1.15;margin:4px 0 10px}.newsletter form{display:flex;max-width:440px;margin-left:auto}.newsletter input{padding:13px;min-width:0;flex:1;border:0;border-radius:4px 0 0 4px}.newsletter button{border-radius:0 4px 4px 0}.site-footer{background:#10151a;color:#dce0e5;padding:40px 0 20px}.footer-columns{display:grid;grid-template-columns:2fr repeat(3,1fr) 1.6fr;gap:30px}.site-footer h3{font-size:14px;color:#fff;margin:0 0 15px}.site-footer p,.site-footer li{font-size:13px;color:#b9c0c8}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:8px 0}.footer-bottom{border-top:1px solid #3c4145;margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;font-size:12px}.payment-icons{font-size:12px;line-height:2}.payment-icons span{background:#fff;color:#1b2938;padding:5px;border-radius:3px;margin-right:4px;font-weight:700}.woocommerce-content{padding-top:40px;padding-bottom:70px}.mobile-toggle{display:none}.screen-reader-text{position:absolute;left:-9999px}.site-footer a:hover{color:#fff;text-decoration:underline}@media(max-width:900px){.nav-menu{gap:12px}.products-grid{grid-template-columns:repeat(3,1fr)}.footer-columns{grid-template-columns:repeat(3,1fr)}.hero{min-height:440px}.hero-copy{max-width:470px}}@media(max-width:680px){.container{padding:0 17px}.topbar .container span:nth-child(2){display:none}.header-inner{min-height:65px;flex-wrap:wrap}.brand{font-size:25px}.mobile-toggle{display:block;border:0;background:transparent;font-size:25px}.main-nav{display:none;order:3;width:100%}.main-nav.open{display:block}.nav-menu{display:block;padding:12px 0}.nav-menu li{padding:9px 0}.header-actions{margin-left:auto}.hero{min-height:440px;background-position:60% center}.hero:before{content:'';position:absolute;inset:0;background:#0007}.hero{position:relative}.hero .container{position:relative}.hero h1{font-size:48px}.hero p{font-size:14px}.benefits{flex-wrap:wrap;gap:10px}.categories{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{height:150px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.about-inner{grid-template-columns:1fr;padding-top:25px;padding-bottom:25px;gap:0}.about-inner h2{font-size:30px}.newsletter-inner{grid-template-columns:1fr}.newsletter form{margin:0}.footer-columns{grid-template-columns:repeat(2,1fr);gap:24px}.footer-bottom{display:block}.section-heading h2{font-size:24px}}

/* v1.0.1: Clean, text-free banner assets and improved responsive composition. */
.hero{background-position:center center;background-size:cover;min-height:530px}
.hero-copy{max-width:565px;position:relative;z-index:1}
.hero h1{font-size:clamp(48px,5.2vw,77px);line-height:1.02;max-width:560px;overflow-wrap:normal}
.hero h1 strong{font-size:1.16em}
.hero p{max-width:470px;line-height:1.5}
.newsletter{background-position:left center;background-size:cover;min-height:230px;display:flex;align-items:center}
.newsletter-inner{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px}
.newsletter-inner>div:first-child{padding-left:210px}
.newsletter h2{font-size:clamp(23px,2.4vw,32px);line-height:1.12}
.newsletter p{line-height:1.5}
.newsletter-inner>div:last-child{min-width:0}
.newsletter form{max-width:440px}
@media(max-width:1100px){.newsletter-inner>div:first-child{padding-left:80px}}
@media(max-width:900px){.hero h1{font-size:clamp(45px,6vw,65px)}.newsletter-inner>div:first-child{padding-left:0}}
@media(max-width:680px){.hero{background-position:63% center}.hero h1{font-size:clamp(40px,10vw,55px)}.hero-copy{padding:55px 0}.newsletter{background-position:35% center}.newsletter-inner{grid-template-columns:1fr;gap:16px}.newsletter-inner>div:first-child{padding-left:0}.newsletter{padding:35px 0}}
/* v1.0.2: clean image-only backgrounds; all live text remains editable. */
.hero{background-position:center center}
.category-card{background-position:center top}
.newsletter{background-position:left center}

/* 1.0.3 text-free hero/category/newsletter image composition */
.hero{background-color:#10161c;background-position:center center;background-size:cover}
.hero-copy{max-width:560px}
.hero h1{font-size:clamp(44px,5.1vw,76px);line-height:1.04}
.category-card{background-position:center center;background-size:cover}
.newsletter{background-color:#0d1217;background-position:left center;background-size:cover}
.newsletter-inner>div:first-child{padding-left:210px}
@media(max-width:1100px){.newsletter-inner>div:first-child{padding-left:90px}}
@media(max-width:900px){.newsletter-inner>div:first-child{padding-left:0}}

/* v1.0.4: image-only photographic banners and category tiles */
.newsletter{background-color:#10151a;background-position:center center}
.category-card{background-position:center 35%}
@media(max-width:680px){.newsletter{background-position:25% center}}