/* Bilingual typography: quiet English labels, readable Arabic, generous artwork. */
:root{--panel:#eeeef0;--panel-strong:#dfe0e3;--charcoal:#343638;--line:#d9dadd;--muted:#626669}
body{font-weight:400}
.eyebrow[lang=en],.collection-label,.nav-en{font-family:Arial,sans-serif;font-weight:400;direction:ltr;unicode-bidi:isolate}
.eyebrow[lang=en]{font-size:.75rem;letter-spacing:.16em;line-height:1.7;text-align:start}
h1,h2,h3{font-weight:400}
.hp-intro h1{font-size:clamp(1.75rem,2.7vw,2.5rem);line-height:1.55}
.hero-english{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.2vw,3rem);font-weight:400;line-height:1.12;direction:ltr;text-align:left;margin:0 0 24px;max-width:12ch}
.hp-copy-block{padding:32px;background:#343638}
.hp-copy-block .eyebrow{color:#d7d8db}
.hp-description{font-size:1rem}
.hp-hero-note{background:#e0e1e4}
.hp-heading h2,.hp-colors h2,.hp-end h2{font-size:clamp(1.5rem,2.3vw,1.875rem);line-height:1.6}
.hp-tile-title h3,.hp-room-copy h3{font-size:1.375rem}
.hp-room-section{background:#f0f0f2}
.hp-room-section .hp-heading>div,.hp-room-copy{background:#e4e4e7}
.hp-room:nth-child(2) .hp-room-copy{background:#dcdde0}
.hp-heading>div{border-right-width:2px}
.collection-label{display:block;font-size:.75rem;letter-spacing:.1em;line-height:1.6;color:var(--muted);margin:0 0 8px;text-transform:uppercase}
.hp-tile-title .collection-label{margin-bottom:4px}
.hp-room-copy .collection-label{margin:0 0 5px}
.hp-color .collection-label{margin:0;font-size:.75rem;letter-spacing:.04em;text-transform:none}
.hp-color{gap:8px}
.intro h1,.detail-heading h1,.shop-heading h1,.proof-intro h1{font-size:clamp(1.625rem,2.5vw,2.125rem);line-height:1.6}
.intro-note span{font-size:.75rem}
.art-card h3{font-size:1.125rem;line-height:1.65;font-weight:400}
.card-copy{padding:18px}
.card-price{font-size:1rem}
.related-heading h2,.detail-description h2,.pricing h2,.proof-heading h2,.hp-commerce h2,.proof-cta h2{font-size:1.5rem;font-weight:400}
.primary{font-size:1rem}
.shop-heading{border-radius:2px;background:#ececef}
.checkout-form>label,.custom-visual>label{font-weight:400}
.reviews-grid blockquote p{font-size:1rem}
.shop-heading .eyebrow,.detail-heading .eyebrow{margin-bottom:8px}
body>header nav{gap:22px}
body>header nav a{display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:center;font-size:.875rem;line-height:1.4}
.nav-en{font-size:.75rem;letter-spacing:.06em;color:var(--muted)}
.nav-ar{white-space:nowrap}
.nav-ar [data-cart-count]{margin-inline-start:4px}
@media(max-width:1050px){body>header nav{gap:18px}}
@media(max-width:760px){
 .grid,.hp-selected .grid,.related .grid,.hp-topics,.hp-rooms,#proof-grid,.reviews-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .workspace{display:block}aside#filters{display:none;margin-bottom:22px}aside#filters.open{display:block}
 .mobile-filter{display:block;margin-right:auto;border:1px solid #aeb6b0;background:white;padding:9px 12px;font-size:.875rem;min-height:42px}
 .view-note{display:none}#filter-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .hp-hero{grid-template-columns:1fr;gap:18px;padding-top:18px}
 .hp-copy-block{padding:20px 22px}
 .hp-copy-block .eyebrow{margin-bottom:10px;font-size:.75rem}
 .hero-english{font-size:1.625rem;line-height:1.15;max-width:none;margin-bottom:12px}
 .hp-intro h1{font-size:1.5rem;line-height:1.4;margin-bottom:8px}
 .hp-description{font-size:.9375rem;line-height:1.7;margin-bottom:13px}
 .hp-cta{font-size:.9375rem;padding:9px 15px;min-height:44px}
 .hp-secondary{font-size:.875rem;margin-top:10px}
 .hp-hero-note{padding:10px 16px;margin-top:8px}
 .hp-intro h1 br{display:none}
 .hp-heading h2,.hp-colors h2,.hp-end h2,.related-heading h2{font-size:1.5rem}
 .intro h1,.detail-heading h1,.shop-heading h1,.proof-intro h1{font-size:1.625rem;line-height:1.6}
 .card-copy{padding:18px 20px 20px}
 .art-card h3,.related .art-card h3{font-size:1.125rem;margin-bottom:8px}
 .art-card .meta{font-size:.8125rem;gap:7px}
 .art-card .photo{width:100%;aspect-ratio:840/734}
 .art-card img{object-fit:contain}
 .work-photo img{height:auto;max-height:none;object-fit:contain}
 .hp-tile-title h3,.hp-room-copy h3{font-size:1.375rem}
 .hp-heading{flex-wrap:wrap}
 .hp-heading>div{min-width:0}
 .hp-hero-note{font-size:.9375rem}
 body>header{padding:18px 5vw 12px;gap:15px;flex-wrap:wrap}
 body>header nav{width:100%;max-width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:20px;overflow-x:auto;padding:4px 0;scrollbar-width:thin}
 body>header nav a{flex:0 0 auto;min-height:52px;font-size:.875rem}
 .whatsapp-float{font-size:.875rem}
 footer nav{flex-wrap:wrap;font-size:.875rem}
}
body[data-page-translated] main [lang=en],
body[data-page-translated] header .nav-en{display:none}
.back-to-top{position:fixed;right:18px;bottom:18px;z-index:40;border:1px solid #727977;background:#343638;color:white;padding:12px 16px;min-height:44px;border-radius:26px;font:inherit;box-shadow:0 3px 14px #0002}
.filter-dialog-close{border:1px solid #aab0ad;background:white;color:var(--ink);padding:8px 14px;min-height:44px;font-size:1rem}
.mobile-browse{display:none}
@media(max-width:760px){
 .mobile-browse:not([hidden]){display:block;position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:41;background:#343638;color:white;border:1px solid #aaa;padding:12px 16px;border-radius:28px;min-height:46px;font:inherit;font-size:.875rem;box-shadow:0 3px 18px #0003;white-space:nowrap}
 body:has(main.catalog) .back-to-top{bottom:78px}
 body:has(main.catalog) .whatsapp-float{bottom:78px}
 body:has(main.catalog) footer{padding-bottom:85px}
 .quick{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}
 .quick button{flex-shrink:0}
}
#mobile-filters-dialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;overscroll-behavior:contain}
.filter-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--paper);border-bottom:1px solid var(--line)}
.filter-dialog-header h2{font-size:1.25rem}
#mobile-filters-dialog #filters{display:block;margin:0;padding:20px}
#mobile-filters-dialog .filter-title h2{display:none}
#mobile-filters-dialog .filter-apply{display:block;width:calc(100% - 36px);margin:16px 18px;order:3}
#mobile-filters-dialog[open]{display:flex;flex-direction:column}
#mobile-filters-dialog #filters{order:2}
@media(max-width:760px){
 .catalog-toolbar{position:sticky;top:0;z-index:25;background:var(--paper);box-shadow:0 5px 12px #0000000d;margin-bottom:22px;border-bottom:1px solid var(--line);scroll-margin-top:0}
 .catalog-toolbar .results-head{margin:0;min-height:60px;gap:8px}
 .catalog-toolbar .active-filters:not(:empty){padding:10px 12px;margin:0;max-height:120px;overflow:auto;gap:7px}
 .catalog-toolbar .active-filters button{background:#e0e3e0;border-color:#a3ada6;min-height:40px;font-size:.875rem;padding:7px 11px}
 .catalog-toolbar .mobile-filter{font-size:.875rem;white-space:nowrap}
 .catalog-toolbar .results-head h2{font-size:1.125rem}
 .back-to-top{right:14px;bottom:14px;padding:11px 14px;font-size:.875rem}
}