/**
 * GM Category Overview v1.3.0 — Frontend CSS
 * Foodica-proof. No ad/consent interference. Prefix: gmco-
 */
.gmco-overview{max-width:1200px;margin:0 auto;padding:0 16px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif !important;color:#1C1A16 !important;-webkit-font-smoothing:antialiased}
.gmco-overview *{box-sizing:border-box !important}
.gmco-overview a{text-decoration:none !important;color:inherit !important}

.gmco-icon{width:44px !important;height:44px !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important}
.gmco-icon svg{display:block !important}
.gmco-section{margin-bottom:48px !important}
.gmco-sec-header{display:flex !important;align-items:baseline !important;gap:16px !important;margin-bottom:28px !important}
.gmco-sec-title{font-family:'EB Garamond',Georgia,serif !important;font-size:28px !important;font-weight:500 !important;color:#1C1A16 !important;margin:0 !important;padding:0 !important;line-height:1.2 !important;border:none !important;background:none !important}
.gmco-sec-line{flex:1 !important;height:1px !important;background:#EAE4D8 !important}
.gmco-sec-count{font-size:13px !important;font-weight:500 !important;color:#8A847A !important;white-space:nowrap !important}

/* TAG GRID */
.gmco-tag-grid{display:flex !important;flex-wrap:wrap !important;gap:12px !important}
.gmco-tag-card{all:unset !important;display:flex !important;align-items:center !important;gap:14px !important;background:#fff !important;border-radius:14px !important;padding:16px 22px !important;border:1px solid transparent !important;cursor:pointer !important;transition:all .25s ease !important;flex:0 0 auto !important}
.gmco-tag-card:hover{border-color:#B8883A !important;box-shadow:0 6px 24px rgba(184,136,58,.1) !important;transform:translateY(-2px) !important}
.gmco-tag-card .gmco-icon{width:38px !important;height:38px !important;border-radius:10px !important}
.gmco-tag-card .gmco-icon svg{width:18px !important;height:18px !important}
.gmco-tag-info{min-width:0 !important}
.gmco-tag-name{font-family:'EB Garamond',Georgia,serif !important;font-size:16px !important;font-weight:500 !important;color:#1C1A16 !important}

/* FEATURED */
.gmco-feat-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important}
.gmco-feat-card{all:unset !important;display:block !important;background:#2C4A3A !important;border-radius:18px !important;padding:32px 28px !important;color:#FAF8F3 !important;cursor:pointer !important;transition:all .3s ease !important;position:relative !important;overflow:hidden !important}
.gmco-feat-card:hover{transform:translateY(-3px) !important;box-shadow:0 12px 40px rgba(44,74,58,.25) !important}
.gmco-feat-card::after{content:'' !important;position:absolute !important;top:-40px !important;right:-40px !important;width:140px !important;height:140px !important;border-radius:50% !important;background:rgba(184,136,58,.12) !important;pointer-events:none !important}
.gmco-feat-gold{background:linear-gradient(135deg,#B8883A,#C4973F) !important}
.gmco-feat-dark{background:#1C1A16 !important}
.gmco-feat-icon{width:52px !important;height:52px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:18px !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.08) !important;position:relative !important;z-index:1 !important}
.gmco-feat-gold .gmco-feat-icon{background:rgba(255,255,255,.2) !important}
.gmco-feat-dark .gmco-feat-icon{background:rgba(255,255,255,.08) !important}
.gmco-feat-name{font-family:'EB Garamond',Georgia,serif !important;font-size:24px !important;font-weight:500 !important;margin-bottom:4px !important;color:#FAF8F3 !important;position:relative !important;z-index:1 !important}
.gmco-feat-count{font-size:13px !important;color:rgba(250,248,243,.5) !important;margin-bottom:10px !important;font-weight:500 !important;position:relative !important;z-index:1 !important}
.gmco-feat-arrow{position:absolute !important;bottom:24px !important;right:24px !important;width:32px !important;height:32px !important;border-radius:50% !important;background:rgba(255,255,255,.15) !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:1 !important}

/* CATEGORY GRID */
.gmco-cat-grid{display:grid !important;grid-template-columns:repeat(var(--cols,4),1fr) !important;gap:14px !important}
.gmco-cat-card{all:unset !important;display:flex !important;align-items:center !important;gap:16px !important;background:#fff !important;border-radius:14px !important;padding:20px 22px !important;border:1px solid transparent !important;cursor:pointer !important;transition:all .25s ease !important}
.gmco-cat-card:hover{border-color:#B8883A !important;box-shadow:0 8px 32px rgba(184,136,58,.1) !important;transform:translateY(-2px) !important}
.gmco-cat-info{flex:1 !important;min-width:0 !important}
.gmco-cat-name{font-family:'EB Garamond',Georgia,serif !important;font-size:17px !important;font-weight:500 !important;color:#1C1A16 !important;line-height:1.3 !important}
.gmco-cat-count{font-size:12px !important;font-weight:600 !important;color:#B8883A !important;background:rgba(184,136,58,.08) !important;padding:3px 10px !important;border-radius:20px !important;white-space:nowrap !important;flex-shrink:0 !important}
.gmco-all-link{text-align:center !important;margin-top:24px !important}
a.gmco-all-btn,a.gmco-all-btn:link,a.gmco-all-btn:visited,a.gmco-all-btn:active,.gmco-overview a.gmco-all-btn{all:unset !important;display:inline-flex !important;align-items:center !important;gap:8px !important;padding:14px 32px !important;border-radius:14px !important;background:#2C4A3A !important;color:#fff !important;font-family:'DM Sans',sans-serif !important;font-size:15px !important;font-weight:600 !important;cursor:pointer !important;transition:all .2s !important}
a.gmco-all-btn:hover,.gmco-overview a.gmco-all-btn:hover{transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(44,74,58,.2) !important;background:#3D6350 !important;color:#fff !important}

/* COLLECTIONS — shared */
.gmco-coll-imgwrap{width:100% !important;height:200px !important;overflow:hidden !important;border-radius:14px 14px 0 0 !important;background:#F5F0E8 !important}
.gmco-coll-imgwrap img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.gmco-coll-ph{height:200px !important;background:linear-gradient(135deg,#F5E6D3,#E8D5C0) !important}
.gmco-coll-body{padding:14px 18px !important}
.gmco-coll-title{font-family:'EB Garamond',Georgia,serif !important;font-size:16px !important;font-weight:500 !important;color:#1C1A16 !important;line-height:1.3 !important;margin-bottom:4px !important}
.gmco-coll-meta{font-size:12px !important;color:#8A847A !important}
.gmco-coll-link{text-align:center !important;margin-top:20px !important}
.gmco-coll-link a{all:unset !important;display:inline-flex !important;align-items:center !important;gap:6px !important;font-family:'DM Sans',sans-serif !important;font-size:14px !important;font-weight:600 !important;color:#2C4A3A !important;cursor:pointer !important;padding:10px 24px !important;border-radius:10px !important;border:1px solid #EAE4D8 !important;transition:all .2s !important}
.gmco-coll-link a:hover{border-color:#B8883A !important;background:rgba(184,136,58,.04) !important;color:#B8883A !important}

/* COLLECTIONS — Grid */
.gmco-coll-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important}
.gmco-coll-card{all:unset !important;display:block !important;background:#fff !important;border-radius:14px !important;overflow:hidden !important;border:0.5px solid #EAE4D8 !important;cursor:pointer !important;transition:all .25s ease !important}
.gmco-coll-card:hover{transform:translateY(-3px) !important;box-shadow:0 8px 28px rgba(0,0,0,.08) !important;border-color:#B8883A !important}

/* COLLECTIONS — Hero + side */
.gmco-coll-hero{display:grid !important;grid-template-columns:1.4fr 1fr !important;gap:16px !important;align-items:stretch !important}
.gmco-coll-hero-main{all:unset !important;display:flex !important;flex-direction:column !important;background:#fff !important;border-radius:14px !important;overflow:hidden !important;border:0.5px solid #EAE4D8 !important;cursor:pointer !important;transition:all .25s ease !important}
.gmco-coll-hero-main:hover{transform:translateY(-3px) !important;box-shadow:0 8px 28px rgba(0,0,0,.08) !important;border-color:#B8883A !important}
.gmco-coll-hero-main .gmco-coll-imgwrap{height:280px !important;border-radius:14px 14px 0 0 !important}
.gmco-coll-hero-side{display:flex !important;flex-direction:column !important;gap:12px !important}
.gmco-coll-side-card{all:unset !important;display:flex !important;gap:14px !important;background:#fff !important;border-radius:14px !important;padding:14px !important;border:0.5px solid #EAE4D8 !important;cursor:pointer !important;transition:all .2s !important;flex:1 !important;align-items:center !important;overflow:hidden !important}
.gmco-coll-side-card:hover{border-color:#B8883A !important;background:#FDFBF8 !important}
.gmco-coll-side-imgwrap{width:72px !important;height:72px !important;border-radius:10px !important;overflow:hidden !important;flex-shrink:0 !important;background:#F5F0E8 !important}
.gmco-coll-side-imgwrap img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.gmco-coll-side-info{flex:1 !important;min-width:0 !important}

/* SUBCATEGORY */
.gmco-sub-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr)) !important;gap:24px !important}
.gmco-sub-group{background:#fff !important;border-radius:16px !important;padding:28px !important;border:1px solid #EAE4D8 !important}
.gmco-sub-header{display:flex !important;align-items:center !important;gap:12px !important;margin-bottom:20px !important;padding-bottom:16px !important;border-bottom:1px solid #EAE4D8 !important}
.gmco-sub-header .gmco-icon{width:36px !important;height:36px !important;border-radius:10px !important}
.gmco-sub-header .gmco-icon svg{width:18px !important;height:18px !important}
.gmco-sub-title{font-family:'EB Garamond',Georgia,serif !important;font-size:20px !important;font-weight:500 !important;color:#1C1A16 !important;flex:1 !important}
.gmco-sub-count{font-size:12px !important;font-weight:600 !important;color:#B8883A !important}
.gmco-sub-list{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:4px !important}
.gmco-sub-list li{list-style:none !important;margin:0 !important;padding:0 !important}
.gmco-sub-item{all:unset !important;display:flex !important;align-items:center !important;gap:10px !important;padding:9px 12px !important;border-radius:10px !important;cursor:pointer !important;transition:background .2s !important}
.gmco-sub-item:hover{background:rgba(44,74,58,.04) !important}
.gmco-sub-item svg{flex-shrink:0 !important;display:block !important}
.gmco-sub-name{font-size:14px !important;font-weight:500 !important;color:#3A3630 !important;flex:1 !important}
.gmco-sub-num{font-size:11px !important;color:#8A847A !important;font-weight:500 !important}

/* DYNAMIC */
.gmco-dyn-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important}
.gmco-dyn-col{background:#fff !important;border-radius:16px !important;padding:24px !important;border:1px solid #EAE4D8 !important}
.gmco-dyn-heading{font-family:'EB Garamond',Georgia,serif !important;font-size:18px !important;font-weight:500 !important;color:#2C4A3A !important;display:flex !important;align-items:center !important;gap:8px !important;margin:0 0 20px !important;padding:0 0 16px !important;border-bottom:1px solid #EAE4D8 !important}
.gmco-dyn-heading svg{flex-shrink:0 !important;display:block !important}
.gmco-dyn-item{all:unset !important;display:flex !important;align-items:center !important;gap:12px !important;padding:10px !important;border-radius:10px !important;cursor:pointer !important;transition:background .2s !important}
.gmco-dyn-item:hover{background:rgba(44,74,58,.03) !important}
.gmco-dyn-thumb{width:48px !important;height:48px !important;border-radius:10px !important;object-fit:cover !important;flex-shrink:0 !important}
.gmco-dyn-info{flex:1 !important;min-width:0 !important}
.gmco-dyn-title{font-size:14px !important;font-weight:500 !important;color:#1C1A16 !important;line-height:1.3 !important}
.gmco-dyn-meta{font-size:12px !important;color:#8A847A !important;margin-top:2px !important}

/* AI */
.gmco-ai-card{background:#2C4A3A !important;border-radius:20px !important;padding:40px !important;position:relative !important;overflow:hidden !important}
.gmco-ai-card::before{content:'' !important;position:absolute !important;top:-80px !important;right:-80px !important;width:300px !important;height:300px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(184,136,58,.15),transparent 70%) !important;pointer-events:none !important}
.gmco-ai-header{display:flex !important;align-items:center !important;gap:14px !important;margin-bottom:8px !important;position:relative !important}
.gmco-ai-icon{width:44px !important;height:44px !important;border-radius:12px !important;background:rgba(184,136,58,.2) !important;border:1px solid rgba(184,136,58,.3) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important}
.gmco-ai-title{font-family:'EB Garamond',Georgia,serif !important;font-size:26px !important;font-weight:500 !important;color:#FAF8F3 !important;margin:0 !important;padding:0 !important;border:none !important;background:none !important}
.gmco-ai-title em{font-style:italic !important;color:#D4A84E !important}
.gmco-ai-sub{font-size:14px !important;color:rgba(250,248,243,.55) !important;line-height:1.6 !important;margin-bottom:24px !important;max-width:560px !important;position:relative !important}
.gmco-ai-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-bottom:24px !important;position:relative !important}
.gmco-ai-chip{all:unset !important;padding:8px 16px !important;border-radius:20px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important;color:rgba(255,255,255,.8) !important;font-size:13px !important;font-weight:500 !important;cursor:pointer !important;transition:all .2s !important;font-family:'DM Sans',sans-serif !important}
.gmco-ai-chip:hover{background:rgba(184,136,58,.2) !important;border-color:rgba(184,136,58,.4) !important;color:white !important}
.gmco-ai-chip.active{background:rgba(184,136,58,.3) !important;border-color:#B8883A !important;color:white !important}
.gmco-ai-input-wrap{display:flex !important;gap:10px !important;position:relative !important}
.gmco-ai-input{all:unset !important;flex:1 !important;padding:16px 20px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,.12) !important;background:rgba(255,255,255,.06) !important;color:white !important;font-family:'DM Sans',sans-serif !important;font-size:15px !important}
.gmco-ai-input::placeholder{color:rgba(255,255,255,.35) !important}
.gmco-ai-input:focus{border-color:rgba(184,136,58,.5) !important;background:rgba(255,255,255,.08) !important}
.gmco-ai-btn{all:unset !important;padding:16px 28px !important;border-radius:14px !important;background:linear-gradient(135deg,#B8883A,#D4A84E) !important;color:white !important;font-family:'DM Sans',sans-serif !important;font-size:15px !important;font-weight:600 !important;cursor:pointer !important;transition:all .2s !important;white-space:nowrap !important;display:flex !important;align-items:center !important;gap:8px !important}
.gmco-ai-btn:hover{transform:translateY(-1px) !important;box-shadow:0 6px 20px rgba(184,136,58,.35) !important}
.gmco-ai-btn:disabled{opacity:.5 !important;cursor:not-allowed !important;transform:none !important}
.gmco-ai-loading{display:none !important;align-items:center !important;gap:12px !important;padding:20px 0 !important;color:rgba(255,255,255,.6) !important;font-size:14px !important}
.gmco-ai-loading.active{display:flex !important}
.gmco-ai-dots{display:flex !important;gap:4px !important}
.gmco-ai-dots span{width:6px !important;height:6px !important;border-radius:50% !important;background:#D4A84E !important;animation:gmcoPulse 1.2s ease infinite !important}
.gmco-ai-dots span:nth-child(2){animation-delay:.2s !important}
.gmco-ai-dots span:nth-child(3){animation-delay:.4s !important}
@keyframes gmcoPulse{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
.gmco-ai-results{margin-top:20px !important;position:relative !important}
.gmco-ai-results-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr)) !important;gap:12px !important}
.gmco-ai-result{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:14px !important;padding:20px !important;transition:all .2s !important}
.gmco-ai-result:hover{background:rgba(255,255,255,.1) !important;border-color:rgba(184,136,58,.3) !important}
.gmco-ai-result-title{font-family:'EB Garamond',Georgia,serif !important;font-size:17px !important;font-weight:500 !important;color:white !important;margin-bottom:4px !important}
.gmco-ai-result-desc{font-size:12.5px !important;color:rgba(255,255,255,.5) !important;line-height:1.4 !important}
.gmco-ai-result-tag{display:inline-block !important;margin-top:8px !important;padding:3px 10px !important;border-radius:12px !important;font-size:11px !important;font-weight:600 !important;background:rgba(184,136,58,.15) !important;color:#D4A84E !important}

@media(max-width:1024px){.gmco-cat-grid{grid-template-columns:repeat(3,1fr) !important}}
@media(max-width:768px){.gmco-feat-grid{grid-template-columns:1fr !important}.gmco-cat-grid{grid-template-columns:repeat(2,1fr) !important}.gmco-sub-grid{grid-template-columns:1fr !important}.gmco-dyn-grid{grid-template-columns:1fr !important}.gmco-coll-grid{grid-template-columns:1fr !important}.gmco-coll-hero{grid-template-columns:1fr !important}.gmco-section{margin-bottom:36px !important}.gmco-ai-card{padding:24px 20px !important}.gmco-ai-input-wrap{flex-direction:column !important}}
@media(max-width:480px){.gmco-cat-grid{grid-template-columns:1fr !important}.gmco-ai-chips{gap:6px !important}.gmco-tag-grid{flex-direction:column !important}}
