body{color:#1e293b;background:linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%);min-height:100vh;margin:0;padding:0;font-family:Outfit,sans-serif}#root{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:40px 20px;display:flex}@media (width<=992px){#root{padding:0}}:root{--brand-red:#e23744;--brand-red-hover:#be123c;--brand-purple:#6d28d9;--brand-purple-hover:#5b21b6;--brand-gold:#eab308;--brand-gold-hover:#ca8a04;--brand-dark:#0f172a;--wa-green:#25d366;--wa-green-hover:#15bd50;--text-main:#334155;--text-muted:#64748b;--card-bg:#ffffffd9;--card-border:#e2e8f0cc;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:#fafaf9;min-height:100vh;font-family:Outfit,sans-serif}.app-theme-afe{--theme-color:var(--brand-red);--theme-color-hover:var(--brand-red-hover);--theme-color-rgb:226, 55, 68;--theme-bg-gradient:linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%);--theme-card-hover-border:#e2374440;--theme-card-hover-shadow:#e2374414;--theme-action-bg-light:#e237440f;--theme-pulse-color:#e2374466}.app-theme-insider{--theme-color:var(--brand-purple);--theme-color-hover:var(--brand-purple-hover);--theme-color-rgb:109, 40, 217;--theme-bg-gradient:linear-gradient(135deg, #faf7ff 0%, #fbf9ff 50%, #fffef7 100%);--theme-card-hover-border:#6d28d940;--theme-card-hover-shadow:#6d28d914;--theme-action-bg-light:#6d28d90f;--theme-pulse-color:#6d28d966}.app-wrapper-container{z-index:2;width:100%;max-width:1024px;min-height:100vh;transition:var(--transition-smooth);flex-direction:column;gap:28px;margin:0 auto;padding:40px 20px;display:flex;position:relative}@media (width<=768px){.app-wrapper-container{gap:20px;padding:20px 14px}}.food-bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.food-bg i{color:rgba(var(--theme-color-rgb), .04);font-size:2.2rem;transition:color .5s;animation:linear infinite floatUp;position:absolute;bottom:-60px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-115vh)rotate(360deg)}}.food-bg i:first-child{font-size:2rem;animation-duration:16s;left:5%}.food-bg i:nth-child(2){font-size:2.4rem;animation-duration:20s;animation-delay:2s;left:20%}.food-bg i:nth-child(3){font-size:2.8rem;animation-duration:24s;animation-delay:5s;left:38%}.food-bg i:nth-child(4){font-size:1.8rem;animation-duration:18s;left:58%}.food-bg i:nth-child(5){font-size:2.5rem;animation-duration:22s;animation-delay:4s;left:75%}.food-bg i:nth-child(6){font-size:2.2rem;animation-duration:21s;animation-delay:7s;left:90%}.channel-banner-wrap{aspect-ratio:16/4.5;cursor:pointer;background:linear-gradient(135deg,#f0f0f0 0%,#e8edf3 100%);border:1px solid #e2e8f0b3;border-radius:5px;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0f172a1f,0 2px 8px #0f172a0f}.channel-banner-wrap:hover{transform:translateY(-2px);box-shadow:0 14px 40px #0f172a24,0 4px 12px #0f172a0f}.channel-banner-wrap:active{transform:scale(.995)}.channel-banner-wrap:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%) 0 0/200% 100%;transition:opacity .3s;animation:1.6s ease-in-out infinite banner-shimmer;position:absolute;inset:0}.channel-banner-wrap.loading:before{opacity:1}@keyframes banner-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.channel-banner-img{object-fit:cover;object-position:center center;z-index:0;width:100%;height:100%;animation:.5s cubic-bezier(.4,0,.2,1) bannerFadeIn;display:block;position:relative}@keyframes bannerFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.channel-banner-overlay{z-index:2;background:linear-gradient(#0000 0%,#0f172a26 40%,#0f172a9e 100%);justify-content:space-between;align-items:flex-end;gap:10px;padding:20px 18px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.channel-banner-tag{color:#fff;letter-spacing:.02em;text-shadow:0 1px 6px #0009;align-items:center;gap:5px;font-size:.8rem;font-weight:700;display:flex}.channel-banner-yt{color:#fff;white-space:nowrap;background:red;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:.72rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:none;box-shadow:0 2px 8px #f006}.channel-banner-yt:active{transform:scale(.95)}@media (width<=900px){.channel-banner-wrap{aspect-ratio:16/5;border-radius:6px}}@media (width<=640px){.channel-banner-wrap{aspect-ratio:16/8;border-radius:5px;box-shadow:0 6px 20px rgba(15,23,42,0.06)}.channel-banner-img{object-position:center 30%}.channel-banner-overlay{padding:28px 14px 10px}.channel-banner-tag{font-size:.75rem}.channel-banner-yt{display:flex}}@media (width<=400px){.channel-banner-wrap{aspect-ratio:16/9;border-radius:5px}.channel-banner-tag{font-size:.68rem}.channel-banner-yt{padding:4px 9px;font-size:.65rem}}.brand-switcher-wrapper{justify-content:center;width:100%;display:flex}.brand-switcher{-webkit-backdrop-filter:blur(8px);background:#e2e8f099;border:1px solid #e2e8f0cc;border-radius:40px;width:100%;max-width:440px;padding:5px;display:flex;box-shadow:0 8px 24px #0f172a0a}.switcher-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth);background:0 0;border:none;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;display:flex}.switcher-btn img{object-fit:contain;background:#fff;border:1px solid #e2e8f0cc;border-radius:50%;width:22px;height:22px;transition:transform .3s}.switcher-btn:hover img{transform:scale(1.1)}.switcher-btn.active{background:#fff;box-shadow:0 4px 12px #0f172a14}.switcher-btn.switch-afe.active{color:var(--brand-red)}.switcher-btn.switch-insider.active{color:var(--brand-purple)}.app-header{text-align:center;flex-direction:column;align-items:center;padding:10px 0;display:flex}.avatar-wrapper{margin-bottom:16px;display:inline-block;position:relative}.avatar-img{object-fit:contain;width:105px;height:105px;box-shadow:0 12px 30px rgba(var(--theme-color-rgb), .12);background:#fff;border:4px solid #fff;border-radius:50%;padding:4px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.avatar-wrapper:hover .avatar-img{transform:scale(1.06)}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-wrapper:hover .animate-logo{animation-play-state:paused}.verified-badge{color:#fff;background:#0095f6;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 8px #00000026}.app-title{color:var(--brand-dark);letter-spacing:-.5px;margin-bottom:4px;font-size:1.85rem;font-weight:700}.app-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:.95rem;font-weight:500}.stats-pill-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:18px;display:flex}.followers-pill{background:var(--theme-color);color:#fff;box-shadow:0 4px 12px rgba(var(--theme-color-rgb), .2);border-radius:20px;align-items:center;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.live-status{color:#15803d;background:#25d36614;border:1px solid #25d36633;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.live-pulse{background:var(--wa-green);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse-live}@keyframes pulse-live{0%{transform:scale(.9);box-shadow:0 0 #25d366b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #25d36600}to{transform:scale(.9);box-shadow:0 0 #25d36600}}.brand-description{color:var(--text-main);max-width:600px;margin:0 auto;font-size:.92rem;font-weight:400;line-height:1.55}.landing-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.landing-grid{grid-template-columns:1fr 1fr}}.grid-column{flex-direction:column;gap:20px;display:flex}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);transition:var(--transition-smooth);border-radius:5px;padding:22px;box-shadow:0 4px 15px rgba(15,23,42,0.04)}.card:hover{border-color:var(--theme-card-hover-border);box-shadow:0 12px 30px var(--theme-card-hover-shadow);transform:translateY(-3px)}.section-card-title{color:var(--brand-dark);align-items:center;gap:8px;margin-bottom:18px;font-size:1.05rem;font-weight:700;display:flex}.business-card{border-color:rgba(var(--theme-color-rgb), .08)}.business-brand{align-items:center;gap:12px;margin-bottom:14px;display:flex}.business-brand-img{border:1px solid rgba(var(--theme-color-rgb), .12);object-fit:contain;background:#fff;border-radius:50%;width:36px;height:36px;padding:2px}.business-brand h3{color:var(--brand-dark);font-size:1.05rem;font-weight:700}.business-desc{color:var(--text-muted);text-align:left;margin-bottom:18px;font-size:.85rem;line-height:1.5}.contact-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.contact-btn{transition:var(--transition-smooth);border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.call-btn{color:#008cd0;background:#0095f60f;border:1px solid #0095f62e}.call-btn:hover{background:#0095f61f;transform:translateY(-2px)}.wa-btn{color:#16a34a;background:#25d3660f;border:1px solid #25d3662e;animation:2s infinite buttonPulse}.wa-btn:hover{background:#25d3661f;transform:translateY(-2px)}@keyframes buttonPulse{0%{box-shadow:0 0 #25d36633}70%{box-shadow:0 0 0 6px #25d36600}to{box-shadow:0 0 #25d36600}}.form-divider{border:0;border-top:1px solid rgba(var(--theme-color-rgb), .1);margin:20px 0}.form-title{color:var(--brand-dark);align-items:center;gap:8px;margin-bottom:14px;font-size:.9rem;font-weight:600;display:flex}.inquiry-form{flex-direction:column;gap:12px;display:flex}.input-wrapper{width:100%;position:relative}.input-icon{color:var(--text-muted);transition:color .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-field{width:100%;color:var(--brand-dark);transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:12px 14px 12px 38px;font-family:Outfit,sans-serif;font-size:.85rem}.input-field:focus{border-color:var(--theme-color);box-shadow:0 0 0 3px rgba(var(--theme-color-rgb), .1);outline:none}.input-field:focus+.input-icon{color:var(--theme-color)}.submit-btn{cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.submit-btn:disabled{cursor:not-allowed;color:var(--text-muted)!important;background:#e2e8f0!important}.theme-btn-bg{box-shadow:0 4px 12px rgba(var(--theme-color-rgb), .15);background:var(--theme-color)!important;color:#fff!important}.theme-btn-bg:hover{box-shadow:0 6px 18px rgba(var(--theme-color-rgb), .25);transform:translateY(-1px);background:var(--theme-color-hover)!important}.theme-btn-border{font-weight:700;border:2px solid var(--theme-color)!important;color:var(--theme-color)!important;background:0 0!important}.theme-btn-border:hover{box-shadow:0 4px 12px rgba(var(--theme-color-rgb), .18);transform:translateY(-1px);background:var(--theme-color)!important;color:#fff!important}.text-brand-color{color:var(--theme-color)}.social-links-grid{flex-direction:column;gap:12px;display:flex}.social-link-item{border:1px solid var(--card-border);color:inherit;transition:var(--transition-smooth);background:#fff9;border-radius:6px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}.social-link-item:hover{border-color:var(--theme-card-hover-border);box-shadow:0 6px 16px rgba(var(--theme-color-rgb), .04);background:#fff;transform:translate(4px)}.social-link-item i{color:#fff;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.35rem;display:flex}.link-ig i{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.link-yt i{background:red}.link-wa i{background:#25d366}.link-fb i{background:#1877f2}.social-link-item h4{color:var(--brand-dark);margin-bottom:2px;font-size:.9rem;font-weight:600}.social-link-item p{color:var(--text-muted);font-size:.75rem}.link-arrow{color:var(--text-muted);transition:var(--transition-smooth);margin-left:auto}.social-link-item:hover .link-arrow{color:var(--theme-color);transform:translate(3px)}.portfolio-section{flex-direction:column;gap:14px;display:flex}.section-title{color:var(--brand-dark);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.portfolio-grid{flex-direction:column;gap:14px;display:flex}.portfolio-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);transition:var(--transition-smooth);border-radius:5px;gap:16px;padding:20px;display:flex}.portfolio-card:hover{border-color:var(--theme-card-hover-border);box-shadow:0 10px 25px var(--theme-card-hover-shadow);transform:translateY(-2px)}.portfolio-icon{color:#fff;background:var(--theme-color);width:48px;height:48px;box-shadow:0 4px 12px rgba(var(--theme-color-rgb), .2);transition:var(--transition-smooth);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex;overflow:hidden}.portfolio-logo-img{object-fit:cover;border-radius:inherit;background:#fff;width:100%;height:100%}.portfolio-reels-list{flex-direction:column;gap:8px;width:100%;margin-top:14px;display:flex}.portfolio-reel-item{background:#ffffff73;border:1px solid #e2e8f099;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:all .3s;display:flex}.portfolio-reel-item:hover{border-color:rgba(var(--theme-color-rgb), .25);background:#ffffffbf;box-shadow:0 4px 12px #0f172a08}.portfolio-reel-left{align-items:center;gap:10px;display:flex}.portfolio-client-logo{object-fit:cover;background:#fff;border:1px solid #e2e8f0cc;border-radius:50%;width:32px;height:32px}.portfolio-client-logo-fallback{width:32px;height:32px;color:var(--theme-color);background:#ffffff80;border:1px solid #e2e8f099;border-radius:50%;justify-content:center;align-items:center;display:flex}.portfolio-client-name{color:var(--brand-dark);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600}.portfolio-reel-item .portfolio-btn{border-radius:20px;align-self:center;margin-top:0;padding:6px 12px;font-size:.74rem}.portfolio-card:hover .portfolio-icon{transform:scale(1.08)}.portfolio-info{flex-direction:column;flex:1;align-items:flex-start;display:flex}.portfolio-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--theme-color);margin-bottom:4px;font-size:.7rem;font-weight:700}.portfolio-info h4{color:var(--brand-dark);text-align:left;margin-bottom:6px;font-size:.95rem;font-weight:600}.portfolio-info p{color:var(--text-muted);text-align:left;margin-bottom:12px;font-size:.8rem;line-height:1.45}.portfolio-btn{cursor:pointer;transition:var(--transition-smooth);border-radius:5px;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.food-card-bg{background:linear-gradient(135deg,#ffffffe6 0%,#fffaf8e6 100%)}.hotel-card-bg{background:linear-gradient(135deg,#ffffffe6 0%,#fdfcffe6 100%)}.business-card-bg{background:linear-gradient(135deg,#ffffffe6 0%,#fcfffde6 100%)}.offers-card{flex-direction:column;gap:12px;display:flex}.coupon-subcard{border:1px solid var(--card-border);cursor:pointer;transition:var(--transition-smooth);background:#fff9;border-radius:6px;padding:12px 14px}.coupon-subcard:hover{border-color:rgba(var(--theme-color-rgb), .15);background:#fff}.coupon-header-wrapper{align-items:center;gap:12px;width:100%;display:flex}.coupon-icon-logo{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.logo-dominos{background:linear-gradient(135deg,#006491,#008cd0)}.logo-mcd{background:linear-gradient(135deg,#dd1021,#ffbc0d)}.coupon-info-text{text-align:left;flex:1}.coupon-info-text h4{color:var(--brand-dark);margin-bottom:2px;font-size:.88rem;font-weight:600}.coupon-info-text p{color:var(--text-muted);font-size:.72rem}.coupon-arrow{color:var(--text-muted);transition:transform .3s}.coupon-subcard.active .coupon-arrow{color:var(--theme-color);transform:rotate(180deg)}.coupon-expanded-details{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;animation:.25s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.coupon-desc-text{color:var(--text-muted);text-align:left;font-size:.78rem;line-height:1.4}.code-copy-container{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code-text-display{color:var(--theme-color);letter-spacing:.5px;font-family:monospace;font-size:.95rem;font-weight:700}.copy-action-btn{background:var(--theme-color);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600}.copy-action-btn:hover{background:var(--theme-color-hover)}.order-cta-btn{color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:.78rem;font-weight:600;text-decoration:none;transition:filter .2s;display:inline-flex}.order-cta-btn:hover{filter:brightness(.92)}.bg-dominos{background:#006491}.bg-mcd{background:#dd1021}.quick-actions-row{gap:12px;width:100%;display:flex}.action-panel-btn{cursor:pointer;transition:var(--transition-smooth);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 4px 12px #0f172a03}.action-panel-btn:hover{box-shadow:0 6px 16px rgba(var(--theme-color-rgb), .08);transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;width:100%;height:100%;transition:var(--transition-smooth);background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-box{width:100%;max-width:420px;transition:var(--transition-smooth);background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;padding:24px;transform:translateY(24px);box-shadow:0 20px 40px #0f172a1f}.modal-overlay.show .modal-box{transform:translateY(0)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3{color:var(--brand-dark);font-size:1.15rem;font-weight:700}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1;transition:color .2s}.close-modal-btn:hover{color:var(--brand-dark)}.modal-body p{color:var(--text-muted);margin-bottom:16px;font-size:.85rem;line-height:1.5}.rating-stars{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.star-rating-icon{color:#e2e8f0;cursor:pointer;transition:var(--transition-smooth)}.star-rating-icon.active{color:var(--brand-gold);filter:drop-shadow(0 0 3px #eab3084d)}.star-rating-icon:hover{transform:scale(1.15)}.feedback-textarea{width:100%;color:var(--brand-dark);resize:none;transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;border-radius:5px;margin-bottom:18px;padding:12px;font-family:Outfit,sans-serif;font-size:.85rem}.feedback-textarea:focus{border-color:var(--theme-color);box-shadow:0 0 0 3px rgba(var(--theme-color-rgb), .1);outline:none}.modal-footer{gap:12px;display:flex}.modal-btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:5px;flex:1;padding:12px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600}.btn-cancel{color:var(--text-main);background:#f1f5f9}.btn-cancel:hover{background:#e2e8f0}.btn-submit{background:var(--theme-color);color:#fff}.btn-submit:hover{background:var(--theme-color-hover)}.btn-submit:disabled{color:var(--text-muted);cursor:not-allowed;background:#e2e8f0}.input-label-tag{color:var(--text-main);text-align:left;margin-bottom:5px;font-size:.76rem;font-weight:600;display:block}.app-footer{text-align:center;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding:20px 0 10px;font-size:.72rem;font-weight:600}.app-footer a{color:inherit;text-decoration:underline;transition:color .2s}.app-footer a:hover{color:var(--theme-color)}.admin-login-wrapper{background:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Outfit,sans-serif;display:flex}.admin-login-wrapper .login-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 30px #0000000f}.admin-login-wrapper h2{color:#e23744;text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.admin-login-wrapper .input-group{text-align:left;margin-bottom:1.25rem}.admin-login-wrapper .input-group label{color:#475569;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.admin-login-wrapper input[type=text],.admin-login-wrapper input[type=password]{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:12px;font-family:Outfit,sans-serif;font-size:.95rem;transition:all .2s}.admin-login-wrapper input:focus{border-color:#e23744;outline:none;box-shadow:0 0 0 3px #e237441a}.admin-login-wrapper .login-submit-btn{color:#fff;cursor:pointer;background:#e23744;border:none;border-radius:50px;width:100%;margin-top:10px;padding:12px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .2s}.admin-login-wrapper .login-submit-btn:hover{background:#be123c;transform:translateY(-1px)}.admin-login-wrapper .go-back-link{color:#64748b;align-items:center;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.admin-login-wrapper .go-back-link:hover{color:#e23744}.admin-dashboard-container{color:#0f172a;background:#f8fafc;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.admin-layout{width:100%;min-height:100vh;display:flex}.admin-sidebar{color:#a6a6cc;z-index:100;background:#1e1e2d;flex-direction:column;flex-shrink:0;width:260px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-sidebar .brand{color:#fff;border-bottom:1px solid #ffffff0d;align-items:center;height:70px;padding:0 25px;font-size:1.15rem;font-weight:700;display:flex}.admin-sidebar .brand i{color:#e23744;margin-right:8px}.admin-sidebar .nav-menu{flex-direction:column;flex:1;gap:4px;padding:20px 0;display:flex}.nav-item-btn{color:#a6a6cc;text-align:left;cursor:pointer;background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 25px;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:500;transition:all .2s;display:flex}.nav-item-btn:hover,.nav-item-btn.active{color:#fff;background:#ffffff0d;border-left-color:#e23744}.border-top-nav{border-top:1px solid #ffffff0d;margin-top:auto;padding-top:20px}.admin-sidebar .nav-footer{border-top:1px solid #ffffff0d;flex-direction:column;gap:12px;padding:20px;display:flex}.admin-user-tag{color:#e2e8f0;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.admin-user-tag i{color:#38bdf8}.logout-btn{color:#f43f5e;cursor:pointer;background:#f43f5e1a;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{color:#fff;background:#f43f5e}.admin-main-content{flex-direction:column;flex:1;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.admin-main-content .topbar{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.admin-main-content .page-title{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.admin-main-content .user-info{color:#475569;align-items:center;gap:10px;font-size:.85rem;font-weight:500;display:flex}.admin-main-content .user-avatar{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.admin-main-content .content-area{flex:1;padding:30px}.admin-main-content .stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.admin-main-content .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:24px;display:flex;box-shadow:0 1px 3px #00000003}.admin-main-content .stat-icon{border-radius:5px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:15px;display:flex}.admin-main-content .bg-light-primary{color:#0284c7;background:#e0f2fe}.admin-main-content .bg-light-success{color:#16a34a;background:#dcfce7}.admin-main-content .bg-light-warning{color:#ca8a04;background:#fef9c3}.admin-main-content .bg-light-danger{color:#e11d48;background:#ffe4e6}.admin-main-content .stat-info h3{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.admin-main-content .stat-info p{color:#64748b;margin:0;font-size:.85rem;font-weight:500}.admin-main-content .dashboard-grid{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=1200px){.admin-main-content .dashboard-grid{grid-template-columns:1fr 1fr}}.admin-main-content .card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:30px;overflow:hidden;box-shadow:0 1px 3px #00000003}.admin-main-content .card-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.admin-main-content .card-title{color:#1e293b;font-size:1.05rem;font-weight:600}.admin-main-content .action-link-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:600}.admin-main-content .action-link-btn:hover{text-decoration:underline}.admin-main-content .table-responsive{width:100%;overflow-x:auto}.admin-main-content table{border-collapse:collapse;width:100%}.admin-main-content th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:.72rem;font-weight:600}.admin-main-content td{color:#334155;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:.88rem}.admin-main-content tr:last-child td{border-bottom:none}.admin-main-content tr:hover{background-color:#f8fafc}.admin-main-content .badge{border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:600;display:inline-block}.admin-main-content .badge-light{color:#475569;background:#f1f5f9}.admin-main-content .badge-new{color:#e11d48;background:#ffe4e6}.admin-main-content .badge-contacted{color:#15803d;background:#dcfce7}.admin-main-content .filter-controls{flex-wrap:wrap;gap:15px;display:flex}.admin-main-content .search-input-wrapper{align-items:center;display:flex;position:relative}.admin-main-content .search-icon{color:#94a3b8;position:absolute;left:12px}.admin-main-content .search-field{border:1px solid #cbd5e1;border-radius:5px;outline:none;width:230px;padding:8px 12px 8px 36px;font-family:Outfit,sans-serif;font-size:.85rem;transition:all .2s}.admin-main-content .search-field:focus{border-color:#e23744}.admin-main-content .filter-select{background:#fff;border:1px solid #cbd5e1;border-radius:5px;outline:none;padding:8px 12px;font-family:Outfit,sans-serif;font-size:.85rem}.admin-main-content .export-btn-link{color:#fff;background:#0f172a;border-radius:5px;align-items:center;padding:8px 16px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.admin-main-content .export-btn-link:hover{background:#1e293b}.table-actions{gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;transition:all .2s}.edit-btn{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0}.edit-btn:hover{background:#e2e8f0}.delete-btn{color:#e11d48;cursor:pointer;background:#ffe4e6;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.delete-btn:hover:not(:disabled){color:#fff;background:#e11d48}.delete-btn:disabled{color:#cbd5e1;cursor:not-allowed;background:#f1f5f9}.phone-tel-link{color:#0284c7;font-weight:500;text-decoration:none}.phone-tel-link:hover{text-decoration:underline}.external-link-style{color:#64748b;font-weight:500;text-decoration:none}.external-link-style:hover{color:#0f172a}.comment-text-box{white-space:pre-line;color:#475569;max-width:300px;font-size:.85rem}.stars-render{gap:2px;display:flex}.star-icon-small{color:#cbd5e1;fill:#cbd5e1}.star-icon-small.active{color:#fbbf24;fill:#fbbf24}.admin-manage-users-grid{grid-template-columns:1fr;gap:30px;padding:10px;display:grid}@media (width>=992px){.admin-manage-users-grid{grid-template-columns:1fr 1.5fr}}.admin-input-style{border:1px solid #cbd5e1;border-radius:5px;outline:none;width:100%;padding:10px;font-family:Outfit,sans-serif;font-size:.9rem}.admin-input-style:focus{border-color:#e23744}.current-user-tag-badge{color:#0369a1;background:#e0f2fe;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-block}.loading-state{text-align:center;color:#64748b;padding:50px;font-weight:500}.admin-mobile-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:none}.admin-mobile-header .logo-brand{font-size:1.1rem;font-weight:700}.hamburger-btn{cursor:pointer;color:#334155;background:0 0;border:none;align-items:center;display:flex}@media (width<=992px){.admin-mobile-header{display:flex}.admin-sidebar{z-index:100;width:250px;position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%)}.admin-sidebar.show{transform:translate(0)}.admin-sidebar .brand,.admin-main-content .topbar{display:none}.sidebar-overlay{z-index:90;background:#0f172a66;position:fixed;inset:60px 0 0}.admin-main-content .content-area{padding:20px 15px}.flex-column-mobile{flex-direction:column;align-items:flex-start;gap:15px}}.app-wrapper-container{box-sizing:border-box;flex-direction:column;gap:clamp(14px,3vw,22px);width:100%;max-width:980px;margin:0 auto;padding:clamp(12px,4vw,28px);display:flex}@media (width<=768px){.app-header{padding:8px 0 4px}.avatar-img{width:88px;height:88px}.app-title{font-size:1.45rem}.app-subtitle{margin-bottom:12px;font-size:.88rem}.brand-description{font-size:.87rem}.stats-pill-wrapper{gap:8px;margin-bottom:14px}.followers-pill{padding:5px 12px;font-size:.78rem}.live-status{padding:5px 11px;font-size:.75rem}.landing-grid{gap:16px}.grid-column{gap:14px}.card{border-radius:6px;padding:18px 16px}.card:hover{transform:translateY(-2px)}.business-brand h3{font-size:.95rem}.business-desc{margin-bottom:14px;font-size:.82rem}.contact-actions{grid-template-columns:1fr 1fr;gap:10px}.contact-btn{padding:11px 8px;font-size:.8rem}.input-field{padding:11px 12px 11px 36px;font-size:.83rem}.submit-btn{padding:11px;font-size:.88rem}.section-title{font-size:1rem}.section-card-title{font-size:.98rem}.social-link-item{border-radius:5px;padding:11px 14px}.social-link-item i{width:28px;height:28px;font-size:1.2rem}.social-link-item h4{font-size:.85rem}.social-link-item p{font-size:.72rem}.portfolio-card{border-radius:16px;gap:12px;padding:16px}.portfolio-icon{border-radius:6px;width:42px;height:42px;font-size:1.1rem}.portfolio-info h4{font-size:.9rem}.portfolio-info p{font-size:.78rem}.portfolio-btn{padding:7px 12px;font-size:.72rem}.coupon-subcard{padding:11px 12px}.coupon-icon-logo{width:32px;height:32px;font-size:.9rem}.coupon-info-text h4{font-size:.84rem}.coupon-info-text p{font-size:.7rem}.code-text-display{font-size:.88rem}.copy-action-btn{font-size:.7rem}.quick-actions-row{gap:8px}.action-panel-btn{border-radius:5px;padding:10px 12px;font-size:.76rem}.app-footer{padding:16px 0 8px;font-size:.68rem}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:20px 20px 0 0;max-width:100%;padding:22px 20px 30px;transform:translateY(100%)}.modal-overlay.show .modal-box{transform:translateY(0)}.creator-modal-box{border-radius:20px 20px 0 0;max-width:100%;padding:22px 20px 30px}.brand-switcher{max-width:100%}.switcher-btn{padding:9px 14px;font-size:.82rem}.switcher-btn img{width:20px;height:20px}}@media (width<=480px){.app-wrapper-container{gap:12px;padding:10px 10px 20px}.avatar-img{width:78px;height:78px}.app-title{letter-spacing:-.3px;font-size:1.25rem}.app-subtitle{font-size:.82rem}.brand-description{font-size:.83rem}.verified-badge{width:20px;height:20px}.stats-pill-wrapper{flex-direction:column;align-items:center;gap:7px}.followers-pill,.live-status{width:auto}.contact-actions{grid-template-columns:1fr;gap:9px}.contact-btn{border-radius:5px;padding:13px 12px;font-size:.85rem}.card{border-radius:5px;padding:16px 14px}.card:hover{transform:none}.portfolio-card{flex-direction:row;gap:12px;padding:14px}.portfolio-icon{flex-shrink:0;width:40px;height:40px}.quick-actions-row{flex-direction:column;gap:8px}.action-panel-btn{justify-content:center;padding:12px;font-size:.82rem}.code-copy-container{flex-direction:row;gap:8px}.modal-box{border-radius:18px 18px 0 0;padding:20px 16px 28px}.modal-header h3{font-size:1rem}.rating-stars{gap:8px}.modal-footer{gap:10px}.modal-btn{padding:11px;font-size:.82rem}.switcher-btn{gap:6px;padding:8px 10px;font-size:.78rem}.switcher-btn span{font-size:.78rem}.portfolio-reels-list{gap:6px;margin-top:10px}.portfolio-reel-item{border-radius:6px;gap:8px;padding:6px 10px}.portfolio-client-logo,.portfolio-client-logo-fallback{width:28px;height:28px}.portfolio-client-name{font-size:.76rem}.portfolio-reel-item .portfolio-btn{padding:5px 10px;font-size:.7rem}}@media (width<=360px){.app-title{font-size:1.1rem}.avatar-img{width:70px;height:70px}.card{padding:13px 12px}.portfolio-icon{width:36px;height:36px;font-size:1rem}.contact-btn{font-size:.8rem}.switcher-btn span{display:none}.switcher-btn{padding:8px 16px}.portfolio-client-name{white-space:nowrap;text-overflow:ellipsis;max-width:105px;overflow:hidden}}@media (hover:none) and (pointer:coarse){.card:hover{transform:none;box-shadow:0 4px 20px #0f172a05}.portfolio-card:hover,.social-link-item:hover,.contact-btn:hover,.submit-btn:hover,.action-panel-btn:hover{transform:none}}:root{--adm-sidebar-w:252px;--adm-sidebar-icon-w:66px;--adm-topbar-h:62px;--adm-mobile-h:56px;--adm-bottom-h:64px;--adm-bg:#fafaf9;--adm-surface:#ffffffd9;--adm-border:#e2e8f0cc;--adm-shadow:0 4px 20px #0f172a0a;--adm-radius:20px;--adm-radius-sm:12px;--adm-transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes adm-spin{to{transform:rotate(360deg)}}@keyframes adm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@keyframes adm-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes adm-pulse-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes adm-btn-pulse{0%{box-shadow:0 0 #e2374440}70%{box-shadow:0 0 0 6px #e2374400}to{box-shadow:0 0 #e2374400}}.spin{animation:.9s linear infinite adm-spin}.adm-shell{background:var(--adm-bg);height:100dvh;color:var(--brand-dark,#0f172a);flex-direction:column;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.adm-topbar{height:var(--adm-topbar-h);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--adm-border);z-index:100;background:#ffffffeb;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 24px 0 18px;display:flex;box-shadow:0 2px 12px #0f172a0a}.adm-topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.adm-collapse-btn{width:36px;height:36px;color:var(--brand-red,#e23744);cursor:pointer;transition:var(--adm-transition);background:#e237440f;border:1px solid #e2374424;border-radius:6px;justify-content:center;align-items:center;display:flex}.adm-collapse-btn:hover{background:#e237441f;transform:translateY(-1px)}.adm-topbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.adm-topbar-logo{object-fit:contain;background:#fff;border:1px solid #e2e8f0cc;border-radius:9px;flex-shrink:0;width:34px;height:34px;padding:2px}.adm-topbar-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.adm-topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.adm-topbar-user{align-items:center;gap:8px;display:flex}.adm-topbar-username{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.82rem;font-weight:600;overflow:hidden}.adm-topbar-chip{color:#15803d;background:#25d36614;border:1px solid #25d36633;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.72rem;font-weight:600;display:flex}.adm-chip-sm{padding:4px 7px}.adm-chip-sm span{display:none}.adm-status-dot{background:#25d366;border-radius:50%;width:7px;height:7px;animation:1.6s infinite adm-pulse-dot}.adm-logout-btn-top{color:#e23744;cursor:pointer;transition:var(--adm-transition);background:#e237440f;border:1px solid #e2374424;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;display:flex}.adm-logout-btn-top:hover{background:#e237441f;transform:translateY(-1px)}.adm-mobile-bar{height:var(--adm-mobile-h);z-index:200;background:linear-gradient(90deg,#e23744 0%,#be123c 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:none;position:sticky;top:0;box-shadow:0 2px 12px #e237444d}.adm-mobile-brand{color:#fff;align-items:center;gap:9px;font-size:.95rem;font-weight:700;display:flex}.adm-mobile-logo{object-fit:contain;background:#fff;border-radius:5px;width:32px;height:32px;padding:3px}.adm-mobile-bar-right{align-items:center;gap:8px;display:flex}.adm-hamburger{color:#fff;cursor:pointer;transition:var(--adm-transition);background:#ffffff2e;border:none;border-radius:5px;align-items:center;padding:7px;display:flex}.adm-hamburger:hover{background:#ffffff47}.adm-mobile-pagetitle{color:#0f172a;padding:12px 16px 2px;font-size:.95rem;font-weight:700;display:none}.adm-body{flex:1;min-height:0;display:flex;overflow:hidden}.adm-sidebar{width:var(--adm-sidebar-w);min-width:var(--adm-sidebar-w);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--adm-border);z-index:150;background:#ffffffe0;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s,transform .3s;display:flex;position:relative;overflow:hidden auto;box-shadow:2px 0 16px #0f172a0a}.adm-sidebar-collapsed{width:var(--adm-sidebar-icon-w);min-width:var(--adm-sidebar-icon-w)}.adm-sidebar-brand{border-bottom:1px solid var(--adm-border);align-items:center;gap:10px;padding:20px 16px 16px;display:flex;overflow:hidden}.adm-sidebar-logo{object-fit:contain;background:#fff;border:1px solid #e2e8f0cc;border-radius:5px;flex-shrink:0;width:40px;height:40px;padding:3px;box-shadow:0 4px 12px #e237441a}.adm-sidebar-brand-text{color:#e23744;white-space:nowrap;letter-spacing:.01em;font-size:.95rem;font-weight:800;transition:opacity .25s}.adm-sidebar-collapsed .adm-sidebar-brand-text{opacity:0;pointer-events:none;width:0}.adm-nav{flex-direction:column;flex:1;gap:3px;padding:14px 10px;display:flex}.adm-nav-btn{border-radius:var(--adm-radius-sm);color:#64748b;cursor:pointer;transition:var(--adm-transition);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;width:100%;min-height:44px;padding:11px 12px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.adm-nav-btn:hover{color:#e23744;background:#e237440f;transform:translate(2px)}.adm-nav-active{box-shadow:0 4px 12px #e2374433;color:#fff!important;background:#e23744!important;transform:none!important}.adm-nav-icon{flex-shrink:0;align-items:center;display:flex}.adm-nav-label{white-space:nowrap;transition:opacity .2s}.adm-nav-pip{background:#ffffffbf;border-radius:50%;width:6px;height:6px;position:absolute;right:12px}.adm-sidebar-collapsed .adm-nav-label{opacity:0;width:0;overflow:hidden}.adm-sidebar-collapsed .adm-nav-pip{display:none}.adm-sidebar-collapsed .adm-nav-btn{justify-content:center;gap:0;padding:11px}.adm-nav-site{color:#94a3b8}.adm-nav-site:hover{color:#e23744!important;background:#e237440f!important;transform:translate(2px)!important}.adm-sidebar-collapsed .adm-nav-site{justify-content:center;gap:0;padding:11px}.adm-sidebar-sep{background:var(--adm-border);height:1px;margin:4px 10px 8px}.adm-sidebar-footer{border-top:1px solid var(--adm-border);background:#f8fafccc;align-items:center;gap:8px;padding:14px 12px;display:flex;overflow:hidden}.adm-user-chip{flex:1;align-items:center;gap:9px;min-width:0;display:flex;overflow:hidden}.adm-user-av{color:#fff;background:linear-gradient(135deg,#e23744 0%,#be123c 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.82rem;font-weight:800;display:flex;box-shadow:0 4px 12px #e2374433}.adm-user-av-sm{width:28px;height:28px;font-size:.72rem}.adm-user-info{min-width:0;transition:opacity .2s}.adm-user-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.adm-user-role{color:#94a3b8;font-size:.68rem}.adm-sidebar-collapsed .adm-user-info-hide{opacity:0;pointer-events:none;width:0;overflow:hidden}.adm-sidebar-collapsed .adm-sidebar-footer{justify-content:center}.adm-logout-btn{color:#e23744;cursor:pointer;transition:var(--adm-transition);background:#e237440f;border:1px solid #e2374424;border-radius:9px;flex-shrink:0;align-items:center;padding:7px 9px;display:flex}.adm-logout-btn:hover{background:#e237441f;transform:translateY(-1px)}.adm-sidebar-collapsed .adm-logout-hide{display:none}.adm-overlay{z-index:140;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;position:fixed;inset:0}.adm-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.adm-content{flex:1;padding:24px 26px;animation:.22s adm-slide-up;overflow-y:auto}.adm-bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--adm-border);height:var(--adm-bottom-h);z-index:200;background:#fffffff2;flex-shrink:0;display:none;box-shadow:0 -4px 16px #0f172a0f}.adm-bottom-tab{cursor:pointer;color:#94a3b8;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:6px 4px;font-family:Outfit,sans-serif;transition:color .18s;display:flex;position:relative}.adm-bottom-tab:before{content:"";background:0 0;border-radius:0 0 2px 2px;height:2px;transition:background .18s;position:absolute;top:0;left:20%;right:20%}.adm-bottom-active{color:#e23744}.adm-bottom-active:before{background:#e23744}.adm-bottom-icon{align-items:center;display:flex}.adm-bottom-label{font-size:.65rem;font-weight:600;line-height:1}.adm-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.adm-stat-card{background:var(--adm-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--adm-border);border-radius:var(--adm-radius);box-shadow:var(--adm-shadow);transition:var(--adm-transition);align-items:center;gap:14px;padding:20px 18px;display:flex;position:relative;overflow:hidden}.adm-stat-card:hover{border-color:#e2374433;transform:translateY(-3px);box-shadow:0 12px 30px #0f172a0f}.adm-stat-card:before{content:"";border-radius:var(--adm-radius) var(--adm-radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.adm-grad-red:before{background:linear-gradient(90deg,#e23744,#ff3d4a)}.adm-grad-orange:before{background:linear-gradient(90deg,#ea580c,#fb923c)}.adm-grad-amber:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.adm-grad-green:before{background:linear-gradient(90deg,#059669,#10b981)}.adm-stat-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.adm-grad-red .adm-stat-icon{color:#e23744;background:#e2374414}.adm-grad-orange .adm-stat-icon{color:#ea580c;background:#ea580c14}.adm-grad-amber .adm-stat-icon{color:#d97706;background:#d9770614}.adm-grad-green .adm-stat-icon{color:#059669;background:#05966914}.adm-stat-body{min-width:0}.adm-stat-value{color:#0f172a;font-size:1.7rem;font-weight:800;line-height:1}.adm-stat-label{color:#64748b;margin-top:3px;font-size:.8rem;font-weight:600}.adm-stat-sub{color:#94a3b8;margin-top:2px;font-size:.7rem}.adm-recent-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.adm-card{background:var(--adm-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--adm-border);border-radius:var(--adm-radius);box-shadow:var(--adm-shadow);transition:var(--adm-transition);overflow:hidden}.adm-card:hover{border-color:#e2374433;box-shadow:0 12px 30px #e237440f}.adm-card-header{border-bottom:1px solid #e2e8f0b3;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.adm-card-header-filter{flex-wrap:wrap;gap:10px}.adm-card-title{color:#0f172a;align-items:center;gap:7px;font-size:.95rem;font-weight:700;display:flex}.adm-view-all{color:#e23744;cursor:pointer;transition:var(--adm-transition);background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700}.adm-view-all:hover{color:#be123c}.adm-card-body{padding:20px}.adm-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;font-size:.85rem}.adm-table thead tr{background:#f8fafccc;border-bottom:1px solid #e2e8f0cc}.adm-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:11px 16px;font-size:.72rem;font-weight:700}.adm-table tbody tr{border-bottom:1px solid #f1f5f9e6;transition:background .14s}.adm-table tbody tr:last-child{border-bottom:none}.adm-table tbody tr:hover{background:#e2374408}.adm-table td{color:#334155;vertical-align:middle;padding:12px 16px}.adm-cell-name{color:#0f172a;font-weight:600}.adm-cell-sub{color:#94a3b8;margin-top:1px;font-size:.72rem;display:block}.adm-cell-mono{font-family:Courier New,monospace;font-size:.82rem}.adm-cell-date{color:#94a3b8;white-space:nowrap;font-size:.75rem}.adm-no-data{text-align:center;color:#94a3b8;padding:40px;font-size:.86rem}.adm-comment-cell{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.83rem;overflow:hidden}.adm-badge{letter-spacing:.02em;border-radius:20px;padding:3px 11px;font-size:.7rem;font-weight:700;display:inline-block}.adm-badge-new{color:#e23744;background:#e2374414}.adm-badge-done{color:#15803d;background:#25d3661a}.adm-badge-purple{color:#e23744;background:#e237440f}.adm-stars{gap:2px;display:flex}.adm-star-on{color:#f59e0b;fill:#f59e0b}.adm-star-off{color:#e2e8f0}.adm-actions{align-items:center;gap:7px;display:flex}.adm-btn{border-radius:var(--adm-radius-sm);cursor:pointer;transition:var(--adm-transition);white-space:nowrap;border:1px solid;align-items:center;gap:5px;min-height:34px;padding:7px 13px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;display:inline-flex}.adm-btn:disabled{opacity:.4;cursor:not-allowed}.adm-btn-toggle{color:#e23744;background:#e237440f;border-color:#e237442e}.adm-btn-toggle:hover:not(:disabled){background:#e237441f;transform:translateY(-1px)}.adm-btn-delete{color:#dc2626;background:#ef44440f;border-color:#ef44442e;padding:7px 10px}.adm-btn-delete:hover:not(:disabled){background:#ef44441f;transform:translateY(-1px)}.adm-phone-link{color:#e23744;font-size:.83rem;font-weight:500;text-decoration:none}.adm-phone-link:hover{text-decoration:underline}.adm-ext-link{color:#ea580c;align-items:center;gap:3px;font-size:.81rem;font-weight:500;text-decoration:none;display:inline-flex}.adm-ext-link:hover{text-decoration:underline}.adm-filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adm-search-wrap{align-items:center;display:flex;position:relative}.adm-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.adm-search-input{border-radius:var(--adm-radius-sm);color:#0f172a;transition:var(--adm-transition);background:#fff;border:1px solid #cbd5e1;outline:none;width:230px;padding:10px 14px 10px 36px;font-family:Outfit,sans-serif;font-size:.84rem}.adm-search-input:focus{border-color:#e23744;box-shadow:0 0 0 3px #e237441a}.adm-select{border-radius:var(--adm-radius-sm);color:#0f172a;cursor:pointer;transition:var(--adm-transition);background:#fff;border:1px solid #cbd5e1;outline:none;padding:10px 14px;font-family:Outfit,sans-serif;font-size:.84rem}.adm-select:focus{border-color:#e23744}.adm-export-btn{color:#334155;border-radius:var(--adm-radius-sm);cursor:pointer;transition:var(--adm-transition);white-space:nowrap;background:#fff;border:1px solid #cbd5e1;align-items:center;gap:6px;padding:10px 14px;font-family:Outfit,sans-serif;font-size:.81rem;font-weight:600;text-decoration:none;display:inline-flex}.adm-export-btn:hover{color:#e23744;background:#e237440a;border-color:#e237444d;transform:translateY(-1px)}.adm-form-group{margin-bottom:18px}.adm-label{color:#334155;margin-bottom:6px;font-size:.83rem;font-weight:600;display:block}.adm-hint{color:#94a3b8;margin-left:4px;font-weight:400}.adm-input-wrap{align-items:center;display:flex;position:relative}.adm-input-icon{color:#64748b;pointer-events:none;z-index:1;position:absolute;left:14px}.adm-input{border-radius:var(--adm-radius-sm);color:#0f172a;width:100%;transition:var(--adm-transition);background:#fff;border:1px solid #cbd5e1;outline:none;min-height:46px;padding:12px 40px;font-family:Outfit,sans-serif;font-size:.875rem}.adm-input:focus{border-color:#e23744;box-shadow:0 0 0 3px #e237441a}.adm-eye-btn{color:#94a3b8;cursor:pointer;z-index:2;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.adm-eye-btn:hover{color:#e23744}.adm-submit-btn{border-radius:var(--adm-radius-sm);color:#fff;cursor:pointer;width:100%;transition:var(--adm-transition);background:#e23744;border:none;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;animation:2s infinite adm-btn-pulse;display:flex;box-shadow:0 4px 12px #e2374426}.adm-submit-btn:hover{background:#be123c;transform:translateY(-1px);box-shadow:0 6px 18px #e2374440}.adm-users-grid{grid-template-columns:360px 1fr;align-items:start;gap:20px;display:grid}.adm-user-row{align-items:center;gap:10px;display:flex}.adm-user-avatar{color:#fff;background:linear-gradient(135deg,#e23744,#be123c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 4px 12px #e2374433}.adm-you-badge{color:#e23744;background:#e2374414;border-radius:6px;margin-left:6px;padding:1px 7px;font-size:.68rem;font-weight:700;display:inline-block}.adm-pw-card{max-width:520px;margin:0 auto}.adm-loading{color:#94a3b8;justify-content:center;align-items:center;gap:12px;padding:52px;font-size:.88rem;display:flex}.adm-empty{text-align:center;color:#94a3b8;padding:52px}.adm-login-page{background:linear-gradient(135deg,#fff5f5 0%,#fffbf7 50%,#fffcf5 100%);justify-content:center;align-items:center;min-height:100dvh;padding:16px;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.adm-login-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.adm-login-orb{filter:blur(80px);opacity:.12;border-radius:50%;position:absolute}.adm-orb1{background:#e23744;width:400px;height:400px;animation:10s ease-in-out infinite adm-float;top:-80px;right:-80px}.adm-orb2{background:#eab308;width:300px;height:300px;animation:12s ease-in-out infinite reverse adm-float;bottom:-60px;left:-60px}.adm-orb3{opacity:.08;background:#ea580c;width:220px;height:220px;animation:8s ease-in-out infinite adm-float;top:50%;left:50%;transform:translate(-50%,-50%)}.adm-login-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--adm-radius);z-index:10;width:100%;max-width:440px;transition:var(--adm-transition);background:#ffffffd9;border:1px solid #e2e8f0cc;padding:44px 40px 38px;position:relative;box-shadow:0 12px 40px #e2374414,0 4px 16px #0f172a0a}.adm-login-card:hover{box-shadow:0 20px 50px #e237441a,0 6px 20px #0f172a0d}.adm-login-logo{object-fit:contain;background:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 18px;padding:6px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 12px 30px #e237441f}.adm-login-logo:hover{transform:scale(1.06)}.adm-login-logo img{object-fit:contain;border-radius:50%;width:100%;height:100%}.adm-login-title{text-align:center;color:#0f172a;letter-spacing:-.4px;margin:0 0 6px;font-size:1.55rem;font-weight:700}.adm-login-sub{text-align:center;color:#64748b;margin:0 0 28px;font-size:.9rem;font-weight:500}.adm-login-form .adm-label{color:#334155}.adm-login-form .adm-input{background:#fff;border-color:#cbd5e1}.adm-login-form .adm-input:focus{border-color:#e23744;box-shadow:0 0 0 3px #e237441a}.adm-login-btn{border-radius:var(--adm-radius-sm);color:#fff;cursor:pointer;width:100%;transition:var(--adm-transition);background:#e23744;border:none;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:6px;padding:13px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 12px #e237442e}.adm-login-btn:hover:not(:disabled){background:#be123c;transform:translateY(-1px);box-shadow:0 6px 18px #e2374447}.adm-login-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#e2e8f0;transform:none}.adm-login-footer{text-align:center;margin-top:22px}.adm-back-link{color:#94a3b8;cursor:pointer;transition:var(--adm-transition);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:Outfit,sans-serif;font-size:.82rem;display:inline-flex}.adm-back-link:hover{color:#e23744}@media (width>=1400px){.adm-content{padding:28px 34px}.adm-stats-grid{gap:22px}.adm-stat-value{font-size:1.9rem}}@media (width<=1199px){.adm-stats-grid{grid-template-columns:repeat(2,1fr)}.adm-recent-grid,.adm-users-grid{grid-template-columns:1fr}}@media (width<=1024px){.adm-sidebar{width:var(--adm-sidebar-icon-w);min-width:var(--adm-sidebar-icon-w)}.adm-sidebar-brand-text{opacity:0;pointer-events:none;width:0}.adm-nav-label{opacity:0;width:0;overflow:hidden}.adm-nav-pip{display:none}.adm-nav-btn,.adm-nav-site{justify-content:center;gap:0;padding:11px}.adm-user-info-hide{opacity:0;pointer-events:none;width:0;overflow:hidden}.adm-logout-hide{display:none}.adm-sidebar-footer{justify-content:center}.adm-collapse-btn{display:none}}@media (width<=768px){.adm-topbar{display:none}.adm-mobile-bar{display:flex}.adm-mobile-pagetitle{display:block}.adm-sidebar{top:var(--adm-mobile-h);left:0;bottom:var(--adm-bottom-h);z-index:160;position:fixed;overflow-y:auto;transform:translate(-110%);width:272px!important;min-width:272px!important}.adm-sidebar-open{transform:translate(0)!important}.adm-sidebar-open .adm-sidebar-brand-text{opacity:1;pointer-events:auto;width:auto}.adm-sidebar-open .adm-nav-label{opacity:1;width:auto;overflow:visible}.adm-sidebar-open .adm-nav-btn,.adm-sidebar-open .adm-nav-site{justify-content:flex-start;gap:10px;padding:11px 12px}.adm-sidebar-open .adm-user-info-hide{opacity:1;pointer-events:auto;width:auto;overflow:visible}.adm-sidebar-open .adm-logout-hide{display:flex}.adm-sidebar-open .adm-sidebar-footer{justify-content:initial}.adm-bottom-nav{display:flex}.adm-content{padding:14px 14px 10px}.adm-stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.adm-stat-card{border-radius:16px;padding:16px 14px}.adm-stat-value{font-size:1.35rem}.adm-stat-label{font-size:.72rem}.adm-stat-sub{display:none}.adm-stat-icon{border-radius:11px;width:40px;height:40px}.adm-stat-icon svg{width:18px;height:18px}.adm-recent-grid,.adm-users-grid{grid-template-columns:1fr}.adm-table th{padding:9px 11px;font-size:.67rem}.adm-table td{padding:10px 11px}.adm-comment-cell{max-width:130px}.adm-card-header-filter{flex-direction:column;align-items:stretch;gap:10px}.adm-filter-row{flex-direction:column;width:100%}.adm-search-wrap,.adm-search-input,.adm-select{width:100%}.adm-export-btn{justify-content:center;width:100%}.adm-pw-card{max-width:100%}.adm-login-card{padding:34px 22px 30px}.adm-login-title{font-size:1.3rem}.adm-login-logo{width:74px;height:74px}}@media (width<=380px){.adm-stats-grid{gap:8px}.adm-stat-value{font-size:1.2rem}.adm-stat-card{padding:13px 11px}.adm-bottom-label{font-size:.6rem}.adm-content{padding:10px}}
















/* ═══════════════════════════════════════════════════════════════════
   PREMIUM CUSTOM DESIGN OVERRIDES - PROFESSIONAL PORTAL REDESIGN
   (ZOMATO-INSPIRED PREMIUM FULL-SIZE RESPONSIVE GRID & TYPOGRAPHY)
   ═══════════════════════════════════════════════════════════════════ */

/* Global body styling & crisp cool canvas */
body {
  color: #1c1c1c !important; /* Zomato Primary Text */
  background-color: #f4f6f9 !important; /* Cool off-white background */
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* Premium Food/Lifestyle Editorial Typography (Playfair Display Serif & Plus Jakarta Sans) */
.app-title {
  font-family: 'Playfair Display', 'Georgia', serif !important;
  font-weight: 800 !important;
  font-size: 2.6rem !important;
  letter-spacing: -0.01em !important;
  color: #1c1c1c !important;
}

.section-title,
.section-card-title,
.form-title {
  font-family: 'Playfair Display', 'Georgia', serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #1c1c1c !important;
}

.business-brand h3,
.coupon-info-text h4,
.social-link-item h4,
.portfolio-info h4 {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #1c1c1c !important;
}

/* Section Title Bottom Swipes/Decoration */
.section-title,
.section-card-title,
.form-title {
  position: relative !important;
  padding-bottom: 10px !important;
}

.app-theme-afe .section-title::after,
.app-theme-afe .section-card-title::after,
.app-theme-afe .form-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 45px !important;
  height: 3px !important;
  background: #e11c23 !important; /* AFE Red swipe */
  border-radius: 2px !important;
}

.app-theme-insider .section-title::after,
.app-theme-insider .section-card-title::after,
.app-theme-insider .form-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 40px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #582d85 0%, #f68929 100%) !important; /* Insider Purple/Orange split swipe */
  border-radius: 2px !important;
}

