/* ===================================================================
   SalamaBaby — Editorial Reassurance design system
   =================================================================== */

@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-arabic-400.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-arabic-600.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/ibm-plex-sans-arabic-700.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/ibm-plex-sans-latin-variable.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC;}

:root{
	/* colors */
	--sb-primary:#0F3D3E;
	--sb-action:#16564A;
	--sb-action-press:#0F3D3E;
	--sb-alert:#B4471F;
	--sb-alert-text:#8C3616;
	--sb-alert-bg:#FBEDE7;
	--sb-alert-border:#E3C0B0;
	--sb-success-bg:#E6F0EC;
	--sb-success-text:#14524A;
	--sb-success-border:#C9DED6;
	--sb-paper:#FBF9F5;
	--sb-sand:#EFEAE0;
	--sb-white:#FFFFFF;
	--sb-border:#DCD5C6;
	--sb-border-strong:#D9D5CC;
	--sb-field-border:#C9C2B4;
	--sb-divider:#F1ECE2;
	--sb-divider-2:#E9E3D7;
	--sb-ink:#2B2A26;
	--sb-ink-2:#6B665C;
	--sb-ink-3:#55524A;
	--sb-disabled-bg:#DAD5C9;
	--sb-disabled-text:#8A8478;

	/* spacing scale */
	--sp-1:4px; --sp-2:8px; --sp-3:16px; --sp-4:24px; --sp-5:40px; --sp-6:64px;

	/* type */
	--font-ar:'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;
	--font-lat:'IBM Plex Sans', Arial, sans-serif;
	--fs-h1:46px; --lh-h1:1.3;
	--fs-h2:30px; --lh-h2:1.35;
	--fs-h3:20px; --lh-h3:1.5;
	--fs-body:17px; --lh-body:1.9;
	--fs-small:14px; --lh-small:1.7;

	--content-width:1120px;
	--article-width:680px;
	--radius:2px;
}

@media(max-width:781px){
	:root{
		--fs-h1:30px; --lh-h1:1.35;
		--fs-h2:22px; --lh-h2:1.4;
		--fs-h3:19px; --lh-h3:1.5;
		--fs-small:13px;
	}
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.sb-body{margin:0;background:var(--sb-paper);color:var(--sb-ink);font-family:var(--font-ar);font-size:var(--fs-body);line-height:var(--lh-body);}
.sb-body [dir="ltr"]{font-family:var(--font-lat);}

.sb-skip-link{position:absolute;top:-100px;right:16px;background:var(--sb-primary);color:#fff;padding:12px 20px;z-index:1000;transition:top .15s;}
.sb-skip-link:focus{top:8px;}

h1,h2,h3{font-family:var(--font-ar);color:var(--sb-primary);margin:0;}
h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:700;}
h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600;}
h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600;}
p{margin:0;}
a{color:var(--sb-action);}
a:hover{color:var(--sb-action-press);text-decoration:underline;}

/* focus ring — every interactive element */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{
	outline:2px solid var(--sb-alert);outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important;}}

.sb-container{max-width:var(--content-width);margin:0 auto;padding-inline:16px;}
@media(min-width:1024px){.sb-container{padding-inline:60px;}}
@media(min-width:1280px){.sb-container{padding-inline:80px;}}

.sb-section{padding-block:var(--sp-4);border-top:2px solid var(--sb-border);}
.sb-section:first-child{border-top:none;}
@media(min-width:600px){.sb-section{padding-block:var(--sp-5);}}

.sb-section--sand{background:var(--sb-sand);}

/* ===== Buttons ===== */
.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 30px;font-family:var(--font-ar);font-size:17px;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:background-color .15s,transform .1s;}
.sb-btn-primary{background:var(--sb-action);color:#fff;}
.sb-btn-primary:hover{background:var(--sb-action-press);color:#fff;text-decoration:none;}
.sb-btn-primary:active{transform:translateY(1px);}
.sb-btn-primary:disabled,.sb-btn-primary[aria-disabled="true"]{background:var(--sb-disabled-bg);color:var(--sb-disabled-text);cursor:not-allowed;}
.sb-btn-secondary{background:transparent;color:var(--sb-primary);border:1.5px solid var(--sb-primary);}
.sb-btn-secondary:hover{background:var(--sb-sand);color:var(--sb-primary);text-decoration:none;}
.sb-btn[aria-busy="true"]{position:relative;color:transparent;pointer-events:none;}
.sb-btn[aria-busy="true"]::after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:sb-spin .6s linear infinite;}
@keyframes sb-spin{to{transform:rotate(360deg);}}
.sb-link{color:var(--sb-action);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--sb-action);padding-bottom:2px;}
.sb-link:hover{color:var(--sb-action-press);border-color:var(--sb-action-press);}

