@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";:root{--primary-color:#2f0b51;--primary-gradient:linear-gradient(135deg, #2f0b51 0%, #4a137a 100%);--secondary-color:#cc5ca6;--secondary-gradient:linear-gradient(135deg, #cc5ca6 0%, #e87ac1 100%);--accent-color:#f7abd0;--text-primary:#1a1a1a;--text-secondary:#555;--bg-light:#fff;--bg-soft:#fcf8ff;--bg-gradient:linear-gradient(135deg, #ffeef4, #ffe0ec, #ffd4e5);--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--font-family:"Outfit", sans-serif;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-light);scroll-behavior:smooth;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:100px 0}.btn{transition:var(--transition);text-align:center;border-radius:50px;padding:12px 30px;font-weight:600;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{animation:.8s forwards fadeIn}.app-wrapper{overflow-x:hidden}main{margin-top:0}.section-title{text-align:center;color:var(--primary-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:60px;font-size:3.5rem;font-weight:900;position:relative}.section-title:after{content:"";background:var(--secondary-color);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.hc-navbar{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#ffffffd9;border-bottom:1px solid #0000000d;align-items:center;width:100%;height:70px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.hc-nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.hc-menu-icon-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.hc-menu-icon-btn:hover{background:#0000000a}.hc-logo-wrapper{align-items:center;display:flex}.hc-logo-link{flex-direction:column;line-height:1.1;text-decoration:none;display:flex}.logo-main{color:#1a1a1a;letter-spacing:.12em;text-transform:uppercase;font-family:Outfit,Inter,sans-serif;font-size:1.15rem;font-weight:800}.logo-sub{color:#be185d;letter-spacing:.28em;text-transform:uppercase;margin-top:2px;font-family:Inter,sans-serif;font-size:.58rem;font-weight:500}.hc-nav-right{align-items:center;gap:12px;display:flex}.hc-action-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .25s,color .25s,transform .2s;display:flex;position:relative}.hc-action-btn:hover{color:#be185d;background:#0000000a;transform:translateY(-1px)}.hc-cart-badge{color:#fff;background:#be185d;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.hc-nav-links{-webkit-backdrop-filter:blur(15px);opacity:0;pointer-events:none;z-index:999;background:#fffffffa;border-bottom:1px solid #0000000d;flex-direction:column;width:100%;padding:30px 24px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;display:flex;position:fixed;top:70px;left:0;transform:translateY(-20px);box-shadow:0 15px 30px #0000000d}.hc-nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.hc-nav-links li{margin-bottom:20px;list-style:none}.hc-nav-links li:last-child{margin-bottom:0}.hc-nav-links a{color:#333;letter-spacing:.5px;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s;display:block}.hc-nav-links a:hover,.hc-nav-links a.active-link{color:#be185d}@media (width>=992px){.hc-navbar{height:80px;padding:0 40px}.hc-nav-container{max-width:1400px;padding:0}.hc-menu-icon-btn{display:none}.hc-logo-wrapper{flex:1;justify-content:flex-start}.logo-main{font-size:1.3rem}.hc-nav-links{-webkit-backdrop-filter:none;width:auto;height:auto;box-shadow:none;opacity:1;pointer-events:auto;background:0 0;border-bottom:none;flex-direction:row;flex:2;justify-content:center;gap:35px;padding:0;position:static;transform:none}.hc-nav-links li{margin:0}.hc-nav-links a{color:#444;text-transform:uppercase;letter-spacing:1.5px;padding:8px 0;font-size:.82rem;font-weight:600;transition:color .25s;position:relative}.hc-nav-links a:after{content:"";background:#be185d;width:0;height:2px;transition:width .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.hc-nav-links a:hover{color:#be185d}.hc-nav-links a:hover:after,.hc-nav-links a.active-link:after{width:100%}.hc-nav-links a.active-link{color:#be185d}.hc-nav-right{flex:1;justify-content:flex-end;gap:16px}}.hero{color:#fff;text-align:center;background-image:url(https://grain-cereals.vercel.app/assets/c.jpg);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero-overlay{background:#2f0b5166;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{z-index:10;position:relative}.hero h1{letter-spacing:15px;text-transform:uppercase;margin-bottom:20px;font-size:clamp(3rem,10vw,8rem);font-weight:900}.hero-subtitle{max-width:700px;margin:0 auto 40px;font-size:1.2rem;font-weight:400;line-height:1.6}.hero-btn{align-items:center;gap:10px;padding:15px 40px;font-size:1.2rem;display:inline-flex}.hero-tagline{letter-spacing:3px;text-transform:uppercase;color:#ffffffb3;margin-bottom:20px;font-size:.9rem;font-weight:500}.hp-pill{color:#6d28d9;letter-spacing:1.5px;text-transform:uppercase;background:#f3e8ff;border-radius:100px;margin-bottom:18px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-block}.hp-pill-purple{color:#7c3aed;background:#ede9fe}.hp-pill-pink{color:#be185d;background:#fce7f3}.hp-pill-green{color:#065f46;background:#d1fae5}.hp-section-title{color:#111827;letter-spacing:-.5px;max-width:600px;margin-bottom:40px;font-size:2rem;font-weight:800}.hp-link{color:#6d28d9;align-items:center;gap:5px;margin-top:20px;font-size:.95rem;font-weight:600;transition:gap .2s;display:inline-flex}.hp-link:hover{gap:10px}.hp-mission{background:#fff;border-bottom:1px solid #f0f0f0;padding:80px 0}.hp-mission-inner{grid-template-columns:1fr 220px;align-items:center;gap:60px;display:grid}@media (width<=768px){.hp-mission-inner{grid-template-columns:1fr}.hp-mission-icon{display:none}}.hp-mission-text h2{color:#111827;letter-spacing:-.5px;margin-bottom:18px;font-size:2rem;font-weight:800;line-height:1.2}.hp-mission-text p{color:#4b5563;font-size:1.05rem;line-height:1.8}.hp-mission-circle{text-align:center;background:linear-gradient(135deg,#f3e8ff,#fce7f3);border:3px solid #e9d5ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:180px;height:180px;display:flex}.hp-mission-circle span{font-size:2.8rem}.hp-mission-circle p{color:#6d28d9;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.hp-pourquoi{background:#fafafa;padding:80px 0}.hp-pourquoi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:10px;display:grid}.hp-pourquoi-card{background:#fff;border:1px solid #eaeaea;border-radius:16px;padding:35px 25px;transition:all .3s}.hp-pourquoi-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000000a}.hp-pourquoi-icon{border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex}.hp-pourquoi-card h3{color:#111827;margin-bottom:10px;font-size:1.05rem;font-weight:700}.hp-pourquoi-card p{color:#6b7280;font-size:.93rem;line-height:1.6}.hp-bienfaits{background:#fff;border-top:1px solid #f0f0f0;padding:80px 0}.hp-bienfaits-inner{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}@media (width<=768px){.hp-bienfaits-inner{grid-template-columns:1fr;gap:30px}}.hp-bienfaits-left h2{color:#111827;margin-top:10px;font-size:1.7rem;font-weight:800;line-height:1.3}.hp-bienfaits-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.hp-bienfait-item{color:#374151;align-items:flex-start;gap:14px;font-size:1rem;line-height:1.5;display:flex}.hp-bienfait-icon{flex-shrink:0;margin-top:1px;font-size:1.4rem}.hp-ingredients{color:#fff;background:linear-gradient(135deg,#2f0b51,#6d28d9);padding:80px 0}.hp-ingredients-inner{grid-template-columns:100px 1fr;align-items:center;gap:50px;display:grid}@media (width<=768px){.hp-ingredients-inner{grid-template-columns:1fr}.hp-ingredients-badge{display:none}}.hp-ingredients-badge span{font-size:5rem}.hp-ingredients-text .hp-pill{color:#fff;background:#fff3}.hp-ingredients-text h2{margin:12px 0 18px;font-size:1.7rem;font-weight:800;line-height:1.3}.hp-ingredients-text p{color:#ffffffd9;font-size:1rem;line-height:1.8}.hp-valeurs{text-align:center;background:#fafafa;padding:80px 0}.hp-valeurs-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:40px;display:grid}.hp-valeur-item{color:#1f2937;background:#fff;border:1px solid #eaeaea;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.hp-valeur-item:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000000d}.hp-valeur-icon-wrap{background:#ede9fe;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.hp-closing{text-align:center;background:linear-gradient(135deg,#fce7f3,#ede9fe);padding:100px 0}.hp-closing-tag{letter-spacing:2px;text-transform:uppercase;color:#9333ea;margin-bottom:16px;font-size:.8rem;font-weight:700}.hp-closing-title{color:#111827;letter-spacing:-1px;margin-bottom:20px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.hp-closing-text{color:#4b5563;max-width:650px;margin:0 auto;font-size:1.1rem;line-height:1.8}.apropos-page{padding-top:60px}.apropos-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#2f0b51 0%,#6d28d9 50%,#ec4899 100%);padding:100px 0 80px}.apropos-tag{letter-spacing:3px;text-transform:uppercase;color:#ffffffa6;margin-bottom:16px;font-size:.85rem;font-weight:600}.apropos-hero h1{letter-spacing:5px;margin-bottom:20px;font-size:clamp(2.5rem,6vw,5rem);font-weight:900}.apropos-headline{color:#ffffffd9;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.apropos-story{background:#fff;padding:80px 0}.apropos-story-inner{grid-template-columns:1fr 220px;align-items:center;gap:60px;display:grid}@media (width<=768px){.apropos-story-inner{grid-template-columns:1fr}.apropos-story-badge{display:none}}.apropos-story-text h2{color:#111827;letter-spacing:-.5px;margin-bottom:25px;font-size:1.8rem;font-weight:800}.apropos-story-text p{color:#4b5563;margin-bottom:18px;font-size:1.05rem;line-height:1.8}.apropos-story-badge{justify-content:center;align-items:center;display:flex}.apropos-badge-inner{text-align:center;background:linear-gradient(135deg,#f3e8ff,#fce7f3);border:3px solid #e9d5ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:180px;height:180px;display:flex}.apropos-badge-icon{font-size:3rem}.apropos-badge-text{color:#6d28d9;font-size:1.1rem;font-weight:800;line-height:1.2}.apropos-bienfaits{background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:80px 0}.apropos-bienfaits-inner{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}@media (width<=768px){.apropos-bienfaits-inner{grid-template-columns:1fr;gap:30px}}.apropos-label{letter-spacing:1px;color:#ec4899;margin-bottom:15px;font-size:.85rem;font-weight:600;display:block}.apropos-bienfaits-left h2{color:#111827;margin-top:10px;font-size:1.6rem;font-weight:800;line-height:1.3}.apropos-bienfaits-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.apropos-bienfait-item{color:#374151;align-items:flex-start;gap:14px;font-size:1rem;line-height:1.5;display:flex}.bienfait-check{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.85rem;font-weight:700;display:flex}.apropos-valeurs{background:#fff;padding:80px 0}.apropos-valeurs-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:50px;display:grid}.apropos-valeur-card{border:1px solid #eaeaea;border-radius:16px;padding:35px 25px;transition:all .3s}.apropos-valeur-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000000d}.apropos-valeur-icon{border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex}.apropos-valeur-card h3{color:#111827;margin-bottom:12px;font-size:1.1rem;font-weight:700}.apropos-valeur-card p{color:#6b7280;font-size:.95rem;line-height:1.6}.apropos-closing{background:linear-gradient(135deg,#2f0b51,#6d28d9);padding:80px 0}.apropos-quote{color:#fff;text-align:center;quotes:none;border:none;max-width:800px;margin:0 auto;padding:0;font-size:clamp(1.1rem,2.5vw,1.5rem);font-style:italic;font-weight:500;line-height:1.7}.products-section{background-color:#f9f9f9}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}@media (width<=768px){.products-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 5px}}.hc-product-card{cursor:pointer;background:#fff;border:1px solid #2f0b510d;border-radius:20px;flex-direction:column;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #2f0b5105}.hc-product-card:hover{border-color:#cc5ca633;transform:translateY(-8px);box-shadow:0 15px 35px #2f0b5114}.hc-product-image-container{aspect-ratio:1;background:#faf8fc;border-radius:14px;margin:12px;position:relative;overflow:hidden}.hc-product-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.hc-product-card:hover .hc-product-image{transform:scale(1.08)}.hc-product-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);z-index:2;background:#ffffffe6;border-radius:9999px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:10px}.hc-product-info{flex-direction:column;flex-grow:1;gap:4px;padding:0 16px 18px;display:flex}.hc-product-tag{color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}.hc-product-title{color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1.05rem;font-weight:700;line-height:1.3;overflow:hidden}.hc-product-desc-excerpt{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.8em;margin-bottom:10px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.hc-product-footer{border-top:1px dashed #2f0b5114;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.hc-product-price{color:var(--primary-color);font-size:1.15rem;font-weight:800}.hc-product-price .currency{color:var(--secondary-color);font-size:.8rem;font-weight:600}.hc-product-add-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 10px #2f0b5126}.hc-product-add-btn:hover{transform:scale(1.05);box-shadow:0 6px 14px #2f0b5140}.hc-product-add-btn:active{transform:scale(.98)}.pro-packs-section{background-color:#fcfcfc;padding:80px 0}.pro-section-header{text-align:center;margin-bottom:50px}.pro-section-subtitle{color:#6b7280;max-width:600px;margin:15px auto 0;font-size:1.1rem;line-height:1.6}.pro-packs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.pro-pack-card{background:#fff;border:1px solid #eaeaea;border-radius:16px;flex-direction:column;padding:35px 25px;transition:all .3s;display:flex;position:relative;overflow:hidden}.pro-pack-card:hover{border-color:#e5e7eb;transform:translateY(-5px);box-shadow:0 15px 35px #0000000a}.pro-pack-image-wrapper{border-radius:12px;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:25px;transition:transform .3s;display:flex;overflow:hidden}.pro-pack-img{object-fit:contain;width:100%;height:100%;padding:15px}.pro-pack-card:hover .pro-pack-img{transform:scale(1.05)}.pro-pack-content{flex-grow:1}.pro-pack-content h3{color:#111827;letter-spacing:-.3px;margin-bottom:10px;font-size:1.2rem;font-weight:700}.pro-pack-content p{color:#6b7280;margin-bottom:30px;font-size:.95rem;line-height:1.5}.pro-pack-link{color:#111827;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-top:auto;padding:0;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.pro-pack-link:hover{color:var(--primary-color)}.pro-pack-link .arrow-icon{transition:transform .3s}.pro-pack-link:hover .arrow-icon{transform:translate(5px)}.conseils-section{background-color:#fdf2f8}.section-header{text-align:center;margin-bottom:60px}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.conseils-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.conseil-card{transition:var(--transition);background:#fff;border-radius:25px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000d}.conseil-image{height:220px;overflow:hidden}.conseil-image img{object-fit:cover;width:100%;height:100%}.conseil-content{flex-grow:1;padding:30px}.conseil-content h3{color:var(--primary-color);margin-bottom:15px;font-size:1.5rem}.read-more{color:var(--secondary-color);align-items:center;gap:5px;font-size:1rem;font-weight:700;display:flex}.videos-section{background-color:#fff;padding:60px 0 40px}.videos-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px;display:grid}.video-card{background:#fdf2f8;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.video-embed-wrap{background:#1a1a1a;width:100%;height:0;padding-bottom:56.25%;position:relative}.video-embed-wrap iframe,.video-embed-wrap .video-native{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.video-embed-wrap .video-native{object-fit:contain;background:#0f0f0f}.video-embed-placeholder{color:#999;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.video-card-body{padding:22px 24px 28px}.video-card-body h3{color:var(--primary-color);margin:0 0 10px;font-size:1.25rem}.video-card-body p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.55}.preparation-section{background-color:#fff}.recettes-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.recette-card{transition:var(--transition);background:#fdf2f8;border-radius:20px;display:flex;overflow:hidden;box-shadow:0 5px 15px #0000000d}.recette-image{width:40%;min-height:200px;overflow:hidden}.recette-image img{object-fit:cover;width:100%;height:100%}.recette-info{flex-direction:column;width:60%;padding:25px;display:flex}.recette-footer{color:var(--secondary-color);border-top:1px solid #0000000d;justify-content:space-between;padding-top:15px;font-size:.85rem;font-weight:600;display:flex}.footer-section{color:#fff;background-color:#0f041a;padding:80px 0 0;position:relative}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:60px;margin-bottom:80px;display:grid}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (width<=576px){.footer-grid{grid-template-columns:1fr}}.footer-logo{align-items:center;gap:12px;margin-bottom:25px;display:flex}.footer-logo img{height:55px}.footer-logo span{background:var(--secondary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.6rem;font-weight:800}.footer-desc{color:#a0aec0;margin-bottom:30px;line-height:1.8}.social-links{gap:12px;display:flex}.social-icon{width:42px;height:42px;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;display:flex}.social-icon:hover{background:var(--secondary-color);border-color:#0000;transform:translateY(-5px)}.social-icon svg{fill:currentColor;width:20px;height:20px}.footer-column h3{margin-bottom:25px;padding-bottom:12px;font-size:1.2rem;position:relative}.footer-column h3:after{content:"";background:var(--secondary-color);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-links li{margin-bottom:15px}.footer-links a{color:#a0aec0;transition:var(--transition)}.footer-links a:hover{color:#fff;padding-left:8px}.contact-list li{color:#a0aec0;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.contact-list svg{color:var(--secondary-color);flex-shrink:0}.footer-apps{flex-direction:column;gap:20px;display:flex}.qr-box{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:15px;padding:15px;display:flex}.qr-container{background:#fff;border-radius:10px;width:80px;height:80px;padding:5px}.qr-text{color:#a0aec0;font-size:.9rem}.footer-bottom{text-align:center;background:#0000004d;border-top:1px solid #ffffff0d;padding:30px 0}.footer-bottom p{color:#718096;font-size:.9rem}.nav-cart-btn{color:var(--text-primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;display:flex;position:relative}.nav-cart-btn:hover{color:var(--primary-color);transform:scale(1.05)}.cart-badge{background:var(--secondary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.product-card{box-shadow:none;transition:var(--transition);background:#fff;border-bottom:2px solid #0000;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{border-bottom:2px solid var(--secondary-color);box-shadow:var(--shadow-sm);transform:translateY(-5px)}.product-image-container{background:#f8f9fa;justify-content:center;align-items:center;height:350px;display:flex;position:relative;overflow:hidden}.product-image{object-fit:contain;max-width:80%;max-height:80%;transition:transform .5s}.product-card:hover .product-image{transform:scale(1.05)}.product-actions-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:#ffffffe6;justify-content:center;gap:15px;width:100%;padding:15px;transition:bottom .3s;display:flex;position:absolute;bottom:-50px;left:0}.product-card:hover .product-actions-overlay{opacity:1;bottom:0}.action-btn{width:45px;height:45px;color:var(--text-primary);transition:var(--transition);background:#fff;border:1px solid #eee;border-radius:50%;justify-content:center;align-items:center;display:flex}.action-btn:hover{background:var(--bg-soft);color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.action-btn.primary{background:var(--primary-color);color:#fff;border:none}.action-btn.primary:hover{background:var(--secondary-color)}.product-info{text-align:center;padding:20px 0}.product-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:.8rem;display:block}.product-info h3{margin-bottom:8px;font-size:1.2rem;font-weight:500}.product-price{color:var(--primary-color);font-weight:700}.cart-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.cart-drawer{z-index:1001;background:#fff;flex-direction:column;width:100%;max-width:400px;height:100vh;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-400px;box-shadow:-10px 0 30px #0000001a}.cart-drawer.open{right:0}.cart-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:25px;display:flex}.cart-header h2{font-size:1.5rem;font-weight:600}.close-btn{color:#999;transition:color .3s}.close-btn:hover{color:var(--primary-color);transform:rotate(90deg)}.cart-body{flex-grow:1;padding:25px;overflow-y:auto}.empty-cart{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{color:#ddd;margin-bottom:20px}.empty-cart p{margin-bottom:25px}.cart-item{border-bottom:1px solid #f9f9f9;gap:15px;margin-bottom:25px;padding-bottom:25px;display:flex}.cart-item-img{background:#f8f9fa;border-radius:10px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.cart-item-img img{object-fit:cover;width:100%;height:100%}.cart-item-info{flex-grow:1}.cart-item-info h4{margin-bottom:5px;font-size:1rem}.cart-item-price{color:var(--secondary-color);margin-bottom:10px;font-weight:600}.cart-item-actions{justify-content:space-between;align-items:center;display:flex}.quantity-controls{background:#fff;border:1px solid #eee;border-radius:20px;align-items:center;gap:15px;padding:5px 10px;display:flex}.quantity-controls button{color:var(--text-secondary)}.quantity-controls button:hover{color:var(--primary-color)}.quantity-controls span{font-size:.9rem;font-weight:600}.remove-btn{color:#ff4d4f;transition:transform .2s}.remove-btn:hover{transform:scale(1.1)}.cart-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding:25px}.cart-total{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:1.2rem;display:flex}.checkout-btn{color:#fff;width:100%;transition:var(--transition);background:#25d366;border-radius:10px;padding:15px;font-size:1.1rem;font-weight:600}.checkout-btn:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 5px 15px #25d3664d}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{width:90%;max-width:900px;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;animation:.3s ease-out fadeIn;position:relative;overflow:hidden}.modal-close{z-index:10;width:40px;height:40px;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--primary-color);transform:rotate(90deg)}.modal-grid{grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.modal-grid{grid-template-columns:1fr}}.modal-image{background:#f8f9fa;justify-content:center;align-items:center;padding:40px;display:flex}.modal-image img{object-fit:contain;max-width:100%;max-height:400px}.modal-details{padding:50px 40px}.modal-badge{background:var(--bg-soft);color:var(--secondary-color);border-radius:20px;margin-bottom:20px;padding:5px 15px;font-size:.8rem;font-weight:600;display:inline-block}.modal-details h2{margin-bottom:15px;font-size:2rem;line-height:1.2}.modal-price{color:var(--primary-color);margin-bottom:25px;font-size:1.5rem;font-weight:700}.modal-description{color:var(--text-secondary);border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px;line-height:1.7}.modal-actions{gap:20px;margin-bottom:30px;display:flex}.modal-quantity{background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:20px;height:50px;padding:0 20px;display:flex}.modal-quantity span{font-weight:600}.modal-quantity button{color:var(--text-secondary);transition:color .2s}.modal-quantity button:hover{color:var(--primary-color)}.modal-add-btn{background:var(--primary-gradient);color:#fff;transition:var(--transition);border-radius:10px;flex-grow:1;justify-content:center;align-items:center;gap:10px;height:50px;font-weight:600;display:flex}.modal-add-btn:hover{box-shadow:var(--shadow-sm);background:var(--secondary-gradient);transform:translateY(-2px)}.modal-benefits ul{flex-direction:column;gap:10px;display:flex}.modal-benefits li{color:var(--text-secondary);align-items:center;font-size:.9rem;display:flex}.hc-search-dropdown{z-index:950;background:#fff;border-bottom:1px solid #eaeaea;width:100%;padding:15px 20px;animation:.25s cubic-bezier(.16,1,.3,1) forwards hcSlideDown;position:absolute;top:100%;left:0;box-shadow:0 10px 20px #0000000d}@keyframes hcSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hc-search-container{align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.hc-search-input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:1rem}.hc-search-input::placeholder{color:#999}.hc-search-submit-btn{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:999px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:background .2s}.hc-search-submit-btn:hover{background:#5b21b6}.hc-search-close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.hc-search-close-btn:hover{color:#1a1a1a;background:#f3f4f6}.checkout-form-container{flex-direction:column;height:100%;display:flex}.checkout-form-container .back-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:.9rem;font-weight:600;display:inline-flex}.checkout-form-container .back-btn:hover{color:var(--primary-color);transform:translate(-3px)}.checkout-form-container h3{color:var(--text-primary);margin-bottom:20px;font-size:1.25rem;font-weight:700}.checkout-error{color:#dc2626;background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;margin-bottom:15px;padding:10px 15px;font-size:.85rem}.checkout-field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.checkout-field label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.checkout-field input,.checkout-field textarea{width:100%;transition:var(--transition);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem}.checkout-field input:focus,.checkout-field textarea:focus{border-color:var(--secondary-color);background:#fff;outline:none;box-shadow:0 0 0 3px #c9909a26}.checkout-summary-mini{background:#faf5ff;border:1px solid #f3e8ff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:20px;padding:15px;display:flex}.checkout-summary-mini span{color:var(--text-secondary);font-size:.9rem}.checkout-summary-mini strong{color:var(--primary-color);font-size:1.1rem;font-weight:700}.confirm-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:10px;padding:14px;font-size:1.05rem;font-weight:600;box-shadow:0 4px 12px #6d28d926}.confirm-btn:hover:not(:disabled){background:var(--secondary-gradient);transform:translateY(-2px);box-shadow:0 6px 15px #6d28d940}.confirm-btn:disabled{opacity:.7;cursor:not-allowed}.checkout-success-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px 10px;display:flex}.checkout-success-container .success-icon{color:#16a34a;margin-bottom:20px;animation:.4s cubic-bezier(.16,1,.3,1) scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.checkout-success-container h2{color:#1a1a1a;margin-bottom:12px;font-size:1.6rem;font-weight:700}.success-thank{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.6}.success-summary{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;width:100%;margin-bottom:20px;padding:15px;font-size:.85rem;display:flex}.success-summary p{color:#334155;margin:0}.success-summary strong{color:#64748b;font-weight:600}.success-instructions{color:var(--text-secondary);margin-bottom:30px;font-size:.85rem;font-style:italic;line-height:1.5}.checkout-success-container .btn-primary{background:var(--primary-gradient);color:#fff;width:100%;transition:var(--transition);border:none;border-radius:10px;padding:14px;font-weight:600}.checkout-success-container .btn-primary:hover{background:var(--secondary-gradient);transform:translateY(-2px)}.grain-admin{--ga-bg:#f7f7f5;--ga-surface:#fff;--ga-sidebar:#2a2622;--ga-sidebar-hover:#ffffff0f;--ga-sidebar-active:#c9909a2e;--ga-sidebar-text:#ffffffb8;--ga-sidebar-text-active:#f5f3ef;--ga-accent:#c9909a;--ga-accent-soft:#f9ecee;--ga-wheat:#c4a574;--ga-border:#e8e6e1;--ga-text:#1c1a17;--ga-text-muted:#6b6560;--ga-danger:#b54a3c;--ga-radius:12px;--ga-radius-sm:8px;--ga-shadow:0 1px 3px #1c1a170f, 0 8px 24px #1c1a170a;--ga-sidebar-w:268px;--ga-font:"DM Sans", ui-sans-serif, system-ui, sans-serif;font-family:var(--ga-font);background:var(--ga-bg);color:var(--ga-text);-webkit-font-smoothing:antialiased;flex-direction:row;align-items:stretch;min-height:100vh;display:flex}.grain-admin *,.grain-admin :before,.grain-admin :after{box-sizing:border-box}.grain-admin__sidebar{width:var(--ga-sidebar-w);flex:0 0 var(--ga-sidebar-w);background:var(--ga-sidebar);color:var(--ga-sidebar-text);z-index:200;border-right:1px solid #ffffff0f;flex-direction:column;min-height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.grain-admin__sidebar-brand{border-bottom:1px solid #ffffff14;padding:28px 22px 24px}.grain-admin__sidebar-logo{color:var(--ga-sidebar-text-active);align-items:center;gap:12px;text-decoration:none;display:flex}.grain-admin__sidebar-mark{background:linear-gradient(135deg, var(--ga-accent) 0%, #9e636e 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.grain-admin__sidebar-title{letter-spacing:-.02em;font-size:1rem;font-weight:700;line-height:1.2}.grain-admin__sidebar-sub{opacity:.55;margin-top:2px;font-size:.7rem}.grain-admin__nav{flex:1;padding:16px 12px;overflow-y:auto}.grain-admin__nav-group{margin-bottom:22px}.grain-admin__nav-label{letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;padding:0 10px 8px;font-size:.65rem;font-weight:600}.grain-admin__nav-link{border-radius:var(--ga-radius-sm);color:var(--ga-sidebar-text);align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.grain-admin__nav-link:hover{background:var(--ga-sidebar-hover);color:var(--ga-sidebar-text-active)}.grain-admin__nav-link--active{background:var(--ga-sidebar-active);color:var(--ga-sidebar-text-active)}.grain-admin__nav-link--active svg{color:#dcaeb5}.grain-admin__sidebar-footer{border-top:1px solid #ffffff14;padding:12px}.grain-admin__btn-logout{border-radius:var(--ga-radius-sm);color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.grain-admin__btn-logout:hover{background:#ffffff0f;border-color:#fff3}.grain-admin__shell{margin-left:var(--ga-sidebar-w);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.grain-admin__header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ga-border);background:#f7f7f5eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 28px;display:flex;position:sticky;top:0}.grain-admin__header-lead{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.grain-admin__header-lead>div:last-child{min-width:0}.grain-admin__breadcrumb{color:var(--ga-text-muted);margin:0 0 4px;font-size:.75rem}.grain-admin__page-title{letter-spacing:-.03em;color:var(--ga-text);margin:0;font-size:1.25rem;font-weight:700}.grain-admin__header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grain-admin__search{background:var(--ga-surface);border:1px solid var(--ga-border);border-radius:10px;align-items:center;gap:8px;min-width:200px;padding:8px 14px;display:flex;box-shadow:0 1px 2px #1c1a170a}.grain-admin__search input{width:160px;color:var(--ga-text);background:0 0;border:none;outline:none;font-family:inherit;font-size:.8125rem}.grain-admin__search input::placeholder{color:#9a948c}.grain-admin__menu-toggle{border:1px solid var(--ga-border);background:var(--ga-surface);cursor:pointer;width:40px;height:40px;color:var(--ga-text);border-radius:10px;justify-content:center;align-items:center;display:none}.grain-admin__main{flex:1;padding:24px 28px 40px;animation:.28s ease-out grainAdminFade}@keyframes grainAdminFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.grain-admin__kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:28px;display:grid}.grain-admin__kpi{background:var(--ga-surface);border-radius:var(--ga-radius);border:1px solid var(--ga-border);box-shadow:var(--ga-shadow);padding:20px 22px}.grain-admin__kpi-label{color:var(--ga-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:.75rem;font-weight:600}.grain-admin__kpi-value{letter-spacing:-.03em;color:var(--ga-text);margin:0;font-size:1.75rem;font-weight:700}.grain-admin__kpi-hint{color:var(--ga-accent);margin:6px 0 0;font-size:.75rem;font-weight:500}.grain-admin__card{background:var(--ga-surface);border-radius:var(--ga-radius);border:1px solid var(--ga-border);box-shadow:var(--ga-shadow);margin-bottom:22px;padding:24px}.grain-admin__card-title{letter-spacing:-.02em;margin:0 0 18px;font-size:1rem;font-weight:700}.grain-admin__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.grain-admin__btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.grain-admin__btn:active{transform:scale(.98)}.grain-admin__btn--primary{background:var(--ga-accent);color:#fff;box-shadow:0 2px 8px #c9909a59}.grain-admin__btn--primary:hover{background:#b2757f}.grain-admin__btn--ghost{background:var(--ga-surface);color:var(--ga-text);border:1px solid var(--ga-border)}.grain-admin__btn--ghost:hover{background:var(--ga-bg)}.grain-admin__btn--danger{color:var(--ga-danger);background:#fdf5f4;border:1px solid #f0d4d0}.grain-admin__btn--danger:hover{background:#fce8e6}.grain-admin__btn--sm{padding:6px 12px;font-size:.75rem}.grain-admin__table-wrap{border-radius:var(--ga-radius-sm);border:1px solid var(--ga-border);overflow-x:auto}.grain-admin__table{border-collapse:collapse;width:100%;font-size:.8125rem}.grain-admin__table th{text-align:left;color:var(--ga-text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--ga-border);background:#fafaf8;padding:12px 16px;font-size:.7rem;font-weight:600}.grain-admin__table td{border-bottom:1px solid var(--ga-border);vertical-align:middle;padding:14px 16px}.grain-admin__table tr:last-child td{border-bottom:none}.grain-admin__table tr:hover td{background:#fcfcfa}.grain-admin__table-actions{flex-wrap:wrap;gap:8px;display:flex}.grain-admin__thumb{object-fit:cover;background:var(--ga-bg);border-radius:8px;width:44px;height:44px}.grain-admin__form-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.grain-admin__field{flex-direction:column;gap:6px;display:flex}.grain-admin__field--full{grid-column:1/-1}.grain-admin__field label{color:var(--ga-text-muted);font-size:.75rem;font-weight:600}.grain-admin__field input,.grain-admin__field textarea,.grain-admin__field select{border:1px solid var(--ga-border);color:var(--ga-text);background:#fdfdfc;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.grain-admin__field input:focus,.grain-admin__field textarea:focus,.grain-admin__field select:focus{border-color:var(--ga-accent);box-shadow:0 0 0 3px var(--ga-accent-soft);outline:none}.grain-admin__field textarea{resize:vertical;min-height:100px}.grain-admin__media-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grain-admin__media-row input[type=url]{flex:1;min-width:200px}.grain-admin__file-pill{border:1px dashed var(--ga-border);background:var(--ga-bg);cursor:pointer;color:var(--ga-text);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:.8125rem;font-weight:600;display:inline-flex;position:relative}.grain-admin__file-pill:hover{border-color:var(--ga-accent);color:var(--ga-accent)}.grain-admin__file-pill .grain-admin__file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.grain-admin__media-or{color:var(--ga-text-muted);font-size:.75rem;font-weight:600}.grain-admin__pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.grain-admin__pagination-info{color:var(--ga-text-muted);font-size:.8125rem}.grain-admin__pagination-btns{gap:6px;display:flex}.grain-admin__modal-backdrop{z-index:400;background:#1c1a1773;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out grainBackdrop;display:flex;position:fixed;inset:0}@keyframes grainBackdrop{0%{opacity:0}to{opacity:1}}.grain-admin__modal{background:var(--ga-surface);border-radius:var(--ga-radius);width:100%;max-width:520px;max-height:90vh;animation:.28s cubic-bezier(.34,1.2,.64,1) grainModalIn;overflow-y:auto;box-shadow:0 24px 80px #1c1a1733}@keyframes grainModalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.grain-admin__modal--wide{max-width:720px}.grain-admin__modal-head{border-bottom:1px solid var(--ga-border);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.grain-admin__modal-head h3{margin:0;font-size:1.05rem;font-weight:700}.grain-admin__modal-close{background:var(--ga-bg);cursor:pointer;width:36px;height:36px;color:var(--ga-text-muted);border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.grain-admin__modal-body{padding:24px}.grain-admin__modal-foot{border-top:1px solid var(--ga-border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.grain-admin__toasts{z-index:500;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.grain-admin__toast{pointer-events:auto;min-width:280px;max-width:400px;box-shadow:var(--ga-shadow);border-radius:10px;padding:14px 18px;font-size:.875rem;font-weight:500;animation:.35s cubic-bezier(.34,1.2,.64,1) grainToastIn}@keyframes grainToastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.grain-admin__toast--success{color:#3d5a34;background:#f0f6ed;border:1px solid #c5d9bc}.grain-admin__toast--error{color:var(--ga-danger);background:#fdf5f4;border:1px solid #f0d4d0}.grain-admin--login{background:linear-gradient(160deg,#f7f7f5 0%,#ebe8e0 50%,#f5eaeb 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.grain-admin__login-card{background:var(--ga-surface);border-radius:var(--ga-radius);border:1px solid var(--ga-border);width:100%;max-width:400px;box-shadow:var(--ga-shadow);padding:36px}.grain-admin__login-card h1{margin:0 0 8px;font-size:1.35rem;font-weight:700}.grain-admin__login-card>p{color:var(--ga-text-muted);margin:0 0 24px;font-size:.875rem}.grain-admin--loading{min-height:100vh;color:var(--ga-text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.grain-admin__empty{text-align:center;color:var(--ga-text-muted);padding:48px 24px;font-size:.875rem}.grain-admin__empty strong{color:var(--ga-text);margin-bottom:8px;font-size:1rem;display:block}.grain-admin__overlay{z-index:150;background:#1c1a1766;display:none;position:fixed;inset:0}.grain-admin--nav-open .grain-admin__overlay{display:block}@media (width<=1024px){.grain-admin__kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grain-admin__sidebar{transform:translate(-100%)}.grain-admin--nav-open .grain-admin__sidebar{transform:translate(0)}.grain-admin__shell{margin-left:0}.grain-admin__menu-toggle{display:flex}.grain-admin__search{flex:1;min-width:0}.grain-admin__search input{width:100%}}@media (width<=560px){.grain-admin__kpi-grid{grid-template-columns:1fr}.grain-admin__header{padding:12px 16px}.grain-admin__main{padding:16px}}.grain-admin__status-select{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:9999px;outline:none;padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s}.grain-admin__status-select--pending{color:#d97706;background-color:#fef3c7;border-color:#fde68a}.grain-admin__status-select--pending:hover{background-color:#fde68a}.grain-admin__status-select--completed{color:#16a34a;background-color:#dcfce7;border-color:#bbf7d0}.grain-admin__status-select--completed:hover{background-color:#bbf7d0}.grain-admin__status-select--cancelled{color:#dc2626;background-color:#fee2e2;border-color:#fecaca}.grain-admin__status-select--cancelled:hover{background-color:#fecaca}.grain-admin__table tr.grain-admin__expanded-row td{border-bottom:1px solid var(--ga-border);padding:0!important}.grain-admin__table tr.grain-admin__expanded-row:hover td{background:0 0!important}.grain-admin__metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.grain-admin__metric-card{border:1px solid var(--ga-border);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.grain-admin__metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.grain-admin__metric-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.grain-admin__metric-icon-wrap--primary{color:#2f0b51;background-color:#2f0b5114}.grain-admin__metric-icon-wrap--success{color:#16a34a;background-color:#16a34a14}.grain-admin__metric-icon-wrap--warning{color:#d97706;background-color:#d9770614}.grain-admin__metric-info{flex-direction:column;display:flex}.grain-admin__metric-label{color:var(--ga-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.grain-admin__metric-value{color:var(--ga-text);margin-top:4px;font-size:1.5rem;font-weight:800;line-height:1.2}.grain-admin__avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#2f0b51 0%,#cc5ca6 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 5px #2f0b511a}.grain-admin__expanded-grid{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}@media (width<=992px){.grain-admin__expanded-grid{grid-template-columns:1fr}}.grain-admin__expanded-card{border:1px solid var(--ga-border);background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000005}.grain-admin__expanded-title{text-transform:uppercase;letter-spacing:.05em;color:#2f0b51;border-bottom:1px solid var(--ga-border);align-items:center;gap:6px;margin-bottom:12px;padding-bottom:8px;font-size:.85rem;font-weight:700;display:flex}