/* ===== SILVER PAGE — mirrors reference layout, AURELIA theme tokens ===== */
.silver-page{background:var(--ivory)}
.silver-page main .eyebrow{font-size:.82rem}
.silver-page main .btn{font-size:.82rem}

/* ---------- HERO ---------- */
.sv-hero{position:relative;min-height:clamp(420px,52vw,560px);background:var(--deep);color:#fff;overflow:hidden;border-bottom:1px solid rgba(216,184,107,.22)}
.sv-hero-bg{position:absolute;inset:0;background:linear-gradient(100deg,rgba(2,18,15,.94) 0%,rgba(2,29,24,.66) 42%,rgba(2,29,24,.22) 76%),url('../images/john-torcasio-TJrkkhdB39E-unsplash.jpg') center/cover;animation:heroZoom 11s ease-out forwards}
.sv-hero-inner{position:relative;z-index:2;min-height:clamp(420px,52vw,560px);display:flex;align-items:center}
.sv-hero-copy{max-width:560px;padding-block:60px}
.sv-hero-copy .eyebrow{color:var(--gold);display:block;margin-bottom:14px}
.sv-hero-copy h1{font-size:clamp(2.5rem,4.6vw,4.2rem);line-height:1.05}
.sv-hero-copy h1 em{font-style:italic;color:var(--gold)}
.sv-hero-copy p{color:#e6ede8;margin-top:16px;max-width:460px}
.sv-hero-copy .btn{margin-top:24px}
.sv-hero-badges{position:relative;z-index:2;border-top:1px solid rgba(216,184,107,.28);background:rgba(3,25,20,.6);backdrop-filter:blur(6px)}
.sv-badges-row{display:grid;grid-template-columns:repeat(4,1fr)}
.sv-badge{display:flex;align-items:center;gap:10px;padding:16px 18px;border-inline-end:1px solid rgba(216,184,107,.2)}
.sv-badge:last-child{border-inline-end:0}
.sv-badge i{width:32px;height:32px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:14px;flex:none}
.sv-badge b{display:block;font-size:.85rem;font-weight:900;color:#fff}
.sv-badge span{display:block;font-size:.82rem;color:#cdd8d2;margin-top:2px}

/* ---------- SECTION HEAD ---------- */
.sv-head{text-align:center;max-width:620px;margin:0 auto clamp(28px,3.5vw,44px)}
.sv-head .eyebrow{display:block;margin-bottom:10px}
.sv-head h2{font-size:clamp(1.9rem,3vw,2.7rem)}
.sv-head p{color:var(--muted);margin-top:12px}
.sv-head .sv-rule{width:52px;height:2px;background:var(--gold2);margin:16px auto 0}
body.dark .sv-head .sv-rule{background:var(--gold)}

/* ---------- SHOP BY CATEGORY (circular) ---------- */
.sv-categories{padding-block:clamp(48px,5vw,74px)}
.sv-cat-row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(18px,2.6vw,34px)}
.sv-cat{display:flex;flex-direction:column;align-items:center;gap:12px;width:110px;text-align:center}
.sv-cat-circle{width:96px;height:96px;border-radius:50%;overflow:hidden;border:2px solid var(--line);transition:border-color .3s var(--ease),transform .3s var(--ease)}
.sv-cat:hover .sv-cat-circle{border-color:var(--gold2);transform:translateY(-4px)}
body.dark .sv-cat:hover .sv-cat-circle{border-color:var(--gold)}
.sv-cat-circle img{transition:transform .6s var(--ease)}
.sv-cat:hover .sv-cat-circle img{transform:scale(1.1)}
.sv-cat span{font-size:.85rem;font-weight:800;color:var(--ink)}

/* ---------- PRODUCT GRID (Most Loved Pieces) ---------- */
.sv-products{padding-bottom:clamp(48px,5vw,74px)}
.sv-products-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(24px,3vw,36px)}
.sv-products-head h2{font-size:clamp(1.9rem,3vw,2.5rem)}
.sv-view-all{font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2)}
body.dark .sv-view-all{color:var(--gold)}
.sv-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sv-product{border:1px solid var(--line);background:var(--paper);position:relative;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.sv-product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.sv-product-media{height:190px;overflow:hidden;position:relative}
.sv-product-media img{transition:transform .7s var(--ease)}
.sv-product:hover .sv-product-media img{transform:scale(1.06)}
.sv-wish{position:absolute;top:10px;inset-inline-end:10px;width:32px;height:32px;border-radius:50%;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-size:14px;color:var(--ink);z-index:2;transition:.2s}
.sv-wish:hover,.sv-wish.active{color:#c0455a;border-color:#c0455a}
.sv-product-info{padding:14px 14px 16px}
.sv-product-info h4{font-family:Arial,sans-serif;font-weight:700;font-size:.86rem;color:var(--ink);line-height:1.4}
.sv-stars{color:var(--gold2);font-size:.85rem;margin-top:6px;letter-spacing:1px}
body.dark .sv-stars{color:var(--gold)}
.sv-stars span{color:var(--muted);font-size:.82rem;letter-spacing:0;margin-inline-start:4px}
.sv-price-row{display:flex;align-items:baseline;gap:8px;margin-top:8px}
.sv-price{font-size:.92rem;font-weight:900;color:var(--emerald2)}
body.dark .sv-price{color:var(--gold)}
.sv-price-old{font-size:.82rem;color:var(--muted);text-decoration:line-through}
.sv-cart-btn{display:block;width:100%;margin-top:10px;min-height:36px;border:1px solid var(--emerald);background:var(--emerald);color:#fff;font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:.2s}
.sv-cart-btn:hover{background:var(--gold);border-color:var(--gold);color:#12221d}
body.dark .sv-cart-btn{background:var(--gold);border-color:var(--gold);color:#12221d}
body.dark .sv-cart-btn:hover{background:#efd995}

/* ---------- DUAL PROMO BANNER ---------- */
.sv-promos{padding-bottom:clamp(48px,5vw,74px)}
.sv-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sv-promo{position:relative;min-height:230px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--line)}
.sv-promo-img{position:absolute;inset:0}
.sv-promo-img img{transition:transform .8s var(--ease)}
.sv-promo:hover .sv-promo-img img{transform:scale(1.05)}
.sv-promo-img:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(4,30,25,.86) 0%,rgba(4,30,25,.62) 46%,rgba(4,30,25,.12) 100%)}
.sv-promo-copy{position:relative;z-index:2;padding:26px 30px;max-width:70%;color:#fff}
.sv-promo-copy span{display:block;font-size:.82rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.sv-promo-copy h3{font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.12}
.sv-promo-copy .btn{margin-top:16px;min-height:40px;padding:9px 18px}

/* ---------- TESTIMONIALS ---------- */
.sv-testimonials{padding-block:clamp(48px,5vw,74px)}
.sv-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sv-test-card{border:1px solid var(--line);background:var(--paper);padding:24px;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.sv-test-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.sv-test-stars{color:var(--gold2);font-size:.82rem;margin-bottom:10px}
body.dark .sv-test-stars{color:var(--gold)}
.sv-test-card p{font-style:italic;color:var(--ink);font-size:.92rem;line-height:1.65}
.sv-test-meta{display:flex;align-items:center;gap:10px;margin-top:16px}
.sv-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;border:1px solid var(--gold2);flex:none}
.sv-test-meta strong{display:block;font-size:.82rem}
.sv-test-meta span{display:block;font-size:.82rem;color:var(--muted)}

/* ---------- RTL ---------- */
[dir="rtl"] .sv-badge{border-inline-end:1px solid rgba(216,184,107,.2)}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1080px){
  .sv-product-grid{grid-template-columns:repeat(2,1fr)}
  .sv-test-grid{grid-template-columns:1fr}
  .sv-promo-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .sv-badges-row{grid-template-columns:1fr 1fr;row-gap:10px}
  .sv-badge{border-inline-end:0;justify-content:flex-start}
  .sv-cat{width:84px}
  .sv-cat-circle{width:74px;height:74px}
  .sv-products-head{flex-direction:column;align-items:flex-start}
  .sv-promo-copy{max-width:88%}
}
@media(max-width:460px){
  .sv-product-grid{grid-template-columns:1fr 1fr}
  .sv-badges-row{grid-template-columns:1fr}
  .sv-promo-copy{max-width:100%;padding:22px 18px}
}