/* ===== Fields ===== */
.sb-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-3);}
.sb-field label{font-size:15px;font-weight:600;color:var(--sb-ink);}
.sb-field input,.sb-field textarea,.sb-field select{min-height:48px;padding:12px 14px;border:1px solid var(--sb-field-border);border-radius:var(--radius);font-family:var(--font-ar);font-size:16px;background:#fff;color:var(--sb-ink);}
.sb-field input:focus,.sb-field textarea:focus{outline:none;border-color:var(--sb-action);box-shadow:0 0 0 2px var(--sb-alert-bg),0 0 0 4px rgba(180,71,31,.25);}
.sb-field.has-error input,.sb-field.has-error textarea{border-color:var(--sb-alert);}
.sb-field-error{font-size:13px;color:var(--sb-alert-text);}
.sb-field.is-success{background:var(--sb-success-bg);padding:10px;}
.sb-field:has(input:disabled){background:var(--sb-sand);}

/* ===== Cards ===== */
.sb-card{background:#fff;border:1px solid var(--sb-border);transition:border-color .15s;}
.sb-card:hover{border-color:var(--sb-primary);}
.sb-card a.sb-card-link{display:block;color:inherit;text-decoration:none;}

/* ===== Pillar accent (top border) ===== */
.sb-pillar-home-safety,.sb-pillar-car-seats,.sb-pillar-first-aid{border-top:3px solid var(--sb-primary);}
.sb-pillar-recalls{border-top:3px solid var(--sb-alert);}

/* ===== Callout / alert boxes ===== */
.sb-callout{border-inline-start:3px solid;padding:14px 16px;}
.sb-callout--info{background:var(--sb-success-bg);border-color:var(--sb-action);color:var(--sb-success-text);}
.sb-callout--alert{background:var(--sb-alert-bg);border-color:var(--sb-alert);color:var(--sb-alert-text);}
.sb-callout-title{font-size:13px;font-weight:700;margin-bottom:4px;}

/* ===== Badge ===== */
.sb-badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 8px;border:1px solid var(--sb-alert-border);background:var(--sb-alert-bg);color:var(--sb-alert-text);}

/* ===== Checklist ===== */
.sb-checklist{border:1px solid var(--sb-border);background:#fff;}
.sb-checklist-head{padding:16px 18px;border-bottom:1px solid var(--sb-divider);display:flex;align-items:baseline;gap:8px;}
.sb-checklist-head .sb-checklist-progress{font-size:13px;color:var(--sb-ink-2);margin-inline-start:auto;}
.sb-checklist-item{padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--sb-divider);min-height:48px;}
.sb-checklist-item:last-child{border-bottom:none;}
.sb-checklist-item.is-done{background:#F4FAF7;}
.sb-checklist-item input[type="checkbox"]{width:26px;height:26px;flex:none;accent-color:var(--sb-action);}
.sb-checklist-item label{font-size:16px;flex:1;cursor:pointer;}
.sb-checklist-item.is-done label{color:var(--sb-success-text);}

/* ===== Sources / review box ===== */
.sb-sources-box{border:1px solid var(--sb-border-strong);background:#fff;padding:18px 20px;}
.sb-sources-box h3{font-size:16px;margin-bottom:8px;}
.sb-sources-box .sb-sources-meta{font-size:13px;color:var(--sb-ink-2);margin-top:10px;padding-top:10px;border-top:1px solid var(--sb-divider);}

/* ===== Header ===== */
.sb-topbar{background:var(--sb-primary);color:var(--sb-paper);font-size:13px;padding:9px 16px;text-align:center;}
@media(min-width:1024px){.sb-topbar{padding-inline:80px;display:flex;justify-content:space-between;text-align:start;}}
.sb-header{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--sb-border);background:var(--sb-paper);}
@media(min-width:1024px){.sb-header{padding:16px 80px;gap:28px;}}
.sb-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;}
.sb-logo:hover{text-decoration:none;}
.sb-logo-mark{width:28px;height:28px;flex:none;color:var(--sb-primary);}
.sb-logo-text{font-size:17px;font-weight:700;color:var(--sb-primary);line-height:1.1;}
.sb-logo-tagline{font-size:11px;color:var(--sb-ink-2);}
.sb-menu-toggle{width:44px;height:44px;border:none;background:none;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;padding:0;}
.sb-menu-toggle span{width:22px;height:2px;background:var(--sb-ink);display:block;}
.sb-menu-toggle span:last-child{width:14px;}
.sb-search-toggle{width:44px;height:44px;flex:none;border:1px solid var(--sb-border-strong);background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--sb-primary);cursor:pointer;margin-inline-start:auto;}
@media(min-width:1024px){
	.sb-menu-toggle{display:none;}
	.sb-header{flex-wrap:nowrap;}
	.sb-primary-nav{display:flex;gap:22px;font-size:16px;margin-inline-start:auto;list-style:none;margin-block:0;padding:0;}
	.sb-primary-nav a{color:var(--sb-ink);text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent;}
	.sb-primary-nav a:hover,.sb-primary-nav a.is-active{color:var(--sb-primary);font-weight:600;border-bottom-color:var(--sb-primary);}
	.sb-header-actions{display:flex;gap:10px;align-items:center;}
	.sb-shop-pill{border:1px solid var(--sb-field-border);color:var(--sb-ink-2);font-size:14px;padding:11px 14px;background:var(--sb-sand);text-decoration:none;}
}
@media(max-width:1023px){.sb-primary-nav{display:none;}}

