*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f7f5ef;color:#293123;font-family:Tajawal,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible{outline:3px solid #9c7436;outline-offset:5px}p{line-height:1.8}h1,h2,h3,p{margin-top:0}.review-banner{text-align:center;padding:9px 16px;font-size:13px;background:#eae0ca;color:#55472c}.header{min-height:100px;padding:16px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #deddd3}.brand img{display:block;width:178px;height:auto}.header nav{display:flex;gap:32px;font-size:15px;font-weight:700}.back{font-size:14px;border-bottom:1px solid #b2a786;padding:8px 0}.back span{margin-right:10px}.hero{padding:72px 7% 65px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:13px;font-weight:800;color:#7b6947;letter-spacing:.5px;margin-bottom:19px}.hero h1{font-size:clamp(48px,5.4vw,78px);line-height:1.12;margin-bottom:25px;font-weight:800;letter-spacing:-1.5px}.hero h1 span{display:block;font-size:clamp(30px,3.3vw,48px);line-height:1.4;margin-top:12px;font-weight:700;letter-spacing:-.7px}.intro{font-size:19px;color:#606555;margin-bottom:28px}.actions{display:flex;gap:11px;flex-wrap:wrap}.button{min-height:48px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:15px;font-weight:700;border:1px solid transparent;border-radius:3px}.primary{background:#303925;color:#fff}.primary:hover{background:#475336}.secondary{border-color:#a8ac9a}.hero-tags{display:flex;gap:19px;margin-top:38px;padding-top:20px;border-top:1px solid #d6d8cc;color:#606555;font-size:13px}.hero-art{background:#303925;padding:22px;color:#e8ddc5;transform:rotate(-1deg)}.image-placeholder{aspect-ratio:1.12;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #b9a27680;background:#37412b}.photo-icon{font-size:42px;line-height:1;color:#bba578;font-weight:400;margin-bottom:19px}.image-placeholder p{font-size:23px;margin-bottom:8px}.image-placeholder small{font-size:14px;line-height:1.8;color:#c8c7b3}.art-caption{display:flex;justify-content:space-between;margin-top:19px;font-size:13px}.art-caption span:last-child{letter-spacing:3px;font-size:11px}.section{padding:70px 7%}.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-title .eyebrow{margin-bottom:10px}h2{font-size:clamp(27px,3vw,40px);line-height:1.3;margin-bottom:0}.section-title>p{font-size:15px;margin-bottom:0;color:#666b5e}.services{border-top:1px solid #deddd3;background:#eeeee5}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfd1c1}.service-grid article{padding:29px 23px;border-inline-end:1px solid #cfd1c1}.service-grid article:last-child{border:0}.number{font-size:12px;color:#837044;display:block;margin-bottom:32px}.service-grid h3{font-size:23px;margin-bottom:10px}.service-grid p{font-size:14px;color:#616858;margin-bottom:0}.gallery{padding-bottom:80px}.review-label{font-size:12px;color:#76643f;border:1px solid #d5cbb5;padding:8px 12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery figure{margin:0}.gallery-placeholder{aspect-ratio:1.3;background:#eae9e0;border:1px dashed #b8baa9;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#787e6c}.gallery-placeholder span{font-size:11px;margin-bottom:16px}.gallery-placeholder p{font-size:17px;margin:0}figcaption{font-size:12px;color:#747967;margin-top:12px}.contact{background:#303925;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact .eyebrow{color:#d4bd8c}.contact h2{font-size:45px;margin-bottom:20px}.contact p{color:#d8dccf;font-size:16px;margin-bottom:0}.contact-card{border:1px solid #a99b7659;padding:28px}.contact-card small{color:#d4bd8c}.contact-card strong{display:block;text-align:right;font-size:36px;letter-spacing:2px;margin-top:18px}.contact-card p{font-size:12px;margin:15px 0}.contact-disabled{width:100%;background:#e1d2ad;color:#303925;opacity:.8;cursor:not-allowed}footer{padding:35px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:14px}footer strong{display:block;margin-bottom:12px}footer a{color:#69725c;font-size:13px}.staff{text-align:left}.staff button{padding:10px 15px;background:transparent;border:1px solid #c7cbbd;color:#626954;cursor:not-allowed}.staff button span{font-size:11px;background:#e8e8de;padding:3px 7px;margin-right:14px}.staff small{display:block;font-size:11px;color:#777e6b;margin-top:10px}@media(max-width:850px){.header{padding-inline:5%}.header nav{gap:16px}.hero{padding:45px 5%;gap:5%}.hero h1{font-size:56px}.hero h1 span{font-size:32px}.intro{font-size:16px}.button{font-size:13px;padding:13px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid article:nth-child(2){border-inline-end:0}.service-grid article:nth-child(-n+2){border-bottom:1px solid #cfd1c1}.section{padding:50px 5%}.contact{gap:6%}.contact h2{font-size:35px}.contact-card{padding:20px}.contact-card strong{font-size:28px}}@media(max-width:600px){.review-banner{font-size:11px;padding:8px 10px}.header{flex-wrap:wrap;gap:15px;min-height:0;padding-block:17px}.brand img{width:140px}.header nav{order:3;width:100%;justify-content:center;padding-top:14px;border-top:1px solid #deddd3;font-size:13px;gap:36px}.back{font-size:12px}.hero{grid-template-columns:1fr;padding:38px 6% 42px;gap:35px}.hero h1{font-size:59px}.hero h1 span{font-size:33px}.eyebrow{margin-bottom:14px}.intro{font-size:17px;margin-bottom:24px}.actions{gap:9px}.button{font-size:13px;padding:14px 16px}.hero-tags{margin-top:25px;gap:20px;font-size:12px}.hero-art{padding:17px;transform:none}.image-placeholder{aspect-ratio:1.55}.image-placeholder p{font-size:20px}.image-placeholder small{font-size:12px}.photo-icon{font-size:33px;margin-bottom:10px}.section{padding:42px 6%}.section-title{align-items:start;flex-direction:column;gap:15px;margin-bottom:26px}.section-title>p br{display:none}.service-grid article{padding:22px 16px}.service-grid h3{font-size:20px}.service-grid p{font-size:13px}.number{margin-bottom:25px}.gallery-grid{grid-template-columns:1fr;gap:25px}.gallery-placeholder{aspect-ratio:1.7}.contact{grid-template-columns:1fr;gap:25px}.contact h2{font-size:38px}.contact-card strong{font-size:33px}footer{padding:28px 6%;flex-direction:column;align-items:start;gap:24px}.staff{text-align:right}footer strong{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Product tabs and full-image viewer. Images retain their original proportions. */
.gallery-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #d6d8cc;padding-bottom:20px}.gallery-tabs button{border:1px solid #c5c9b8;color:#48523b;background:transparent;padding:12px 20px;min-height:46px;border-radius:3px;cursor:pointer;font-weight:700}.gallery-tabs button[aria-selected=true]{background:#303925;color:#fff;border-color:#303925}.gallery-tabs button:hover{border-color:#80714a}.gallery-tabs button:focus-visible,.gallery-photo:focus-visible,.viewer-controls button:focus-visible,.viewer-stage button:focus-visible{outline:3px solid #b28b49;outline-offset:4px}.gallery-hint{font-size:13px;color:#747967;margin:18px 0 26px}.gallery-photo{padding:0;display:block;background:#e8e8de;border:1px solid #d5d7c8;width:100%;cursor:zoom-in;border-radius:4px;overflow:hidden}.gallery-photo img{display:block;width:100%;height:390px;object-fit:contain}.gallery-grid figure,.premises-grid figure{margin:0}.gallery-grid figcaption,.premises-grid figcaption{font-size:15px;font-weight:700;line-height:1.6;margin-top:12px;color:#414b35}.gallery-empty{grid-column:1/-1;padding:35px 0;color:#6c755f}.premises{background:#eeeee5}.premises-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.premises-grid .gallery-photo img{height:360px}.viewer-open{overflow:hidden}.photo-viewer{background:#171d14;color:#fff;border:1px solid #727a65;padding:18px;width:min(1100px,96vw);max-width:96vw;max-height:94vh;border-radius:5px}.photo-viewer::backdrop{background:#10140fea}.viewer-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.viewer-controls button,.viewer-stage button{background:#ffffff10;border:1px solid #ffffff40;color:#fff;padding:10px 15px;min-width:44px;min-height:44px;cursor:pointer}.viewer-controls span{color:#d3c49f;font-size:13px}.viewer-stage{display:flex;align-items:center;justify-content:center;gap:14px}.viewer-stage img{object-fit:contain;max-width:calc(100% - 124px);height:auto;max-height:70vh;min-width:0}.viewer-stage button{flex-shrink:0;font-size:22px}.viewer-stage button:disabled{opacity:.3;cursor:default}#photo-caption{margin:15px 0 0;text-align:center;font-size:15px}@media(max-width:850px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-photo img{height:340px}.premises-grid .gallery-photo img{height:280px}}@media(max-width:600px){.gallery-tabs{gap:7px}.gallery-tabs button{font-size:12px;padding:10px 12px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.gallery-photo img{height:230px}.gallery-grid figcaption{font-size:13px}.premises-grid{grid-template-columns:1fr;gap:24px}.premises-grid .gallery-photo img{height:auto;max-height:none}.photo-viewer{padding:12px}.viewer-stage{gap:5px}.viewer-stage img{max-width:calc(100% - 92px);max-height:68vh}.viewer-stage button{padding:7px;min-width:40px}.viewer-controls button{font-size:13px}#photo-caption{font-size:13px}}@media(max-width:350px){.gallery-grid{grid-template-columns:1fr}.gallery-photo img{height:330px}}
.hero-art{transform:none}.hero-photo{display:block;width:100%;height:auto;object-fit:contain}.hero{grid-template-columns:.85fr 1.15fr;gap:5%}.phone-pending{font-size:29px!important;letter-spacing:0!important}.gallery-grid{row-gap:30px}.header nav{gap:24px}@media(max-width:850px){.hero{grid-template-columns:1fr 1fr}.header nav{gap:15px}}@media(max-width:600px){.hero{grid-template-columns:1fr}.header nav{gap:23px}.hero-art{padding:12px}.hero h1 span{font-size:31px}.hero-photo{max-height:none}}
.contact-actions{display:flex;gap:10px;margin-top:22px}.contact-actions a{flex:1;padding:14px 12px;white-space:nowrap}.call-link{border-color:#bba578;color:#fff}.whatsapp-link{background:#e1d2ad;color:#303925}.social-links{display:flex;gap:17px;flex-wrap:wrap;padding-top:23px;margin-top:24px;border-top:1px solid #ffffff26;font-size:13px;color:#e1d2ad}.social-links a:hover{text-decoration:underline}.contact-card .social-handle{font-size:12px;letter-spacing:1px;text-align:right;margin-top:15px;color:#d1d5c7}
/* Review v2: full-width original hero, white/gold overlay; gallery cards unchanged. */
.hero{display:block;position:relative;padding:0;isolation:isolate;background:#20281b;overflow:hidden}.hero-art{position:relative;margin:0;padding:0;background:#20281b;z-index:0}.hero-photo{width:100%;height:auto;display:block;object-fit:contain}.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(14,21,11,.84) 0%,rgba(14,21,11,.48) 38%,rgba(14,21,11,.06) 75%)}.hero-text{position:absolute;z-index:2;inset-inline-start:7%;bottom:7%;width:min(650px,75%);color:#fff}.hero .eyebrow{color:#d2bc8d;margin-bottom:12px}.hero h1{font-size:clamp(45px,5vw,76px);color:#fff;margin-bottom:18px;text-shadow:0 2px 16px #0007}.hero h1 span{font-size:clamp(26px,3.1vw,46px);color:#dac49a;line-height:1.35;margin-top:10px}.hero .intro{color:#fff;font-size:18px;margin-bottom:24px}.hero .primary{background:#dac49a;color:#24301c;border-color:#dac49a}.hero .primary:hover{background:#ead9b6}.hero .secondary{border-color:#fff9;color:#fff;background:#0002}.hero-tags{border-color:#ffffff40;color:#f0eee5;margin-top:24px}.hero a:focus-visible{outline-color:#fff}@media(max-width:850px){.hero-text{inset-inline-start:5%;bottom:6%;width:85%}.hero h1{font-size:42px;margin-bottom:12px}.hero h1 span{font-size:28px}.hero .intro{font-size:15px;margin-bottom:17px}.hero-tags{margin-top:18px;padding-top:12px;font-size:12px}.hero .eyebrow{font-size:12px;margin-bottom:8px}}@media(max-width:600px){.hero-text{inset-inline-start:5%;bottom:5%;width:90%}.hero .eyebrow{font-size:10px;margin-bottom:5px}.hero h1{font-size:30px;line-height:1;margin-bottom:8px;letter-spacing:0}.hero h1 span{font-size:19px;line-height:1.25;margin-top:6px;letter-spacing:0}.hero h1 span br{display:none}.hero .intro{font-size:12px;line-height:1.5;margin-bottom:10px}.hero .actions{gap:8px}.hero .button{min-height:35px;padding:8px 11px;font-size:11px;gap:10px}.hero-tags{display:none}.hero:after{background:linear-gradient(0deg,rgba(14,21,11,.88),rgba(14,21,11,.35) 70%,rgba(14,21,11,.04))}}@media(max-width:360px){.hero h1{font-size:26px}.hero h1 span{font-size:17px}.hero .intro{font-size:11px}.hero .eyebrow{display:none}.hero .button{padding:7px 9px}}
.email-link{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:22px;color:#e9ddc0;font-size:14px}.email-link span{font-size:12px;color:#d8dccf}.email-link bdi{text-decoration:underline;text-underline-offset:4px}
.hero-tags{flex-wrap:wrap}@media(max-width:600px){.hero-tags{display:flex;gap:6px 13px;margin-top:10px;padding-top:8px;font-size:9px;line-height:1.3}}
/* Shmlan staff application entry. */
.staff .staff-program-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #303925;border-radius:3px;background:#303925;color:#fff;font-size:14px;font-weight:700}.staff .staff-program-login:hover{background:#475336;border-color:#475336}
/* Uniform compact frames: original photo fully preserved over a soft backdrop. */
#product-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:960px;margin-inline:auto}
#product-gallery .gallery-photo{position:relative;aspect-ratio:4/3;isolation:isolate;background:#eeeee5}
#product-gallery .gallery-backdrop{position:absolute;inset:-14%;width:128%;height:128%;object-fit:cover;filter:blur(22px);opacity:.65;z-index:-1;pointer-events:none}
#product-gallery .gallery-photo .gallery-original{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1}
#product-gallery figcaption{font-size:13px;margin-top:7px}
@media(max-width:600px){#product-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}}
/* Supplied uniform military photos retain their complete 2:3 frames. */
#product-gallery.military-uniform{max-width:720px}
#product-gallery.military-uniform .gallery-photo{aspect-ratio:2/3}
#product-gallery.military-uniform .gallery-backdrop{display:none}
/* Preview scale fix: supplied product images are 2:3 portraits. Preserve the full image. */
#product-gallery .gallery-photo{aspect-ratio:2/3}
#product-gallery .gallery-backdrop{display:none}
/* The supplied products are full-frame 2:3 portraits: keep that scale without cropping. */
#product-gallery .gallery-photo{aspect-ratio:2/3}
#product-gallery .gallery-backdrop{display:none}
/* Manifest has no crop bounds; pixel scan found only flat dark bars: 41 y369-1165, 42 y351-1183, 43 y346-1188, 44 y299-1236, 46 y425-1109 (inclusive). */
#product-gallery .gallery-photo.gallery-frame-41{aspect-ratio:1024/797}
#product-gallery .gallery-photo.gallery-frame-42{aspect-ratio:1024/833}
#product-gallery .gallery-photo.gallery-frame-43{aspect-ratio:1024/843}
#product-gallery .gallery-photo.gallery-frame-44{aspect-ratio:1024/938}
#product-gallery .gallery-photo.gallery-frame-46{aspect-ratio:1024/685}
#product-gallery .gallery-photo.gallery-frame-41 .gallery-original,
#product-gallery .gallery-photo.gallery-frame-42 .gallery-original,
#product-gallery .gallery-photo.gallery-frame-43 .gallery-original,
#product-gallery .gallery-photo.gallery-frame-44 .gallery-original,
#product-gallery .gallery-photo.gallery-frame-46 .gallery-original{object-fit:cover;object-position:center}
/* Occasion composition: one wide artwork beside two aligned portrait tiles per desktop row. */
#product-gallery.layout-occasions{grid-template-columns:repeat(4,minmax(0,1fr))}
#product-gallery.layout-occasions>figure.occasion-wide{grid-column:span 2}
#product-gallery.layout-occasions>figure.occasion-portrait{grid-column:span 1}
/* Only the last two accessory artworks have flat dark padding; the badge and fabric sample remain intact. */
#product-gallery .gallery-photo.gallery-frame-50{aspect-ratio:1024/1004}
#product-gallery .gallery-photo.gallery-frame-52{aspect-ratio:1024/995}
#product-gallery .gallery-photo.gallery-frame-50 .gallery-original,
#product-gallery .gallery-photo.gallery-frame-52 .gallery-original{object-fit:cover;object-position:center}
/* About tiles: three portrait visuals together, then the naturally wide brand panel; existing shop photos remain paired. */
.premises-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.premises-grid .intro-tile{grid-column:span 2}
.premises-grid .intro-wide{grid-column:span 6}
.premises-grid .premises-original{grid-column:span 3}
.premises-grid .intro-tile .gallery-photo{position:relative;aspect-ratio:2/3}
.premises-grid .intro-tile .gallery-original{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.premises-grid .intro-wide .gallery-photo.gallery-frame-46{aspect-ratio:1024/685}
.premises-grid .intro-wide .gallery-original{object-fit:cover;object-position:center}
@media(max-width:850px){#product-gallery.layout-occasions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.premises-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premises-grid .intro-tile{grid-column:span 1}.premises-grid .intro-wide,.premises-grid .premises-original{grid-column:span 2}}