/*
Theme Name: ALAA Cosmétique by MIOR
Author: MIOR Agency
Description: WooCommerce-ready responsive starter theme for ALAA Cosmétique.
Version: 0.1.0
Text Domain: alaa-mior
*/
:root{--ink:#183626;--green:#28583d;--cream:#faf8f2;--gold:#c8a970}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 22px}.site-header{background:#fff;box-shadow:0 1px 10px #1111}.header-content{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:76px}.brand{font-weight:850;letter-spacing:.06em;font-size:1.2rem}.nav-links{display:flex;gap:20px;flex-wrap:wrap}.nav-links a:hover{color:var(--green)}.hero{background:linear-gradient(120deg,#e7efe5,#fcf5e6);padding:100px 0}.hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.1;max-width:700px;margin:0 0 20px}.hero p{max-width:600px}.btn{background:var(--green);border-radius:5px;color:#fff;display:inline-block;padding:12px 25px;margin-top:12px}.page-main{padding:55px 0;min-height:56vh}.site-footer{background:var(--ink);color:#fff;padding:35px 0}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{width:100%!important;float:none!important;margin:0!important}.alaa-mlm{padding:25px;border:1px solid #d4e0d3;background:white;border-radius:10px}@media(max-width:780px){.header-content{align-items:flex-start;flex-direction:column;padding:16px 0}.hero{padding:65px 0}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}