:root{color:#292622;font-synthesis:none;--ivory:#f5f0e8;--cocoa:#292622;--beige:#d9cbb8;--mango:#b89a62;--champagne:#b7aa98;--line:#2926222e;background:#f5f0e8;font-family:IBM Plex Sans Arabic,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-shell{overflow:hidden}.section-wrap{width:min(1200px,100% - 64px);margin-inline-start:auto;margin-inline-end:auto}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:10;background:#f5f0e8f0;height:82px;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;width:min(1320px,100% - 48px);height:100%;margin:auto;display:grid}.header-side{justify-self:start}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.brand img{object-fit:cover;border-radius:50%;width:39px;height:39px}.header-nav{justify-self:end;gap:28px;font-size:14px;display:flex}.header-nav a{opacity:.75;transition:opacity .2s}.header-nav a:hover{opacity:1}.back-button{color:var(--cocoa);background:0 0;border:0;padding:8px 0;font-size:14px}.back-button span{margin-inline-start:7px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:650px;padding-block-start:70px;padding-block-end:70px;display:grid}.hero-copy{padding-inline-start:5vw}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7c7064;margin:0 0 22px;font-family:Manrope,IBM Plex Sans Arabic,sans-serif;font-size:11px}.eyebrow span{color:var(--mango)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em;font-weight:500;line-height:1.1}.hero h1{margin:0 0 26px;font-size:clamp(64px,8vw,116px)}.hero h1 em,h1 em,h2 em{color:var(--mango);font-style:normal}.hero-lead{color:#625950;max-width:340px;margin-bottom:34px;font-size:17px;line-height:2}.primary-button,.outline-button{border:1px solid var(--cocoa);justify-content:center;align-items:center;gap:34px;padding:14px 20px;font-size:14px;transition:background .25s,color .25s,transform .25s;display:inline-flex}.primary-button{background:var(--cocoa);color:var(--ivory)}.primary-button:hover,.outline-button:hover{background:var(--mango);border-color:var(--mango);color:var(--cocoa);transform:translateY(-2px)}.hero-mark{aspect-ratio:1;justify-self:center;place-items:center;width:min(100%,460px);display:grid;position:relative}.hero-mark img{aspect-ratio:1;object-fit:cover;z-index:1;filter:grayscale(.15);border-radius:50%;width:53%;position:relative}.hero-orbit{border:1px solid var(--champagne);border-radius:50%;position:absolute;top:7%;bottom:7%;left:7%;right:7%}.hero-orbit:after{content:"";background:var(--mango);border-radius:50%;width:12px;height:12px;position:absolute;top:14%;right:8%}.hero-mark p{color:#817468;font-size:13px;line-height:1.8;position:absolute;bottom:7%;left:4%}.intro{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;padding-block-start:110px;padding-block-end:110px;display:grid}.intro h2,.section-heading h2{margin:0;font-size:clamp(43px,5vw,70px)}.intro>p{color:#625950;align-self:end;max-width:405px;font-size:16px;line-height:2.1}.category-grid{padding-bottom:130px}.section-heading{border-bottom:1px solid var(--line);align-items:end;gap:26px;margin-bottom:28px;padding-bottom:20px;display:flex}.section-heading .eyebrow{margin:0}.section-heading h2{margin:0 auto 0 0;font-size:42px}.section-heading>a{font-size:13px}.section-heading>a span,.outline-button span,.primary-button span{margin-inline-start:10px;font-size:18px}.editorial-grid{grid-template-columns:repeat(2,1fr);gap:42px 22px;display:grid}.category-card{display:block}.image-frame{background:var(--beige);aspect-ratio:1.45;border:1px solid #29262233;position:relative;overflow:hidden}.image-frame:after{content:"";pointer-events:none;border:1px solid #f5f0e885;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.image-frame img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.category-card:hover .image-frame img{transform:scale(1.025)}.card-meta{grid-template-columns:45px 1fr 25px;gap:14px;padding-top:16px;display:grid}.card-meta>span{color:#8e8175;font:12px Manrope}.card-meta h3{margin:0 0 7px;font-size:20px;font-weight:500}.card-meta p{color:#71675f;max-width:360px;margin:0;font-size:13px;line-height:1.8}.card-meta strong{justify-self:end;font:400 20px Manrope}.soft-cta{background:var(--beige);min-height:390px;margin-bottom:100px;padding:70px max(6vw,50px)}.soft-cta h2{margin-bottom:26px;font-size:clamp(48px,6vw,84px)}.page{min-height:640px;padding-block-start:86px;padding-block-end:130px}.page-intro{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:end;margin-bottom:44px;padding-bottom:42px;display:grid}.page-intro h1,.category-page h1,.contact-page h1,.not-found h1{margin:0;font-size:clamp(54px,7vw,95px)}.page-intro>p:last-child{color:#625950;max-width:300px;line-height:2}.search-box{border-bottom:1px solid var(--cocoa);align-items:center;gap:12px;max-width:400px;margin:0 0 45px auto;padding:8px 0;display:flex}.search-box span{font-size:25px}.search-box input{width:100%;color:var(--cocoa);background:0 0;border:0;outline:0}.search-box button{background:0 0;border:0;font-size:22px}.catalog-list{grid-template-columns:repeat(2,1fr);gap:42px 22px;display:grid}.category-banner{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding-bottom:70px;display:grid}.category-banner img{aspect-ratio:1.25;object-fit:cover;border:1px solid var(--line);width:100%}.category-banner h1{margin:0 0 20px}.category-banner p:last-child{color:#625950;max-width:330px;line-height:2}.empty-products{text-align:center;padding:105px 20px}.empty-products h2{margin-bottom:20px;font-size:clamp(42px,5vw,68px)}.empty-products>p:not(.eyebrow){color:#71675f;max-width:440px;margin:0 auto 28px;line-height:2}.contact-page{padding-top:130px}.contact-copy{color:#625950;max-width:420px;margin:30px 0;line-height:2}.empty-state{text-align:center;color:#71675f;padding:70px 20px}.empty-state span{color:var(--mango);font-size:40px}.not-found{padding-top:140px}.footer{border-top:1px solid var(--line);grid-template-columns:1fr 2fr auto;align-items:end;gap:30px;padding-block-start:46px;padding-block-end:46px;display:grid}.footer-brand{align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.footer-brand img{object-fit:cover;border-radius:50%;width:34px;height:34px}.footer p{color:#71675f;margin:13px 0 0;font-size:13px}.footer-links{color:#625950;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:13px;display:flex}.copyright{white-space:nowrap;font-family:Manrope!important}.floating-contact{background:var(--cocoa);color:var(--ivory);z-index:9;padding:11px 17px;font-size:12px;position:fixed;bottom:24px;left:24px;box-shadow:0 8px 25px #29262226}@media (max-width:700px){.section-wrap{width:calc(100% - 36px)}.site-header{height:68px}.header-inner{width:calc(100% - 28px)}.header-nav{gap:12px;font-size:12px}.header-nav a:first-child{display:none}.brand{font-size:18px}.brand img{width:33px;height:33px}.hero{flex-direction:column;align-items:stretch;min-height:0;padding-block-start:58px;padding-block-end:75px;display:flex}.hero-copy{padding:0}.hero h1{font-size:68px}.hero-mark{width:82%;margin:18px auto 0}.intro{padding-block-start:72px;padding-block-end:72px;display:block}.intro>p{margin-top:30px}.section-heading{gap:14px}.section-heading h2{font-size:32px}.section-heading>a{font-size:12px}.editorial-grid,.catalog-list{grid-template-columns:1fr;gap:40px}.category-grid{padding-bottom:80px}.soft-cta{margin-bottom:60px;padding:54px 30px}.page{padding-block-start:62px;padding-block-end:90px}.page-intro{padding-bottom:32px;display:block}.page-intro>p:last-child{margin-top:25px}.category-banner{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.category-banner h1{font-size:52px}.empty-products{padding-block-start:72px;padding-block-end:72px}.contact-page h1,.not-found h1{font-size:66px}.footer{grid-template-columns:1fr;gap:28px;padding-block-start:38px;padding-block-end:38px}.footer-links{justify-content:flex-start}.copyright{justify-self:start}.floating-contact{bottom:16px;left:16px}.back-button span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.admin-screen{background:var(--ivory);min-height:100vh;color:var(--cocoa)}.admin-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.admin-logo{align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.admin-logo img{object-fit:cover;border-radius:50%;width:38px;height:38px}.admin-logo small{color:#887b6d;margin-inline-start:8px;font-size:12px;font-weight:400}.admin-logout{color:#71675f;background:0 0;border:0;font-size:13px}.admin-layout{grid-template-columns:210px 1fr;gap:70px;width:min(1320px,90%);margin:0 auto;display:grid}.admin-sidebar{border-inline-end:1px solid var(--line);padding-top:55px;flex-direction:column;align-items:stretch;gap:9px;min-height:calc(100vh - 76px);padding-inline-end:28px;display:flex}.admin-sidebar .eyebrow{margin-bottom:14px}.admin-sidebar button,.admin-sidebar a{text-align:right;color:#71675f;background:0 0;border:0;padding:12px 0;font-size:14px}.admin-sidebar button.active{color:var(--cocoa);border-inline-end:2px solid var(--mango);padding-inline-end:12px;font-weight:600}.admin-main{padding:62px 0 100px}.admin-main>h1{margin:0 0 42px;font-size:clamp(52px,6vw,82px)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:45px;display:grid}.stat-card{border:1px solid var(--line);padding:25px}.stat-card p{color:#71675f;margin:0 0 20px}.stat-card strong{font:44px Manrope;display:block}.stat-card small{color:#887b6d}.admin-note{background:var(--beige);margin-top:20px;padding:40px}.admin-note h2{margin:0 0 16px;font-size:46px}.admin-note p:last-child{color:#71675f;line-height:2}.admin-columns{grid-template-columns:minmax(280px,380px) 1fr;gap:50px;display:grid}.admin-form,.admin-list{border-top:1px solid var(--line);padding-top:22px}.admin-form h2,.admin-list h2{margin:0 0 24px;font-size:24px;font-weight:500}.admin-form label,.login-card label{color:#71675f;margin-bottom:17px;font-size:13px;display:block}.admin-form input,.admin-form textarea,.admin-form select,.login-card input{border:1px solid var(--line);width:100%;color:var(--cocoa);background:#ffffff40;outline:none;margin-top:7px;padding:12px;display:block}.admin-form textarea{resize:vertical;min-height:90px}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.login-card input:focus{border-color:var(--mango)}.form-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-form .primary-button{border:0;margin-top:8px}.admin-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.admin-row strong,.admin-row small{display:block}.admin-row small{color:#887b6d;margin-top:5px;font-size:12px}.admin-row button{border:1px solid var(--line);color:#71675f;background:0 0;padding:7px 12px;font-size:12px}.muted{color:#887b6d}.login-card{border-top:1px solid var(--cocoa);width:min(420px,100% - 36px);margin:10vh auto 0;padding-top:24px}.login-card h1{margin:0 0 13px;font-size:58px}.login-card>p:not(.eyebrow){color:#71675f;margin-bottom:32px;line-height:1.9}.login-card .primary-button{border:0;width:100%;margin-top:12px}.admin-logo{margin:32px 5vw}.admin-error{color:#7d342b;background:#f0d8d0;margin:0 0 20px;padding:12px 15px;font-size:13px}.back-home{text-align:center;color:#71675f;margin-top:22px;font-size:13px;display:block}@media (max-width:750px){.admin-layout{width:calc(100% - 36px);display:block}.admin-sidebar{border:0;border-bottom:1px solid var(--line);flex-direction:row;min-height:auto;padding:18px 0;display:flex;overflow:auto}.admin-sidebar .eyebrow{display:none}.admin-sidebar button,.admin-sidebar a{white-space:nowrap;padding:8px 12px}.admin-main{padding-top:40px}.stat-grid{gap:8px}.stat-card{padding:15px}.stat-card strong{font-size:30px}.stat-card p{font-size:12px}.admin-columns{display:block}.admin-list{margin-top:50px}.admin-header{padding:0 18px}}
