.site-header { border-bottom: 1px solid var(--simorgh-color-border, #e5e7eb); background: var(--simorgh-color-surface, #fff); }
.site-header__inner { display: flex; align-items: center; gap: 1rem; min-height: 4rem; }
.site-header__brand { flex: 1; min-width: 0; }
.site-header__title { color: inherit; font-weight: 700; text-decoration: none; }
.site-header__toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; min-height: 2.75rem; border: 1px solid var(--simorgh-color-border, #e5e7eb); border-radius: var(--simorgh-radius-md, .5rem); background: transparent; cursor: pointer; }
.site-header__nav { display: none; }
.site-header__nav.is-open { display: block; position: absolute; inset-inline: 0; top: 4rem; z-index: 20; padding: 1rem; background: var(--simorgh-color-surface, #fff); border-bottom: 1px solid var(--simorgh-color-border, #e5e7eb); }
.site-header__menu { display: flex; flex-direction: column; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.site-header__menu a { display: block; padding: .5rem; color: inherit; text-decoration: none; }
.site-footer { margin-top: 3rem; padding: 2rem 0; border-top: 1px solid var(--simorgh-color-border, #e5e7eb); }
.site-footer__copyright { margin: 0; }
@media (min-width: 48rem) {
	.site-header__toggle { display: none; }
	.site-header__nav { display: block; }
	.site-header__menu { flex-direction: row; align-items: center; }
}

/* 0.7.0 Homepage presentation */
.simorgh-home { overflow: hidden; }
.simorgh-container { width: min(1120px, calc(100% - 32px)); margin-inline: auto; }
.simorgh-hero { position: relative; min-height: 600px; display: flex; align-items: center; background: radial-gradient(circle at 80% 20%, rgba(103, 139, 83, .20), transparent 35%), linear-gradient(135deg, #171a17 0%, #252c24 55%, #33402e 100%); color: #fff; }
.simorgh-hero__inner { display: grid; gap: 40px; align-items: center; padding-block: 72px; }
.simorgh-hero__content { max-width: 650px; }
.simorgh-eyebrow { display: inline-block; margin-bottom: 14px; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #b9cc91; }
.simorgh-hero h1 { max-width: 680px; margin: 0 0 20px; font-size: clamp(2.35rem, 7vw, 5rem); line-height: 1.05; letter-spacing: -.03em; }
.simorgh-hero p { max-width: 590px; margin: 0; color: rgba(255,255,255,.78); font-size: 1.05rem; line-height: 1.9; }
.simorgh-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.simorgh-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px; text-decoration: none; font-weight: 800; transition: transform .2s ease, background-color .2s ease; }
.simorgh-button:hover { transform: translateY(-2px); }
.simorgh-button--primary { background: #c8a75a; color: #171a17; }
.simorgh-button--ghost { border: 1px solid rgba(255,255,255,.28); color: #fff; }
.simorgh-hero__visual { position: relative; min-height: 340px; display: grid; place-items: center; }
.simorgh-orb { position: absolute; border-radius: 50%; filter: blur(1px); }
.simorgh-orb--one { width: 290px; height: 290px; background: rgba(169, 194, 112, .28); }
.simorgh-orb--two { width: 190px; height: 190px; background: rgba(200, 167, 90, .28); transform: translate(80px, 65px); }
.simorgh-product-card { position: relative; width: min(300px, 80%); aspect-ratio: 1 / 1.12; display: flex; flex-direction: column; justify-content: flex-end; padding: 28px; border: 1px solid rgba(255,255,255,.22); border-radius: 28px; background: rgba(255,255,255,.10); box-shadow: 0 24px 70px rgba(0,0,0,.25); backdrop-filter: blur(14px); }
.simorgh-product-card strong { font-size: 1.4rem; letter-spacing: .08em; }
.simorgh-product-card span:last-child { margin-top: 8px; color: rgba(255,255,255,.72); }
.simorgh-product-card__leaf { position: absolute; inset-block-start: 24px; inset-inline-end: 24px; font-size: 2.2rem; color: #c8a75a; }
.simorgh-section { padding-block: 76px; }
.simorgh-section--light { background: #f7f5ef; color: #1d211c; }
.simorgh-section--dark { background: #171a17; color: #fff; }
.simorgh-section__heading { display: flex; gap: 30px; align-items: end; justify-content: space-between; margin-bottom: 34px; }
.simorgh-section h2 { margin: 0; font-size: clamp(1.9rem, 4vw, 3rem); line-height: 1.15; }
.simorgh-section__heading p { max-width: 420px; margin: 0; color: #666b62; line-height: 1.8; }
.simorgh-cards { display: grid; gap: 18px; }
.simorgh-card { padding: 28px; border: 1px solid rgba(29,33,28,.10); border-radius: 22px; background: #fff; box-shadow: 0 12px 36px rgba(25,30,23,.06); }
.simorgh-card__icon { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 22px; border-radius: 12px; background: #e9eedf; color: #3e5735; font-weight: 900; }
.simorgh-card h3 { margin: 0 0 10px; font-size: 1.25rem; }
.simorgh-card p { margin: 0; color: #6b7068; line-height: 1.8; }
.simorgh-values { display: grid; gap: 36px; }
.simorgh-values__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.14); }
.simorgh-values__grid div { min-height: 120px; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; background: #171a17; }
.simorgh-values__grid strong { color: #c8a75a; }
.simorgh-values__grid span { font-weight: 800; }
@media (min-width: 760px) {
  .simorgh-hero__inner { grid-template-columns: 1.1fr .9fr; }
  .simorgh-cards { grid-template-columns: repeat(3, 1fr); }
  .simorgh-values { grid-template-columns: .8fr 1.2fr; align-items: center; }
  .simorgh-values__grid { grid-template-columns: repeat(4, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .simorgh-button { transition: none; } .simorgh-button:hover { transform: none; } }

/* Header polish */
.site-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(29,33,28,.08); background: rgba(255,255,255,.92); backdrop-filter: blur(12px); }
.site-header__inner { min-height: 74px; }
.site-header__title { font-weight: 900; letter-spacing: .08em; }
.site-header__menu a { font-weight: 700; text-decoration: none; }

.simorgh-commerce-nav { width: min(1120px, calc(100% - 32px)); margin: 0 auto; display: flex; justify-content: flex-end; gap: .75rem; padding-bottom: .5rem; }
.simorgh-commerce-nav a { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .65rem; border-radius: 999px; background: #f4f6f1; color: #2f3b2c; font-size: .82rem; font-weight: 800; text-decoration: none; }
.simorgh-cart-count { min-width: 1.3rem; text-align: center; padding-inline: .2rem; border-radius: 999px; background: #c8a75a; color: #171a17; }
.simorgh-button--dark { border-color: #293127; color: #293127; }
.simorgh-home-products ul.products { margin-top: 1.5rem; }

/* 1.1 Storefront visual demo */
.simorgh-hero--market { min-height: 430px; background: #eaf0df; color: #163b29; overflow: hidden; }
.simorgh-hero--market .simorgh-hero__media { position:absolute; inset:0; background-size:cover; background-position:center; opacity:.96; }
.simorgh-hero--market .simorgh-hero__inner { position:relative; z-index:1; min-height:430px; grid-template-columns:1fr; padding-block:40px; }
.simorgh-hero--market .simorgh-hero__content { margin-inline-start:auto; max-width:560px; text-align:right; }
.simorgh-hero--market .simorgh-eyebrow { color:#24633f; }
.simorgh-hero--market h1 { font-size:clamp(2.3rem,5vw,4.2rem); color:#17442d; }
.simorgh-hero--market p { color:#354d40; }
.simorgh-button--light { background:#fff; color:#17442d; }
.simorgh-brand-strip { background:#fff; border-block:1px solid rgba(29,33,28,.08); }
.simorgh-brand-strip__inner { display:grid; grid-template-columns:repeat(2,1fr); gap:0; }
.simorgh-brand-strip__inner span { min-height:68px; display:grid; place-items:center; padding:12px; border-inline-start:1px solid rgba(29,33,28,.06); font-weight:900; color:#1f3025; text-align:center; }
.simorgh-brand-strip__inner span:first-child { border-inline-start:0; }
.simorgh-section--white { background:#fff; }
.simorgh-category-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.simorgh-category-card { display:flex; min-height:112px; flex-direction:column; justify-content:space-between; padding:18px; border:1px solid rgba(29,33,28,.09); border-radius:18px; background:#fff; color:#203027; text-decoration:none; box-shadow:0 8px 24px rgba(25,30,23,.05); transition:transform .2s ease, box-shadow .2s ease; }
.simorgh-category-card:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(25,30,23,.09); }
.simorgh-category-card__icon { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#e9eedf; color:#315a3d; font-size:.75rem; font-weight:900; }
.simorgh-category-card > span:last-child { color:#6d756d; font-size:.78rem; }
.simorgh-badge { display:inline-flex; padding:4px 9px; border-radius:999px; background:#dff0df; color:#28623c; font-size:.72rem; font-weight:900; }
.simorgh-promo-grid { padding-block:0 42px; background:#fff; }
.simorgh-promo-grid__items { display:grid; gap:14px; }
.simorgh-promo-card { min-height:150px; display:flex; align-items:center; overflow:hidden; border-radius:20px; background:#f5e5bd; }
.simorgh-promo-card--green { background:#075b38; color:#fff; }
.simorgh-promo-card img { width:45%; height:150px; object-fit:contain; background:#fff; }
.simorgh-promo-card div { padding:20px; }
.simorgh-promo-card strong { display:block; line-height:1.7; }
.simorgh-promo-card a { display:inline-flex; margin-top:12px; padding:7px 16px; border-radius:999px; background:#fff; color:#17442d; font-size:.82rem; font-weight:900; text-decoration:none; }
.simorgh-service-strip { padding-block:0 36px; background:#fff; }
.simorgh-service-strip__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; overflow:hidden; border:1px solid rgba(29,33,28,.08); border-radius:18px; background:rgba(29,33,28,.08); }
.simorgh-service-strip__grid div { min-height:86px; display:flex; flex-direction:column; justify-content:center; gap:5px; padding:16px; background:#fff; }
.simorgh-service-strip__grid strong { color:#185c38; }
.simorgh-service-strip__grid span { color:#6b7068; font-size:.82rem; }
@media (min-width:760px) {
 .simorgh-brand-strip__inner { grid-template-columns:repeat(7,1fr); }
 .simorgh-category-grid { grid-template-columns:repeat(4,1fr); }
  .simorgh-promo-grid__items { grid-template-columns:repeat(3,1fr); }
 .simorgh-service-strip__grid { grid-template-columns:repeat(4,1fr); }
}