/* mobile drawer */
.sb-drawer{position:fixed;inset:0;background:var(--sb-paper);z-index:200;display:none;flex-direction:column;}
.sb-drawer.is-open{display:flex;}
.sb-drawer-head{display:flex;justify-content:flex-end;padding:16px;}
.sb-drawer-close{width:44px;height:44px;border:none;background:none;font-size:22px;cursor:pointer;color:var(--sb-primary);}
.sb-drawer-nav{list-style:none;margin:0;padding:0 16px;overflow-y:auto;}
.sb-drawer-nav li{border-bottom:1px solid var(--sb-divider);}
.sb-drawer-nav a{display:flex;align-items:center;min-height:56px;font-size:18px;color:var(--sb-ink);text-decoration:none;}
@media(min-width:1024px){.sb-drawer{display:none !important;}}

/* search overlay */
.sb-search-panel{position:fixed;inset:0;background:var(--sb-paper);z-index:210;display:none;flex-direction:column;padding:20px;}
.sb-search-panel.is-open{display:flex;}
.sb-search-panel form{display:flex;gap:10px;}
.sb-search-panel input[type="search"]{flex:1;min-height:52px;font-size:18px;padding:12px 16px;border:1px solid var(--sb-field-border);}
.sb-search-cancel{background:none;border:none;font-size:16px;color:var(--sb-action);cursor:pointer;min-height:48px;padding:0 12px;}
.sb-search-results{margin-top:20px;display:grid;gap:12px;}
@media(min-width:1024px){
	.sb-search-panel{position:absolute;top:100%;inset-inline:auto;right:80px;left:auto;width:420px;height:auto;background:#fff;border:1px solid var(--sb-border-strong);padding:16px;box-shadow:none;}
	.sb-header{position:relative;}
}

/* ===== Footer ===== */
.sb-footer{background:var(--sb-primary);color:var(--sb-paper);padding:24px 16px;}
@media(min-width:1024px){.sb-footer{padding:40px 80px;}}
.sb-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:15px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(251,249,245,.2);}
@media(min-width:1024px){.sb-footer-grid{grid-template-columns:repeat(4,auto);gap:28px;}}
.sb-footer a{color:var(--sb-paper);text-decoration:none;opacity:.9;}
.sb-footer a:hover{opacity:1;text-decoration:underline;}
.sb-footer-legal{font-size:13px;opacity:.65;margin-top:20px;padding-top:16px;border-top:1px solid rgba(251,249,245,.2);line-height:1.8;}

