/* Approved Nawaem A: warm surfaces, consistent type and touch controls. */
@font-face{font-family:NAKufi;src:url('/fonts/noto-kufi-arabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:NAKufi;src:url('/fonts/noto-kufi-arabic-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:NANaskh;src:url('/fonts/noto-naskh-arabic-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--na-bg:#fbf6ef;--na-paper:#fffaf4;--na-plum:#573647;--na-line:#e8d8c6;--na-muted:#68565e;--na-shadow:0 8px 24px #5736470c,0 2px 6px #b7885320;--na-radius:22px}
body[data-na]{background:var(--na-bg);color:#493d40;font-family:NAKufi,Tahoma,sans-serif;font-size:1rem;line-height:1.85}
body[data-na] :is(button,input,select,textarea){font-family:inherit}
body[data-na] :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #aa523d;outline-offset:4px}
.na-header{width:min(1280px,calc(100% - 48px));min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--na-line);position:relative;z-index:100}
.na-brand{display:flex;align-items:center;gap:10px;direction:ltr;color:var(--na-plum);text-decoration:none;font:700 4.2rem/1 NANaskh,serif;flex-shrink:0}
.na-brand img{width:48px;height:44px;object-fit:contain}.na-brand span{transform:translateY(-3px)}
.na-nav{display:flex;gap:clamp(18px,2.6vw,38px);align-items:center}.na-nav a{padding:29px 0 23px;border-bottom:3px solid transparent;text-decoration:none;color:#5a4650;font-size:.9375rem;white-space:nowrap}.na-nav a[aria-current=page]{border-color:#bd5c43;color:var(--na-plum);font-weight:700}
.na-menu{display:none;position:relative}.na-menu summary{display:flex;align-items:center;gap:8px;min-height:46px;padding:7px 15px;border:1px solid var(--na-line);border-radius:99px;background:var(--na-paper);color:var(--na-plum);font-size:.9375rem;font-weight:700;cursor:pointer;list-style:none;box-shadow:var(--na-shadow)}.na-menu summary::-webkit-details-marker{display:none}
.na-menu-panel{position:absolute;left:0;top:calc(100% + 10px);width:min(280px,calc(100vw - 32px));max-height:calc(100svh - 110px);overflow:auto;padding:10px;border:1px solid var(--na-line);border-radius:20px;background:var(--na-paper);box-shadow:0 16px 40px #57364725;z-index:100}.na-menu-panel a{display:block;padding:12px 16px;border-radius:12px;text-decoration:none;color:var(--na-plum);font-size:1rem}.na-menu-panel a[aria-current=page],.na-menu-panel a:hover{background:#f3e5e9}
.na-icon{display:block;flex:none}.na-icon-tile{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#f2e1d0;color:#9b503b}.na-icon-tile.outfit{background:#e9e9db;color:#647455}.na-icon-tile.moms{background:#f2dfe4;color:#805274}
body[data-na] :is(.panel,.article-card,.recipe-library-card,.story-card,.service,.moment,.promise,.values,.contact-section,.assistant,.recipe-hero,.card){border-radius:var(--na-radius);box-shadow:var(--na-shadow)}
body[data-na] :is(.next,.secondary,.primary,.go,.secondary-btn,.surprise,.details-btn,.contact-submit,.home-cta,.hero-action){border-radius:99px;font-size:.9375rem;min-height:48px;line-height:1.6;padding:12px 20px}
body[data-na] :is(.next:not(:disabled),.go,.contact-submit){background:#573647;color:#fffaf4;box-shadow:0 5px 12px #57364720}
body[data-na] :is(.lead,.intro,.desc,.article-section p,.article-section li,.steps li,.guide-list li,.ingredient-list li,.staples li,.storage){font-size:1rem;line-height:2;color:#5d4c54}
body[data-na] :is(.eyebrow,.meta,.article-meta,.read,.breadcrumb,.crumb,.back,.recipe-library-meta,.recipe-library-link,.recipe-cost,.fish-choice,.sources li,.summary-pill,.selection-hint,.choice-status,.result-card p,.hijab-note){font-size:.875rem}
body[data-na] :is(.cost-note,.cost-date,.article-byline){font-size:.8125rem}
body[data-na] :is(.display,.article-head h1,.recipe-copy h1){font-family:NANaskh,serif;font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.3}
body[data-na] .site-footer{font-family:NAKufi,Tahoma,sans-serif;padding:30px 20px;gap:10px;margin-top:56px}.site-footer strong{font-family:NANaskh,serif!important}.site-footer span{font-size:.8125rem!important}.site-footer-contact{min-height:46px;font-size:.875rem!important;padding:10px 22px!important}
body[data-na] .page-shell{width:min(1180px,calc(100% - 48px))}
body[data-na=articles] .articles-hero{padding:46px 0 32px}
body[data-na=articles] .article-body p{font-size:.9375rem;color:var(--na-muted);line-height:1.9}
body[data-na=articles] .article-body h2{font-size:1.7rem;line-height:1.45}
body[data-na=articles] .article-card{display:flex;flex-direction:column}.article-card .article-visual{flex-shrink:0}
body[data-na=articles] .article-card .article-body{display:flex;flex-direction:column;flex:1;padding:24px}.article-card .read{margin-top:auto;padding-top:18px}
body[data-na=article] .article-head{padding:44px 0 24px}body[data-na=article] .article-head h1{max-width:790px;margin:10px auto 18px}body[data-na=article] .article-body{padding:32px 40px;border-radius:22px}body[data-na=article] .article-table{font-size:.9375rem}
body[data-na=about] :is(.service p,.moment p,.value p){font-size:1rem;color:var(--na-muted)}
body[data-na=about] :is(.icon,.value-icon){display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#f2e1d0;color:#805274}
body[data-na=recipes] .recipe-intro{padding-top:28px;padding-bottom:28px}body[data-na=recipes] .recipe-intro h1{font:700 clamp(2.3rem,4vw,3.6rem)/1.3 NANaskh,serif}
body[data-na=recipes] :is(.note,.missing,.recipe-library-body p,.recipe-library-meta,.server-category,.field label){font-size:.875rem}
body[data-na=recipe-category] .body p{font-size:.9375rem}body[data-na=recipe-category] h1{font-size:clamp(2.3rem,4vw,3.6rem)}
body[data-na=outfit] .wizard-step h1{font:700 clamp(2.2rem,3.4vw,3.3rem)/1.3 NANaskh,serif}body[data-na=outfit] .form-side{padding:34px clamp(22px,4vw,48px)}body[data-na=outfit] .piece-icon .na-icon{width:28px;height:28px}body[data-na=outfit] .occasion-icon .na-icon{width:32px;height:32px}body[data-na=outfit] :is(.piece strong,.occasion small){font-size:.875rem}
body[data-na=moms] :is(.rail,.content){width:min(1280px,calc(100% - 48px));margin:28px auto;font:400 1rem/1.85 NAKufi,Tahoma,sans-serif;color:#493d40}body[data-na=moms] .rail h2{font-family:NANaskh,serif}body[data-na=moms] .rail-note{font:400 1rem/2 NAKufi,Tahoma,sans-serif;margin-top:12px}body[data-na=moms] .sources{max-width:1280px;margin:24px auto;padding-inline:24px}
/* Homepage: preserve the existing artwork and make each destination recognizable. */
body[data-na=home] .journey-home{width:min(1280px,calc(100% - 48px));margin-top:24px}
body[data-na=home] .journey-frame{border-radius:24px;min-height:620px;box-shadow:var(--na-shadow)}
body[data-na=home] .journey-copy{right:24px;bottom:24px;width:min(450px,44%);padding:20px 24px;border-radius:20px;background:linear-gradient(110deg,#573647b8,#573647e0);text-shadow:none;color:#fffaf4}
body[data-na=home] .journey-copy small{font-size:.875rem}body[data-na=home] .journey-copy h1{font:700 clamp(2rem,3.1vw,2.9rem)/1.3 NANaskh,serif;color:#fffaf4}body[data-na=home] .journey-copy p{font-size:.9375rem;color:#fffaf4;line-height:1.8}
body[data-na=home] .journey-spot{width:64px;height:64px;background:#fff9ef;color:var(--spot)}body[data-na=home] .journey-spot::before{display:none}body[data-na=home] .journey-label{width:150px;padding:11px 14px;border-radius:99px}body[data-na=home] .journey-label strong{font:700 1.35rem/1.4 NANaskh,serif}
.journey-label .na-icon-tile{display:none}
.na-picks{margin-top:34px}.na-section-title{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 22px;color:var(--na-plum);font:700 2rem/1.4 NANaskh,serif}.na-section-title::before,.na-section-title::after{content:'';width:70px;height:1px;background:#c79a4980}
.na-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.na-pick{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--na-line);border-radius:22px;background:var(--na-paper);box-shadow:var(--na-shadow);text-decoration:none;color:var(--na-plum);transition:transform .2s}.na-pick:hover{transform:translateY(-3px)}.na-pick>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.na-pick-body{padding:18px 22px 22px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;flex:1}.na-pick-body small{font-size:.875rem;color:#93503e}.na-pick-body h3{font:700 1.65rem/1.4 NANaskh,serif;margin:0 0 6px}.na-pick-action{display:block;margin-top:auto;border:1px solid #805274;border-radius:99px;min-height:46px;padding:10px 28px;font-size:.9375rem;line-height:1.7}.na-pick:first-child .na-pick-action{background:#573647;color:#fffaf4;box-shadow:0 5px 12px #57364720}
body[data-na=home] .journey-articles{padding:38px 0 16px}body[data-na=home] .journey-articles-head h2{font-size:2rem}body[data-na=home] :is(.journey-articles-head p,.journey-all,.journey-article small,.journey-article b){font-size:.875rem}body[data-na=home] .journey-article{grid-template-columns:110px 1fr;box-shadow:var(--na-shadow)}body[data-na=home] .journey-article img{width:110px;height:100%;min-height:170px}body[data-na=home] .journey-article h3{font:700 1.45rem/1.45 NANaskh,serif}
@media(max-width:1000px){.na-nav{display:none}.na-menu{display:block}.na-header{min-height:80px}.na-brand{font-size:3.3rem}}
@media(max-width:900px){body[data-na=home] .journey-frame{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:end;min-height:520px;padding:230px 16px 18px;background-size:auto 330px;background-position:center top;background-color:#f4e6d5}body[data-na=home] .journey-frame::after{background:linear-gradient(180deg,transparent 0 200px,#f4e6d5 335px);z-index:-1}body[data-na=home] .journey-copy{position:relative;inset:auto;width:auto;grid-column:1/-1;padding:16px;margin-bottom:6px}body[data-na=home] .journey-spot{display:none}body[data-na=home] .journey-label{position:static;inset:auto!important;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 5px;border-radius:18px;box-shadow:var(--na-shadow)}.journey-label .na-icon-tile{display:grid}body[data-na=home] .journey-label strong{font-size:1.25rem}body[data-na=home] .journey-mobile-hint{display:none}.na-pick-grid{gap:16px}}
@media(max-width:650px){.na-header{width:calc(100% - 32px);min-height:76px;gap:16px}.na-brand{font-size:3rem}.na-brand img{width:37px;height:35px}body[data-na] .page-shell,body[data-na=home] .journey-home,body[data-na=moms] :is(.rail,.content){width:calc(100% - 32px)}body[data-na=home] .journey-home{margin-top:16px}body[data-na=home] .journey-frame{border-radius:22px;min-height:500px;padding-inline:12px;gap:8px}body[data-na=home] .journey-copy{padding:15px}body[data-na=home] .journey-copy h1{font-size:2rem}body[data-na=home] .journey-copy p{font-size:.875rem}.na-pick-grid{grid-template-columns:1fr}.na-pick{display:grid;grid-template-columns:120px 1fr}.na-pick>img{height:100%;aspect-ratio:auto;min-height:175px}.na-pick-body{padding:18px 14px;align-items:flex-start;text-align:right;gap:7px}.na-pick-body h3{font-size:1.4rem}.na-pick-action{padding:8px 18px;font-size:.875rem}.na-section-title{font-size:1.8rem;gap:12px}.na-section-title::before,.na-section-title::after{width:40px}body[data-na=home] .journey-all{display:inline-flex;min-height:44px;align-items:center;white-space:nowrap}body[data-na=home] .journey-articles-head{gap:12px}body[data-na=home] .journey-articles-head h2{font-size:1.7rem}body[data-na] :is(.display,.article-head h1,.recipe-copy h1){font-size:2.25rem}body[data-na=article] .article-head{padding:30px 0 20px}body[data-na=article] .article-body{padding:24px 18px}body[data-na=articles] .articles-hero{padding:30px 0 24px}body[data-na=outfit] .form-side{padding:26px 18px}body[data-na] .site-footer{margin-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body[data-na] *,body[data-na] *::before,body[data-na] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Mobile occasion step: approved compact 2-by-2 layout; other steps stay unchanged. */
@media(max-width:650px){
  body[data-na=outfit] .form-side:has(.wizard-step[data-step="1"].active){min-height:0;padding:22px 18px}
  body[data-na=outfit] .form-side:has(.wizard-step[data-step="1"].active) .step-row{margin-bottom:16px;gap:12px;flex-wrap:wrap}
  body[data-na=outfit] .wizard-step[data-step="1"] h1{font-size:2rem;line-height:1.35}
  body[data-na=outfit] .wizard-step[data-step="1"] .intro{margin:8px 0 18px;line-height:1.85}
  body[data-na=outfit] .occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body[data-na=outfit] .occasion{min-width:0;min-height:140px;padding:14px 8px;flex-direction:column;justify-content:center;gap:8px;text-align:center}
  body[data-na=outfit] .occasion>span{min-width:0;max-width:100%;overflow-wrap:anywhere}
  body[data-na=outfit] .occasion-icon{width:44px;height:44px;border-radius:14px}
  body[data-na=outfit] .occasion strong{font-size:1rem;line-height:1.65}
  body[data-na=outfit] .occasion small{font-size:.875rem;line-height:1.65;margin-top:3px}
  body[data-na=outfit] .wizard-step[data-step="1"] .choice-status{color:#59664b;margin:12px 0 8px;min-height:0}
  body[data-na=outfit] #occasionNext{margin-top:8px}
}