:root{--blue:#0b5ed7;--navy:#102a43;--pale:#f4f8fc}body{background:var(--pale);color:#243447;font-family:Tahoma,Arial,sans-serif;min-height:100vh}.topbar{background:linear-gradient(110deg,#102a43,#175cd3);box-shadow:0 4px 18px #102a4322}.hero{background:linear-gradient(125deg,#e8f3ff,#fff 55%,#dff7f0);border:1px solid #dce8f3;border-radius:24px;padding:42px 32px;box-shadow:0 12px 35px #102a4310}.hero h1{font-weight:800;color:#102a43}.product-card{border:0;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #102a4310;transition:transform .2s,box-shadow .2s;height:100%}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #102a431a}.product-img{height:190px;object-fit:cover;background:#e9eff5}.product-placeholder{height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dceeff,#f6fbff);color:#175cd3;font-size:3rem}.price{font-size:1.2rem;color:#0757b5;font-weight:800}.footer{background:#102a43;color:#eaf2fa}.whatsapp{position:fixed;bottom:20px;left:20px;background:#159957;color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:bold;box-shadow:0 8px 22px #0002;z-index:100}.admin-nav{background:#fff;padding:12px;border-radius:14px;box-shadow:0 5px 18px #102a430b}.admin-nav a{padding:8px 12px;background:#edf4fb;border-radius:8px;color:#174a7e;text-decoration:none;font-size:.95rem}.stat{border:0;border-radius:16px;box-shadow:0 8px 25px #102a4310}.form-control,.form-select{border-radius:10px;padding:.7rem}.btn{border-radius:10px}.table-wrap{background:#fff;border-radius:16px;padding:12px;overflow:auto}.section-title{font-weight:800;color:#102a43}.empty-state{background:#fff;border:1px dashed #cbd8e5;border-radius:16px;padding:30px;text-align:center}@media(max-width:576px){.hero{padding:28px 20px}.product-img,.product-placeholder{height:150px}.whatsapp{bottom:12px;left:12px}}
/* CommercePro Maroc V2 visual layer */
:root{--blue:#165dce;--navy:#11263d;--pale:#f5f7fb;--mint:#dcf7ee}body{font-family:Tahoma,"Noto Sans Arabic",Arial,sans-serif;line-height:1.7}.topbar{background:linear-gradient(115deg,#101f35,#1458a8 70%,#168b83);padding:.8rem 0}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:#1458a8;font-weight:900}.navbar .nav-link{color:#eaf3ff!important}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 10%,#d3f6eb 0,transparent 35%),linear-gradient(125deg,#e8f3ff,#fff 55%,#e5f8f3);border:1px solid #dce8f3;padding:clamp(28px,5vw,58px);min-height:260px}.hero:after{content:"";position:absolute;width:220px;height:220px;border:35px solid #1458a80c;border-radius:50%;left:-65px;bottom:-105px;pointer-events:none}.search-panel{background:#fff;padding:14px;border-radius:16px;box-shadow:0 8px 24px #102a430b}.promo-banner{display:flex;position:relative;min-height:135px;overflow:hidden;border-radius:18px;background:linear-gradient(120deg,#12375d,#197b89);color:white;text-decoration:none;align-items:end;padding:18px;box-shadow:0 10px 24px #102a4315}.promo-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.promo-banner span{position:relative;display:flex;flex-direction:column}.promo-banner b{font-size:1.15rem}.promo-banner small{color:#f2f7fc}.product-card{border:1px solid #e9eef4;box-shadow:0 8px 24px #102a4308}.product-card:hover{transform:translateY(-5px)}.product-img{background:#fff}.price{color:#155fc5}.footer{background:linear-gradient(120deg,#101f35,#133b5b);color:#eaf2fa}.footer-links{display:flex;flex-direction:column;gap:7px}.footer a{color:#d7e7f8;text-decoration:none}.footer a:hover{color:#fff;text-decoration:underline}.social-links{display:flex;gap:12px;flex-wrap:wrap}.content-page{min-height:300px}.accordion-item{border-color:#e6edf4}.accordion-button:not(.collapsed){background:#eaf3ff;color:#124f9e}.btn-primary{background:#155fc5;border-color:#155fc5}.btn-primary:hover{background:#104c9e;border-color:#104c9e}.whatsapp{display:flex;align-items:center;gap:8px}.whatsapp:before{content:"◉";font-size:1.2rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media(max-width:576px){.hero{min-height:auto}.promo-banner{min-height:110px}}