/* ===== Sticky mobile CTA (article/product only) ===== */
.sb-sticky-cta{position:fixed;bottom:0;inset-inline:0;background:#fff;border-top:1px solid var(--sb-border);padding:10px 16px;z-index:150;display:flex;}
.sb-sticky-cta .sb-btn{flex:1;}
@media(min-width:1024px){.sb-sticky-cta{display:none;}}

/* ===== Utility ===== */
.sb-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.sb-empty-state{text-align:center;padding:var(--sp-6) var(--sp-3);}
.sb-empty-state h2{margin-bottom:12px;}
.sb-empty-state p{color:var(--sb-ink-2);margin-bottom:24px;}
.sb-empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ===== Image placeholder (no licensed photography yet) ===== */

/* ===== Hero ===== */
.sb-hero-section{padding-block:var(--sp-4);}
.sb-hero-grid{display:block;max-width:720px;margin-inline:auto;text-align:center;}
@media(min-width:1024px){.sb-hero-section{padding-block:64px;}}
.sb-eyebrow{font-size:13px;font-weight:600;color:var(--sb-alert);letter-spacing:.04em;margin-bottom:10px;}
.sb-hero-lead{font-size:var(--fs-body);line-height:1.85;color:var(--sb-ink);max-width:560px;margin-inline:auto;margin-top:12px;}
.sb-hero-cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px;}
.sb-hero-trust{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--sb-ink-3);margin-top:22px;}

/* ===== Pillars grid ===== */
.sb-pillars-head{margin-bottom:20px;}
.sb-pillars-head p{color:var(--sb-ink-3);font-size:16px;margin-top:4px;}
.sb-pillars-grid{display:grid;gap:16px;}
@media(min-width:600px){.sb-pillars-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.sb-pillars-grid{grid-template-columns:repeat(3,1fr);gap:20px;}}
.sb-pillar-card{padding:22px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;background:var(--sb-paper);}
.sb-pillar-card:hover{text-decoration:none;}
.sb-pillar-card svg{color:var(--sb-primary);}
.sb-pillar-recalls svg{color:var(--sb-alert);}
.sb-pillar-card p{font-size:15px;line-height:1.8;color:var(--sb-ink-3);flex-grow:1;}
.sb-pillar-link{font-size:14px;font-weight:600;color:var(--sb-action);}

/* ===== Featured guide ===== */
.sb-featured-guide{display:block;text-decoration:none;color:inherit;}
@media(min-width:1024px){.sb-featured-guide{display:grid;grid-template-columns:340px 1fr;}
.sb-featured-guide.sb-featured-guide--text-only{display:block;}}
.sb-featured-guide-img{height:150px;}
.sb-featured-guide-img img{width:100%;height:100%;object-fit:cover;display:block;}
@media(min-width:1024px){.sb-featured-guide-img{height:auto;}}
.sb-featured-guide-body{padding:22px 24px;}
.sb-featured-guide--text-only .sb-featured-guide-body{padding:28px 32px;}
.sb-featured-guide-body p{margin-top:8px;color:var(--sb-ink);font-size:16px;line-height:1.8;}
.sb-meta-row{display:flex;gap:8px;font-size:13px;color:var(--sb-ink-2);margin-top:12px;padding-top:12px;border-top:1px solid var(--sb-divider);}

/* ===== Checklist teaser ===== */
.sb-checklist-teaser-grid{display:grid;gap:16px;}
@media(min-width:1024px){.sb-checklist-teaser-grid{grid-template-columns:1fr 1fr;align-items:start;}}
.sb-section-lead{color:var(--sb-ink-3);font-size:16px;margin-top:4px;}

/* ===== Latest articles list ===== */
.sb-latest-list{display:grid;gap:14px;margin-top:16px;}
.sb-latest-row{display:flex;gap:12px;text-decoration:none;color:inherit;border-bottom:1px solid var(--sb-divider);padding-bottom:14px;}
.sb-latest-thumb{width:88px;height:88px;flex:none;}
.sb-latest-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.sb-latest-cat{font-size:12px;color:var(--sb-alert);}
.sb-latest-title{font-size:17px;font-weight:600;line-height:1.5;margin-top:4px;color:var(--sb-primary);}

