/* Heritage presentation: reversible visual layer; navigation and inquiry stay modern. */
@font-face{font-family:HeritageArabic;src:url('assets/fonts/NotoNaskhArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:HeritageArabic;src:url('assets/fonts/NotoNaskhArabic-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f7f2e8;--surface:#fffcf5;--sand:#eae0d1;--maroon:#651f30;--maroon-dark:#431321;--muted:#726456;--line:#dacfba;--copper:#986a3a;--radius:5px}
.review-ribbon{background:#eae1d1}.wordmark-ar{font-family:HeritageArabic,Georgia,serif;font-size:38px;line-height:1.25}.wordmark-en{color:var(--copper);font-size:10px;letter-spacing:.28em}.site-header{padding-block:22px}.hero{position:relative;border-radius:5px}.hero:after{content:'';position:absolute;inset:9px;border:1px solid #dab88a7a;pointer-events:none;border-radius:1px}.hero-copy{padding-inline:44px}.hero h1{font-family:HeritageArabic,Georgia,serif;font-weight:700;font-size:59px;line-height:1.28}.hero-description{color:#efddd0}.hero .eyebrow{color:#e3c8a4}.hero-photo figcaption{z-index:1}.hero .primary-button,.light-button{background:#f5e9d2}.eyebrow.light{color:var(--copper);font-weight:400}.section-heading h2,.how-section h2,.visit-section h2{font-family:HeritageArabic,Georgia,serif;font-size:38px;line-height:1.3}.section-heading{padding-bottom:16px;border-bottom:1px solid var(--line)}.catalog-controls{border-bottom:0;padding-bottom:0}.category-tab[aria-selected=true]{background:#f0e5d6;border-color:#a97e57}.category-thumbnail,.all-products-icon{border-radius:4px}.category-tab{border-radius:5px}.primary-button,.secondary-button,.light-button,.inquiry-button,.product-ask{border-radius:4px}.product-image{border-radius:5px}.product-ask{border-color:#cab9a3}.product-info h3{font-weight:700}.how-steps li>span{color:var(--copper)}.visit-section{border:1px solid #996645;outline:1px solid #b48b63;outline-offset:-9px;border-radius:5px}.site-footer{border-top:1px solid var(--line);margin-top:26px}.developer-credit strong{color:var(--maroon)}.product-card{animation:catalog-enter .18s ease-out both;animation-delay:calc(var(--i,0)*12ms)}
@keyframes catalog-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
[dir=ltr] .hero h1{font-family:HeritageArabic,Georgia,serif;font-size:49px;line-height:1.2}[dir=ltr] .section-heading h2,[dir=ltr] .how-section h2,[dir=ltr] .visit-section h2{font-size:36px;font-weight:400}
@media(max-width:1100px){.hero h1{font-size:50px}.hero-copy{padding-inline:30px}[dir=ltr] .hero h1{font-size:41px}}
@media(max-width:800px){.wordmark-ar{font-size:33px}.hero h1{font-size:40px}.hero-copy{padding-inline:24px}.section-heading h2,.how-section h2,.visit-section h2{font-size:33px}[dir=ltr] .hero h1{font-size:34px}}
@media(max-width:560px){.wordmark-ar{font-size:29px}.wordmark-en{font-size:8px;letter-spacing:.25em}.site-header{padding-block:17px}.hero-copy{padding:29px 25px 28px}.hero h1{font-size:43px;line-height:1.25;margin-bottom:15px}.hero:after{inset:7px}.hero-description{font-size:12px}.section-heading{padding-bottom:14px;margin-bottom:16px}.section-heading h2{font-size:34px}.how-section h2{font-size:30px}.visit-section h2{font-size:33px}.catalog-note{font-size:11px}.category-tab{border-radius:5px}.site-footer{margin-top:24px;padding-bottom:28px}[dir=ltr] .hero h1{font-size:37px}[dir=ltr] .section-heading h2{font-size:32px}[dir=ltr] .how-section h2{font-size:29px}[dir=ltr] .visit-section h2{font-size:31px}.image-caption{font-size:10px;max-width:calc(100% - 12px);line-height:1.5}}
@media(max-width:360px){.wordmark-ar{font-size:25px}.hero h1{font-size:38px}.hero-copy{padding-inline:22px}[dir=ltr] .hero h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.product-card{animation:none!important}}
.hero-signature{font-family:HeritageArabic,Georgia,serif;font-size:48px;line-height:1.1;color:#f6e8d0;margin-bottom:17px;align-self:flex-start;padding-inline:1px;max-width:100%;white-space:nowrap}.hero-signature+.eyebrow{margin-bottom:15px}.hero h1{font-size:49px;line-height:1.3;margin-bottom:13px}.hero-bottom{margin-top:24px}.intro-reveal{animation:ink-reveal 1s cubic-bezier(.25,.65,.2,1) both;pointer-events:none}
@keyframes ink-reveal{0%{clip-path:inset(0 0 0 100%);opacity:.25}45%{opacity:1}100%{clip-path:inset(0 0 0 0);opacity:1}}
@media(max-width:1100px){.hero h1{font-size:44px}.hero-signature{font-size:43px}}@media(max-width:800px){.hero h1{font-size:37px}.hero-signature{font-size:35px;margin-bottom:12px}.hero-signature+.eyebrow{margin-bottom:12px}}@media(max-width:560px){.hero h1{font-size:38px}.hero-signature{font-size:41px;margin-bottom:15px}.hero-signature+.eyebrow{margin-bottom:13px}.hero-copy{padding-top:29px;padding-bottom:28px}}@media(max-width:360px){.hero h1{font-size:34px}.hero-signature{font-size:37px}}@media(prefers-reduced-motion:reduce){.intro-reveal{animation:none!important;clip-path:none!important;opacity:1!important}}
/* Soft, restrained controls with comfortable mouse and touch feedback. */
.primary-button,.secondary-button,.light-button,.inquiry-button,.product-ask,.subfilter,.category-tab,.quantity-row input,.quantity-row select{border-radius:9px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.primary-button:hover,.inquiry-button:hover{box-shadow:0 3px 11px #371d1714}.primary-button:active,.secondary-button:active,.light-button:active,.inquiry-button:active,.product-ask:active,.subfilter:active,.category-tab:active{transform:translateY(1px)}.product-image{border-radius:8px}.text-button{min-height:44px}.search-wrap button{min-width:44px;min-height:44px}.catalog-controls{flex-direction:column;align-items:stretch;gap:14px}.category-tabs{flex:none;width:100%}.category-tab{flex:1 0 145px}.search-wrap{width:100%;height:50px}.mobile-list{bottom:calc(14px + env(safe-area-inset-bottom,0px))}body.has-selection{padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))}body.editing-field .mobile-list{display:none}
@media(max-width:560px){.category-tab{flex:0 0 115px}.catalog-controls{gap:12px}.search-wrap{height:48px}}
@media(prefers-reduced-motion:reduce){.primary-button,.secondary-button,.light-button,.inquiry-button,.product-ask,.subfilter,.category-tab,.quantity-row input,.quantity-row select{transition:none!important;transform:none!important}}

/* Keep the close control reachable while editing a long inquiry. */
.inquiry-dialog .dialog-header{position:sticky;top:0;background:var(--paper);z-index:3}.remove-item{flex-shrink:0}select:focus-visible{outline:3px solid #b07122;outline-offset:3px}

.dialog-status{position:sticky;bottom:0;z-index:4;overflow:hidden;height:0;padding:0;margin:0;background:var(--maroon-dark);color:#fff;font-size:13px;text-align:center}.dialog-status.visible{height:auto;padding:11px 20px}
.hero-photo img{min-height:0;max-height:100%;min-width:0}
@media(min-width:801px){.hero-photo img{height:442px;width:100%;object-fit:contain}}
@media(min-width:561px) and (max-width:800px){.hero-photo img{height:360px;width:100%;object-fit:contain}}
/* Comfortable mobile text entry; avoids small-input browser zoom. */
@media(max-width:560px){.search-wrap input,.other-product input,.quantity-row input,.quantity-row select{font-size:16px}}

/* Refined product imagery and full developer credit. */
.product-image-form{font-size:11px;color:var(--muted);margin-top:4px}.site-footer{justify-content:center}.developer-credit{justify-content:center;flex-wrap:wrap;white-space:normal;text-align:center;min-height:44px}.developer-credit strong{font-size:16px;white-space:nowrap}

/* Direct shop phone contact, with a readable desktop fallback. */
.header-call{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--maroon)}.header-call svg{width:18px;height:18px}.visit-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.call-button>span{display:flex;flex-direction:column;gap:1px;text-align:start}.contact-number{font:13px/1.5 Arial,sans-serif;letter-spacing:.025em}@media(max-width:800px){.header-call{display:none}}@media(max-width:560px){.visit-actions{justify-content:flex-start;align-items:stretch}.visit-actions .light-button{flex:1 1 170px;align-self:stretch}}