/* App Wrapper Container - Full-size Responsive Page Container */
.app-wrapper-container {
  width: 100% !important;
  max-width: 1140px !important; /* Full size container like pro websites */
  margin: 0 auto !important;
  padding: 40px 24px 80px !important;
  gap: 36px !important;
  box-sizing: border-box !important;
}

/* Responsive Desktop Grid Layout (2-columns on desktop, 1-column on mobile) */
.landing-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important; /* Two equal columns on desktop */
  gap: 36px !important;
  align-items: start !important;
  width: 100% !important;
}

/* Desktop Grid Area & Order Setup (Symmetric Desktop Grid Rows) */
@media (min-width: 993px) {
  .grid-column {
    display: contents !important; /* Flatten grid columns layout */
  }

  .landing-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .portfolio-section {
    grid-column: 1 / -1 !important; /* Row 1: Spans full width */
    width: 100% !important;
    order: 1 !important;
  }

  .business-card {
    grid-column: 1 !important; /* Row 2, Column 1 (Left) */
    order: 2 !important;
  }

  .links-list-card {
    grid-column: 2 !important; /* Row 2, Column 2 (Right) */
    order: 3 !important;
  }

  .offers-card {
    grid-column: 1 / -1 !important; /* Row 3: Spans full width */
    width: 100% !important;
    order: 4 !important;
  }
}