/* ===== Shop teaser ===== */
.sb-shop-teaser-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;}
.sb-shop-teaser p{color:var(--sb-ink-3);font-size:15px;line-height:1.8;margin-bottom:16px;max-width:560px;}

/* ===== Category page ===== */
.sb-breadcrumb{font-size:14px;color:var(--sb-ink-2);margin-bottom:14px;}
.sb-breadcrumb span{color:var(--sb-ink);}
.sb-category-desc{font-size:var(--fs-body);line-height:1.85;max-width:680px;margin-top:12px;}
.sb-category-meta{font-size:14px;color:var(--sb-ink-2);margin-top:18px;padding-bottom:20px;}
.sb-category-layout{display:grid;gap:32px;}
@media(min-width:1024px){.sb-category-layout{grid-template-columns:1fr 340px;align-items:start;}}
.sb-category-featured{display:block;text-decoration:none;color:inherit;margin-bottom:24px;}
@media(min-width:600px){.sb-category-featured{display:grid;grid-template-columns:300px 1fr;}
.sb-category-featured.sb-category-featured--text-only{display:block;}}
.sb-category-featured-img{height:160px;}
.sb-category-featured-img img{width:100%;height:100%;object-fit:cover;display:block;}
@media(min-width:600px){.sb-category-featured-img{height:auto;}}
.sb-category-featured-body{padding:20px 22px;}
.sb-category-featured--text-only .sb-category-featured-body{padding:24px 26px;}
.sb-category-featured-body p{margin-top:8px;font-size:16px;line-height:1.8;color:var(--sb-ink);}
.sb-article-grid{display:grid;gap:20px;}
@media(min-width:600px){.sb-article-grid{grid-template-columns:1fr 1fr;}}
.sb-article-card{display:block;text-decoration:none;color:inherit;}
.sb-article-card-img{height:160px;}
.sb-article-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.sb-article-card-body{padding:16px 18px 18px;}
.sb-article-card--text-only .sb-article-card-body{padding-top:20px;}
.sb-pagination-nav{display:flex;gap:8px;justify-content:center;margin-top:24px;}
.sb-pagination-nav .page-numbers{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sb-field-border);text-decoration:none;color:var(--sb-ink);font-weight:600;}
.sb-pagination-nav .page-numbers.current{background:var(--sb-primary);color:#fff;border-color:var(--sb-primary);}
.sb-category-sidebar{display:grid;gap:20px;}
.sb-sidebar-box{padding:18px 20px;}
.sb-sidebar-box h3{margin-bottom:12px;}
.sb-sidebar-links{display:grid;gap:10px;font-size:15px;}
.sb-sidebar-links a{color:var(--sb-ink);text-decoration:none;}
.sb-sidebar-links a:hover{color:var(--sb-action);}

/* ===== Reading progress ===== */
.sb-reading-progress{position:sticky;top:0;height:4px;background:var(--sb-sand);z-index:90;}
#sb-reading-progress-bar{height:4px;width:0;background:var(--sb-action);transition:width .1s linear;}

/* ===== Article page ===== */
.sb-article-layout{display:grid;gap:32px;}
@media(min-width:1024px){.sb-article-layout{grid-template-columns:1fr 300px;align-items:start;padding-block:40px;}}
.sb-article-main{max-width:var(--article-width);}
.sb-byline{display:flex;gap:10px;font-size:14px;color:var(--sb-ink-2);margin-top:14px;padding-bottom:16px;border-bottom:1px solid var(--sb-divider-2);}
.sb-article-content{font-size:var(--fs-body);line-height:1.95;color:var(--sb-ink);margin-top:24px;}
.sb-article-content h2{font-size:26px;font-weight:600;color:var(--sb-primary);margin:32px 0 16px;scroll-margin-top:24px;}
.sb-article-content h3{margin:24px 0 12px;scroll-margin-top:24px;}
.sb-article-content p{margin:0 0 20px;}
.sb-article-content ul,.sb-article-content ol{margin:0 0 20px;padding-inline-start:22px;}
.sb-article-content li{margin-bottom:8px;}
.sb-article-content a{text-decoration:underline;}

/* Numbered steps: a real <ol> written in the article gets the designed step
 * treatment (numbered badge, not a bare browser list marker). */
.sb-article-content ol{list-style:none;padding-inline-start:0;counter-reset:sb-step;}
.sb-article-content ol > li{counter-increment:sb-step;position:relative;padding-inline-start:40px;margin-bottom:16px;}
.sb-article-content ol > li::before{content:counter(sb-step);position:absolute;inset-inline-start:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--sb-primary);color:#fff;font-family:var(--font-lat);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;}
#sb-heading-summary{margin-top:24px;}
.sb-sources-box{margin-top:28px;}
.sb-sources-grid{display:grid;gap:9px;font-size:16px;line-height:1.75;margin-top:6px;}
.sb-sources-grid > div{display:flex;gap:10px;}
.sb-sources-label{color:var(--sb-ink-2);min-width:90px;flex:none;}
.sb-article-sidebar{display:grid;gap:20px;}
.sb-toc{display:grid;gap:10px;font-size:15px;line-height:1.6;}
.sb-toc a{color:var(--sb-ink);text-decoration:none;padding-inline-start:12px;border-inline-start:2px solid transparent;}
.sb-toc a:hover,.sb-toc a.is-active{color:var(--sb-primary);font-weight:600;border-inline-start-color:var(--sb-action);}

/* ===== Product card / trust badges / related products (shared) ===== */
.sb-featured-grid,.sb-related-products-grid{display:grid;gap:20px;margin-top:20px;}
@media(min-width:600px){.sb-featured-grid,.sb-related-products-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.sb-featured-grid{grid-template-columns:repeat(4,1fr);}.sb-related-products-grid{grid-template-columns:repeat(3,1fr);}}
.sb-product-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;}
.sb-product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
.sb-product-card-body{padding:14px 16px 16px;}
.sb-product-card-body h4{font-size:15px;font-weight:600;margin:0 0 6px;color:var(--sb-ink);}
.sb-product-card-price{font-weight:700;color:var(--sb-primary);}
.sb-related-products{margin-top:8px;}
.sb-trust-badges{display:flex;flex-direction:column;gap:10px;margin:20px 0;}
.sb-trust-badge{display:flex;align-items:center;gap:10px;background:var(--sb-success-bg);color:var(--sb-success-text);padding:12px 16px;font-size:14px;font-weight:600;}
.sb-trust-badge svg{flex:none;color:var(--sb-action);}

