:root{--color-primary:#1a5c3a;--color-primary-light:#247a4e;--color-primary-lighter:#2e9960;--color-primary-dark:#134a2e;--color-primary-darker:#0d3820;--color-primary-50:#edf7f1;--color-primary-100:#d4eddc;--color-primary-200:#a8dbb9;--color-accent:#e8a33d;--color-accent-light:#f0bc6a;--color-accent-lighter:#f5d298;--color-accent-dark:#d48e2a;--color-whatsapp:#25d366;--color-whatsapp-dark:#1da851;--color-bg:#f6f8fa;--color-bg-alt:#eef1f5;--color-surface:#fff;--color-surface-hover:#fafbfc;--color-text:#1a1d23;--color-text-secondary:#4a5568;--color-text-muted:#8895a7;--color-border:#e2e8f0;--color-border-light:#f0f2f5;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-xs:0 1px 2px #1a5c3a0a;--shadow-sm:0 1px 3px #1a5c3a0f, 0 1px 2px #1a5c3a0a;--shadow-md:0 4px 6px -1px #1a5c3a14, 0 2px 4px -2px #1a5c3a0d;--shadow-lg:0 10px 25px -5px #1a5c3a1a, 0 8px 10px -6px #1a5c3a0d;--shadow-xl:0 20px 50px -12px #1a5c3a26;--shadow-glow:0 0 20px #1a5c3a26;--shadow-gold:0 4px 15px #e8a33d4d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--transition-fast:.15s var(--ease-out);--transition-base:.25s var(--ease-out);--transition-slow:.4s var(--ease-in-out);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;padding-left:var(--space-4);padding-right:var(--space-4);margin:0 auto}@media (min-width:768px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.page-section{padding:var(--space-12) 0}@media (min-width:768px){.page-section{padding:var(--space-16) 0}}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header h2{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:700}@media (min-width:768px){.section-header h2{font-size:var(--font-size-3xl)}}.section-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.hidden{display:none}@media (min-width:768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:block{display:block!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);text-align:center;white-space:nowrap;transition:all var(--transition-base);padding:.75rem 1.75rem;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:after{display:none}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow)}.btn-secondary{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);color:#fff;box-shadow:0 4px 12px #e8a33d40}.btn-secondary:hover{box-shadow:var(--shadow-gold)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-primary-50);color:var(--color-primary)}.btn-whatsapp{background:linear-gradient(135deg, var(--color-whatsapp) 0%, #2ecc71 100%);color:#fff;font-size:var(--font-size-base);padding:.875rem 2rem;box-shadow:0 4px 15px #25d3664d}.btn-whatsapp:hover{box-shadow:0 6px 25px #25d36666}.btn-whatsapp svg,.btn-whatsapp .whatsapp-icon{width:20px;height:20px}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{font-size:var(--font-size-xs);padding:.5rem 1rem}.btn-lg{font-size:var(--font-size-base);padding:1rem 2.5rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:var(--space-5)}.card-img{aspect-ratio:4/3;object-fit:cover;background:var(--color-bg-alt);width:100%}.card-glass{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);background:#ffffffb3;border:1px solid #ffffff4d}.form-group{margin-bottom:var(--space-5);flex-direction:column;display:flex}.form-label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);transition:all var(--transition-fast);outline:none;padding:.75rem 1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-1)}.form-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-1)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:.25rem .75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-primary{background:var(--color-primary-50);color:var(--color-primary)}.badge-accent{color:var(--color-accent-dark);background:#e8a33d1a}.badge-success{color:#16a34a;background:#22c55e1a}.badge-danger{color:var(--color-danger);background:#ef44441a}.badge-neutral{background:var(--color-bg-alt);color:var(--color-text-secondary)}.footer{background:linear-gradient(135deg, var(--color-primary-darker) 0%, var(--color-primary-dark) 100%);color:#ffffffd9;padding:var(--space-12) 0 var(--space-8);margin-top:auto}.footer-inner{gap:var(--space-8);flex-direction:column;display:flex}@media (min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{gap:var(--space-3);flex-direction:column;display:flex}.footer-brand h3{font-size:var(--font-size-xl);color:#fff;font-weight:700}.footer-brand p{font-size:var(--font-size-sm);color:#fff9;max-width:300px;line-height:1.6}.footer-links{gap:var(--space-2);flex-direction:column;display:flex}.footer-links a{font-size:var(--font-size-sm);color:#ffffffb3;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{padding-top:var(--space-6);margin-top:var(--space-8);gap:var(--space-2);text-align:center;border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;display:flex}@media (min-width:768px){.footer-bottom{text-align:left;flex-direction:row;justify-content:space-between}}.footer-bottom p{font-size:var(--font-size-xs);color:#fff6}.footer-bottom a{color:var(--color-accent);font-weight:500}.hero{background:linear-gradient(160deg, var(--color-primary-darker) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);color:#fff;padding:var(--space-12) 0 var(--space-16);position:relative;overflow:hidden}@media (min-width:768px){.hero{padding:var(--space-20) 0}}.hero:before{content:"";pointer-events:none;background:radial-gradient(600px 400px at 80% 20%,#e8a33d26,#0000),radial-gradient(400px 300px at 20% 80%,#2e996033,#0000);position:absolute;inset:0}.hero-content{z-index:1;max-width:640px;position:relative}.hero h1{font-size:var(--font-size-3xl);letter-spacing:-.03em;margin-bottom:var(--space-5);font-weight:800;line-height:1.15}@media (min-width:768px){.hero h1{font-size:var(--font-size-5xl)}}.hero h1 .highlight{color:var(--color-accent)}.hero p{font-size:var(--font-size-lg);color:#ffffffd9;margin-bottom:var(--space-8);line-height:1.7}.hero-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-shapes .shape{opacity:.07;background:#fff;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.hero-shapes .shape:first-child{width:200px;height:200px;animation-delay:0s;top:-50px;right:-30px}.hero-shapes .shape:nth-child(2){width:120px;height:120px;animation-delay:2s;bottom:40px;right:20%}.hero-shapes .shape:nth-child(3){background:var(--color-accent);opacity:.12;width:80px;height:80px;animation-delay:4s;top:30%;right:10%}.product-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.product-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}.product-card{flex-direction:column;display:flex}.product-card .card-img{aspect-ratio:1;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .card-img{transform:scale(1.05)}.product-card .card-img-wrapper{border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden}.card-img-bouton{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.product-card .product-category{top:var(--space-3);left:var(--space-3);z-index:1;position:absolute}.product-card .product-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card .product-price{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:800}.product-card .product-price .currency{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:var(--space-1);font-weight:600}.product-card .product-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pharmacy-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.pharmacy-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pharmacy-grid{grid-template-columns:repeat(3,1fr)}}.search-bar{width:100%;max-width:500px;position:relative}.search-bar input{border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:100%;font-size:var(--font-size-base);transition:all var(--transition-fast);outline:none;padding:.875rem 1rem .875rem 3rem}.search-bar input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.search-bar .search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.category-filters{gap:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.category-filters::-webkit-scrollbar{display:none}.category-pill{border-radius:var(--radius-full);font-size:var(--font-size-sm);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;padding:.5rem 1.25rem;font-weight:500}.category-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:var(--space-5);text-align:center}.stat-card .stat-value{font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--space-2);font-weight:800;line-height:1}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--color-text-muted);border-bottom:2px solid var(--color-border);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tr:hover td{background:var(--color-surface-hover)}.toggle{flex-shrink:0;width:44px;height:24px;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner-dark{border-color:var(--color-border);border-top-color:var(--color-primary)}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-muted)}.empty-state .empty-icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.empty-state h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:600}.empty-state p{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);animation:slideDown .3s var(--ease-out);display:flex}.alert-success{color:#16a34a;background:#22c55e14;border:1px solid #22c55e33}.alert-error{color:var(--color-danger);background:#ef444414;border:1px solid #ef444433}.alert-warning{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b33}.image-upload{aspect-ratio:1;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-upload.has-image{border-style:solid;border-color:var(--color-border-light)}.image-upload-paysage{aspect-ratio:3/2}.image-upload .preview-img{object-fit:cover;width:100%;height:100%}.upload-vide{align-items:center;gap:var(--space-2);color:var(--color-text-muted);flex-direction:column;display:flex}.upload-vide .upload-icon{font-size:32px}.upload-vide .upload-text{font-size:var(--font-size-sm)}.upload-boutons{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.upload-boutons .btn{min-height:44px}.upload-etat{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600}.upload-etat:empty{display:none}.upload-erreur{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:#ef44440f;border:1px solid #ef444440;flex-wrap:wrap;display:flex}.upload-avertissement{margin-bottom:var(--space-3)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.admin-layout{min-height:calc(100vh - 73px);display:flex}.admin-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-light);width:260px;padding:var(--space-6) 0;flex-direction:column;flex-shrink:0;display:none}@media (min-width:768px){.admin-sidebar{display:flex}}.admin-sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);border-left:3px solid #0000;font-weight:500;display:flex}.admin-sidebar-link:hover{color:var(--color-primary);background:var(--color-primary-50)}.admin-sidebar-link.active{color:var(--color-primary);background:var(--color-primary-50);border-left-color:var(--color-primary);font-weight:600}.admin-content{padding:var(--space-6);flex:1;overflow-x:auto}@media (min-width:768px){.admin-content{padding:var(--space-8)}}.admin-header{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}@media (min-width:768px){.admin-header{flex-direction:row;justify-content:space-between;align-items:center}}.admin-header h1{font-size:var(--font-size-2xl);font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .5s var(--ease-out) forwards}.animate-slide-up{animation:slideUp .5s var(--ease-out) forwards}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg, var(--color-bg-alt) 25%, var(--color-border-light) 50%, var(--color-bg-alt) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.login-page{min-height:calc(100vh - 73px);padding:var(--space-4);background:linear-gradient(160deg, var(--color-primary-darker) 0%, var(--color-primary) 60%, var(--color-primary-light) 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8a33d1f,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10);box-shadow:var(--shadow-xl);animation:slideUp .6s var(--ease-out);background:#fffffff2;position:relative}.login-card h1{font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--space-2);color:var(--color-text);font-weight:700}.login-card .login-subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-8)}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-surface);width:100%;overflow-x:auto}.shop-header{background:linear-gradient(135deg, var(--color-primary-darker), var(--color-primary));color:#fff;padding:var(--space-10) 0;position:relative;overflow:hidden}.shop-header:before{content:"";background:#e8a33d14;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-50px}.shop-header-content{z-index:1;align-items:center;gap:var(--space-6);display:flex;position:relative}.shop-avatar{border-radius:var(--radius-xl);background:#ffffff26;border:3px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex;overflow:hidden}.shop-avatar img{object-fit:cover;width:100%;height:100%}.shop-info h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-1);font-weight:700}@media (min-width:768px){.shop-info h1{font-size:var(--font-size-3xl)}}.shop-info .shop-zone{font-size:var(--font-size-base);color:#ffffffbf;align-items:center;gap:var(--space-2);display:flex}.admin-layout{flex-direction:column}@media (min-width:768px){.admin-layout{flex-direction:row}}.admin-mobile-nav{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);scrollbar-width:none;display:flex;overflow-x:auto}.admin-mobile-nav::-webkit-scrollbar{display:none}.admin-mobile-nav .category-pill{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}@media (min-width:768px){.admin-mobile-nav{display:none}}.admin-form:hover,.admin-product-item:hover,.empty-state.card:hover{box-shadow:var(--shadow-sm);transform:none}.admin-form{gap:var(--space-1);max-width:720px}.form-row{gap:0 var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.image-upload-overlay{justify-content:center;align-items:center;gap:var(--space-2);color:#fff;font-size:var(--font-size-sm);border-radius:inherit;background:#0d382099;flex-direction:column;font-weight:600;display:flex;position:absolute;inset:0}.admin-product-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.admin-product-item{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3);flex-wrap:wrap;display:flex}.admin-product-thumb{border-radius:var(--radius-md);background:var(--color-bg-alt);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex;overflow:hidden}.admin-product-thumb img{object-fit:cover;width:100%;height:100%}.admin-product-item.is-unavailable .admin-product-thumb,.admin-product-item.is-unavailable .admin-product-info{opacity:.55}.admin-product-info{flex:1;min-width:0}.admin-product-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.admin-product-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.admin-product-meta strong{color:var(--color-primary)}.admin-product-dispo{font-size:var(--font-size-xs);color:var(--color-text-secondary);min-width:3.5em;font-weight:600}.admin-product-actions{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}@media (min-width:768px){.admin-product-actions{width:auto}}.admin-todo{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.admin-todo a{color:var(--color-primary);font-weight:500}.admin-todo a:hover{color:var(--color-accent-dark)}.btn-whatsapp{background:#15803d;box-shadow:0 4px 15px #15803d4d}.btn-whatsapp:hover{background:#166534;box-shadow:0 6px 25px #15803d66}.pharmacy-grid,.product-grid{list-style:none}.pharmacy-grid>li,.product-grid>li{min-width:0}.directory-controls{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.directory-controls .category-filters{max-width:100%}.steps{counter-reset:step;gap:var(--space-4);max-width:900px;margin:0 auto;list-style:none;display:grid}@media (min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{counter-increment:step;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--color-text-secondary)}.steps li:before{content:counter(step);width:32px;height:32px;margin-bottom:var(--space-3);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.steps strong{color:var(--color-primary)}.shop-header-extra{z-index:1;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-5);flex-direction:column;display:flex;position:relative}.shop-description{color:#ffffffd9;max-width:640px;font-size:var(--font-size-sm);line-height:1.6}.breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.breadcrumb a{color:var(--color-primary);font-weight:500}.product-card{height:100%}.product-placeholder{background:var(--color-bg-alt);justify-content:center;align-items:center;width:100%;font-size:48px;display:flex}.product-body{padding:var(--space-3);flex-direction:column;flex:1;display:flex}@media (min-width:640px){.product-body{padding:var(--space-4)}}.product-cat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.product-card .product-price{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.product-order{width:100%;margin-top:auto}.product-order-disabled{background:var(--color-bg-alt);color:var(--color-text-muted);cursor:default}.product-order-disabled:hover{transform:none}.product-card.is-unavailable .card-img,.product-card.is-unavailable .product-price{opacity:.5}.text-danger{color:var(--color-danger)}.text-warning{color:#b45309}.stat-card .stat-sub{font-size:var(--font-size-base);color:var(--color-text-muted);font-weight:600}.stat-card .stat-value-sm{font-size:var(--font-size-xl)}.sa-section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:700}.sa-todo{gap:var(--space-2);font-size:var(--font-size-sm);flex-direction:column;list-style:none;display:flex}.sa-todo li{gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.sa-todo a{color:var(--color-primary);font-weight:600}.sa-toolbar{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.sa-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.sa-item{align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-4);flex-wrap:wrap;display:flex}.sa-item:hover{box-shadow:var(--shadow-sm);transform:none}.sa-item.is-inactive{background:var(--color-bg-alt)}.sa-item-main{flex:260px;min-width:0}.sa-item-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.sa-item-name{color:var(--color-text);font-weight:700}.sa-item-name:hover{color:var(--color-primary)}.sa-item-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);overflow-wrap:anywhere}.sa-item-controls{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.sa-control-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:600}.sa-date{align-items:center;gap:var(--space-2);display:flex}.sa-date .form-input{width:auto;font-size:var(--font-size-sm);padding:.4rem .6rem}.sa-item-echeance{width:100%;font-size:var(--font-size-xs);color:var(--color-text-muted)}.sa-item .form-error{width:100%}.input-prefix{align-items:stretch;display:flex}.input-prefix span{padding:0 var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--color-bg-alt);color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap;border-right:none;align-items:center;display:flex}.input-prefix .form-input{border-radius:0 var(--radius-md) var(--radius-md) 0;min-width:0}.acces-panel{margin-bottom:var(--space-4)}.acces-list{gap:var(--space-1) var(--space-4);margin:var(--space-3) 0;color:var(--color-text);grid-template-columns:auto 1fr;display:grid}.acces-list dt{font-weight:600}.acces-list dd{overflow-wrap:anywhere}.acces-list code{font-size:var(--font-size-base);letter-spacing:.05em;background:var(--color-surface);border-radius:var(--radius-sm);padding:.1rem .4rem;font-weight:700}.skip-link{left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.search-bar input:focus-visible{outline:none}.category-pill{min-height:40px}.btn-sm{min-height:36px}@media (hover:none){.card:hover,.btn:hover,.product-card:hover .card-img{transform:none}}.skeleton-on-dark{background:linear-gradient(90deg,#ffffff1f 25%,#ffffff38 50%,#ffffff1f 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.pharmacy-grid>li,.product-grid>li{animation:slideUp .35s var(--ease-out) both}.pharmacy-grid>li:nth-child(2),.product-grid>li:nth-child(2){animation-delay:40ms}.pharmacy-grid>li:nth-child(3),.product-grid>li:nth-child(3){animation-delay:80ms}.pharmacy-grid>li:nth-child(4),.product-grid>li:nth-child(4){animation-delay:.12s}.pharmacy-grid>li:nth-child(5),.product-grid>li:nth-child(5){animation-delay:.16s}.pharmacy-grid>li:nth-child(n+6),.product-grid>li:nth-child(n+6){animation-delay:.2s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.alert-info{background:var(--color-primary-50);border:1px solid var(--color-primary-100);color:var(--color-primary-dark)}.banniere{margin-bottom:var(--space-6)}.champ-piege{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.login-card-large{max-width:560px}.form-readonly{border-radius:var(--radius-md);background:var(--color-bg-alt);letter-spacing:.02em;padding:.75rem 1rem;font-weight:600}.sa-danger{color:var(--color-danger)}.sa-danger:hover{color:var(--color-danger);background:#ef444414}.sa-relances{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.sa-relances li{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.sa-relances li>div{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.cta-pharmacien{background:var(--color-primary-50)}.cta-pharmacien h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);font-weight:700}.cta-pharmacien p{color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-6)}:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:2px}.hero :focus-visible,.footer :focus-visible,.shop-header :focus-visible,.login-page :focus-visible{outline-color:#fff}.site-header{z-index:var(--z-sticky);border-bottom:1px solid var(--color-border-light);background:#fff;position:sticky;top:0}.logo{align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);letter-spacing:-.02em;color:var(--color-primary);font-weight:800;display:inline-flex}.logo-blanc{color:#fff}.logo-picto{flex-shrink:0}.header-mobile{height:64px;padding:0 var(--space-1);align-items:stretch;display:flex}.header-menu-btn{width:52px;color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-menu-btn:hover{background:var(--color-primary-50)}.header-onglets{flex:1;grid-template-columns:repeat(4,1fr);display:grid}.header-onglet{min-width:44px;min-height:56px;padding:var(--space-1) 2px;color:var(--color-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11.5px;font-weight:500;line-height:1.2;display:flex;position:relative}.header-onglet span{white-space:nowrap}.header-onglet.actif{font-weight:700}.header-onglet.actif svg{color:var(--color-accent)}.header-onglet.actif:after,.header-lien.actif:after,.header-categorie.actif:after{content:"";background:var(--color-accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:20%;right:20%}.header-desktop{display:none}@media (min-width:1024px){.header-mobile{display:none}.header-desktop{display:block}}.header-ligne1{justify-content:space-between;align-items:center;height:72px;display:flex}.header-liens{align-items:center;gap:var(--space-6);display:flex}.header-lien{align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);display:inline-flex;position:relative}.header-lien:hover{color:var(--color-primary-dark);text-underline-offset:4px;text-decoration:underline}.header-lien.actif:after{left:0;right:0}.header-lien.actif svg{color:var(--color-accent)}.btn-pharmacien{justify-content:center;align-items:center;gap:var(--space-2);border:2px solid var(--color-accent);border-radius:var(--radius-full);min-height:44px;color:var(--color-primary-darker);font-weight:700;font-size:var(--font-size-sm);transition:background var(--transition-fast);background:#fdf5e8;padding:.5rem 1.1rem;display:inline-flex}.btn-pharmacien:hover{background:#fbe9cc}.btn-pharmacien svg{color:var(--color-accent-dark)}.header-categories{border-top:1px solid var(--color-border-light)}.header-categories-liste{justify-content:space-between;gap:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.header-categories-liste::-webkit-scrollbar{display:none}.header-categorie{align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-2);color:var(--color-primary);font-size:var(--font-size-sm);white-space:nowrap;font-weight:500;display:inline-flex;position:relative}.header-categorie:hover{color:var(--color-primary-dark);text-underline-offset:4px;text-decoration:underline}.header-categorie.actif{font-weight:700}.header-categorie.actif svg{color:var(--color-accent)}.header-categorie.actif:after{left:var(--space-2);right:var(--space-2)}.header-reduit{align-items:center;gap:var(--space-2);height:64px;display:flex}.header-reduit .logo{font-size:var(--font-size-lg)}.header-reduit-liens{align-items:center;gap:var(--space-5);margin-left:auto;display:none}@media (min-width:1024px){.header-reduit-mobile{display:none}.header-reduit-liens{display:flex}}.menu-panneau{width:min(86vw,340px);max-width:none;height:100dvh;max-height:none;box-shadow:var(--shadow-xl);background:#fff;border:none;margin:0;padding:0;position:fixed;inset:0 auto 0 0}.menu-panneau[open]{animation:menuEntree .22s var(--ease-out)}.menu-panneau::backdrop{background:#0d382073}@keyframes menuEntree{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-contenu{height:100%;padding:var(--space-4) var(--space-4) var(--space-8);position:relative;overflow-y:auto}.menu-fermer{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-primary);justify-content:center;align-items:center;display:flex;position:absolute}.menu-fermer:hover{background:var(--color-primary-50)}.menu-logo{margin:var(--space-1) 0 var(--space-5)}.menu-titre{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:700}.menu-liste{list-style:none}.menu-lien{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-primary);border-left:3px solid #0000;font-weight:500;display:flex}.menu-lien:hover{background:var(--color-primary-50)}.menu-lien.actif{background:var(--color-primary-50);border-left-color:var(--color-accent);font-weight:700}.menu-lien.actif svg{color:var(--color-accent-dark)}.menu-pharmacien{width:100%;margin-top:var(--space-6)}.menu-deconnexion{width:100%;margin-top:var(--space-3)}.hero-grille{align-items:center;gap:var(--space-8);display:grid}.hero-grille .hero-content{max-width:640px}.hero-logo{margin-bottom:var(--space-6);font-size:var(--font-size-2xl);display:inline-flex}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-hero-secondaire{color:#fff;border:2px solid #ffffffd9}.btn-hero-secondaire:hover{background:#ffffff1f}.hero-illustration{display:none}@media (min-width:1024px){.hero-grille{grid-template-columns:1.1fr 1fr}.hero-logo{display:none}.hero-illustration{display:block}.hero-illustration img{width:100%;max-width:520px;height:auto;margin-left:auto}}.page-titre{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-2);font-weight:800}@media (min-width:768px){.page-titre{font-size:var(--font-size-3xl)}}.page-entete{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-entete-icone,.categorie-tuile-icone{border-radius:var(--radius-lg);background:var(--color-primary-50);width:56px;height:56px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.categorie-tuiles{gap:var(--space-3);grid-template-columns:repeat(2,1fr);list-style:none;display:grid}@media (min-width:768px){.categorie-tuiles{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}.categorie-tuile{align-items:flex-start;gap:var(--space-2);height:100%;padding:var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;flex-direction:column;display:flex}.categorie-tuile:hover{border-color:var(--color-primary-100);box-shadow:var(--shadow-md)}.categorie-tuile-nom{color:var(--color-primary);font-weight:700}.categorie-tuile-nb{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quartier-liste{gap:var(--space-2);max-width:720px;margin:0 auto;list-style:none;display:grid}@media (min-width:768px){.quartier-liste{grid-template-columns:1fr 1fr}}.quartier-lien{align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-primary);background:#fff;display:flex}.quartier-lien:hover{border-color:var(--color-primary-100);background:var(--color-primary-50)}.quartier-nom{flex:1;font-weight:700}.quartier-nb{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.product-pharmacie{color:var(--color-primary);font-weight:600}.product-pharmacie:hover{text-decoration:underline}.carte-pharmacie{height:100%;padding:var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);background:#fff;flex-direction:column;display:flex}.carte-pharmacie:hover{border-color:var(--color-primary-100);box-shadow:var(--shadow-md)}.carte-photo{aspect-ratio:3/2;border-radius:var(--radius-md);background:var(--color-primary-50);position:relative;overflow:hidden}.carte-photo>img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}@media (hover:hover){.carte-pharmacie:hover .carte-photo>img{transform:scale(1.03)}}.carte-photo-remplacement{background:radial-gradient(circle at 80% 20%, #e8a33d40, transparent 45%), linear-gradient(160deg, var(--color-primary-darker) 0%, var(--color-primary) 55%, var(--color-primary-light) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.carte-badge{right:var(--space-2);bottom:var(--space-2);border-radius:var(--radius-full);color:var(--color-primary-darker);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);background:#fff;padding:.35rem .85rem;font-weight:700;position:absolute}.carte-corps{gap:var(--space-1);padding:var(--space-3) var(--space-1) var(--space-1);flex-direction:column;flex:1;display:flex}.carte-nom{font-size:var(--font-size-lg);color:var(--color-text);font-weight:800;line-height:1.3}.carte-adresse{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.carte-quartier{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;display:flex}.carte-quartier svg{flex-shrink:0}.carte-bouton{width:100%;margin-top:auto}.carte-corps .carte-bouton{margin-top:var(--space-3)}.avertissement-navigateur{padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-accent);color:#78350f;font-size:var(--font-size-sm);text-align:center;background:#fef3c7}.avertissement-navigateur[hidden]{display:none}.visionneuse{color:#fff;background:0 0;border:none;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.visionneuse::backdrop{background:#082014f2}.visionneuse-contenu{justify-content:center;align-items:center;gap:var(--space-3);height:100%;padding:64px var(--space-4) var(--space-4);flex-direction:column;display:flex;position:relative;overflow-y:auto}.visionneuse-img{object-fit:contain;border-radius:var(--radius-md);background:#fff;flex:0 auto;max-width:min(100%,720px);min-height:0;max-height:62dvh}.visionneuse-texte{text-align:left;width:min(100%,720px)}.visionneuse-nom{font-weight:700;font-size:var(--font-size-base)}.visionneuse-desc{margin-top:var(--space-1);font-size:var(--font-size-sm);color:#ffffffd9}.visionneuse-fermer{top:var(--space-3);right:var(--space-3);color:#fff;background:#ffffff29;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute}.visionneuse-fermer:hover,.visionneuse-fermer:focus-visible{background:#ffffff4d}body:has(.visionneuse[open]){overflow:hidden}.demandes-top{counter-reset:rang;list-style:none}.demandes-top li{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);counter-increment:rang;display:flex}.demandes-top li:before{content:counter(rang) ".";width:1.5em;color:var(--color-text-muted)}.demandes-top li span{flex:1;min-width:0}.demandes-top li strong{white-space:nowrap;color:var(--color-primary)}.texte-page{max-width:720px}.texte-page h2{margin:var(--space-6) 0 var(--space-2);font-size:var(--font-size-lg)}.texte-page p,.texte-page ul{margin-bottom:var(--space-3)}.texte-page ul{padding-left:var(--space-5);list-style:outside}.texte-page li{margin-bottom:var(--space-2)}.stats-table{min-width:560px}.stats-table th a{color:inherit}.stats-table th a:hover{color:var(--color-primary)}.stats-table th.num,.stats-table td.num{text-align:right;font-variant-numeric:tabular-nums}.stats-table tbody th{text-transform:none;letter-spacing:0;font-size:var(--font-size-sm);color:var(--color-text);border-bottom:1px solid var(--color-border-light);font-weight:600}.stats-table tbody th a{color:var(--color-primary)}.stats-masquee{margin-left:var(--space-2)}.stats-quartier{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;font-weight:400;display:none}@media (max-width:640px){.stats-table{min-width:0}.stats-table .col-quartier{display:none}.stats-table .stats-quartier{display:block}.stats-table th,.stats-table td{padding:var(--space-3) var(--space-2)}.stats-table thead th{letter-spacing:0;font-size:10px}}.icone-externe{margin-left:var(--space-1);opacity:.7;flex:none}.menu-lien .icone-externe{margin-left:auto}.bandeau-garde{padding:var(--space-4) 0;background:var(--color-bg)}.bandeau-garde-contenu{justify-content:center;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-wrap:wrap;display:flex}.bandeau-garde-contenu p{align-items:center;gap:var(--space-2);color:var(--color-text);margin:0;font-weight:500;display:flex}.bandeau-garde-contenu p svg{color:var(--color-accent-dark);flex:none}.footer-links a .icone-externe{vertical-align:-3px}