/* Mobile & Tablet Overrides for full-size grid */
@media (max-width: 992px) {
  .app-wrapper-container {
    max-width: 720px !important;
    padding: 30px 18px 60px !important;
    gap: 32px !important;
  }
  .landing-grid {
    grid-template-columns: 1fr !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }
  .grid-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
    width: 100% !important;
  }
}

@media (max-width: 576px) {
  .app-wrapper-container {
    padding: 20px 14px 40px !important;
    gap: 24px !important;
  }
}

/* Zomato-style Switcher Toggles (Category Selection Menu) - No fully rounded pills */
.brand-switcher-wrapper {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 12px !important;
}

.brand-switcher-wrapper::before {
  display: none !important; /* Hide corporate navbar branding */
}

.brand-switcher {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  width: auto !important;
}

.switcher-btn {
  border-radius: 8px !important; /* Clean, geometric, 8px rounded corners instead of 30px pills */
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  padding: 10px 22px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  background: #ffffff !important;
  color: #696969 !important;
  border: 1px solid #cbd5e1 !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  position: relative !important;
}

/* Zomato-style Circular Logo inside tab switcher */
.switcher-btn img {
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  padding: 2px !important;
  background: #f4f4f4 !important;
  transition: all 0.25s ease !important;
  object-fit: contain !important;
}