.sb-empty-state--dashed{border:1px dashed var(--sb-field-border);background:#fff;padding:36px 28px;max-width:560px;margin-inline:auto;}
.sb-latest-cat{font-size:12px;color:var(--sb-alert);margin-bottom:4px;}

/* generic form loading state, reused wherever a form needs it */
.sb-btn[aria-busy="true"] .sb-btn-label{visibility:hidden;}

/* ===== Shop "coming soon" ===== */
.sb-shop-soon-hero{background:var(--sb-sand);padding:28px 24px;margin:0 0 32px;border:1px solid var(--sb-border);}
@media(min-width:1024px){.sb-shop-soon-hero{padding:36px 40px;margin:0 0 40px;}}
.sb-shop-soon-hero p{font-size:var(--fs-body);line-height:1.85;max-width:680px;}

/* The shop's single real H1 is printed by WooCommerce itself (woocommerce-products-header__title);
 * style it to match the rest of the site's H1s instead of duplicating it. */
.woocommerce-products-header{padding:var(--sp-4) var(--sp-3) 0;max-width:1120px;margin-inline:auto;}
@media(min-width:600px){.woocommerce-products-header{padding-top:var(--sp-5);}}
.woocommerce-products-header__title.page-title{font-family:var(--font-ar);font-size:var(--fs-h1);font-weight:700;color:var(--sb-primary);margin:0;}
.woocommerce-breadcrumb{max-width:1120px;margin:var(--sp-3) auto 0;padding:0 var(--sp-3);font-size:14px;color:var(--sb-ink-3);}
.woocommerce-breadcrumb a{color:var(--sb-action);}

/* ===== Age-group filter bar (real links, scrollable on mobile without page overflow) ===== */
.sb-age-filter-row{display:flex;align-items:center;gap:10px;margin-top:18px;max-width:100%;}
.sb-age-filter-label{flex:none;font-weight:600;color:var(--sb-ink);white-space:nowrap;}
.sb-age-filter{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;min-width:0;}
.sb-age-filter-pill{flex:none;white-space:nowrap;display:inline-flex;align-items:center;padding:8px 16px;min-height:40px;border:1px solid var(--sb-border-strong);border-radius:var(--radius);font-size:14px;font-weight:600;color:var(--sb-ink);text-decoration:none;background:var(--sb-white);}
.sb-age-filter-pill.is-active{background:var(--sb-action);border-color:var(--sb-action);color:#fff;}
@media(max-width:599px){.sb-age-filter-row{align-items:flex-start;}}
.sb-shop-soon-grid{display:grid;gap:16px;margin-bottom:32px;}
@media(min-width:1024px){.sb-shop-soon-grid{grid-template-columns:repeat(3,1fr);gap:24px;}}
.sb-shop-soon-card{padding:22px;}
.sb-shop-soon-card p{font-size:16px;line-height:1.85;color:var(--sb-ink-3);margin-top:8px;}
.sb-shop-soon-links p{color:var(--sb-ink-3);font-size:16px;margin:6px 0 18px;}

/* ===== WooCommerce: shop grid, matching the editorial system exactly ===== */
.woocommerce ul.products{display:grid !important;grid-template-columns:1fr;gap:20px;list-style:none;padding:0;margin:0 0 32px;}
@media(min-width:600px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(4,1fr);gap:24px;}}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--sb-border);padding:0 !important;}
.woocommerce ul.products li.product img{border-radius:0;width:100%;aspect-ratio:1/1;object-fit:cover;margin:0 !important;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-lat);font-size:12px;color:var(--sb-ink-2);direction:ltr;text-align:right;padding:14px 16px 0;margin:0;}
.woocommerce ul.products li.product .price{color:var(--sb-primary);font-weight:700;padding:8px 16px 0;display:block;}
.woocommerce ul.products li.product .button{display:block !important;margin:14px 16px 16px !important;background:var(--sb-action) !important;color:#fff !important;border-radius:var(--radius) !important;padding:12px !important;font-weight:600 !important;border:none !important;min-height:48px;}
.woocommerce ul.products li.product .button:hover{background:var(--sb-action-press) !important;}
.woocommerce ul.products li.product.outofstock .button{background:var(--sb-disabled-bg) !important;color:var(--sb-disabled-text) !important;}

/* ===== WooCommerce: single product ===== */
.woocommerce div.product{max-width:var(--content-width);margin:0 auto;padding:32px 16px;}
@media(min-width:1024px){.woocommerce div.product{padding:40px 80px;}}
.woocommerce div.product .woocommerce-product-gallery{border:1px solid var(--sb-border);}
.woocommerce div.product .woocommerce-loop-product__title,
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--sb-primary);font-weight:700;font-size:28px;}
.woocommerce div.product .single_add_to_cart_button{background:var(--sb-action) !important;border-radius:var(--radius) !important;padding:16px 34px !important;font-weight:600 !important;font-size:18px !important;border:none !important;min-height:48px;}
.woocommerce div.product .single_add_to_cart_button:hover{background:var(--sb-action-press) !important;}
.woocommerce div.product .quantity input.qty{border-radius:var(--radius);border:1px solid var(--sb-field-border);min-height:48px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-weight:600;color:var(--sb-ink-2);}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--sb-primary);}
.sb-verify-box,.sb-read-before-buy{padding:18px 20px;margin-top:16px;}
.sb-verify-box ul{margin:10px 0 0;padding-inline-start:18px;font-size:16px;line-height:1.7;}
.sb-verify-note{font-size:14px;color:var(--sb-ink-2);margin-top:12px;padding-top:12px;border-top:1px solid var(--sb-divider);}
.sb-read-before-buy{background:var(--sb-sand);}
.sb-read-before-buy p{font-size:15px;color:var(--sb-ink);margin:8px 0 12px;}