*{box-sizing:border-box} :root{--ink:#101827;--muted:#69717e;--cream:#f7f5ef;--paper:#fffefa;--lime:#d8f36a;--line:#e8e6df;--orange:#f2a27b}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Tajawal","DM Sans",sans-serif}body[lang="en"]{font-family:"DM Sans","Tajawal",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.announcement{background:var(--ink);color:#fff;text-align:center;padding:9px 12px;font-size:12px;letter-spacing:.04em}.site-header{height:82px;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,254,250,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font:800 25px "DM Sans",sans-serif;letter-spacing:-1.5px}.brand-mark{width:34px;height:34px;background:var(--lime);border-radius:11px;display:grid;place-items:center;font:800 24px "DM Sans";transform:rotate(-7deg);color:var(--ink)}.brand-dot{color:#8cae19}.desktop-nav{display:flex;gap:34px;font-size:14px;color:#555d69}.desktop-nav a:hover,.footer-links a:hover{color:#6b850d}.header-actions{display:flex;align-items:center;gap:12px}.lang-btn,.icon-btn{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 12px;font-size:12px}.icon-btn{font-size:23px;width:39px;height:39px;padding:0}.admin-link{border:0;background:var(--ink);color:white;padding:12px 17px;border-radius:999px;font-size:12px}.hero{padding:70px 8% 74px;display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:center;min-height:565px;overflow:hidden}.hero-copy{max-width:570px}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:700;color:#7c8f39;display:flex;gap:9px;align-items:center;text-transform:uppercase}.spark{color:#a6c83a;font-size:17px}.hero h1{font-size:clamp(45px,5.6vw,76px);line-height:1.12;letter-spacing:-2.8px;margin:23px 0 18px;font-weight:800}.hero h1 em,.section-heading h2 em,.feature-band h2 em,.newsletter h2 em{font-style:normal;color:#91ad25}.hero-copy>p{font-size:16px;line-height:1.95;color:var(--muted);max-width:465px;margin:0 0 25px}.hero-buttons{display:flex;align-items:center;gap:24px}.btn{border:0;border-radius:999px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:19px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#27364e}.btn-light{background:var(--lime);color:var(--ink)}.btn-outline{border:1px solid var(--line);background:white;color:var(--ink)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #c5caaf;padding-bottom:5px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:39px}.avatar-stack{display:flex;direction:ltr}.avatar-stack span{height:31px;width:31px;display:grid;place-items:center;border:2px solid var(--paper);margin-left:-7px;border-radius:50%;background:#d9e5b2;font-size:12px}.avatar-stack span:nth-child(2){background:#f0c6ae}.avatar-stack span:nth-child(3){background:#d8d9ec}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:11px;color:var(--muted);margin-top:4px}.hero-art{height:420px;position:relative;display:grid;place-items:center}.hero-card-main{height:365px;width:min(350px,80%);border-radius:22px;background:#e9eddb;padding:20px;position:relative;z-index:1;box-shadow:0 28px 65px #18233b12;transform:rotate(3deg)}.hero-card-top,.hero-card-bottom{display:flex;justify-content:space-between;align-items:center}.hero-card-top{font:700 10px "DM Sans";letter-spacing:.13em}.tiny-pill{font-size:9px;background:#fff9;border-radius:99px;padding:6px 9px}.hero-product-visual{height:255px;position:relative;display:grid;place-items:center}.sun-disc{width:185px;height:185px;border-radius:50%;background:#d4e0a4;position:absolute;top:32px;left:50%;transform:translateX(-50%)}.abstract-product{position:relative;width:110px;height:150px;filter:drop-shadow(10px 14px 9px #1b273226);z-index:2}.product-top{width:70px;height:22px;border-radius:8px 8px 3px 3px;background:#e2a77e;margin:auto}.product-body{height:92px;width:92px;margin:auto;background:linear-gradient(110deg,#263746,#526b71 50%,#172a39);border-radius:18px 18px 24px 24px;border:3px solid #d9c6a7}.product-base{height:18px;width:108px;margin:-1px auto;background:#d9c6a7;border-radius:4px 4px 12px 12px}.floating-star{position:absolute;top:37px;right:25px;font-size:31px;color:#9ebf35}.floating-note{position:absolute;left:10px;bottom:40px;font:800 12px "DM Sans";letter-spacing:.12em;transform:rotate(-8deg)}.hero-card-bottom{border-top:1px solid #1d2a241a;padding-top:13px}.hero-card-bottom small,.hero-card-bottom strong{display:block}.hero-card-bottom small{font-size:10px;color:#707a5e}.hero-card-bottom strong{font-size:14px;margin-top:4px}.round-arrow{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #dfe5ce;border-radius:50%;width:400px;height:400px}.orbit-two{width:470px;height:300px;transform:rotate(-34deg);border-style:dashed}.float-tag{position:absolute;background:white;border:1px solid var(--line);border-radius:99px;padding:11px 15px;box-shadow:0 8px 28px #19202c0d;font-size:11px;font-weight:700;z-index:3}.tag-top{top:48px;right:0}.tag-bottom{bottom:35px;left:1%}.tag-dot{display:inline-block;width:7px;height:7px;background:#8eb42b;border-radius:50%;margin-inline-end:6px}.ticker{background:var(--lime);overflow:hidden;white-space:nowrap;padding:15px 0;font:800 11px "DM Sans";letter-spacing:.13em}.ticker div{display:flex;justify-content:space-around;gap:28px;align-items:center}.ticker span{font-size:17px}.section{padding:83px 8%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:33px}.section-heading h2,.feature-band h2,.newsletter h2{font-size:clamp(29px,3.5vw,43px);line-height:1.2;letter-spacing:-1.2px;margin:13px 0 0;font-weight:800}.section-heading .text-link{margin-bottom:8px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{height:165px;border:1px solid var(--line);border-radius:16px;background:#faf9f3;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;cursor:pointer}.category-card:hover{transform:translateY(-4px);border-color:#bdcf7e;background:#f5f8e9}.category-icon{height:52px;width:52px;display:grid;place-items:center;border-radius:15px;background:#e8edcf;font-size:24px}.category-card:nth-child(2n) .category-icon{background:#f5e1d3}.category-card:nth-child(3n) .category-icon{background:#e2e3f3}.category-card strong{font-size:16px}.category-card small{color:var(--muted);font-size:11px}.products-section{background:#f8f7f1}.section-sub{font-size:13px;color:var(--muted);margin:10px 0 0}.product-filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #dfded5;border-radius:999px;padding:9px 14px;font-size:11px;color:#626975}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.search-bar{display:none;gap:10px;margin:0 0 22px}.search-bar.show{display:flex}.search-bar input{flex:1;min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:white}.search-bar button{border:1px solid var(--line);border-radius:10px;background:white;padding:0 15px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{background:white;border:1px solid #eceae2;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #202a1b0a}.product-image{height:205px;background:#eeefe7;position:relative;overflow:hidden;display:grid;place-items:center;cursor:pointer}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .placeholder{font-size:52px;color:#a6b36b}.product-badge{position:absolute;top:12px;right:12px;background:var(--lime);padding:6px 9px;border-radius:99px;font-size:9px;font-weight:800}.product-content{padding:16px}.product-category{font-size:10px;color:#8ba528;font-weight:700}.product-title{font-size:15px;line-height:1.4;margin:7px 0 8px;font-weight:800}.product-description{font-size:11px;line-height:1.8;color:var(--muted);min-height:39px}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:13px}.product-price{font-size:11px;font-weight:700}.product-actions{display:flex;gap:7px}.small-action{border:1px solid var(--line);background:white;border-radius:99px;padding:8px 10px;font-size:10px}.small-action.primary{background:var(--ink);color:white;border-color:var(--ink)}.empty-state{text-align:center;padding:50px;color:var(--muted)}.feature-band{margin:0 8% 80px;background:#e9eddb;border-radius:22px;padding:44px 5%;display:grid;grid-template-columns:100px 1fr 180px;align-items:center;gap:28px}.feature-symbol{font:800 74px "DM Sans";letter-spacing:-8px;color:#263544}.feature-symbol span{color:#8aa92c}.feature-band h2{font-size:34px}.feature-band p{max-width:600px;color:#657064;line-height:1.9;font-size:13px}.feature-stat{border-inline-start:1px solid #cbd2b8;padding-inline-start:28px}.feature-stat strong{display:block;font:800 36px "DM Sans"}.feature-stat span{font-size:12px;color:#657064}.newsletter{background:var(--ink);color:white;padding:58px 8%;display:flex;justify-content:space-between;align-items:center;gap:25px}.newsletter .eyebrow{color:var(--lime)}.newsletter h2{font-size:34px}.newsletter h2 em{color:var(--lime)}.newsletter p{color:#b9c0ca;font-size:13px}.footer{padding:34px 8% 25px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.footer p{font-size:12px;color:var(--muted);text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:18px;font-size:11px;color:#59616d}.footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;color:#90959d;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#101827a8;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.modal-backdrop[hidden]{display:none}.modal{position:relative;background:var(--paper);border-radius:20px;width:min(900px,100%);max-height:92vh;overflow:auto;padding:30px;box-shadow:0 30px 100px #0003}.modal-close{position:absolute;top:15px;left:15px;border:1px solid var(--line);background:white;border-radius:50%;width:34px;height:34px;font-size:22px;z-index:2}.admin-modal{width:min(980px,100%);padding:30px}.admin-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-inline-end:35px}.admin-header h2{font-size:30px;margin:7px 0}.admin-header p,.muted{font-size:12px;color:var(--muted)}.admin-badge{background:#e8edcf;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:700}.admin-notice{background:#fff2d8;border:1px solid #f0dfb8;color:#7c5c20;padding:12px 14px;border-radius:10px;font-size:11px;line-height:1.8;margin:20px 0}.admin-tabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.admin-tab{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:99px;padding:9px 14px;font-size:12px}.admin-tab.active{background:var(--ink);color:white}.admin-panel{display:none}.admin-panel.active{display:block}.admin-form{background:#f7f6f0;border:1px solid var(--line);padding:18px;border-radius:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:7px}.form-grid input,.form-grid textarea,.form-grid select,.inline-form input{border:1px solid #e2e0d7;border-radius:8px;background:white;padding:11px 12px;min-width:0;width:100%;font-size:12px;outline-color:#a5c33e}.form-grid textarea{resize:vertical}.span-2{grid-column:span 2}.checks{display:flex;gap:18px}.checks label{display:flex;align-items:center;flex-direction:row}.form-actions{display:flex;gap:9px;margin-top:16px}.form-actions .btn{padding:12px 18px}.admin-list{margin-top:17px;display:grid;gap:9px}.admin-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;background:white;padding:10px}.admin-row img,.admin-row .row-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#eef0e6;display:grid;place-items:center;flex-shrink:0}.admin-row .row-main{flex:1;min-width:0}.admin-row strong{display:block;font-size:12px}.admin-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px;overflow-wrap:anywhere}.row-actions{display:flex;gap:6px}.row-actions button{font-size:10px;border:1px solid var(--line);border-radius:7px;padding:7px;background:white}.row-actions .danger{color:#a53636}.inline-form{display:flex;gap:9px}.inline-form input{flex:1}.settings-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:12px}.settings-card h3{font-size:15px;margin:0 0 8px}.settings-card p{font-size:12px;color:var(--muted);line-height:1.8}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-media{min-height:300px;background:#eff0e8;border-radius:14px;overflow:hidden;display:grid;place-items:center}.detail-media img{width:100%;height:100%;max-height:450px;object-fit:contain}.detail-copy{padding:15px 0}.detail-copy h2{font-size:27px;margin:10px 0}.detail-copy p{color:var(--muted);line-height:1.9;font-size:13px}.detail-keywords{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.detail-keywords span{background:#f0f1e8;padding:6px 9px;border-radius:99px;font-size:10px}.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin-top:15px}.comments-section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.comments-section h3{font-size:17px}.comment-form{display:grid;grid-template-columns:1fr 2fr auto;gap:8px}.comment-form input,.comment-form textarea{min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px}.comment-list{display:grid;gap:8px;margin-top:15px}.comment-item{background:#f7f6f0;border-radius:10px;padding:12px}.comment-item strong{font-size:12px}.comment-item p{font-size:12px;margin:6px 0 0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;border-radius:99px;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.info-modal{width:min(520px,100%);padding:40px}.info-modal h2{font-size:25px}.info-modal p{font-size:13px;color:var(--muted);line-height:2}
body[dir="ltr"] .hero h1,body[dir="ltr"] .section-heading h2{text-align:left}
@media(max-width:1000px){.hero{padding-inline:6%;gap:2%}.section{padding-inline:6%}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,1fr)}.feature-band{margin-inline:6%;grid-template-columns:75px 1fr 140px}.site-header{padding-inline:4%}.desktop-nav{gap:17px}}
@media(max-width:760px){.site-header{height:68px;padding-inline:18px}.brand{font-size:22px}.brand-mark{width:30px;height:30px}.desktop-nav{display:none}.header-actions{gap:7px}.admin-link{padding:10px 12px;font-size:11px}.icon-btn{display:none}.hero{grid-template-columns:1fr;padding:49px 7% 40px;gap:20px}.hero h1{font-size:52px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-art{height:360px}.hero-card-main{height:320px;width:280px}.hero-product-visual{height:215px}.sun-disc{width:160px;height:160px}.abstract-product{transform:scale(.85)}.art-orbit{width:330px;height:330px}.orbit-two{width:360px;height:260px}.tag-top{right:0;top:25px}.tag-bottom{bottom:15px;left:0}.ticker div{justify-content:flex-start;width:max-content;padding-inline:20px}.section{padding:58px 6%}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:23px}.section-heading h2{font-size:32px}.section-heading>.text-link{align-self:flex-end;margin-top:-5px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{height:145px;padding:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:160px}.product-content{padding:12px}.product-title{font-size:13px}.product-description{font-size:10px}.product-meta{align-items:flex-start;flex-direction:column}.product-actions{width:100%}.small-action{flex:1}.product-filters{width:100%}.filter{padding:8px 11px}.feature-band{margin:0 5% 55px;padding:27px;grid-template-columns:55px 1fr;gap:15px}.feature-symbol{font-size:50px}.feature-band h2{font-size:27px}.feature-stat{grid-column:2;border:0;border-top:1px solid #cbd2b8;padding:15px 0 0}.newsletter{padding:40px 7%;align-items:flex-start;flex-direction:column}.newsletter h2{font-size:29px}.footer{padding:30px 7%;grid-template-columns:1fr 1fr}.footer p{display:none}.footer-links{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.footer>small{grid-column:1/-1}.modal-backdrop{padding:9px}.modal{padding:23px 16px;max-height:96vh}.admin-header h2{font-size:25px}.admin-header{padding-inline-end:24px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.inline-form{flex-direction:column}.admin-row{align-items:flex-start}.row-actions{flex-direction:column}.detail-layout{grid-template-columns:1fr}.detail-media{min-height:220px}.comment-form{grid-template-columns:1fr}.comment-form textarea{min-height:70px}}
@media(max-width:380px){.brand{font-size:19px}.lang-btn{padding:8px}.admin-link{padding:9px}.hero h1{font-size:45px}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:135px}}