.switcher-btn:hover {
  background: #fcfcfc !important;
  border-color: #cbd5e1 !important;
  color: #1c1c1c !important;
}

/* Specific Active Styles for AFE & Insider switchers (Zomato Style) */
.app-theme-afe .switcher-btn.switch-afe.active {
  background: #fff4f5 !important; /* Soft Red active background */
  color: #e11c23 !important;
  border-color: #fecdd3 !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(225, 28, 35, 0.1) !important;
}

.app-theme-afe .switcher-btn.switch-afe.active img {
  background: #ffffff !important;
  border: 1px solid #fecdd3 !important;
  transform: scale(1.05) !important;
}

.app-theme-insider .switcher-btn.switch-insider.active {
  background: #f5effa !important; /* Soft Purple active background */
  color: #582d85 !important;
  border-color: #e9d5ff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(88, 45, 133, 0.1) !important;
}

.app-theme-insider .switcher-btn.switch-insider.active img {
  background: #ffffff !important;
  border: 1px solid #e9d5ff !important;
  transform: scale(1.05) !important;
}

/* Locator-Pin pointer effect for active Insider tab switcher button */
.app-theme-insider .switcher-btn.switch-insider.active::after {
  content: "" !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-width: 6px 6px 0 !important;
  border-style: solid !important;
  border-color: #582d85 transparent !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 5 !important;
}

