/* Shared English/Arabic storefront and device layouts. */
:root{--header-height:97px}
html{scroll-padding-top:calc(var(--header-height) + 65px)}
body{min-width:280px}
h1,h2,h3,.btn,.price-note{font-family:"Arial Black",Arial,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .btn{font-family:Arial,Tahoma,sans-serif;font-weight:800;letter-spacing:0;line-height:1.5}
img{max-width:100%}
header>*{min-width:0}
.header-search input{width:100%}
.language-switch{display:flex;direction:ltr;padding:3px;border:1px solid #ccd7e9;border-radius:9px;background:#f4f7fc;flex-shrink:0;gap:3px}
.language-switch button{border:0;background:transparent;color:#29436b;border-radius:6px;padding:10px 12px;min-height:40px;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:700;white-space:nowrap}
.language-switch button[aria-pressed=true]{background:var(--blue);color:white;box-shadow:0 2px 4px #12346b16}
.language-switch button:hover{box-shadow:inset 0 0 0 1px #7293cf}
.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:7px;min-height:44px;min-width:44px;padding:9px;color:var(--blue);cursor:pointer}
.language-status{margin:0;padding:12px 5%;background:#fff2df;color:#674719}
[hidden]{display:none!important}
html[lang=en] [data-language-only=ar],html[lang=ar] [data-language-only=en]{display:none!important}
.hero .arabic-store-name{font-size:clamp(32px,3.6vw,52px)!important;margin:16px 0!important}
.hero .arabic-tagline{font-size:clamp(27px,2.8vw,40px)!important;font-weight:800;line-height:1.5}
.hero .home-tagline{margin-top:18px}
.bilingual-service-caption{grid-template-columns:1fr}
.bilingual-service-caption p{max-width:85ch}
.retail-nav{top:var(--header-height)}
.catalogue-layout>*,.product-grid>*,.product-body,.detail-specs{min-width:0}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalogue-layout{grid-template-columns:205px minmax(0,1fr)}
.category-panel{top:calc(var(--header-height) + 65px);max-height:calc(100dvh - var(--header-height) - 85px);overflow-y:auto}
.cat-button{text-align:start;min-height:42px;white-space:normal;overflow-wrap:anywhere}
.cat-button.sub{padding-inline-start:25px;padding-inline-end:10px}
.product-group{grid-column:1/-1}
.product-body h3{font-size:16px;overflow-wrap:anywhere}
.product-body p{overflow-wrap:anywhere}
.product-body .price-note{font-size:22px!important}
.product-photo{aspect-ratio:1;object-fit:contain}
.product-card[data-image-kind] .product-photo,.product-photo{height:210px;padding:14px}
.product-body{padding:15px}
.product-actions{flex-direction:column}
.product-body .product-actions .btn{width:100%;min-width:0;min-height:44px;flex:auto;font-size:12px}
.detail-specs div{min-width:0}
.detail-specs dd{overflow-wrap:anywhere;unicode-bidi:plaintext}
.price-note,.detail-price{unicode-bidi:plaintext}
.brand-logo{object-fit:contain}
.section-top{gap:24px}
.section-top>*{min-width:0}
.header-whatsapp{white-space:nowrap}
.topbar{flex-wrap:wrap}
.hero .actions{flex-wrap:wrap}
.detail-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.detail-gallery img{width:100%;height:320px;object-fit:contain;background:white}
#product-details{max-width:min(940px,calc(100% - 24px));max-height:90dvh;padding:26px}
#product-details h2{overflow-wrap:anywhere;font-size:28px}
html[dir=rtl] .tile-arrow{transform:scaleX(-1)}
html[dir=rtl] .brand,html[dir=rtl] .product-body,html[dir=rtl] .section-top,html[dir=rtl] .form{text-align:start}
html[dir=rtl] .eyebrow,html[dir=rtl] .product-category{letter-spacing:0}
html[dir=rtl] .numbers a{display:inline-block;direction:ltr}
html[dir=rtl] .brand-logo,html[dir=rtl] .official-logo{direction:ltr}
@media(max-width:1279px){
 header{gap:16px;grid-template-columns:auto minmax(180px,1fr) auto;padding-inline:4%}
 .brand strong{font-size:12px}.brand small{font-size:13px}.official-logo{width:77px}
 .header-tools{gap:8px}.language-switch button{padding:10px}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .catalogue-layout{grid-template-columns:185px minmax(0,1fr);gap:18px}
 .product-body h3{font-size:16px}
 .header-whatsapp{font-size:12px;padding:12px}
}
@media(max-width:1000px) and (min-width:801px){
 .brand span{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ac-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 html{scroll-padding-top:calc(var(--header-height) + 12px)}
 header{grid-template-columns:minmax(0,1fr) auto;padding:9px 4%;gap:9px}
 .brand{gap:7px}.official-logo{width:62px;height:52px;flex-shrink:0}
 .brand strong{font-size:11px;letter-spacing:0}.brand small{font-size:12px}
 .header-tools{grid-area:1/2;gap:6px}.header-whatsapp{display:none}
 .language-switch{gap:0;padding:2px}.language-switch button{font-size:12px;padding:7px 9px;min-height:38px}
 .menu-toggle{display:grid;place-items:center;min-width:40px;min-height:44px;padding:8px}
 .header-search{grid-column:1/-1;grid-row:2;width:100%}
 .header-search input{font-size:16px;padding:12px}
 .retail-nav{display:none;top:var(--header-height);padding:8px 4%;box-shadow:0 14px 24px #102b651a}
 .retail-nav.is-open{display:block}
 .retail-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0;max-height:60dvh;overflow-y:auto;white-space:normal}
 .retail-nav nav>a{padding:12px;border-radius:6px;font-size:14px;min-height:44px;border:0!important}
 .retail-nav nav>a:hover{background:#edf3ff}
 .hero{padding:25px 5%;grid-template-columns:1fr}
 .hero .bilingual-brand h1{font-size:31px}.hero .home-tagline{font-size:32px;line-height:1.18}
 .hero .arabic-store-name{font-size:33px!important}.hero .arabic-tagline{font-size:29px!important}
 .hero-showcase{max-width:600px}.hero .actions{gap:9px}
 .hero .actions .btn{min-height:46px;padding:13px 16px}
 .catalogue-layout{grid-template-columns:1fr;gap:20px}
 .category-panel{position:static;max-height:none;overflow:visible}
 #category-menu{display:flex;overflow:auto;max-height:190px;gap:8px;align-items:flex-start}
 #category-menu>.cat-button{width:auto;flex:0 0 110px}
 #category-menu>.cat-group{flex:0 0 155px;margin:0;padding:0;border:0}
 #category-menu .cat-button{font-size:13px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-card[data-image-kind] .product-photo,.product-photo{height:190px;padding:12px}
 .product-body{padding:14px}.product-body h3{font-size:16px}
 .product-body .price-note{font-size:22px!important}.product-actions{flex-direction:column}
 .product-body .product-actions .btn{width:100%;font-size:13px;min-height:44px}
 .results-bar{align-items:flex-start;gap:10px}.results-bar span{min-width:0}
 .results-bar .clear{flex-shrink:0;min-height:44px}
 .section-top{display:block}.section-top p{max-width:65ch}
 .footer{padding-bottom:100px}
 .mobile-contact a{font-size:12px;min-height:44px}
 .offer-list .product-card{display:grid;grid-template-columns:1fr 1fr}
 .offer-list .product-body{padding:15px}
 .service,.contact,.ceo,.projects,.showroom{grid-template-columns:1fr}
 .numbers a{font-size:25px}
 .form input,.form select,.form textarea{font-size:16px;width:100%}
 .detail-gallery img{height:260px}
}
@media(max-width:430px){
 .brand span{display:none}.official-logo{width:65px;height:52px}
 .header-tools{gap:7px}.language-switch button{padding:8px 10px;font-size:13px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .product-card[data-image-kind] .product-photo,.product-photo{height:155px;padding:9px}
 .product-body{padding:11px}.product-body h3{font-size:14px;line-height:1.5}
 .product-body p,.detail-specs{font-size:12px}
 .product-body .price-note{font-size:20px!important}.price-note span{font-size:11px}
 .product-actions{gap:7px;padding-top:10px}.product-body .product-actions .btn{font-size:12px;padding:10px 6px}
 .offer-list .product-card{grid-template-columns:1fr}.offer-list .product-body{padding:18px}
 .offer-list .product-card .product-photo{height:260px!important}
 .hero .actions .text-link{min-height:42px;display:flex;align-items:center}
 .hero .home-tagline{font-size:30px}.hero .arabic-tagline{font-size:27px!important}
 #product-details{padding:18px}#product-details h2{font-size:24px}
}
@media(max-width:370px){
 .product-grid{grid-template-columns:1fr}
 .product-card[data-image-kind] .product-photo,.product-photo{height:245px}
 .product-body{padding:17px}.product-body h3{font-size:18px}.product-body p{font-size:13px}
 .product-actions{flex-direction:row}.product-body .product-actions .btn{width:auto;flex:1}
 .hero .bilingual-brand h1{font-size:26px}.hero .home-tagline{font-size:28px}
 .language-switch button{font-size:12px;padding:8px}.menu-toggle{min-width:38px}
}

.product-body .product-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;min-height:4.8em}

/* Manufacturer and supplier photographs in the main showroom banner. */
.hero-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:115px 255px;gap:10px;padding:12px;background:white;border-radius:10px;align-items:center}
.hero-products img{display:block;width:100%;height:100%;min-width:0;object-fit:contain;border-radius:0}
.hero-products .hero-product-0{grid-column:1/-1;max-height:110px}
@media(max-width:800px){.hero-products{grid-template-rows:95px 210px;padding:10px;gap:8px}.hero-products .hero-product-0{max-height:90px}}
@media(max-width:430px){.hero-products{grid-template-rows:75px 180px;padding:8px;gap:6px}.hero-products .hero-product-0{max-height:70px}}