/* Official Joud layout. */
:root{--page-width:1160px}
.topbar{padding:8px max(5%,calc((100% - var(--page-width))/2));font-size:13px;letter-spacing:0}
header{max-width:var(--page-width);margin:0 auto;padding:14px 0;min-height:96px;gap:24px}
.brand .logo-window{width:94px}header nav{gap:24px;font-size:14px}
nav a[href="#welkom"],nav .nav-call{display:none}
.language-switch{margin:0;border:0;background:#f0f5ef;padding:3px}
.language-switch button{font-size:14px;padding:6px 10px;min-width:0}
.hero{max-width:var(--page-width);margin:0 auto;min-height:0;grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:44px 0 48px}
.hero-copy,html[lang="ar"] .hero-copy{padding:0}
.hero .eyebrow{margin-bottom:16px;font-size:12px;letter-spacing:.07em}
h1{font-size:clamp(42px,4.6vw,64px);line-height:1.1;letter-spacing:-.05em;margin-bottom:18px}
.hero p.intro{font-size:16px;line-height:1.75;max-width:410px}
.actions{margin:24px 0 0;gap:18px;flex-wrap:wrap}
.actions .text-link{order:-1;display:inline-flex;gap:18px;align-items:center;background:var(--green);color:white;border-radius:6px;padding:15px 20px;font-size:15px;font-weight:600}
.actions .text-link span{margin:0}
.actions .route-button{background:transparent;color:var(--green);padding:12px 0;gap:12px;font-size:15px}
.hero-bottom{display:none}
.hero-image.shop-photo{width:100%;align-self:center}
.hero-image.shop-photo figcaption{font-size:14px;padding-top:10px}
.quick-section{max-width:var(--page-width);margin:0 auto 48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}
.offers,.shopping{margin:0;width:100%;border-radius:12px;padding:28px;display:block}
.offers{background:#f4f7f2;color:var(--ink);border:1px solid #dce5d9;border-top:4px solid var(--lime)}
.offers h2{color:var(--green);font-size:30px;letter-spacing:-.035em;margin-bottom:8px}
.offers-heading p{color:var(--muted);font-size:14px;line-height:1.6}
.offers-carousel{max-width:270px;margin-top:22px}
.offer-card>a{background:white;border:1px solid #e1e7dd;border-radius:8px}
.offer-card figcaption{font-size:15px;line-height:1.5;font-weight:500;padding-top:10px}
.offer-card .offer-note{color:#6d4917;font-size:14px}
.offers-controls{margin-top:16px;gap:18px}.offers-controls button{width:44px;height:44px;background:white;border:1px solid #bacdbb;color:var(--green);font-size:22px}
.offers-controls button:focus-visible{outline-color:var(--green)}
.shopping{background:white;border:1px solid #cbd9c9;border-top:4px solid var(--green)}
.shopping .eyebrow{font-size:12px;letter-spacing:.06em;margin-bottom:10px;color:var(--green)}
.shopping h2{font-size:34px;margin-bottom:12px;letter-spacing:-.035em}
.shopping p{font-size:16px;line-height:1.65;margin:0 0 20px}
.shopping-form{margin-top:24px}
.shopping-fields{margin-bottom:16px}
.shopping-form textarea{min-height:130px}
.shopping-form input:not([type=hidden]),.shopping-form textarea{border-color:#a8baa6;background:#fcfdfb}
.shopping .shopping-note{font-size:14px;line-height:1.6;margin:12px 0}
.shopping-submit{width:100%;justify-content:center;padding:14px 20px}
.shopping-actions{margin-top:18px}
.assortment{max-width:var(--page-width);margin:0 auto 44px;border-top:1px solid #dce5d9;padding-top:30px}
.assortment h2{font-size:24px;margin-bottom:18px;letter-spacing:-.02em}
.assortment-list{display:flex;flex-wrap:wrap;gap:10px}
.assortment-list li,.assortment-list li:nth-child(3n){background:white;border:1px solid #dce5d9;border-radius:30px;font-size:15px;padding:10px 18px;line-height:1.4}
.gallery{max-width:var(--page-width);padding:0;margin:0 auto 48px}
.gallery .eyebrow{font-size:12px;margin-bottom:8px;letter-spacing:.06em}
.gallery h2{font-size:30px;margin-bottom:24px;letter-spacing:-.025em}
.gallery-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.gallery-grid::-webkit-scrollbar{display:none}
.gallery-grid figure{flex:0 0 calc((100% - 20px)/2);min-width:0;scroll-snap-align:start}
.gallery-grid figcaption{font-size:15px;padding-top:10px}
.gallery-grid .photo-frame,.gallery-grid .store-photo-frame{aspect-ratio:4/3;background:#f0f4ed}
.gallery-grid .shop-photo .photo-frame img{width:75%;height:133.3333%;object-fit:contain}
.gallery-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:18px}
.gallery-controls button{width:44px;height:44px;border:1px solid #bacdbb;background:white;color:var(--green);border-radius:50%;font-size:22px;cursor:pointer}
.gallery-controls button:disabled{opacity:.35;cursor:default}
.gallery-controls span{font-size:14px;min-width:42px;text-align:center;font-variant-numeric:tabular-nums}
.gallery-grid:focus-visible,.gallery-controls button:focus-visible{outline:3px solid #c45b00;outline-offset:3px}
.visit{padding:40px max(5%,calc((100% - var(--page-width))/2));background:#f1f6ef;border-top:1px solid #dce5d9;grid-template-columns:.75fr 1.5fr;gap:40px}
.visit h2{font-size:32px;letter-spacing:-.03em}.visit .eyebrow{font-size:12px;margin-bottom:10px}.visit-heading>p:last-child{font-size:15px}.details article{border-color:#bacdbb}.number{display:none}.details{gap:30px}.details p,.details p.muted{font-size:15px}
.social-contact{margin-top:20px}.social-links a{font-size:14px;padding:8px 12px}
footer{max-width:var(--page-width);margin:auto;padding:22px 0;font-size:14px}.footer-brand .logo-window{width:70px}.footer-social{display:none}
html[lang="ar"] h1{font-size:clamp(38px,4vw,58px);line-height:1.4}
html[lang="ar"] .shopping h2,html[lang="ar"] .gallery h2,html[lang="ar"] .offers h2,html[lang="ar"] .visit h2{font-size:30px;letter-spacing:0}
@media(max-width:1280px){header,.hero,.quick-section,.assortment,.gallery,footer{margin-inline:5%}.hero{gap:30px}}
@media(max-width:900px){header{gap:16px}.language-switch{margin-inline-start:auto}.quick-section{grid-template-columns:1fr 1.1fr;gap:18px}.offers,.shopping{padding:22px}.visit{grid-template-columns:1fr;gap:24px}}
@media(max-width:720px){header{gap:10px;min-height:0;padding:12px 0}.brand .logo-window{width:74px}header nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px;margin:0;border-top:1px solid #e1e7dd;padding-top:12px}header nav a{font-size:14px}.language-switch{flex-basis:auto;width:auto;justify-content:flex-end;border:0;padding:3px;border-radius:24px;margin-inline-start:auto}.language-switch button{min-height:40px;min-width:0}.hero{grid-template-columns:1fr;padding:28px 0 30px;gap:24px}.hero-copy,html[lang="ar"] .hero-copy{padding:0}.hero .eyebrow{font-size:12px;margin-bottom:12px}h1{font-size:44px;margin-bottom:14px}.hero p.intro{max-width:none}.hero-image.shop-photo{max-width:520px}.hero-image.shop-photo figcaption{font-size:14px}.actions{margin:20px 0 0;gap:20px}.actions .text-link{padding:14px 16px;font-size:14px}.actions .route-button{font-size:14px}.quick-section{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.offers,.shopping{padding:22px}.offers-carousel{max-width:260px}.shopping h2{font-size:30px}.shopping-form{margin-top:18px}.assortment{padding-top:24px;margin-bottom:32px}.assortment-list{gap:8px}.assortment-list li{font-size:14px;padding:9px 14px}.gallery{margin-bottom:32px}.gallery h2{font-size:28px}.gallery-grid figure{flex-basis:100%}.gallery-controls{justify-content:center}.visit{padding-block:30px;gap:24px}.details{grid-template-columns:1fr;gap:24px}.details article{padding-top:18px}.details p.muted{max-width:none}.social-contact{margin-top:18px}footer{padding:20px 0;gap:12px}footer p{order:0;flex-basis:auto;font-size:14px}html[lang="ar"] h1{font-size:38px}}

/* Restore Joud's vivid palette while keeping the compact layout. */
.topbar{border-bottom:3px solid var(--lime)}
.language-switch{background:#fff1a3}
.hero .eyebrow{color:var(--green)}
h1 em{background:linear-gradient(transparent 76%,var(--lime) 76%);padding-inline:3px}
.hero-image.shop-photo{border-bottom:4px solid #ff9820;padding-bottom:10px}
.offers{background:var(--green);color:white;border-color:var(--green);border-top-color:#ff9820}
.offers h2{color:var(--lime)}
.offers-heading p{color:#f0f8ed}
.offer-card>a{background:#fff;border-color:#fff}
.offer-card .offer-note{color:#fff2b2}
.offers-controls button{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.offers-controls button:focus-visible{outline-color:white}
.shopping{border-color:#d2b630;border-top-color:var(--green);background:#fff4b8}
.shopping-form input:not([type=hidden]),.shopping-form textarea{background:white;border-color:#99ad83}
.shopping .shopping-note{color:#40502e}
.assortment-list li{font-weight:600}
.assortment-list li:nth-child(3n+1){background:var(--green);border-color:var(--green);color:white}
.assortment-list li:nth-child(3n+2){background:var(--lime);border-color:var(--lime);color:var(--ink)}
.assortment-list li:nth-child(3n){background:#ff9820;border-color:#ff9820;color:#25351a}
.gallery-controls button{background:var(--lime);border-color:var(--lime)}
.visit{background:var(--lime);border-top:4px solid #ff9820}
.details article{border-color:#baa125}