/* Brand Theme Variable Mapping & Custom SVG Background Patterns */
.app-theme-afe {
  --theme-color: #e11c23 !important;
  --theme-color-hover: #c51218 !important;
  --theme-color-rgb: 225, 28, 35 !important;
  --theme-card-hover-border: transparent !important;
  --theme-card-hover-shadow: rgba(225, 28, 35, 0.05) !important;
  --theme-action-bg-light: #fff4f5 !important;
  --theme-pulse-color: rgba(225, 28, 35, 0.4) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg stroke='%23e11c23' stroke-width='0.8' fill='none' opacity='0.025'%3E%3Cpath d='M20 20 L40 20 Q30 45 20 20 Z Q30 17 40 20'/%3E%3Cpath d='M110 20 Q120 10 130 20 L130 26 L110 26 Z M108 26 L132 26 M110 28 Q120 34 130 28'/%3E%3Cpath d='M20 100 L40 100 L37 118 L23 118 Z M40 103 Q45 106 40 109'/%3E%3Ccircle cx='120' cy='110' r='11'/%3E%3Ccircle cx='120' cy='110' r='3.5'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
}

.app-theme-insider {
  --theme-color: #582d85 !important;
  --theme-color-hover: #4c2474 !important;
  --theme-color-rgb: 88, 45, 133 !important;
  --theme-card-hover-border: transparent !important;
  --theme-card-hover-shadow: rgba(88, 45, 133, 0.05) !important;
  --theme-action-bg-light: #f5effa !important;
  --theme-pulse-color: rgba(88, 45, 133, 0.4) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg stroke='%23582d85' stroke-width='0.8' fill='none' opacity='0.025'%3E%3Cpath d='M25 15 C20 15 17 19 17 24 C17 29 25 38 25 38 C25 38 33 29 33 24 C33 19 30 15 25 15 Z M25 26 C23.9 26 23 25.1 23 24 C23 22.9 23.9 22 25 22 C26.1 22 27 22.9 27 24 C27 25.1 26.1 26 25 26 Z'/%3E%3Ccircle cx='120' cy='25' r='10'/%3E%3Cpath d='M120 18 L123 25 L120 32 L117 25 Z'/%3E%3Cpath d='M18 100 L26 104 L34 100 L42 104 L42 120 L34 116 L26 120 L18 116 Z M26 104 L26 120 M34 100 L34 116'/%3E%3Ccircle cx='120' cy='110' r='10'/%3E%3Cpath d='M110 110 L130 110 M120 100 L120 120 M113 105 Q120 110 127 105 M113 115 Q120 110 127 115'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
}

