/*
Theme Name: Style Under Budget V2
Author: Style Under Budget
Description: Colorful premium fashion/deals WordPress theme.
Version: 2.0
Text Domain: style-under-budget
*/
:root{--ink:#20151a;--cream:#fff8f1;--paper:#fff;--pink:#ffd9e7;--rose:#b83b68;--burg:#641b35;--gold:#d6a84f;--lav:#e7defd;--mint:#dff3e8;--line:#eadfe3;--muted:#765f68;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}.topbar{background:var(--burg);color:#fff;text-align:center;font-size:12px;padding:7px;letter-spacing:.04em}.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);z-index:50}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:950;letter-spacing:-.05em;font-size:24px}.brand em{color:var(--rose);font-style:normal}.main-nav{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:750}.main-nav a:hover{color:var(--rose)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:9px}
.hero{padding:82px 0 76px;background:radial-gradient(circle at 80% 20%,var(--pink),transparent 30%),linear-gradient(135deg,var(--cream),#fff)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:var(--rose)}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.92;letter-spacing:-.07em;margin:14px 0 25px;max-width:760px}.hero h1 span{color:var(--rose)}.hero p{font-size:18px;color:var(--muted);max-width:620px}.btn{display:inline-flex;background:var(--burg);color:#fff;padding:14px 22px;border-radius:9px;font-weight:850;margin-top:12px;box-shadow:0 10px 24px rgba(100,27,53,.18)}.btn:hover{background:var(--rose)}
.hero-art{min-height:410px;border-radius:28px;background:linear-gradient(145deg,#f6bfd1,#d9c9fa);display:flex;align-items:flex-end;padding:30px;box-shadow:0 25px 60px rgba(80,30,50,.13);overflow:hidden;position:relative}.hero-art:before{content:"STYLE";position:absolute;top:30px;right:-25px;font-size:110px;font-weight:950;color:rgba(255,255,255,.45);transform:rotate(90deg)}.hero-art strong{font-size:31px;line-height:1.05;position:relative}
.section{padding:72px 0}.section.alt{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2{font-size:38px;line-height:1.05;letter-spacing:-.05em;margin:0}.section-head a{color:var(--rose);font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category{border-radius:18px;padding:26px;min-height:165px;display:flex;flex-direction:column;justify-content:space-between;font-size:21px;font-weight:900;border:1px solid rgba(0,0,0,.05);transition:.2s}.category:hover{transform:translateY(-4px)}.category small{font-size:12px;opacity:.65}.cat1{background:var(--pink)}.cat2{background:var(--lav)}.cat3{background:var(--mint)}.cat4{background:#ffe9c8}
.ad-slot{border:1px dashed #d8c8ce;color:#a18a93;min-height:90px;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.1em;margin:25px 0;background:#fffdfc}
.product-card,.post-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(45,20,30,.05)}.product-card:hover,.post-card:hover{box-shadow:0 15px 35px rgba(45,20,30,.1);transform:translateY(-2px)}.product-image{aspect-ratio:4/3;background:linear-gradient(135deg,#f5e4ea,#eee8fa);display:flex;align-items:center;justify-content:center;color:#9c7d88;font-size:12px}.product-body{padding:18px}.product-body h3{font-size:17px;line-height:1.25;margin:0 0 7px}.price{font-size:18px;font-weight:950;color:var(--burg)}.deal{font-size:12px;color:var(--muted)}.product-btn{display:block;text-align:center;background:var(--rose);color:#fff;padding:10px;border-radius:8px;font-weight:850;margin-top:14px}.product-btn:hover{background:var(--burg)}
.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee}.post-body{padding:20px}.post-body h3{margin:0 0 8px;line-height:1.25}.post-meta{font-size:12px;color:#8b747d}.notice{background:#fff2f6;border-left:4px solid var(--rose);padding:14px 16px;font-size:13px;color:#694955;border-radius:7px}
.site-footer{background:var(--burg);color:#fff;margin-top:40px;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.site-footer p,.site-footer a{color:#e5cfd7}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #8d596c;margin-top:35px;padding-top:18px;font-size:12px;color:#c8aeb8}.single{max-width:820px;margin:60px auto}.single h1{font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-.055em}.single-content h2{margin-top:40px}.single-content a{text-decoration:underline}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.main-nav{display:none;position:absolute;left:18px;right:18px;top:78px;background:#fff;border:1px solid var(--line);padding:16px;border-radius:12px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.hero{padding:60px 0}.section{padding:50px 0}}
