:root{
 --ink:#30251f;--brown:#624633;--brown2:#806047;--gold:#b99769;
 --sand:#e8ddcf;--cream:#f6f1e9;--paper:#fffdfa;--muted:#786e65;
 --line:#e8dfd5;--green:#218653;--shadow:0 18px 50px rgba(48,37,31,.10)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.topline{background:var(--ink);color:#f6eee5;text-align:center;padding:7px 12px;font-size:12px;letter-spacing:.1px}
header{position:sticky;top:0;z-index:10;background:rgba(255,253,250,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:var(--brown)}
.brandmark{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:700;color:var(--gold)}
.brandname{font-size:25px;font-weight:900;line-height:1.1}
.brandname small{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:6px;letter-spacing:.3px}
.links{display:flex;gap:25px;color:#67594e;font-size:13px}
.links a:hover{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:7px;background:var(--brown);color:white;font-size:13px;font-weight:700;transition:.2s;border:1px solid var(--brown)}
.btn:hover{background:var(--ink);transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--brown);border-color:#bda88f}
.btn-outline:hover{color:#fff}
.btn-green{background:var(--green);border-color:var(--green)}
.hero{background:linear-gradient(115deg,#f5efe7 0%,#e9ded0 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center;padding:55px 0 58px}
.eyebrow{font-size:12px;color:var(--brown2);font-weight:800;letter-spacing:.5px}
.hero h1{font-size:clamp(32px,4.1vw,51px);line-height:1.35;color:var(--ink);margin:12px 0 15px;font-weight:900}
.hero h1 em{font-style:normal;color:var(--brown2)}
.hero p{font-size:15px;color:#71645a;max-width:490px;margin:0 0 25px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-meta{display:flex;gap:22px;margin-top:28px;color:#75695f;font-size:11px}
.hero-meta span{display:flex;align-items:center;gap:7px}
.dot{width:6px;height:6px;background:var(--gold);border-radius:50%}
.hero-photo{height:430px;position:relative;border-radius:3px 80px 3px 3px;overflow:hidden;box-shadow:var(--shadow);background:#d8c8b7}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.photo-tag{position:absolute;bottom:18px;right:18px;background:rgba(255,253,250,.93);padding:10px 15px;font-size:11px;color:var(--brown);border-right:3px solid var(--gold)}
.section{padding:70px 0}
.section-head{text-align:center;margin-bottom:30px}
.section-head .eyebrow{display:block;margin-bottom:5px}
.section-head h2{font-size:29px;color:var(--ink);margin:0 0 6px}
.section-head p{font-size:13px;color:var(--muted);margin:0}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.category{background:white;border:1px solid var(--line);overflow:hidden;transition:.25s}
.category:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.category-photo{height:205px;background:#e6d9ca;overflow:hidden}
.category-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.category:hover img{transform:scale(1.04)}
.category-info{padding:14px 16px 17px}
.category-info h3{margin:0;color:var(--brown);font-size:16px}
.category-info p{margin:4px 0 0;color:var(--muted);font-size:11px}
.photo-note{text-align:center;color:#93877b;font-size:10px;margin-top:13px}
.custom{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.custom:before{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(185,151,105,.25);border-radius:50%;left:-110px;top:-190px}
.custom-grid{display:grid;grid-template-columns:1fr .85fr;gap:55px;align-items:center;position:relative}
.custom .eyebrow{color:#d2b88f}
.custom h2{font-size:clamp(27px,3.5vw,40px);line-height:1.4;margin:10px 0 14px}
.custom p{color:#d5c9bd;font-size:14px;max-width:520px;margin:0 0 20px}
.custom-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 25px}
.custom-points span{font-size:12px;color:#e9dfd5}
.custom-points span:before{content:"✓";color:#d2b88f;margin-left:8px}
.custom-visual{height:340px;border:1px solid rgba(185,151,105,.35);padding:12px;position:relative}
.custom-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.82)}
.visual-caption{position:absolute;bottom:27px;right:27px;left:27px;background:rgba(48,37,31,.82);padding:13px 16px;color:#fff;font-size:13px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.step{padding:23px;background:var(--cream);border:1px solid var(--line)}
.step-num{font-size:12px;color:var(--gold);font-weight:900}
.step h3{font-size:16px;margin:8px 0 5px;color:var(--brown)}
.step p{font-size:12px;color:var(--muted);margin:0}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.why{border-top:2px solid var(--gold);padding:18px 16px;background:#faf7f2}
.why b{display:block;color:var(--brown);font-size:15px;margin-bottom:5px}
.why p{font-size:12px;color:var(--muted);margin:0}
.cta{background:var(--cream);padding:36px 0}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.cta h2{margin:0;color:var(--brown);font-size:25px}
.cta p{margin:5px 0 0;color:var(--muted);font-size:12px}
.contact{background:#251d19;color:#fff;padding:37px 0}
.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.contact h2{margin:0;font-size:22px}
.contact p{margin:4px 0 0;color:#cbbeb2;font-size:12px}
.phone{direction:ltr;text-align:right;color:#e4d1b7;font-size:14px;margin-top:8px}
footer{padding:17px 0;color:#87796d;font-size:10px;display:flex;justify-content:space-between;gap:15px}
@media(max-width:800px){
 .links{display:none}.hero-grid{grid-template-columns:1fr;gap:25px;padding:35px 0}
 .hero-photo{height:300px;border-radius:3px 55px 3px 3px}
 .categories{grid-template-columns:repeat(2,1fr)}
 .custom-grid{grid-template-columns:1fr;gap:25px}.custom-visual{height:260px}
 .steps,.why-grid{grid-template-columns:1fr}
 .section{padding:52px 0}
}
@media(max-width:520px){
 .wrap{width:min(100% - 28px,1160px)}
 .nav{height:70px}.brandname{font-size:22px}.nav>.btn{padding:10px 12px;font-size:11px}
 .hero h1{font-size:32px}.hero-meta{gap:12px;flex-wrap:wrap}
 .category-photo{height:155px}.category-info{padding:11px}
 .category-info h3{font-size:14px}
 .custom-points{grid-template-columns:1fr}
 .cta-inner,.contact-inner{display:block}.cta .btn,.contact .btn{margin-top:17px}
 footer{display:block}footer>span{display:block;margin-top:5px}
}

:focus-visible{outline:3px solid #218653;outline-offset:4px}
section[id],main[id]{scroll-margin-top:150px}button,input,select,textarea{font:inherit}button{cursor:pointer}.btn{min-height:44px}
.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:30}.skip:focus{top:0}
.mobile-links{display:none}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-grid figure{margin:0;border:1px solid var(--line);background:white;overflow:hidden;border-radius:10px}.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-grid figcaption{padding:16px}.gallery-grid h3{font-size:16px;margin:0 0 8px}.gallery-grid a:not(.btn){display:block}.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.filters button{background:white;color:var(--brown);border:1px solid var(--line);border-radius:20px;padding:8px 18px;min-height:44px}.filters button[aria-pressed=true]{background:var(--brown);color:white}[hidden]{display:none!important}
.request-box{background:var(--cream);border:1px solid var(--line);border-radius:15px;padding:28px}.request-box form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-box label{display:block;font-size:14px;font-weight:bold}.request-box input,.request-box select,.request-box textarea{display:block;width:100%;padding:12px;background:white;border:1px solid #bda88f;border-radius:6px;color:var(--ink);min-width:0;font-size:16px}.full{grid-column:1/-1}.request-box small{color:var(--muted)}.request-box .btn{width:fit-content}.policy-links{display:flex;flex-wrap:wrap;gap:8px 20px;padding:20px 0;font-size:13px}.policy-links a{text-decoration:underline}.prose{max-width:800px;min-height:55vh}.prose h1{font-size:32px}.prose h2{font-size:22px;margin-top:30px}.prose p,.prose li{font-size:15px}.prose a{text-decoration:underline}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:bold;min-height:44px}.status{font-size:13px;color:var(--muted)}.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.category-info .btn{margin-top:12px;font-size:12px;padding:8px 14px}.gallery-grid .btn{font-size:12px;padding:9px 14px}.photo-note{font-size:12px;color:#786e65}.hero-photo{background:#d8c8b7}.hero-photo img{object-position:center}.error-box{padding:80px 0}.phone a{text-decoration:underline}
@media(max-width:800px){.mobile-links{display:flex;gap:8px;overflow-x:auto;padding:8px 14px;border-top:1px solid var(--line);font-size:12px;white-space:nowrap}.mobile-links a{padding:8px;min-height:44px;display:inline-flex;align-items:center}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:12px}.hero-grid>*{min-width:0}}
@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}.request-box{padding:18px}.request-box form{grid-template-columns:1fr}.brand{gap:7px}.brandmark{width:34px;height:34px;flex-shrink:0}.brandname small{font-size:9px}.nav>.btn{padding:8px;font-size:10px}.brandname{font-size:20px}.hero-photo{height:270px}.section-head h2{font-size:25px}.prose h1{font-size:27px}.contact-actions{margin-top:18px}.contact-actions .btn{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}

@media(max-width:800px){.mobile-links{justify-content:space-between;gap:0;padding:4px 12px;font-size:12px}.mobile-links a{padding:8px 4px}}

.request-preview{margin-top:24px;padding:22px;border:1px solid #bda88f;background:#fffdfa;border-radius:8px}.request-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:2}.request-preview h3{margin-top:0}.request-preview .btn{max-width:100%}


/* Direct contact is available without scripts or form completion. */
.btn svg{width:20px;height:20px;flex-shrink:0}.hero .conversion-note{font-size:13px;line-height:1.8;margin:14px 0 0;color:var(--brown)}
.browse-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;padding:8px}.direct-contact{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.mobile-contact-bar{display:none}.prose .btn{text-decoration:none}.prose section[id]{margin-top:30px}
@media(max-width:800px){.has-contact-bar{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.mobile-contact-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(48,37,31,.1)}.mobile-contact-bar .btn{flex:1;min-height:48px}.hero-actions .btn{flex:1}.hero-actions .browse-link{flex-basis:100%;justify-content:center}.hero-meta{flex-wrap:wrap}}


/* Gallery category cards and complete photo framing. */
.gallery-grid img,.category-photo img{object-fit:contain;background:#f4f1ed}
.gallery-grid figure[hidden]{display:none!important}
@media(min-width:1001px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.categories{grid-template-columns:1fr}}


/* One card per model, with an accessible in-place photo gallery. */
.model-stage{position:relative;touch-action:pan-y}
.model-photo{display:block}
.gallery-grid .model-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f4f1ed}
.model-count{position:absolute;inset-inline-end:12px;bottom:12px;background:#49372b;color:#fff;padding:5px 11px;border-radius:18px;font-size:13px;pointer-events:none}
.model-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;border-bottom:1px solid var(--line);background:#faf8f5}
.model-controls button{border:1px solid var(--line);background:#fff;color:var(--brown);border-radius:8px;padding:7px 12px;min-height:44px;cursor:pointer;font:inherit;font-size:13px}
.model-controls span[data-model-position]{font-size:13px;color:#6e5a4c;direction:ltr}
.model-caption{font-size:13px;color:#746759;margin:0 0 12px}
.model-fallback{margin-top:12px;font-size:13px}
.model-viewer{border:1px solid #d6c9bd;border-radius:14px;background:#fffdf9;color:#30251f;padding:0;width:min(1000px,96vw);max-width:96vw;max-height:94vh;overflow:auto;overscroll-behavior:contain}
.model-viewer::backdrop{background:rgba(25,18,14,.8)}
.viewer-header{position:static;box-shadow:none;border:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fffdf9}
.viewer-header h2{font-size:20px;line-height:1.5;margin:0}
.viewer-header p{font-size:13px;color:#736353;margin:4px 0 0}
.viewer-close{border:1px solid #d6c9bd;border-radius:8px;background:#fff;color:#30251f;min-width:90px;min-height:44px;padding:8px 12px;cursor:pointer;font:inherit;flex-shrink:0}
.viewer-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;padding:8px;background:#f4f1ed;direction:rtl}
.viewer-stage #viewer-image{grid-column:2;grid-row:1;width:100%;height:min(60vh,650px);object-fit:contain;touch-action:pan-y}
.viewer-arrow{grid-row:1;background:#fff;border:1px solid #d6c9bd;border-radius:50%;width:44px;height:44px;font-size:32px;line-height:1;color:#49372b;cursor:pointer}
#viewer-prev{grid-column:1}
#viewer-next{grid-column:3}
.viewer-thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 20px}
.viewer-thumbs button{background:#f4f1ed;border:2px solid transparent;border-radius:6px;padding:3px;min-height:62px;flex-shrink:0;cursor:pointer}
.viewer-thumbs button[aria-current=true]{border-color:#6a4934}
.viewer-thumbs img{display:block;width:72px;height:54px;object-fit:contain}
.viewer-original{display:block;margin:0 20px 16px;font-size:13px;text-decoration:underline}
.viewer-open{overflow:hidden}
.model-controls button:focus-visible,.viewer-shell button:focus-visible,.model-photo:focus-visible{outline:3px solid #b8753d;outline-offset:3px}
@media(max-width:600px){.viewer-header{padding:12px;gap:8px}.viewer-header h2{font-size:16px}.viewer-close{min-width:75px}.viewer-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:2px;padding:4px}.viewer-arrow{width:36px;height:44px;border-radius:8px}.viewer-stage #viewer-image{height:55vh}.viewer-thumbs{padding:10px 12px}}

/* Approved Lamsa brown and gold homepage design — 2026-11-02 */
:root{--ink:#302019;--brown:#634431;--brown2:#806047;--gold:#c8943f;--cream:#f8f1e9;--paper:#fffaf5;--line:#e7d8c8}
body{background:linear-gradient(180deg,#fffaf5,#f8f0e8 68%,#fffaf5)}
.topline{background:#493022;color:#fff2dc}
header{background:rgba(255,250,245,.98);border-bottom:1px solid #e6d5bf}
.brand{gap:10px}.brandmark{width:52px;height:52px;border:2px solid #b98a40;background:linear-gradient(135deg,#40291e,#785039);color:#f6ce80;font-family:Georgia,serif;font-size:21px;box-shadow:inset 0 0 0 3px #f3e0bc}
.brandname{color:#63402b;font-size:29px}.brandname small{color:#715f51}
.btn{background:linear-gradient(135deg,#79523a,#4b3023);border-color:#6b4630;border-radius:12px}
.btn-outline{background:#fffaf4;color:#65432d;border:1px solid #c7a87c}
.btn-green{background:#218653;border-color:#218653}
.hero{background:linear-gradient(115deg,#f5e8da,#e9d6c1)}
.hero-grid{gap:28px;padding:36px 0}
.hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.2;color:#fff1d6;text-shadow:0 2px 7px #2c1c17}
.hero h1 em{color:#f7d28b}
.hero-grid>div:first-child{background:linear-gradient(115deg,#513629,#281b17);padding:30px;border-radius:22px;color:#fff8e8}
.hero-grid>div:first-child p{color:#f5e8db}.hero-grid>div:first-child .eyebrow{color:#f2ce8e}
.hero-photo{border-radius:22px;height:360px}
.section-head h2{color:#50301e}.section-head h2:after{content:"";display:block;width:86px;height:2px;background:#c99b58;margin:8px auto}
.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category{border-radius:14px;box-shadow:0 4px 12px rgba(55,32,17,.08)}
.category-photo{height:160px}.category-info{background:linear-gradient(120deg,#79563f,#4c3225);padding:10px 12px;text-align:center}.category-info h3{color:#fff5e8;font-size:15px}.category-info p{color:#f2e2d2}.category-info .btn{color:#533b2a;background:#fff8ef;border-color:#d7b785}
.category-info .btn:hover{background:#e5c88c;color:#38251c}
@media(min-width:1001px){.categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid>div:first-child{padding:22px}.hero h1{font-size:36px}}
@media(max-width:520px){.category-photo{height:145px}.category-info h3{font-size:13px}.brandname{font-size:22px}.brandmark{width:40px;height:40px;font-size:16px}.hero-photo{height:260px}}

/* Verified offer enquiries and authentic review submissions */
.factory-offer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border:1px solid #d6b787;border-radius:18px;background:linear-gradient(110deg,#fff7ec,#ead6bd)}
.factory-offer h3,.review-invite h3{margin:0 0 9px;color:#513321;font-size:23px}
.factory-offer p,.review-invite p{margin:0 0 10px;color:#645449}
.factory-offer strong{color:#9b3c2a}.offer-actions{display:flex;flex-direction:column;gap:12px;min-width:180px}
.review-invite{border:1px solid #dfcbb0;background:#fffaf3;border-radius:18px;padding:25px;text-align:center}
@media(max-width:700px){.factory-offer{display:block;padding:20px}.offer-actions{flex-direction:row;flex-wrap:wrap;margin-top:18px}}

/* Per-model specifications and tappable category names */
#collections .category-info h3 a{color:inherit;text-decoration:none}#collections .category-info h3 a:hover,#collections .category-info h3 a:focus-visible{text-decoration:underline}
.spec-button{cursor:pointer;margin-inline-end:8px}.spec-dialog{width:min(94vw,620px);max-height:90vh;overflow:auto;border:1px solid #d4b68a;border-radius:18px;padding:0;background:#fffaf4;color:#34241b;box-shadow:0 20px 70px #0005}.spec-dialog::backdrop{background:#120d09b8}.spec-shell{padding:24px}.spec-close{float:left;background:#583b2c;color:white;border:0;border-radius:8px;padding:8px 12px;cursor:pointer}.spec-heading{margin:10px 0 20px}.spec-dialog table{border-collapse:collapse;width:100%;text-align:right}.spec-dialog th,.spec-dialog td{padding:10px;border-bottom:1px solid #e5d9c9;vertical-align:top}.spec-dialog th{width:36%;background:#f1e5d5}.spec-note{font-size:.9rem;color:#655244;margin:16px 0}.spec-whatsapp{display:inline-block}

/* Presentation-only trim for the confirmed black sidebars in the wide light-colored majlis photo. Original source remains intact. */
#gallery figure[data-model-id="model-1000065209"] .model-photo{overflow:hidden;display:block}
#gallery figure[data-model-id="model-1000065209"] .model-photo img{width:104%;max-width:none;margin-inline-start:-2%;display:block}

#gallery .model-stage{position:relative}
#gallery .model-stage::after{content:"لمسة";position:absolute;top:12px;inset-inline-start:12px;pointer-events:none;color:#fff8e8;background:#493122aa;border:1px solid #d9b77a;border-radius:8px;padding:5px 12px;font-weight:700;font-size:13px;z-index:2}