/* Shra2 homepage v2 — desktop-first, restrained gold/ink/cream system. */
:root { --sh-gold:#f4b400; --sh-gold-dark:#c98f00; --sh-ink:#151928; --sh-slate:#4e5562; --sh-cream:#fff9e9; --sh-surface:#ffffff; --sh-line:#ece8df; }
.hero-slider { box-shadow:0 16px 34px rgba(21,25,40,.13); }
.hero-slide::before { background:linear-gradient(90deg,rgba(14,18,32,.58),rgba(14,18,32,.20) 58%,rgba(14,18,32,.42)); }
.hero-slide .content { background:rgba(21,25,40,.88); border-color:rgba(255,255,255,.18); border-radius:18px; max-width:600px; }
.hero-slide h1,.hero-slide .hero-slide-heading { letter-spacing:-.35px; }
.btn-hero { background:var(--sh-gold); color:var(--sh-ink); box-shadow:none; border-color:var(--sh-gold); }
.btn-hero:hover { background:#ffc71d; color:var(--sh-ink); box-shadow:none; }
.btn-hero-secondary { background:transparent; color:#fff; border-color:rgba(255,255,255,.8); }
.intent-grid { gap:12px; }
.intent-card,.intent-best,.intent-toys,.intent-mix { background:var(--sh-surface); border:1px solid var(--sh-line); color:var(--sh-ink); box-shadow:none; border-radius:12px; min-height:82px; justify-content:center; }
.intent-card strong { font-size:.92rem; }.intent-card span { color:var(--sh-slate); }
.intent-card:hover { transform:translateY(-2px); border-color:var(--sh-gold); box-shadow:0 8px 20px rgba(21,25,40,.08); }
.promo-strip { background:var(--sh-cream); border-bottom:1px solid #efd986; border-top:1px solid #efd986; color:var(--sh-ink); padding:12px 0; }
.promo-strip .code { background:#fff; border-color:var(--sh-gold-dark); color:var(--sh-ink); border-radius:999px; }
.promo-countdown { display:none; }
.cat-tabs { justify-content:center; gap:14px; padding:18px 0 12px; }
.cat-tabs .cat-img { border-color:var(--sh-gold); box-shadow:0 3px 10px rgba(21,25,40,.08); }.cat-tabs .cat-label { color:var(--sh-ink); }
.trust-grid { gap:12px; }.trust-card { background:var(--sh-surface); border:1px solid var(--sh-line); border-radius:12px; padding:15px 10px; }.trust-card .icon { display:none; }.trust-card h4 { color:var(--sh-ink); font-size:.8rem; }.trust-card p { color:var(--sh-slate); font-size:.7rem; }
.home-promos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.home-promo { display:flex; min-height:134px; padding:20px; border-radius:14px; border:1px solid var(--sh-line); color:var(--sh-ink); text-decoration:none; flex-direction:column; justify-content:space-between; background:var(--sh-surface); transition:.2s ease; }
.home-promo:hover { color:var(--sh-ink); transform:translateY(-2px); border-color:var(--sh-gold); box-shadow:0 10px 24px rgba(21,25,40,.08); }.home-promo h3 { font-size:1rem; font-weight:900; margin:0 0 6px; }.home-promo p { font-size:.8rem; color:var(--sh-slate); line-height:1.6; margin:0; }.home-promo .promo-link { color:var(--sh-gold-dark); font-weight:900; font-size:.84rem; margin-top:14px; }
.home-promo--feature { background:var(--sh-ink); border-color:var(--sh-ink); color:#fff; }.home-promo--feature p { color:rgba(255,255,255,.75); }.home-promo--feature .promo-link { color:var(--sh-gold); }
.shipping-banner { background:var(--sh-cream); border:1px solid #efd986; color:var(--sh-ink); border-radius:12px; padding:14px 16px; text-align:center; }.shipping-banner strong { font-size:.92rem; }.shipping-banner span { display:block; color:var(--sh-slate); font-size:.75rem; margin-top:3px; }
.sec-title { border-bottom:1px solid var(--sh-line); padding-bottom:10px; margin-bottom:16px; color:var(--sh-ink); font-size:1.15rem; }.sec-title .more { color:var(--sh-gold-dark); }
.pgrid { gap:16px; }.product-card { border:1px solid var(--sh-line)!important; border-radius:12px!important; box-shadow:0 3px 12px rgba(21,25,40,.05); height:100%; display:flex; flex-direction:column; transition:transform .2s,box-shadow .2s; }.product-card:hover { transform:translateY(-3px); box-shadow:0 12px 26px rgba(21,25,40,.11); }.product-card>a:first-of-type>div,.product-card img { background:#fff!important; }.product-card img { padding:10px!important; }.product-card .px-2 { display:flex; flex-direction:column; flex:1; padding:10px 12px!important; }.product-card .px-2>a:first-child { color:var(--sh-ink)!important; font-weight:700!important; font-size:.78rem!important; }.product-card .px-2>a:last-child,.product-card .px-2 button { margin-top:auto!important; padding:8px 0!important; background:var(--sh-gold)!important; color:var(--sh-ink)!important; border-radius:8px!important; font-size:.75rem!important; }
.reviews-scroll { gap:14px; }.review-card { width:calc((100% - 56px)/5); min-width:0; border-color:var(--sh-line); box-shadow:none; padding:14px; }.review-card .text { color:var(--sh-slate); }
.lifestyle-banner { min-height:170px; border-radius:14px; }.lifestyle-banner .overlay { background:linear-gradient(90deg,rgba(21,25,40,.88),rgba(21,25,40,.38)); }.lifestyle-banner .btn-lifestyle { background:var(--sh-gold); color:var(--sh-ink); border-radius:8px; }
.bundle-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.bundle-card { border:1px solid var(--sh-line); border-radius:12px; }.bundle-card .bundle-btn { background:var(--sh-gold); color:var(--sh-ink); }.payment-badges { border-top:1px solid var(--sh-line); border-bottom:1px solid var(--sh-line); }.payment-badges .badge-item { border-color:var(--sh-line); color:var(--sh-slate); }
.seasonal-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.seasonal-card { display:flex; min-height:108px; padding:18px; border-radius:12px; border:1px solid var(--sh-line); background:var(--sh-surface); color:var(--sh-ink); text-decoration:none; font-weight:900; font-size:.92rem; flex-direction:column; justify-content:space-between; transition:.2s ease; }.seasonal-card span { color:var(--sh-gold-dark); font-size:.74rem; font-weight:800; }.seasonal-card:hover { color:var(--sh-ink); transform:translateY(-2px); border-color:var(--sh-gold); box-shadow:0 8px 18px rgba(21,25,40,.08); }
@media (min-width:992px) { .container { max-width:1180px; } .pgrid { grid-template-columns:repeat(4,minmax(0,1fr)); } .hero-slider,.hero-slide { min-height:380px; } }
@media (max-width:991px) { .mobile-cta-bar{display:none!important;} }
@media (max-width:767px) { body{padding-bottom:108px!important;}.home-promos { grid-template-columns:1fr; gap:10px; }.home-promo { min-height:auto; padding:16px; }.seasonal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.seasonal-card { min-height:92px; padding:14px; font-size:.82rem; }.review-card { width:260px; min-width:260px; }.cat-tabs { justify-content:flex-start; }.promo-countdown { display:none; } }
