/*
Theme Name: Alvin Card Shop
Theme URI: https://example.com/
Author: Alvin Card Shop
Description: Custom responsive TCG storefront for WooCommerce and the Alvin Singles Catalogue plugin.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: alvin-shop
*/
:root{--red:#e50924;--ink:#111116;--muted:#6c6c77;--line:#e9e9ee;--bg:#f7f7f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}.site-header{background:#050505;color:#fff}.header-image{display:block;width:100%;max-width:1535px;margin:auto;object-fit:contain}.nav-shell{border-top:1px solid #28282a;border-bottom:1px solid #28282a;background:#0d0d0f}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px}.nav-links{display:flex;flex-wrap:wrap;gap:26px;font-weight:750;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.nav-links a:hover,.nav-links .current-menu-item a{color:#ff3449}.nav-action{background:var(--red);color:#fff;border-radius:7px;padding:10px 17px;font-weight:800;white-space:nowrap}.nav-action:hover{background:#b9081c;color:white}.hero{background:linear-gradient(115deg,#101013,#24242a);color:#fff;padding:78px 0 88px;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:45px}.eyebrow{color:#ff5162;letter-spacing:.18em;font-size:12px;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(38px,5.5vw,72px);line-height:1.06;letter-spacing:-.045em;margin:12px 0 20px}.hero p{color:#d1d1d5;font-size:18px;max-width:650px}.btn{display:inline-block;border-radius:7px;padding:13px 22px;font-weight:800;border:1px solid transparent;background:var(--red);color:#fff}.btn:hover{background:#b8081c;color:white}.btn.outline{background:transparent;border-color:#777;color:#fff}.btn.outline:hover{border-color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-mark{font-size:clamp(120px,18vw,260px);color:var(--red);font-weight:1000;line-height:1;text-align:center;text-shadow:18px 18px 0 #ffffff12}.section{padding:68px 0}.section.tint{background:var(--bg)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading h2{font-size:clamp(25px,3vw,37px);margin:0;letter-spacing:-.04em}.section-heading p{color:var(--muted);margin:6px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{background:#fff;border:1px solid var(--line);padding:28px;border-radius:13px;min-height:205px}.feature .number{color:var(--red);font-weight:900;font-size:14px}.feature h3{font-size:23px;margin:12px 0 6px}.feature p{color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category{background:#18181c;color:white;min-height:175px;border-radius:12px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:4px solid var(--red)}.category:hover{color:#fff;transform:translateY(-2px)}.category small{color:#bdbdc4;text-transform:uppercase;font-weight:750;letter-spacing:.08em}.category strong{font-size:23px}.page-content{min-height:350px;padding:48px 0 85px}.page-content h1{font-size:clamp(30px,4vw,48px);line-height:1.12}.notice{padding:18px 22px;background:#fff3f4;border-left:4px solid var(--red);border-radius:4px}.footer{background:#101013;color:#f5f5f5;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer p,.footer small{color:#aaaab1}.footer h3{margin-top:0}.footer a{display:block;margin:8px 0}.footer-bottom{border-top:1px solid #33343a;margin-top:40px;padding-top:18px;color:#aaaab1;font-size:12px}.woocommerce .button,.woocommerce button.button,.woocommerce a.button{background:#e50924!important;color:#fff!important;border-radius:6px!important}.woocommerce .price{color:#111!important}.wp-block-button__link{background:var(--red)}@media(max-width:800px){.nav-inner{align-items:flex-start;flex-direction:column;padding:13px 0}.nav-links{gap:12px 18px}.hero{padding:50px 0}.hero .wrap{grid-template-columns:1fr}.hero-mark{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.wrap{width:min(100% - 28px,1240px)}.category-grid,.footer-grid{grid-template-columns:1fr}.section{padding:45px 0}.nav-links{font-size:12px}}