/* Storefront presentation only. No account, checkout or pricing rules. */
:root { --sunnah-header-clearance: 160px; }
.page-content { padding-top: max(114px, var(--sunnah-header-clearance)) !important; }
[data-layout="horizontal"] .page-content { padding-top: max(170px, var(--sunnah-header-clearance)) !important; }
.sunnah-app-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 20px; margin:0 0 24px; border:1px solid #d5e5dc; border-radius:12px; background:#edf5ef; color:#174936; }
.sunnah-app-banner p { margin:0; font-weight:600; }
.sunnah-app-banner a { flex-shrink:0; }
.sunnah-app-banner img { display:block; height:40px; max-width:100%; }
.sunnah-home { background:#f8f7f3; }
.sunnah-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:36px; padding:48px; margin:0 0 32px; background:#eeeae0; border-radius:20px; overflow:hidden; }
.sunnah-eyebrow { color:#276048; font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; }
.sunnah-hero h1 { color:#123d2e; font-family:Georgia,serif; font-size:clamp(36px,4.4vw,64px); line-height:1.08; font-weight:400; max-width:540px; margin:16px 0 20px; }
.sunnah-hero-copy > p:not(.sunnah-eyebrow) { color:#535d56; font-size:16px; line-height:1.75; max-width:440px; }
.sunnah-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 18px; }
.sunnah-hero-actions .btn { padding:13px 20px; border-radius:6px; font-weight:600; }
.sunnah-hero-note { font-size:12px !important; color:#42624f !important; }
.sunnah-hero-art { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:16px; }
.sunnah-hero-product { display:block; color:#173c2e; background:#fffdf8; border:1px solid #e1e0d6; border-radius:140px 140px 14px 14px; overflow:hidden; text-align:center; }
.sunnah-hero-product:nth-child(2) { margin-top:70px; }
.sunnah-hero-product img { width:100%; height:320px; object-fit:contain; padding:18px 8px 0; mix-blend-mode:multiply; }
.sunnah-hero-product span { display:block; padding:18px 10px; font-size:13px; font-weight:600; }
.sunnah-home #homeCarousel { border-radius:16px; overflow:hidden; }
.sunnah-home .effect-card { border:1px solid #e2e7df; border-radius:12px; overflow:hidden; box-shadow:0 4px 16px #173c2e08; }
.sunnah-home .section-title { color:#173c2e; }
.sunnah-home .section-subtitle { max-width:560px; margin:0 auto; }
.sunnah-collection-intro { padding:12px 0 24px; }
.sunnah-collection-intro h1 { color:#173c2e; font-family:Georgia,serif; font-size:36px; }
.sunnah-collection-intro p { color:#606c64; max-width:620px; }
.sunnah-reviews { margin:40px 12px; padding:36px 24px; border:1px solid #dae3d9; border-radius:16px; text-align:center; background:#fffdf8; }
.sunnah-reviews h2 { color:#173c2e; font-family:Georgia,serif; font-size:32px; }
.sunnah-reviews p { color:#606c64; }
.sunnah-review-slot { min-height:160px; }
/* Never flash the floating badge over products before its local anchor is ready. */
.es-portal-root.eapps-google-reviews-94c5cfff-5da8-4a12-90dc-44d3406feddc-custom-css-root:not(.sunnah-reviews-anchored) { visibility:hidden; }
@media(max-width:767.98px) {
  :root { --sunnah-header-clearance:128px; }
  .sunnah-app-banner { padding:12px; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
  .sunnah-app-banner p { flex:1 1 160px; font-size:13px; }
  .sunnah-hero { grid-template-columns:1fr; gap:18px; padding:28px 20px 20px; border-radius:14px; margin-bottom:24px; }
  .sunnah-hero h1 { font-size:36px; max-width:340px; margin:12px 0 14px; }
  .sunnah-hero-copy > p:not(.sunnah-eyebrow) { font-size:14px; line-height:1.6; }
  .sunnah-hero-actions { gap:10px; margin:20px 0 12px; }
  .sunnah-hero-actions .btn { font-size:13px; padding:12px 14px; }
  .sunnah-hero-art { gap:12px; }
  .sunnah-hero-product img { height:180px; }
  .sunnah-hero-product:nth-child(2) { margin-top:28px; }
  .sunnah-hero-product span { padding:12px 6px; font-size:11px; }
  .sunnah-home #homeCarousel { display:none; }
  .sunnah-reviews { padding:28px 16px; }
}
@media(prefers-reduced-motion:reduce) { .sunnah-home .carousel-item { transition:none; } }