:root{--cream:#f4f7f8;--cream-dark:#e5ecf0;--warm-gold:#00828a;--warm-gold-light:#33b0b5;--warm-gold-dark:#005c61;--espresso:#2c2d30;--coffee-dark:#1c1d1f;--mocha:#525d61;--mocha-light:#829094;--white:#fff;--accent-green:#7b9e6b;--accent-rose:#00a5cf;--gradient-gold:linear-gradient(135deg, var(--warm-gold) 0%, var(--warm-gold-dark) 100%);--gradient-dark:linear-gradient(180deg, var(--coffee-dark) 0%, var(--espresso) 100%);--gradient-cream:linear-gradient(180deg, var(--cream) 0%, var(--cream-dark) 100%);--gradient-hero-overlay:linear-gradient(180deg, #1c1d1f73 0%, #1c1d1fd9 100%);--font-heading:"Playfair Display", serif;--font-heading-ar:"Noto Kufi Arabic", sans-serif;--font-body:"Inter", sans-serif;--font-body-ar:"Noto Sans Arabic", sans-serif;--section-padding:100px 0;--container-width:1200px;--container-padding:0 24px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--radius-full:9999px;--shadow-sm:0 2px 8px #2c2d300f;--shadow-md:0 4px 20px #2c2d301a;--shadow-lg:0 8px 40px #2c2d3026;--shadow-xl:0 16px 60px #2c2d3033;--shadow-gold:0 4px 20px #00828a4d;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.6s cubic-bezier(.34, 1.56, .64, 1);--z-loader:9999;--z-navbar:1000;--z-dropdown:900;--z-overlay:800;--z-modal:700}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--espresso);background-color:var(--cream);font-size:16px;line-height:1.7;overflow-x:hidden}[dir=rtl] body{font-family:var(--font-body-ar)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--espresso);font-weight:600;line-height:1.2}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-heading-ar)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}.container{max-width:var(--container-width);padding:var(--container-padding);width:100%;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-title{color:var(--espresso);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);position:relative}.section-subtitle{color:var(--mocha);max-width:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.8}.section-divider{background:var(--gradient-gold);border-radius:var(--radius-full);width:60px;height:3px;margin:20px auto 0}.btn{border-radius:var(--radius-full);transition:all var(--transition-base);justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-gold);color:var(--white);box-shadow:var(--shadow-gold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #c4956a73}.btn-outline{color:var(--warm-gold);border:2px solid var(--warm-gold);background:0 0}.btn-outline:hover{background:var(--warm-gold);color:var(--white);transform:translateY(-2px)}.btn-white{background:var(--white);color:var(--espresso)}.btn-white:hover{background:var(--cream-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--warm-gold-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--warm-gold)}::selection{background:var(--warm-gold);color:var(--white)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes floatReverse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(20px)rotate(-5deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes steam{0%{opacity:0;transform:translateY(0)scaleX(1)}15%{opacity:1}50%{opacity:.5;transform:translateY(-40px)scaleX(1.5)}to{opacity:0;transform:translateY(-80px)scaleX(2)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)translate(-50%)}40%{transform:translateY(-12px)translate(-50%)}60%{transform:translateY(-6px)translate(-50%)}}@keyframes coffeeFill{0%{height:0%}to{height:70%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){:root{--section-padding:80px 0}}@media (max-width:768px){:root{--section-padding:60px 0;--container-padding:0 16px}.section-header{margin-bottom:40px}}@media (max-width:480px){:root{--section-padding:50px 0}}[data-roast-hover=true] a:hover img,[data-roast-hover=true] button:hover img,[data-roast-hover=true] div[class*=card]:hover img,[data-roast-hover=true] div[class*=Card]:hover img{filter:sepia(.25)saturate(1.4)brightness(.95);transition:transform .4s,filter .4s;transform:scale(1.05)}