/* Header Overhaul: Influencer Cover Card & Cover Photo Banner */
.app-header {
  position: relative !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto 24px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important; /* 12px rounded edges */
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* CSS pseudo-element for cover photo banner at top */
.app-header::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 240px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative !important;
}

.app-theme-afe .app-header::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.45)), url('../food-desktop.jpg') !important;
}

.app-theme-insider .app-header::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.45)), url('../insider-desktop.jpg') !important;
}

.app-header .avatar-wrapper {
  margin-top: -65px !important; /* Overlap image over cover banner */
  margin-bottom: 14px !important;
  z-index: 10 !important;
  position: relative !important;
  display: inline-block !important;
}

.avatar-img {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  padding: 4px !important;
  background: #ffffff !important;
  border: 3px solid transparent !important;
  /* Active Instagram Story Gradient ring */
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
  background-origin: border-box !important;
  background-clip: content-box, border-box !important;
  box-shadow: 0 8px 24px rgba(220, 39, 67, 0.18) !important;
}

/* Verified Badge aligned to brands */
.verified-badge {
  bottom: 2px !important;
  right: 2px !important;
  border: 2px solid #ffffff !important;
}

.app-theme-afe .verified-badge {
  background: #e11c23 !important;
}

.app-theme-insider .verified-badge {
  background: #582d85 !important;
}

