﻿@font-face{font-family:'Vazirmatn FaNum';src:url('../fonts/vazirmatn-fanum/Vazirmatn-FD-Regular.woff2?v=20261028.1') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn FaNum';src:url('../fonts/vazirmatn-fanum/Vazirmatn-FD-Medium.woff2?v=20261028.1') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn FaNum';src:url('../fonts/vazirmatn-fanum/Vazirmatn-FD-SemiBold.woff2?v=20261028.1') format('woff2');font-weight:600;font-style:normal;font-display:swap}

/* Free, self-hosted serif display family paired with Vazirmatn FaNum UI text. */
@font-face{font-family:'Noto Naskh Arabic';src:url('../fonts/noto-naskh-arabic/NotoNaskhArabic-Arabic.woff2?v=20261028.1') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Naskh Arabic';src:url('../fonts/noto-naskh-arabic/NotoNaskhArabic-Latin.woff2?v=20261028.1') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* This stylesheet is loaded only by /fa pages, after the shared layout. */
html[lang="fa"]{direction:rtl}
html[lang="fa"] body{font-family:'Vazirmatn FaNum',Tahoma,sans-serif;font-size:16px;font-weight:400;line-height:1.95;text-align:start}
html[lang="fa"] :is(.serif,.display,.h1,.h2,.h3,.hero .display,.home-page .h2,.category-card h3,.quote-band blockquote,.footer-manifesto,.product-panel h1,.gift-card-body h3,.mobile-menu nav a){font-family:'Noto Naskh Arabic','Vazirmatn FaNum',serif;letter-spacing:0;font-weight:500}
html[lang="fa"] :is(.eyebrow,.header-nav a,.header-tools button,.header-tools a,.btn,.category-card span,.product-name,.product-sub,.product-category,.product-note,.accordion-button,.story-chapter-num,.footer-col h4,.footer-bottom,.mobile-subnav a){letter-spacing:0;text-transform:none}
html[lang="fa"] :is(.display,.hero .display){font-size:clamp(42px,5.7vw,86px);line-height:1.55}
html[lang="fa"] .h1{font-size:clamp(40px,4.9vw,72px);line-height:1.55}
html[lang="fa"] :is(.h2,.home-page .h2){font-size:clamp(34px,3.7vw,54px);line-height:1.65}
html[lang="fa"] .h3{font-size:clamp(24px,2.2vw,34px);line-height:1.65}
html[lang="fa"] :is(.lead,.home-page .lead){font-size:clamp(17px,1.3vw,20px);line-height:2.05;font-weight:400}
html[lang="fa"] .eyebrow{font-size:13px;line-height:1.9;font-weight:500}
html[lang="fa"] .btn{font-size:14px;font-weight:500;line-height:1.9;min-height:48px;padding:10px 24px;text-align:center}
html[lang="fa"] .site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
html[lang="fa"] .site-header > a[aria-label]{grid-column:2;grid-row:1;justify-self:center}
html[lang="fa"] .header-nav{gap:22px;min-width:0}
html[lang="fa"] .header-nav a{font-size:14px;line-height:1.8;white-space:nowrap}
html[lang="fa"] .header-nav a:after{left:100%;right:0;transition:left .25s ease}
html[lang="fa"] .header-nav a:is(:hover,.active):after{left:0;right:0}
html[lang="fa"] .header-tools{grid-column:3;grid-row:1}
html[lang="fa"] .nav-submenu{left:auto;right:-18px;min-width:210px;text-align:start}
html[lang="fa"] .header-nav .nav-submenu a{font-size:14px}
html[lang="fa"] .mobile-menu{overflow-y:auto;gap:24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
html[lang="fa"] .mobile-menu nav{flex-shrink:0}
html[lang="fa"] .mobile-menu nav a{font-size:clamp(27px,5.6vw,36px);line-height:1.55;padding-block:10px}
html[lang="fa"] .mobile-subnav{padding:4px 18px 10px 0}
html[lang="fa"] .mobile-menu nav .mobile-subnav a{font-family:'Vazirmatn FaNum',Tahoma,sans-serif;font-weight:500;font-size:15px;line-height:1.8;padding-block:6px}
html[lang="fa"] .mobile-menu-bottom{font-size:13px;flex-shrink:0;line-height:1.8}
html[lang="fa"] .hero-copy{max-width:1000px}
html[lang="fa"] .hero-content{padding-top:calc(var(--header-h) + 36px)}
html[lang="fa"] .category-card h3{font-size:clamp(28px,2.4vw,38px);line-height:1.6}
html[lang="fa"] .category-card-content{align-items:center;flex-wrap:wrap;gap:6px 16px}
html[lang="fa"] .category-card span{font-size:13px;font-weight:500}
html[lang="fa"] .split-editorial{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
html[lang="fa"] :is(.split-copy,.collection-banner-copy,.bath-collection-copy,.gift-hero-copy){padding:clamp(44px,5vw,88px);min-width:0}
html[lang="fa"] :is(.split-copy,.collection-banner-copy,.bath-collection-copy,.gift-hero-copy) > .eyebrow + :is(h1,h2){margin-top:14px}
html[lang="fa"] .quote-band blockquote{font-size:clamp(34px,4.8vw,70px);line-height:1.7}
html[lang="fa"] .page-hero-inner{gap:32px}
html[lang="fa"] .page-hero p{font-size:16px;line-height:2;max-width:560px}
html[lang="fa"] .product-name{font-size:16px;font-weight:500;line-height:1.9}
html[lang="fa"] .product-sub{font-size:13px;line-height:1.95}
html[lang="fa"] .product-arrow{transform:scaleX(-1);margin-top:7px}
html[lang="fa"] .product-panel h1{font-size:clamp(36px,3.8vw,56px);line-height:1.55}
html[lang="fa"] .product-panel .product-category{font-size:14px}
html[lang="fa"] .product-panel .product-note{font-size:14px;line-height:1.9}
html[lang="fa"] .product-panel .product-description{font-size:16px;line-height:2.05}
html[lang="fa"] .product-meta{font-size:14px;line-height:1.9;grid-template-columns:100px minmax(0,1fr);gap:12px}
html[lang="fa"] .accordion-button{text-align:start;font-size:15px;line-height:1.9;gap:16px}
html[lang="fa"] .accordion-content{font-size:15px;line-height:2}
html[lang="fa"] .story-hero{align-items:flex-end}
html[lang="fa"] .story-hero .inner{padding-top:calc(var(--header-h) + 32px)}
html[lang="fa"] .story-hero p{font-size:clamp(18px,1.7vw,25px);line-height:2}
html[lang="fa"] .story-chapter-num{font-size:14px;line-height:1.9}
html[lang="fa"] .story-chapter-copy p{font-size:clamp(17px,1.4vw,22px);line-height:2.1}
html[lang="fa"] .gift-card-body h3{font-size:26px;line-height:1.6}
html[lang="fa"] .gift-card-body p{font-size:15px;line-height:2}
html[lang="fa"] .footer-manifesto{font-size:clamp(25px,2vw,32px);line-height:1.9}
html[lang="fa"] .footer-logo{filter:none}
html[lang="fa"] strong{font-weight:600}
html[lang="fa"] .footer-col h4{font-size:13px}
html[lang="fa"] :is(.footer-col a,.footer-col p){font-size:14px;line-height:2.2}
html[lang="fa"] .footer-bottom{font-size:12px;line-height:1.9}
html[lang="fa"] .footer-credit{text-align:end;font-size:11px}
html[lang="fa"] bdi[dir="ltr"]{display:inline-block;unicode-bidi:isolate}

@media (min-width:1101px) and (max-width:1380px){
  html[lang="fa"] .header-nav{gap:16px}
  html[lang="fa"] .header-nav a{font-size:13px}
  html[lang="fa"] .brandmark{width:var(--brand-width)}
}
@media (max-width:1100px){
  html[lang="fa"] .product-detail{grid-template-columns:1fr}
  html[lang="fa"] .product-panel{position:relative;top:auto}
}
@media (max-width:820px){
  html[lang="fa"] :is(.split-editorial,.collection-banner,.bath-collection-hero,.gift-hero){grid-template-columns:1fr}
  html[lang="fa"] :is(.split-copy,.collection-banner-copy,.bath-collection-copy,.gift-hero-copy){padding:48px var(--pad) 56px}
  html[lang="fa"] .page-hero-inner{display:block}
  html[lang="fa"] .page-hero p{margin-top:22px}
}
@media (max-width:560px){
  html[lang="fa"] body{font-size:15px}
  html[lang="fa"] :is(.display,.hero .display){font-size:clamp(34px,8.5vw,44px);line-height:1.65}
  html[lang="fa"] .h1{font-size:clamp(34px,9vw,44px);line-height:1.6}
  html[lang="fa"] :is(.h2,.home-page .h2){font-size:clamp(30px,8.2vw,38px);line-height:1.7}
  html[lang="fa"] :is(.lead,.home-page .lead){font-size:16px;line-height:2.05}
  html[lang="fa"] .eyebrow{font-size:12px}
  html[lang="fa"] .hero-kicker{margin-bottom:14px}
  html[lang="fa"] .hero-actions{margin-top:22px}
  html[lang="fa"] .hero-content{padding-bottom:32px}
  html[lang="fa"] .category-card-content{left:20px;right:20px;bottom:18px}
  html[lang="fa"] .category-card h3{font-size:29px}
  html[lang="fa"] .quote-band blockquote{font-size:clamp(30px,8vw,40px);line-height:1.75}
  html[lang="fa"] .product-panel h1{font-size:38px;line-height:1.6}
  html[lang="fa"] .product-meta{grid-template-columns:92px minmax(0,1fr);font-size:13px}
  html[lang="fa"] .story-chapter-copy p{font-size:17px;line-height:2.1}
  html[lang="fa"] .footer-bottom{gap:16px}
}
@media (prefers-reduced-motion:reduce){
  html[lang="fa"] .reveal{transition:none;transform:none}
}
