@font-face{font-family:PlexArabic;src:url('assets/IBMPlexSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PlexArabic;src:url('assets/IBMPlexSansArabic-Medium.ttf') format('truetype');font-weight:500 800;font-display:swap}
:root{--brown:#5f4840;--ivory:#f5f0ea;--gold:#cc9e48;--muted:#796b64;--line:#ded3c7;--white:#fffdf9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8e0d6;color:var(--brown);font-family:PlexArabic,Tahoma,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button[hidden]{display:none}.skip-link{position:fixed;top:-70px;right:16px;background:var(--brown);color:white;padding:12px;z-index:3}.skip-link:focus{top:12px}.page{max-width:1060px;margin:48px auto;display:grid;grid-template-columns:360px minmax(0,1fr);direction:ltr;box-shadow:0 22px 80px #4c382c12;background:var(--ivory)}.brand-panel{direction:rtl;background:var(--brown);color:var(--ivory);position:sticky;top:0;height:100vh;max-height:850px;min-height:620px;overflow:hidden;padding:64px 38px 34px;display:flex;flex-direction:column;align-items:center;text-align:center}.brand-pattern{position:absolute;inset:auto -115px -270px;aspect-ratio:1;background:url('assets/pattern.png') center/cover;opacity:.33;transform:rotate(10deg);pointer-events:none}.brand-panel>*:not(.brand-pattern){position:relative}.brand-link{display:block;width:240px;max-width:100%;margin:40px 0 12px}.brand-logo{display:block;width:100%;aspect-ratio:2;background:var(--ivory);mask:url('assets/logo-original.png') center/contain no-repeat;-webkit-mask:url('assets/logo-original.png') center/contain no-repeat}.brand-category{font-size:16px;display:flex;align-items:center;gap:20px;letter-spacing:1px}.brand-category i{font-size:10px;color:var(--gold);font-style:normal}.brand-note{margin:auto 0;padding:44px 0}.small-label{font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;color:#dac6a0}.brand-note p{font-size:29px;line-height:1.8;font-weight:400;margin:20px 0}.brand-domain{font:11px Arial,sans-serif;letter-spacing:2px;margin-top:40px}main{direction:rtl;min-width:0;padding:44px 48px 22px}.eyebrow{font-size:12px;color:#8b6b3b}h1{font-size:31px;font-weight:500;line-height:1.5;margin:8px 0 10px;letter-spacing:-.5px}.intro p{font-size:14px;color:var(--muted);margin:0 0 26px}.mobile-break{display:none}.shop-button{display:flex;align-items:center;gap:17px;background:var(--brown);color:var(--ivory);padding:16px 20px;border:1px solid var(--brown);transition:background .18s;min-height:82px}.shop-button:hover{background:#49362f}.shop-button strong{font-size:17px;font-weight:500}.shop-button small{display:block;font-size:12px;opacity:.8;margin-top:2px}.line-icon{color:var(--gold);font-size:38px;line-height:1}.arrow{margin-inline-start:auto;font:23px Arial,sans-serif;color:#aa8553}.category-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.category-links a{border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:14px;min-height:48px}.category-links a:hover{background:#ebe1d4}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:29px 0 13px}.section-title h2{font-size:17px;font-weight:500;margin:0}.section-title>span{font-size:11px;color:var(--muted)}.contact-list{border-top:1px solid var(--line)}.contact-list>a{display:flex;gap:17px;align-items:center;min-height:73px;border-bottom:1px solid var(--line);padding:12px 2px}.contact-list>a:hover{background:#eee6dc}.contact-list strong{display:block;font-size:14px;font-weight:500}.contact-list small{display:block;font-size:12px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}.contact-list img,.contact-list svg{flex-shrink:0;opacity:.85}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.social-grid a{min-height:78px;border:1px solid var(--line);display:flex;gap:7px;flex-direction:column;align-items:center;justify-content:center;font-size:12px;background:#fffdf936;transition:background .18s,border-color .18s}.social-grid a:hover{background:var(--white);border-color:var(--gold)}.social-grid img{width:21px;height:21px;opacity:.82}.utility-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:24px 0 4px;font-size:12px}.utility-links button{border:0;background:none;color:var(--brown);cursor:pointer;padding:0}.utility-links a,.utility-links button{min-height:44px;display:flex;align-items:center;gap:9px}.share-status{font-size:12px;min-height:20px;text-align:center;margin:0;color:var(--muted)}footer{font-size:11px;text-align:center;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}footer>span{margin:0 10px}footer p{font-size:10px;margin:8px 0 0;opacity:.8}
@media(max-width:1100px){.page{margin:24px}.brand-panel{padding-inline:25px}.page{grid-template-columns:32% minmax(0,1fr)}main{padding:36px}}
@media(max-width:700px){body{background:var(--ivory)}.page{display:block;margin:0;box-shadow:none}.brand-panel{position:relative;height:230px;min-height:0;max-height:none;padding:32px 20px 25px}.brand-link{width:198px;margin:0 0 8px}.brand-category{font-size:13px;gap:16px}.brand-note{display:none}.brand-domain{font-size:9px;margin-top:20px;letter-spacing:2px}.brand-pattern{width:500px;inset:-65px auto auto -350px;opacity:.36}.brand-panel:after{content:'';position:absolute;right:-260px;top:10px;width:420px;height:420px;background:url('assets/pattern.png') center/cover;opacity:.25;transform:rotate(13deg);pointer-events:none}main{max-width:520px;margin:auto;padding:28px 22px 24px}.intro h1{font-size:27px;line-height:1.5}.intro p{font-size:13px;margin-bottom:23px}.eyebrow{font-size:11px}.shop-button{min-height:78px}.section-title h2{font-size:16px}.section-title{margin-top:27px}.social-grid a{min-height:79px}.contact-list>a{min-height:75px}}
@media(max-width:355px){main{padding-inline:16px}h1{font-size:24px!important}.section-title>span{font-size:10px}.category-links a{padding:12px 10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}