.app-header .app-title {
  margin-top: 4px !important;
  font-size: 2.3rem !important;
  font-weight: 800 !important;
  color: #1c1c1c !important;
  padding: 0 24px !important;
}

.app-header .app-subtitle {
  font-size: 0.98rem !important;
  color: #696969 !important;
  font-weight: 600 !important;
  margin-bottom: 16px !important;
  padding: 0 24px !important;
}

.app-header .stats-pill-wrapper {
  margin-bottom: 18px !important;
  padding: 0 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.followers-pill {
  background: transparent !important;
  color: #1c1c1c !important;
  box-shadow: none !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  padding: 0 !important;
  gap: 6px !important;
  border-radius: 0 !important;
  border-right: 1px solid #cbd5e1 !important;
  padding-right: 20px !important;
}

.followers-pill i {
  color: #e1306c !important;
}

.live-status {
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  padding: 0 !important;
  gap: 8px !important;
  border-radius: 0 !important;
  border: none !important;
}

.app-theme-afe .live-status {
  color: #e11c23 !important;
}

.app-theme-insider .live-status {
  color: #f68929 !important;
}

.live-pulse {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.app-theme-afe .live-pulse {
  background: #e11c23 !important;
  box-shadow: 0 0 0 0 rgba(225, 28, 35, 0.4) !important;
}

.app-theme-insider .live-pulse {
  background: #f68929 !important;
  box-shadow: 0 0 0 0 rgba(246, 137, 41, 0.4) !important;
}

.app-header .brand-description {
  font-size: 0.92rem !important;
  line-height: 1.75 !important;
  color: #4f4f4f !important;
  max-width: 680px !important;
  margin: 0 auto 36px !important; /* Generous bottom spacing */
  padding: 0 24px !important;
}

/* Header Banner Responsiveness */
@media (max-width: 768px) {
  .app-header::before {
    height: 140px !important;
  }
  .app-header .avatar-wrapper {
    margin-top: -50px !important;
  }
  .avatar-img {
    width: 100px !important;
    height: 100px !important;
  }
  .app-header .app-title {
    font-size: 1.75rem !important;
  }
  .app-header .brand-description {
    margin-bottom: 24px !important;
  }
}

/* Product Card Styling: Premium Zomato Cards with 12px Radius & Faint Outlines */
.card,
.food-card-bg,
.hotel-card-bg,
.business-card-bg {
  background-color: #ffffff !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid #cbd5e1 !important; /* Crisp, professional border lines */
  border-radius: 12px !important; /* Modern 12px border-radius (removes pill-shape feel) */
  padding: 28px 24px !important;
  box-shadow: 0 4px 16px rgba(28, 28, 28, 0.02) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.card:hover,
.food-card-bg:hover,
.hotel-card-bg:hover,
.business-card-bg:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(28, 28, 28, 0.06) !important;
}

.app-theme-afe .card:hover,
.app-theme-afe .food-card-bg:hover,
.app-theme-afe .hotel-card-bg:hover,
.app-theme-afe .business-card-bg:hover {
  box-shadow: 0 12px 30px rgba(225, 28, 35, 0.05) !important;
}

.app-theme-insider .card:hover,
.app-theme-insider .food-card-bg:hover,
.app-theme-insider .hotel-card-bg:hover,
.app-theme-insider .business-card-bg:hover {
  box-shadow: 0 12px 30px rgba(88, 45, 133, 0.05) !important;
}

/* Action Buttons - Rounded 6px / Professional Styling (No pills!) */
.contact-actions {
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-bottom: 12px !important;
}

.contact-btn {
  border-radius: 6px !important; /* Professional 6px rounded edges */
  padding: 13px 20px !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
  transition: all 0.2s ease !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.call-btn {
  color: #1c1c1c !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
}

.call-btn:hover {
  background: #f8fafc !important;
  border-color: var(--theme-color) !important;
  transform: translateY(-2px) !important;
}

/* Socially Contrastive WA button for Insider (Orange Accent) */
.app-theme-afe .wa-btn {
  color: #1b5e20 !important;
  background: #e8f5e9 !important;
  border: 1px solid #c8e6c9 !important;
  animation: none !important;
}

.app-theme-afe .wa-btn:hover {
  background: #c8e6c9 !important;
  transform: translateY(-2px) !important;
}

.app-theme-insider .wa-btn {
  color: #f68929 !important; /* Insider Orange WA text */
  background: #fff8f3 !important;
  border: 1px solid #ffe3cc !important;
  animation: none !important;
}

.app-theme-insider .wa-btn:hover {
  background: #ffe3cc !important;
  border-color: #f68929 !important;
  transform: translateY(-2px) !important;
}

/* Minimalist Underlined Inputs for "Let's Collaborate" booking card */
.inquiry-form {
  gap: 16px !important;
}

.input-field {
  border-width: 0 0 2px 0 !important;
  border-color: #cbd5e1 !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 12px 14px 12px 28px !important;
  color: #1c1c1c !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  transition: border-color 0.3s ease !important;
}

.input-field:focus {
  border-color: var(--theme-color) !important;
  box-shadow: none !important;
}

.input-icon {
  left: 4px !important;
  color: #94a3b8 !important;
}

.submit-btn {
  border-radius: 6px !important; /* 6px rounded edges instead of pill */
  padding: 14px 20px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 24px rgba(var(--theme-color-rgb), 0.2) !important;
  margin-top: 6px !important;
}

/* Social Link Items - Lifestyle Cards */
.social-link-item {
  border-radius: 12px !important; /* 12px rounded edges */
  background: #ffffff !important;
  padding: 16px 20px !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

.social-link-item:hover {
  background: #ffffff !important;
  border-color: var(--theme-color) !important;
  box-shadow: 0 10px 25px rgba(var(--theme-color-rgb), 0.05) !important;
  transform: translateX(4px) !important;
}

.social-link-item i {
  border-radius: 8px !important;
  width: 36px !important;
  height: 36px !important;
}

.social-link-item h4 {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #1c1c1c !important;
}

.social-link-item p {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
}

/* Tasty Food style cards in Portfolio Grid - Full Row 3 Columns (Zomato-style) */
.portfolio-section {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
}

.portfolio-grid {
  display: flex !important;
  flex-direction: row !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  gap: 24px !important;
  width: 100% !important;
  padding: 10px 24px 20px !important; /* 24px padding on desktop for a premium aligned look */
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important;  /* IE/Edge */
  scroll-padding-left: 24px !important;
}

@media (max-width: 768px) {
  .portfolio-grid {
    gap: 16px !important;
    padding: 10px 16px 20px !important; /* Reduced padding on mobile and tablet */
    scroll-padding-left: 16px !important;
  }
}

.portfolio-grid::-webkit-scrollbar {
  display: none !important; /* Chrome/Safari */
}

/* Carousel Wrapper */
.portfolio-carousel-wrapper {
  position: relative !important;
  width: 100% !important;
  display: block !important;
}

/* Floating Navigation Buttons */
.carousel-nav-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  color: #1c1c1c !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  transition: all 0.25s ease !important;
  opacity: 0.85 !important;
}

.carousel-nav-btn:hover {
  background: var(--theme-color) !important;
  color: #ffffff !important;
  border-color: var(--theme-color) !important;
  box-shadow: 0 6px 16px rgba(var(--theme-color-rgb), 0.2) !important;
  opacity: 1 !important;
  transform: translateY(-50%) scale(1.05) !important;
}

.carousel-nav-btn:active {
  transform: translateY(-50%) scale(0.95) !important;
}

.carousel-nav-btn.prev-btn {
  left: -22px !important;
}

.carousel-nav-btn.next-btn {
  right: -22px !important;
}

/* Automatically hide navigation buttons on mobile, where touch swiping is preferred */
@media (max-width: 768px) {
  .carousel-nav-btn {
    display: none !important;
  }
}

/* Dots Page Indicators */
.carousel-dots-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 16px !important;
  width: 100% !important;
}

.carousel-dot {
  position: relative !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #cbd5e1 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

/* Expanded mobile touch tap target (a11y) */
.carousel-dot::before {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: -12px !important;
  right: -12px !important;
  bottom: -12px !important;
}

.carousel-dot.active {
  background: var(--theme-color) !important;
  width: 20px !important; /* Premium active pill shape */
  border-radius: 4px !important;
}

.portfolio-card {
  flex: 0 0 calc(33.333% - 16px) !important; /* exactly 3 cards visible on desktop slider view */
  scroll-snap-align: start !important;
  border-radius: 12px !important; /* 12px rounded edges */
  background: #ffffff !important;
  padding: 24px !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
  margin: 0 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

@media (max-width: 992px) {
  .portfolio-card {
    flex: 0 0 calc(50% - 12px) !important; /* 2 cards visible on tablet slider view */
  }
}

@media (max-width: 576px) {
  .portfolio-card {
    flex: 0 0 100% !important; /* 1 card visible on mobile slider view */
  }
}

.portfolio-card:hover {
  background: #ffffff !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06) !important;
}

.portfolio-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.portfolio-tag {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
}

.portfolio-info h4 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #1c1c1c !important;
}

.portfolio-info p {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
}

.portfolio-reels-list {
  gap: 12px !important;
  margin-top: 14px !important;
}

.portfolio-reel-item {
  border-radius: 8px !important; /* 8px rounded edges */
  background: #fafafa !important;
  border: 1px solid #cbd5e1 !important;
  padding: 10px 16px !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.portfolio-reel-item:hover {
  background: #ffffff !important;
  border-color: var(--theme-color) !important;
  box-shadow: 0 6px 15px rgba(var(--theme-color-rgb), 0.05) !important;
}

.portfolio-reel-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.portfolio-client-logo {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
}

.portfolio-client-name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
}

.portfolio-reel-item .portfolio-btn {
  border-radius: 6px !important; /* 6px rounded edges instead of pill */
  padding: 6px 14px !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
}

/* Coupon Tickets with Dashed Borders - Styled as 2 columns on desktop */
.offers-card {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

.offers-card .section-card-title {
  grid-column: 1 / -1 !important;
  margin-bottom: 4px !important;
}

.coupon-subcard {
  border-radius: 12px !important; /* 12px rounded edges */
  background: #ffffff !important;
  padding: 16px 16px !important;
  border: 1.5px dashed rgba(var(--theme-color-rgb), 0.35) !important;
  margin: 0 !important;
}

.coupon-subcard:hover {
  border-color: var(--theme-color) !important;
  background: #fffdfb !important;
}

.coupon-icon-logo {
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
}

.coupon-info-text h4 {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
}

.coupon-info-text p {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.75rem !important;
}

.order-cta-btn {
  border-radius: 6px !important; /* 6px rounded edges */
  padding: 10px 16px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8rem !important;
}

.code-copy-container {
  border-radius: 8px !important;
  padding: 10px 14px !important;
  border: 1px dashed #cbd5e1 !important;
  background: #f8fafc !important;
}

.copy-action-btn {
  border-radius: 6px !important; /* 6px rounded edges */
  padding: 6px 14px !important;
  font-size: 0.75rem !important;
}

.app-theme-insider .code-text-display {
  color: #f68929 !important;
}

/* Testimony Cards with Overlapping circular Food Image */
.star-rating-icon.active {
  color: #ffb612 !important; /* Zomato Gold rating stars */
  filter: drop-shadow(0 0 3px rgba(255, 182, 18, 0.4)) !important;
}

.adm-star-on {
  color: #ffb612 !important;
  fill: #ffb612 !important;
}

.comment-text-box {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important; /* 12px rounded edges */
  padding: 24px 28px !important;
  position: relative !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

.comment-text-box::after {
  content: "" !important;
  position: absolute !important;
  bottom: -15px !important;
  right: -15px !important;
  width: 54px !important;
  height: 54px !important;
  background-image: url('../food.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 50% !important;
  border: 4px solid #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  z-index: 2 !important;
}

/* Modals & Forms */
.modal-box {
  border-radius: 12px !important;
  box-shadow: 0 25px 60px rgba(0,0,0,0.1) !important;
  border: none !important;
  background: #ffffff !important;
}

.feedback-textarea {
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.modal-btn {
  border-radius: 6px !important; /* 6px rounded edges */
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Clean Footer */
.app-footer {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.74rem !important;
  letter-spacing: 1.5px !important;
  color: #94a3b8 !important;
  margin-top: 28px !important;
  font-weight: 700 !important;
}

/* ==========================================
   DYNAMIC ICON OVERRIDES ACCORDING TO LOGOS
   ========================================== */

/* AFE: Food Explorer (Cutlery & Hearts) */
.app-theme-afe i.fa-check::before {
  content: "\f2e7" !important; /* fa-utensils */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.app-theme-afe i.fa-wand-magic-sparkles::before {
  content: "\f004" !important; /* fa-heart */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.app-theme-afe .portfolio-section .section-title i::before {
  content: "\f2e7" !important; /* fa-utensils */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.app-theme-afe .links-list-card .section-card-title i::before {
  content: "\f004" !important; /* fa-heart */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.app-theme-afe .offers-card .section-card-title i::before {
  content: "\f02b" !important; /* fa-tags */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.app-theme-afe .business-card .form-title i::before {
  content: "\f1d8" !important; /* fa-paper-plane */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

/* Insider: Location, Explorer & Compass */
.app-theme-insider i.fa-check::before {
  content: "\f3c5" !important; /* fa-location-dot */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  color: #f68929 !important; /* Orange checks for Insider */
}

.app-theme-insider i.fa-wand-magic-sparkles::before {
  content: "\f3c5" !important; /* fa-location-dot */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  color: #f68929 !important;
}

.app-theme-insider .portfolio-section .section-title i::before {
  content: "\f14e" !important; /* fa-compass */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.app-theme-insider .links-list-card .section-card-title i::before {
  content: "\f041" !important; /* fa-map-pin */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.app-theme-insider .offers-card .section-card-title i::before {
  content: "\f3f1" !important; /* fa-ticket */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.app-theme-insider .business-card .form-title i::before {
  content: "\f279" !important; /* fa-map */
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

/* Dynamic background floating elements according to theme */
.food-bg i {
  color: rgba(var(--theme-color-rgb), 0.012) !important;
}

.app-theme-insider .food-bg i.fa-pizza-slice::before {
  content: "\f3c5" !important; /* fa-location-dot */
}

.app-theme-insider .food-bg i.fa-hamburger::before {
  content: "\f14e" !important; /* fa-compass */
}

.app-theme-insider .food-bg i.fa-coffee::before {
  content: "\f041" !important; /* fa-map-pin */
}

.app-theme-insider .food-bg i.fa-ice-cream::before {
  content: "\f279" !important; /* fa-map */
}

/* Zomato-style Floating Food Background Elements */
.custom-food-bg {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important; /* Above canvas background, behind app cards */
  pointer-events: none !important;
  overflow: hidden !important;
  display: block !important;
}

.app-wrapper-container {
  position: relative !important;
  z-index: 5 !important;
}

body:has(.app-theme-insider) .custom-food-bg {
  display: none !important; /* Hide on Insider theme since it is city explorer */
}



.bg-item {
  position: absolute !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  pointer-events: none !important;
  transition: all 0.5s ease-in-out !important;
}

/* Floating Animations */
@keyframes bgFloat1 {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-12px) rotate(2deg); }
}

@keyframes bgFloat2 {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(12px) rotate(-3deg); }
}

@keyframes bgFloat3 {
  0%, 100% { transform: translateY(0px) translateX(0px); }
  50% { transform: translateY(-8px) translateX(6px); }
}

.bg-burger {
  width: 180px !important;
  height: 180px !important;
  left: 2% !important;
  top: 35% !important;
  background-image: url('https://b.zmtcdn.com/data/o2_assets/c7523de995639024918c6947c4b2cdcd1742894059.png') !important;
  animation: bgFloat1 7s ease-in-out infinite !important;
}

.bg-steamer {
  width: 160px !important;
  height: 160px !important;
  right: 3% !important;
  top: 15% !important;
  background-image: url('https://b.zmtcdn.com/data/o2_assets/364f85b5586700f0a3f7108cedf543011739962117.png') !important;
  animation: bgFloat2 8s ease-in-out infinite !important;
}

.bg-pizza {
  width: 150px !important;
  height: 150px !important;
  right: 4% !important;
  bottom: 18% !important;
  background-image: url('https://b.zmtcdn.com/data/o2_assets/3d1b3a891e2c59fd5ae7654dd207370b1739514134.png') !important;
  animation: bgFloat1 9s ease-in-out infinite !important;
}

.bg-tomato {
  width: 45px !important;
  height: 45px !important;
  left: 8% !important;
  bottom: 12% !important;
  background-image: url('https://b.zmtcdn.com/data/o2_assets/70b50e1a48a82437bfa2bed925b862701742892555.png') !important;
  animation: bgFloat3 5s ease-in-out infinite !important;
}

.bg-leaf {
  width: 40px !important;
  height: 40px !important;
  left: 18% !important;
  top: 8% !important;
  background-image: url('https://b.zmtcdn.com/data/o2_assets/9ef1cc6ecf1d92798507ffad71e9492d1742892584.png') !important;
  animation: bgFloat3 4s ease-in-out infinite !important;
}

.bg-line-art {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -1 !important;
}

.bg-line-art svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Scaling / Responsive Layout for smaller viewports */
@media (max-width: 1200px) {
  .bg-burger {
    width: 130px !important;
    height: 130px !important;
  }
  .bg-steamer {
    width: 120px !important;
    height: 120px !important;
  }
  .bg-pizza {
    width: 110px !important;
    height: 110px !important;
  }
}

@media (max-width: 992px) {
  .bg-burger {
    width: 90px !important;
    height: 90px !important;
    left: 1% !important;
    top: 40% !important;
  }
  .bg-steamer {
    width: 80px !important;
    height: 80px !important;
    right: 1% !important;
    top: 20% !important;
  }
  .bg-pizza {
    width: 80px !important;
    height: 80px !important;
    right: 1% !important;
    bottom: 25% !important;
  }
  .bg-tomato, .bg-leaf {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .custom-food-bg {
    display: none !important; /* Hide background food elements entirely on mobile */
  }
}

/* Instagram Reels Horizontal Grid (Netflix UI/UX) */
.portfolio-reels-grid {
  display: flex !important;
  flex-direction: row !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  gap: 12px !important;
  margin-top: 14px !important;
  width: 100% !important;
  padding-bottom: 8px !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important; /* Hide scrollbar for clean Netflix look */
  -ms-overflow-style: none !important;
}

.portfolio-reels-grid::-webkit-scrollbar {
  display: none !important; /* Hide scrollbar for Chrome/Safari */
}

.portfolio-reel-card {
  flex: 0 0 110px !important; /* Fixed width for Netflix-style poster card */
  scroll-snap-align: start !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: transform 0.2s ease !important;
}

.portfolio-reel-card:hover {
  transform: translateY(-2px) !important;
}

.portfolio-reel-thumbnail-wrapper {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 9 / 16 !important;
  background: #1c1c1c !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 1px solid #cbd5e1 !important;
}

.portfolio-reel-thumbnail {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}

.portfolio-reel-card:hover .portfolio-reel-thumbnail {
  transform: scale(1.05) !important;
}

.portfolio-reel-play-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.35) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease !important;
}

.portfolio-reel-card:hover .portfolio-reel-play-overlay {
  opacity: 1 !important;
}

.portfolio-reel-play-overlay i,
.portfolio-reel-play-overlay svg {
  color: #ffffff !important;
  font-size: 20px !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5)) !important;
}

.portfolio-reel-client {
  color: #4f4f4f !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
  transition: color 0.2s ease !important;
}

.portfolio-reel-card:hover .portfolio-reel-client {
  color: var(--theme-color) !important;
}

/* Mobile View Contact buttons responsiveness */
@media (max-width: 576px) {
  .contact-actions {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }
  .contact-btn {
    padding: 12px 16px !important;
    font-size: 0.85rem !important;
  }
}