html,body{overflow-x:hidden;max-width:100%}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}.fastbd-wrap{width:min(1180px,92%);margin:auto}
.announce{height:34px;overflow:hidden;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;font-weight:800;display:flex;align-items:center;white-space:nowrap}.announce-track{display:flex;width:max-content;min-width:200%;animation:fastbdTicker var(--ticker-duration,20s) linear infinite}.announce-track span{display:inline-flex;align-items:center;justify-content:center;min-width:100vw;padding:0 32px;font-size:13px}@keyframes fastbdTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e8e3ef;transition:.25s}.header-inner{min-height:64px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;flex:0 0 auto;margin-right:8px}.custom-logo{display:block;max-height:44px;max-width:128px;width:auto}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:18px;align-items:center;list-style:none;margin:0;padding:0}.header-actions{display:flex;align-items:center;gap:9px}.menu-toggle{display:none}.theme-toggle{border:1px solid #ddd6e8;background:transparent;color:inherit;border-radius:10px;padding:8px 11px;cursor:pointer}.fastbd-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:12px 20px;font-weight:800;cursor:pointer}.fastbd-btn.secondary{background:transparent;border:1px solid color-mix(in srgb,var(--primary) 34%,transparent);color:inherit}.fastbd-btn.small{padding:8px 14px}.wallet-balance{background:color-mix(in srgb,var(--primary) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:10px;padding:7px 12px;color:var(--primary)!important}.fastbd-service-meta{font-size:11px;color:color-mix(in srgb,var(--text) 55%,transparent);margin:0 0 4px;display:flex;gap:8px}.fastbd-service-meta .service-platform{background:color-mix(in srgb,var(--primary) 10%,transparent);border-radius:6px;padding:1px 6px}.fastbd-services-toolbar{margin:0 0 20px;display:flex;flex-direction:column;gap:12px}.fastbd-services-toolbar input[type=search]{width:100%;padding:12px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--surface);color:var(--text);font-size:15px}.fastbd-category-tabs{display:flex;flex-wrap:wrap;gap:8px}.fastbd-tab{border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--surface);color:var(--text);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;cursor:pointer}.fastbd-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.fastbd-empty-state{padding:40px 20px;text-align:center;color:color-mix(in srgb,var(--text) 55%,transparent)}#fastbd-services-grid-wrap[aria-busy=true]{opacity:.5}.notification-bell{position:relative;font-size:18px;text-decoration:none;padding:6px}.notif-count{position:absolute;top:0;right:0;background:#e33;color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:1px 5px;line-height:1.4}.fbu-notification{border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);padding:12px 0}.fbu-notification.unread{font-weight:600}
.fbu-payment-mode-toggle{display:flex !important;flex-direction:row !important;flex-wrap:nowrap;gap:8px;margin:10px 0;width:100%;box-sizing:border-box}
.fbu-mode-option{box-sizing:border-box;display:flex !important;flex-direction:row !important;flex:1 1 0 !important;min-width:0;max-width:50%;align-items:center;justify-content:center;gap:6px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:10px;padding:8px 6px;font-weight:700;font-size:11.5px;line-height:1.2;text-align:center;cursor:pointer;background:var(--surface);overflow:hidden}
.fbu-mode-option input[type=radio]{flex:0 0 auto;margin:0;width:14px;height:14px}
.fbu-mode-option span{overflow-wrap:anywhere;word-break:break-word;min-width:0}
.fbu-mode-option:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary)}
.fbu-manual-payment-fields,.fbu-add-funds{background:color-mix(in srgb,var(--primary) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);border-radius:14px;padding:16px;margin:10px 0}
.fbu-method-number-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px dashed color-mix(in srgb,var(--primary) 40%,transparent);border-radius:10px;padding:10px 14px;margin:8px 0}
.fbu-method-number{font-weight:800;font-size:16px;letter-spacing:.5px}
.fbu-copy-btn{border:0;background:var(--primary);color:#fff;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer}
.fbu-method-note{font-size:12.5px;color:color-mix(in srgb,var(--text) 60%,transparent);margin:2px 0 10px}
.fbu-field-label{display:block;font-weight:700;font-size:13px;margin:12px 0 5px}
.fbu-add-funds select,.fbu-add-funds input[type=text],.fbu-add-funds input[type=number],.fbu-add-funds input[type=file],.fbu-add-funds textarea,.fbu-manual-payment-fields select,.fbu-manual-payment-fields input[type=text],.fbu-manual-payment-fields input[type=file]{width:100%;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--surface);color:var(--text)}
.fbu-submit-payment{width:100%;margin-top:16px}
.fbu-method-instructions{margin-top:18px;padding:14px 16px;background:var(--surface);border-radius:12px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);font-size:13px}
.fbu-method-instructions h4{margin:0 0 8px}
.fbu-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:14px;overflow:hidden;font-size:13.5px}
.fbu-table th{background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary);text-align:left;padding:12px 14px;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px}
.fbu-table td{padding:12px 14px;border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent);vertical-align:middle}
.fbu-table tr:hover td{background:color-mix(in srgb,var(--primary) 3%,transparent)}
.fbu-account,.fbu-wallet{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:16px;padding:22px}
.fbu-account p,.fbu-wallet p{margin:0 0 12px;font-size:14.5px}
.fbu-account form{margin-top:14px;display:flex;flex-direction:column;gap:4px}
.fbu-account form label{font-weight:700;font-size:13px;margin-top:8px}
.fbu-account form input[type=text],.fbu-account form input[type=file]{padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--bg,transparent)}
.fbu-account form button{margin-top:14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:11px 20px;font-weight:800;cursor:pointer;align-self:flex-start}
.fbu-notifications{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:16px;padding:6px 20px}
.fbu-notification{padding:14px 0}
.fbu-notification strong{display:block;font-size:14.5px;margin-bottom:3px}
.fbu-notification p{margin:2px 0;font-size:13.5px;color:color-mix(in srgb,var(--text) 75%,transparent)}
.fbu-notification small{color:color-mix(in srgb,var(--text) 50%,transparent);font-size:11.5px}
.fbu-notification.unread{position:relative;padding-left:14px}
.fbu-notification.unread::before{content:"";position:absolute;left:0;top:18px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.brand{margin-left:-14px}.profile-icon-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--secondary));text-decoration:none;flex:0 0 auto;box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 35%,transparent)}.profile-icon-link img{width:100%;height:100%;object-fit:cover}.profile-icon-fallback{color:#fff;font-weight:800;font-size:16px}
@media(max-width:560px){.brand{margin-left:-10px}}
.fastbd-hero{padding:48px 0;background:var(--bg)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center}.hero-grid .hero-slider,.hero-grid .hero-visual{width:100%}.hero-badge,.fastbd-badge{display:inline-block;border:1px solid color-mix(in srgb,var(--primary) 58%,transparent);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800}.fastbd-hero h1{font-size:clamp(30px,4.5vw,52px);line-height:1.08;margin:13px 0}.fastbd-hero p{font-size:16px;color:color-mix(in srgb,var(--text) 72%,transparent);max-width:700px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-panel,.fastbd-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:18px;padding:22px;box-shadow:0 16px 45px rgba(30,16,55,.10)}.compact-trust-panel{padding:18px}.compact-trust-panel h3{font-size:18px;margin:0 0 4px}.compact-trust-panel p{font-size:14px;margin:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.mini-stats span{text-align:center;padding:10px 6px;border-radius:10px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));font-size:12px}
.fastbd-section{padding:58px 0}.fastbd-section.alt{background:color-mix(in srgb,var(--primary) 3%,var(--bg))}.fastbd-section h2{text-align:center;font-size:32px;margin:0 0 28px}.fastbd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.fastbd-service-card{position:relative;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:16px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.fastbd-service-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px color-mix(in srgb,var(--primary) 17%,transparent)}.fastbd-service-card img,.fastbd-placeholder{width:100%;height:180px;object-fit:cover;flex:0 0 auto}.fastbd-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 45%,#0d0717));color:#fff;font-weight:900;padding:18px;text-align:center}.fastbd-service-body{padding:18px;flex:1 1 auto;display:flex;flex-direction:column}.fastbd-service-body h3{font-size:17px;min-height:50px;margin:0 0 4px}.fastbd-service-body p{margin:0 0 8px}.fastbd-service-body .fastbd-btn{margin-top:auto}.fastbd-badge{position:absolute;top:11px;left:11px;z-index:2;color:#fff}.fastbd-price{font-size:22px;font-weight:900;color:var(--primary);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.fastbd-price del{color:color-mix(in srgb,var(--text) 70%,transparent);opacity:.7;font-size:13px;font-weight:600;text-decoration:line-through}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust-card{text-align:center;font-weight:700}.trust-card p{font-weight:400}.faq-list{display:grid;gap:12px;max-width:900px;margin:auto}.faq-list summary{cursor:pointer;font-weight:800}.site-footer{padding:48px 0;background:color-mix(in srgb,var(--primary) 5%,var(--surface));border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.footer-grid{display:grid;grid-template-columns:1.5fr 1.4fr 1fr;gap:28px}.payment-icons{display:flex;flex-wrap:wrap;gap:8px}.payment-icon{min-height:0!important;padding:6px 10px!important;border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:10px;background:var(--surface);display:flex;align-items:center;gap:7px;color:var(--text);font-size:11.5px!important}.payment-icon img{width:26px!important;height:20px!important;object-fit:contain}.payment-logo-fallback{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;font-weight:900;font-size:11px}.footer-socials{display:flex;flex-wrap:wrap;gap:8px}.footer-socials a{padding:6px 9px;border-radius:8px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);font-size:12px}
.fastbd-form{display:grid;gap:11px}.fastbd-form input,.fastbd-form textarea,.fastbd-form select{width:100%;padding:13px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--surface);color:inherit}.product-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.product-info img{width:100%;border-radius:14px}.payment-note{padding:12px;background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:10px}.fastbd-table>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
.live-support{position:fixed;right:18px;bottom:calc(18px + var(--float-btn-size,48px) + 10px);z-index:90;border:2px solid rgba(255,255,255,.4);background:var(--float-btn-color,#1fa056);color:#fff;width:var(--float-btn-size,48px);height:var(--float-btn-size,48px);border-radius:50%;font-weight:700;box-shadow:0 10px 24px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.05;padding:0}.live-support-icon{font-size:calc(var(--float-btn-size,48px) * 0.32)}.live-support-label{font-size:calc(var(--float-btn-size,48px) * 0.15);font-weight:700;letter-spacing:.1px}.support-modal{position:fixed;inset:0;background:#000a;z-index:100;display:grid;place-items:center;padding:18px}.support-modal[hidden]{display:none}.support-box{width:min(430px,100%);background:var(--surface);border-radius:20px;padding:26px;position:relative;color:var(--text)}.support-close{position:absolute;right:12px;top:10px;border:0;background:none;color:inherit;font-size:28px}.support-links{display:grid;gap:10px;margin-top:18px}.support-link{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);font-weight:800}.support-link b{font-size:12px;color:var(--primary)}
.content-page{max-width:980px;margin:auto}.content-page>section{font-size:18px}.content-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:26px 0}.content-grid article,.contact-grid>div{padding:20px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:15px;background:var(--surface)}.contact-grid>div{display:grid;gap:6px}.contact-grid span{opacity:.82}.fastbd-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.fastbd-section-head h1{font-size:42px;margin:.25rem 0}.fastbd-search{width:min(360px,100%);padding:13px 15px;border-radius:12px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);background:var(--surface);color:var(--text)}.trust-card img{width:58px;height:58px;object-fit:cover;border-radius:14px;margin:auto}
body.dark{--bg:#080611!important;--surface:#151120!important;--text:#f7f3ff!important;background:#080611!important;color:#f7f3ff!important}body.dark .site-header{background:rgba(8,6,17,.95);border-color:#ffffff17}body.dark .fastbd-section.alt,body.dark .site-footer{background:#0e0a17}body.dark .fastbd-service-card,body.dark .fastbd-card,body.dark .hero-panel,body.dark .support-box,body.dark .payment-icon,body.dark .footer-socials a,body.dark .fastbd-form input,body.dark .fastbd-form textarea,body.dark .fastbd-form select,body.dark .content-grid article,body.dark .contact-grid>div{background:#151120;color:#f7f3ff;border-color:#ffffff18}body.dark .fastbd-hero{background:radial-gradient(circle at 78% 32%,color-mix(in srgb,var(--primary) 30%,transparent),transparent 38%),linear-gradient(135deg,#080611,#190b2b)}body.dark .theme-toggle{border-color:#ffffff26;color:#fff}body.dark .fastbd-hero p{color:#cfc5dc}
@media(max-width:900px){.hero-grid,.product-layout{grid-template-columns:1fr}.fastbd-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.menu-toggle{display:block;background:none;border:0;color:inherit;font-size:22px}.main-nav{display:none;position:absolute;left:4%;right:4%;top:64px;background:var(--surface);padding:18px;border-radius:14px;box-shadow:0 18px 55px #0003}.main-nav.open{display:block}.main-nav ul{flex-direction:column}.header-actions{margin-left:auto}.login-link{display:none}.hero-grid{gap:18px}.compact-trust-panel{max-width:520px}}
@media(max-width:560px){.announce{height:30px}.announce-track span{font-size:12px;padding:0 20px}.header-inner{min-height:58px}.custom-logo{max-height:38px;max-width:105px}.main-nav{top:58px}.signup-link{padding:7px 11px;font-size:12px}.theme-toggle{padding:7px 9px}.fastbd-hero{padding:34px 0}.fastbd-hero h1{font-size:30px}.fastbd-hero p{font-size:14px}.hero-panel{padding:15px}.mini-stats{grid-template-columns:repeat(3,1fr)}.mini-stats span{font-size:10px;padding:8px 3px}.fastbd-grid{grid-template-columns:1fr 1fr;gap:11px}.fastbd-service-card img,.fastbd-placeholder{height:125px}.fastbd-service-body{padding:12px}.fastbd-service-body h3{font-size:14px;min-height:44px}.fastbd-price{font-size:17px}.fastbd-btn{padding:9px 12px;font-size:13px}.trust-grid,.footer-grid{grid-template-columns:1fr}.fastbd-section{padding:44px 0}.fastbd-section h2{font-size:26px}.support-box{padding:22px}.content-grid,.contact-grid{grid-template-columns:1fr}.fastbd-section-head{display:block}.fastbd-search{margin-top:14px}.payment-icons{justify-content:flex-start}}
/* V5.2 additions */
.announce{height:36px;overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center}.announce-track{display:flex;width:max-content;animation:fastbdTicker var(--ticker-speed,20s) linear infinite;will-change:transform}.announce-track span{display:block;flex:0 0 auto;padding:0 70px;font-weight:800;line-height:36px}@keyframes fastbdTicker{to{transform:translateX(-50%)}}
.header-text-link{font-weight:800;color:inherit;white-space:nowrap}.header-actions{flex-wrap:nowrap}.hero-actions .fastbd-btn{white-space:nowrap}.auth-card{max-width:560px;margin:0 auto}.fastbd-google-wrap{display:flex;justify-content:center;margin:14px 0}.auth-separator{display:flex;align-items:center;gap:12px;color:color-mix(in srgb,var(--text) 55%,transparent)}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:color-mix(in srgb,var(--text) 15%,transparent);flex:1}.auth-switch{text-align:center;margin:5px 0}.auth-switch a{color:var(--primary);font-weight:800}.customer-dashboard{display:grid;gap:20px}.dashboard-hero{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}
.dashboard-profile-header{flex:1 1 260px;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:18px;padding:20px}
.dashboard-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.dashboard-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:26px;font-weight:800}
.dashboard-welcome-text h2{margin:0 0 4px;font-size:19px}
.dashboard-greeting{margin:0;font-size:15px}
.dashboard-meta{margin:2px 0 0;font-size:12.5px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.wallet-card{flex:1 1 220px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:18px;padding:20px 22px;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:6px;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 35%,transparent)}
.wallet-label{font-size:13px;opacity:.9;font-weight:700}
.wallet-amount{font-size:32px;font-weight:800;line-height:1.1}
.wallet-add-btn{align-self:flex-start;margin-top:8px;background:#fff;color:var(--primary)!important}
.dashboard-quicklinks-card{margin-bottom:18px}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-stats>div{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:15px;padding:18px;text-align:center}.dashboard-stats b{display:block;font-size:28px;color:var(--primary)}.dashboard-stats span{font-size:13px}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.dashboard-support{margin-top:18px;margin-right:8px}.account-guest{max-width:680px;margin:auto}.live-charge{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.live-charge strong{font-size:25px;color:var(--primary)}.quantity-rules{font-weight:800;color:var(--primary)}.order-error{color:#d93025;font-weight:800;min-height:22px}.order-success{text-align:center;padding:30px}.footer-banner-image{display:block;max-width:100%;height:auto;border-radius:14px;margin-top:18px}.payment-icon img{width:56px;height:36px;object-fit:contain}.payment-icon strong{font-size:14px}.site-footer .payment-icons{align-items:stretch}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.announce{height:34px}.announce-track span{line-height:34px;padding:0 45px;font-size:12px}.header-inner{gap:8px}.header-actions{gap:7px}.header-text-link{font-size:12px}.signup-link{font-size:12px;padding:8px 12px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .fastbd-btn:first-child{grid-column:1/-1}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats>div{padding:14px 8px}.footer-grid{gap:20px}.payment-icons{display:grid;grid-template-columns:repeat(4,1fr)}.payment-icon{justify-content:center;flex-direction:column;text-align:center;padding:6px 4px!important}.payment-icon img{width:26px!important;height:18px!important}.payment-icon strong{font-size:10.5px}.fastbd-table>div{display:grid;gap:6px}}
/* V5.3 Payment, Service Editor, Reviews and Cart */
.fastbd-payment-details{padding:15px;border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:13px;background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.payment-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.payment-detail-head img{width:64px;height:42px;object-fit:contain}.payment-number{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;background:var(--surface);border-radius:10px}.payment-number b{font-size:19px}.copy-payment{border:0;border-radius:8px;padding:7px 10px;background:var(--primary);color:#fff;font-weight:800}.payment-qr{display:block;max-width:160px;margin:12px auto 0;border-radius:10px}.service-short{font-size:17px;font-weight:700;opacity:.82}.service-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.service-spec-grid>div{padding:13px;border-radius:12px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--text) 9%,transparent)}.service-spec-grid span{display:block;font-size:12px;opacity:.7}.service-spec-grid strong{display:block;margin-top:3px}.service-features{margin-top:20px}.quantity-hint{font-size:13px;color:var(--primary);font-weight:800}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card .stars{color:#f5a623;font-size:20px;letter-spacing:2px}.review-card h3{margin:8px 0}.cart-link{display:block;text-align:center;color:var(--primary);font-weight:800}.cart-row{display:grid;grid-template-columns:1fr 105px auto 38px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.cart-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px;opacity:.7}.cart-row label{font-size:12px}.cart-row input{width:100%;padding:8px}.cart-row button{border:0;background:#ef4444;color:#fff;width:34px;height:34px;border-radius:50%;font-size:20px}.cart-grand-total{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));font-size:20px}.cart-grand-total strong{color:var(--primary);font-size:25px}.cart-empty{text-align:center;padding:30px;opacity:.7}
@media(max-width:700px){.service-spec-grid{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr 85px 34px}.cart-row>b{grid-column:1/3}.cart-row button{grid-column:3;grid-row:1/3}.payment-number{grid-template-columns:1fr auto}.payment-number span{grid-column:1/-1}}
/* V5.4 Premium homepage and mobile-first UI */
.section-shell{background:transparent}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.section-title-row h2{margin:0;text-align:left}.section-title-row>a{color:var(--primary);font-weight:800;font-size:14px}.premium-home-hero{padding:48px 0 34px;background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 36%),linear-gradient(135deg,#fff,color-mix(in srgb,var(--primary) 4%,#fff))}.hero-copy h1{max-width:720px}.stats-strip{padding:0 0 20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:18px;box-shadow:0 18px 48px #1c16300e;overflow:hidden}.stats-grid>div{padding:22px;text-align:center;border-right:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.stats-grid>div:last-child{border-right:0}.stats-grid b{display:block;font-size:25px;color:var(--primary)}.stats-grid span{font-size:13px;opacity:.72}.premium-why{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--primary) 3%,var(--bg)))}.premium-trust-grid .trust-card{position:relative;text-align:left;padding:14px;border-radius:12px;background:#EAF3DE}
.trust-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:800;letter-spacing:.3px;padding:2px 8px;border-radius:20px;background:#3B6D11;color:#EAF3DE}
.trust-icon{width:34px;height:34px;border-radius:10px;background:#C0DD97;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:8px}
.premium-trust-grid h3{margin:0 0 3px;font-size:14px;color:#27500A}
.premium-trust-grid p{margin:0;font-size:12px;color:#3B6D11}
.trust-theme-blue{background:#E6F1FB}.trust-theme-blue .trust-badge{background:#185FA5;color:#E6F1FB}.trust-theme-blue .trust-icon{background:#B5D4F4}.trust-theme-blue h3{color:#0C447C}.trust-theme-blue p{color:#185FA5}
.trust-theme-amber{background:#FAEEDA}.trust-theme-amber .trust-badge{background:#854F0B;color:#FAEEDA}.trust-theme-amber .trust-icon{background:#FAC775}.trust-theme-amber h3{color:#633806}.trust-theme-amber p{color:#854F0B}
.trust-theme-purple{background:#EEEDFE}.trust-theme-purple .trust-badge{background:#534AB7;color:#EEEDFE}.trust-theme-purple .trust-icon{background:#CECBF6}.trust-theme-purple h3{color:#3C3489}.trust-theme-purple p{color:#534AB7}
.achievements-label{text-align:center;font-size:11px;font-weight:800;letter-spacing:1.5px;color:color-mix(in srgb,var(--text) 45%,transparent);text-transform:uppercase;margin:22px 0 10px}.home-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{min-height:180px}.review-card .stars{color:#ffb400;letter-spacing:2px}.review-card h3{margin-bottom:0}.review-card small{opacity:.6}.premium-faq-grid{max-width:none;grid-template-columns:1fr;gap:12px}.faq-card{padding:0;overflow:hidden;border-radius:12px}.faq-card summary{display:flex;align-items:center;gap:14px;padding:16px 18px;list-style:none}.faq-card summary::-webkit-details-marker{display:none}.faq-icon{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px}.faq-q{flex:1 1 auto;font-weight:800;font-size:14.5px}.faq-card summary b{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;transition:.25s}.faq-card[open] summary b{transform:rotate(180deg)}.faq-answer{padding:0 18px 18px 70px;color:color-mix(in srgb,var(--text) 74%,transparent)}.auth-card{max-width:560px;margin:auto}.auth-card #loginform p{display:grid;gap:8px}.auth-card #loginform input[type=text],.auth-card #loginform input[type=password]{width:100%;padding:14px;border-radius:12px;border:1px solid #d9dce5}.auth-card #wp-submit{width:100%;padding:13px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-weight:900}.customer-dashboard,.dashboard-grid,.dashboard-stats{min-width:0}.dashboard-grid>*{min-width:0}
body.dark .premium-home-hero{background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--primary) 28%,transparent),transparent 36%),linear-gradient(135deg,#080611,#151020)}
@media(max-width:900px){.home-review-grid{grid-template-columns:1fr 1fr}.premium-faq-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent)}}
@media(max-width:560px){body{overflow-x:hidden}.fastbd-container,.fastbd-wrap{width:min(100% - 24px,1180px)}.premium-home-hero{padding:30px 0}.hero-visual{min-height:230px}.rocket{font-size:80px}.social-orbit span{width:38px;height:38px;font-size:17px}.growth-bars i{width:14px}.growth-bars i:nth-child(5){height:112px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .fastbd-btn:first-child{grid-column:1/-1}.hero-actions .fastbd-btn{width:100%}.stats-grid b{font-size:20px}.stats-grid span{font-size:11px}.stats-grid>div{padding:16px 8px}.section-title-row{align-items:flex-start}.section-title-row h2{font-size:24px}.section-title-row>a{font-size:12px}.premium-trust-grid{grid-template-columns:1fr 1fr}.premium-trust-grid .trust-card{display:block;padding:12px;min-height:0}.trust-icon{margin-bottom:8px}.premium-trust-grid h3{font-size:13.5px}.premium-trust-grid p{font-size:11.5px}.home-review-grid{grid-template-columns:1fr}.premium-faq-grid{grid-template-columns:1fr}.faq-card summary{padding:18px 16px;font-size:15px}.faq-answer{padding:0 16px 17px}.header-actions{gap:6px}.header-text-link{font-size:12px}.fastbd-service-card{min-width:0}.fastbd-service-body h3{overflow-wrap:anywhere}.site-footer{overflow:hidden}.footer-grid>*{min-width:0}.footer-grid p,.footer-grid a{overflow-wrap:anywhere}.customer-dashboard .dashboard-grid{grid-template-columns:1fr!important}.dashboard-stats{grid-template-columns:1fr 1fr!important}.fastbd-table>div{display:grid;gap:5px}.live-support{max-width:calc(100vw - 24px)}}
/* V6.0 custom authentication, hero slider and tutorial center */
.fastbd-alert{padding:12px 14px;border-radius:12px;margin:0 0 16px;font-weight:700}.fastbd-alert.error{background:#fff0f1;color:#a41122;border:1px solid #ffc7cf}.fastbd-alert.success{background:#edfff5;color:#087b43;border:1px solid #b8f2d2}.remember-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}.remember-row input{width:auto!important}.dashboard-quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;justify-content:center}.qlink{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:14px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);color:var(--text);font-weight:700;font-size:13.5px;text-decoration:none;transition:transform .15s,box-shadow .15s}.qlink:hover{transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 18%,transparent)}.qlink .qicon{font-size:16px;line-height:1}.qlink.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 35%,transparent)}.qlink.danger{background:color-mix(in srgb,#e33 8%,var(--surface));border-color:color-mix(in srgb,#e33 20%,transparent);color:#c0392b}
.fastbd-btn.ghost{background:transparent;color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 45%,transparent)}
.tutorial-promo{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}.tutorial-promo>div{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.tutorial-promo h2,.tutorial-promo p{margin:0}.tutorial-promo p{grid-column:2;margin-top:5px}.tutorial-icon{grid-row:1/3;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:19px}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tutorial-card{padding:0;overflow:hidden}.tutorial-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.tutorial-body{padding:18px}.tutorial-body h3{margin-top:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stats-grid>div{border-right:1px solid color-mix(in srgb,var(--text) 8%,transparent)}
@media(max-width:760px){.tutorial-grid{grid-template-columns:1fr}.tutorial-promo{align-items:stretch;flex-direction:column}.tutorial-promo .fastbd-btn{width:100%}.hero-actions{grid-template-columns:1fr 1fr!important}.hero-actions .fastbd-btn:first-child{grid-column:1/-1}}
/* V7 admin/front safety improvements */
.fastbd-settings-wrap .fastbd-tab-panel{display:none}.fastbd-settings-wrap .fastbd-tab-panel.is-active{display:block}.fastbd-settings-wrap .nav-tab-wrapper{margin-bottom:18px}.fastbd-settings-wrap .postbox{margin-top:0}.fastbd-color-control,.fastbd-media-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fastbd-native-color{width:48px;height:36px;padding:2px;border:1px solid #c3c4c7;border-radius:5px}.fastbd-color-preview{width:34px;height:34px;border-radius:6px;border:1px solid #c3c4c7;display:inline-block}.fastbd-hex-color{text-transform:uppercase}
@media(max-width:782px){.fastbd-settings-wrap .nav-tab-wrapper{display:flex;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.fastbd-settings-wrap .nav-tab{float:none;display:inline-block}.fastbd-settings-wrap .form-table th{padding-bottom:4px}.fastbd-settings-wrap .form-table td{padding-top:4px}.fastbd-settings-wrap .regular-text,.fastbd-settings-wrap .large-text{width:100%;max-width:100%}.fastbd-color-control,.fastbd-media-control{align-items:stretch}.fastbd-media-control .button{min-height:40px}}
/* V7.1 balanced editable layout */
.fastbd-container,.fastbd-wrap{width:100%;max-width:var(--container-max,1180px);margin-left:auto;margin-right:auto;padding-left:var(--desktop-gutter,24px);padding-right:var(--desktop-gutter,24px);box-sizing:border-box}
.fastbd-section{padding-top:var(--section-space,58px);padding-bottom:var(--section-space,58px)}
.fastbd-card,.hero-panel,.fastbd-service-card,.stats-grid,.hero-visual,.hero-slider{border-radius:var(--card-radius,18px)}
.section-title-row,.content-page,.footer-grid,.header-inner,.hero-grid,.stats-grid{min-width:0}
.section-title-row h2,.site-footer h3,.content-page h1,.content-page h2{overflow-wrap:anywhere}
.site-footer .fastbd-container{align-items:start}
@media(max-width:760px){
.fastbd-container,.fastbd-wrap{max-width:none;width:100%;padding-left:var(--mobile-gutter,18px);padding-right:var(--mobile-gutter,18px)}
.fastbd-section{padding-top:calc(var(--section-space,58px) * .72);padding-bottom:calc(var(--section-space,58px) * .72)}
.section-title-row{padding-left:0;padding-right:0}
.fastbd-hero .hero-copy,.tutorial-promo,.site-footer section{min-width:0}
}
/* V7.2 square service images and editable badge colors */
.fastbd-service-card>a{display:block;background:var(--service-image-bg,#fff);overflow:hidden}
.fastbd-service-card>a>img{display:block;width:100%;height:auto!important;aspect-ratio:1/1;object-fit:contain!important;object-position:center;background:var(--service-image-bg,#fff)}
.fastbd-service-card .fastbd-placeholder{height:auto;aspect-ratio:1/1}
.fastbd-badge{color:var(--badge-text,#fff)!important;background:var(--badge-custom,#6c3cf0)!important;border-color:color-mix(in srgb,var(--badge-custom,#6c3cf0) 75%,#fff)!important;box-shadow:0 7px 20px color-mix(in srgb,var(--badge-custom,#6c3cf0) 35%,transparent);padding:7px 13px;font-size:12px;line-height:1.15}
.fastbd-badge-popular{background:var(--badge-popular,#1769ff)!important;border-color:color-mix(in srgb,var(--badge-popular,#1769ff) 75%,#fff)!important;box-shadow:0 7px 20px color-mix(in srgb,var(--badge-popular,#1769ff) 35%,transparent)}
.fastbd-badge-special{background:var(--badge-special,#16a36a)!important;border-color:color-mix(in srgb,var(--badge-special,#16a36a) 75%,#fff)!important;box-shadow:0 7px 20px color-mix(in srgb,var(--badge-special,#16a36a) 35%,transparent)}
.fastbd-badge-hot{background:var(--badge-hot,#f28c18)!important;border-color:color-mix(in srgb,var(--badge-hot,#f28c18) 75%,#fff)!important;box-shadow:0 7px 20px color-mix(in srgb,var(--badge-hot,#f28c18) 35%,transparent)}
.fastbd-badge-custom{background:var(--badge-custom,#6c3cf0)!important}
.single-service-image{width:100%;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border-radius:calc(var(--card-radius,18px) * .72);background:var(--service-image-bg,#fff);margin-bottom:22px}
.single-service-thumbnail{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center;background:var(--service-image-bg,#fff)}
@media(max-width:560px){.fastbd-badge{top:9px;left:9px;padding:6px 10px;font-size:10px}.single-service-image{margin-bottom:18px}}
/* V7.3 working live search and bottom copyright */
.fastbd-search-empty{margin:22px 0 0;padding:22px;text-align:center;border:1px dashed color-mix(in srgb,var(--primary) 45%,transparent);border-radius:var(--card-radius,18px);background:color-mix(in srgb,var(--primary) 6%,var(--surface));font-weight:800;color:var(--text)}
.fastbd-service-card[hidden]{display:none!important}
.fastbd-footer-copyright{grid-column:1/-1;width:100%;margin-top:28px;padding:18px var(--desktop-gutter,24px);border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);text-align:center;font-size:14px;font-weight:700;box-sizing:border-box}
@media(max-width:760px){.fastbd-footer-copyright{padding-left:var(--mobile-gutter,18px);padding-right:var(--mobile-gutter,18px);font-size:13px}}
/* V7.4 Tutorial Center */
.fastbd-tutorial-center{width:100%}.tutorial-page-heading{margin:0 0 22px}.tutorial-play{display:block;position:relative;width:100%;padding:0;border:0;background:#eef5ff;cursor:pointer;overflow:hidden}.tutorial-play img,.tutorial-placeholder{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.tutorial-placeholder{display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,#fff),color-mix(in srgb,var(--secondary) 14%,#fff));color:var(--text)}.tutorial-placeholder b{font-size:42px}.tutorial-placeholder small{font-weight:800}.tutorial-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.72);color:#fff;font-size:24px;box-shadow:0 10px 30px #0004}.tutorial-watch{border:0;cursor:pointer}.tutorial-empty{grid-column:1/-1}.fastbd-video-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.78);padding:20px;display:grid;place-items:center}.fastbd-video-modal[hidden]{display:none}.fastbd-video-dialog{position:relative;width:min(920px,100%);background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px #0008}.fastbd-video-stage{aspect-ratio:16/9;background:#000}.fastbd-video-stage iframe,.fastbd-video-stage video{width:100%;height:100%;display:block;border:0;object-fit:contain}.fastbd-video-close{position:absolute;right:10px;top:10px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;cursor:pointer}.fastbd-modal-open{overflow:hidden}
@media(max-width:560px){.fbu-table{display:block;overflow-x:auto;white-space:nowrap}.fbu-account,.fbu-wallet,.fbu-notifications{padding:16px}}.fbu-review-carousel{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.fbu-review-track{display:flex;gap:16px;width:max-content}.fbu-review-track .review-card{min-width:260px;max-width:280px;flex:0 0 auto}
.fbu-support-page{max-width:640px;margin:0 auto}
.fbu-support-contact{text-align:center;font-size:15px;margin-bottom:20px}
.fbu-support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.fbu-support-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:16px;padding:22px 14px;text-decoration:none;color:var(--text);font-weight:700;transition:transform .15s,box-shadow .15s}
.fbu-support-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}
.fbu-support-icon{font-size:30px}
.fbu-order-tracking{width:100%;max-width:420px;margin:0 auto;box-sizing:border-box;background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:20px;padding:20px;box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 8%,transparent)}
.fbu-tracking-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.fbu-tracking-row input{flex:1 1 100%;min-width:0;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);font-size:15px}
.fbu-tracking-row input::placeholder{font-size:13px;color:color-mix(in srgb,var(--text) 40%,transparent)}
.fbu-tracking-row button{flex:1 1 100%;box-sizing:border-box}
.fbu-tracking-result{margin-top:20px;padding:18px;border-radius:14px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}
.fbu-tracking-result p{margin:4px 0}
.fbu-tracking-notfound{margin-top:16px;color:#c0392b;font-weight:600}
.wallet-balance{display:inline-flex;align-items:center;gap:6px}.wallet-balance a{color:inherit;text-decoration:none}.wallet-balance button{background:none;border:0;cursor:pointer;font-size:14px;padding:0;line-height:1}
.fbu-wallet{background:none;border:0;padding:0}
.fbu-wallet-hero{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:20px;padding:26px;color:#fff;text-align:center;box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 30%,transparent)}
.fbu-wallet-hero-label{display:block;font-size:14px;opacity:.9;font-weight:700;margin-bottom:6px}
.fbu-wallet-hero-amount{display:block;font-size:38px;font-weight:800;margin-bottom:14px}
.fbu-wallet-hero-btn{background:#fff;color:var(--primary)!important}
.fbu-wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.fbu-wallet-stats div{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:14px;padding:14px 8px;text-align:center}
.fbu-wallet-stats b{display:block;font-size:15px;color:var(--primary)}
.fbu-wallet-stats span{font-size:11px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.fbu-wallet-links{text-align:center;margin-top:16px}
.fbu-referral-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:16px;padding:22px}
.fbu-referral-link-box{display:flex;gap:8px;margin:14px 0;background:color-mix(in srgb,var(--primary) 5%,var(--surface));border:1px dashed color-mix(in srgb,var(--primary) 30%,transparent);border-radius:10px;padding:10px 12px}
.fbu-referral-link-box input{flex:1;border:0;background:transparent;font-size:13px;color:var(--text)}
.fbu-referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.fbu-referral-stats div{background:color-mix(in srgb,var(--primary) 4%,transparent);border-radius:12px;padding:14px;text-align:center}
.fbu-referral-stats b{display:block;font-size:20px;color:var(--primary)}
.fbu-referral-stats span{font-size:11px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.fbu-services-page{max-width:1100px;margin:0 auto}
.fbu-services-h1{font-size:32px;font-weight:800;margin:0 0 4px}
.fbu-cat-label{font-size:14px;color:color-mix(in srgb,var(--text) 55%,transparent);font-weight:700;margin:0 0 14px}
.fbu-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:22px}
@media(max-width:640px){.fbu-cat-grid{grid-template-columns:1fr 1fr !important;gap:8px}.fbu-cat-card{padding:10px !important;font-size:12.5px !important}.fbu-cat-icon{width:32px !important;height:32px !important;font-size:15px !important}.fbu-cat-chevron{display:none}}
.fbu-cat-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:14px;padding:14px;cursor:pointer;text-align:left;font-weight:700;font-size:14px;color:var(--text);text-decoration:none;transition:transform .15s,box-shadow .15s}
.fbu-cat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 15%,transparent)}
.fbu-cat-card.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}
.fbu-cat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex:0 0 auto}
.fbu-cat-icon-img{background:none !important;overflow:hidden;padding:0}
.fbu-cat-icon-img img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.fbu-cat-name{flex:1;line-height:1.2}
.fbu-cat-chevron{opacity:.4;font-size:18px}
.fbu-popular-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}
.fbu-popular-title{font-weight:800;font-size:16px}
.fbu-view-all{font-weight:700;font-size:13px;color:var(--primary);text-decoration:none;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:10px;padding:6px 14px}
.fbu-alert{padding:12px 16px;border-radius:12px;font-size:13.5px;font-weight:600;margin-bottom:14px}
.fbu-alert-error{background:color-mix(in srgb,#e33 10%,var(--surface));border:1px solid color-mix(in srgb,#e33 25%,transparent);color:#c0392b}
.fbu-alert-success{background:color-mix(in srgb,#2a9d3f 10%,var(--surface));border:1px solid color-mix(in srgb,#2a9d3f 25%,transparent);color:#1e7a30}
.fbu-submit-payment:disabled{opacity:.7;cursor:wait}
.fbu-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;align-items:center;justify-content:center;padding:20px}
.fbu-popup-overlay[hidden]{display:none !important}
.fbu-popup-overlay:not([hidden]){display:flex}
.fbu-popup-box{position:relative;background:var(--surface);border-radius:20px;padding:28px 24px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.fbu-popup-box h3{margin:6px 0 10px;font-size:1.3em}
.fbu-popup-box p{margin:0 0 10px;line-height:1.5}
.fbu-popup-timer{color:#c0392b;font-weight:700}
.fbu-popup-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.fbu-popup-x{position:absolute;top:10px;right:14px;background:none;border:0;font-size:20px;cursor:pointer;color:color-mix(in srgb,var(--text) 60%,transparent)}
.fbu-promo-image{width:100%;max-width:160px;aspect-ratio:1/1;object-fit:cover;border-radius:14px;margin:0 auto 12px;display:block}
.fbu-promo-lines{text-align:left;font-size:13.5px;margin-bottom:6px;background:color-mix(in srgb,var(--primary) 4%,transparent);border-radius:12px;padding:12px 14px}
.fbu-promo-lines p{margin:5px 0;display:flex;align-items:baseline;gap:6px}
.fbu-tick{color:#2a9d3f;font-weight:800;flex:0 0 auto;font-size:12px}
.fbu-popup-btn-lg{padding:13px 24px !important;font-size:15px !important;font-weight:800 !important;border-radius:12px !important}
.fbu-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.fbu-blog-card{padding:0;overflow:hidden}
.fbu-blog-thumb{display:block;aspect-ratio:16/10;overflow:hidden}
.fbu-blog-thumb img{width:100%;height:100%;object-fit:cover}
.fbu-blog-body{padding:16px}
.fbu-blog-date{font-size:11.5px;color:color-mix(in srgb,var(--text) 50%,transparent);font-weight:700}
.fbu-blog-body h3{margin:6px 0 8px;font-size:17px}
.fbu-blog-body h3 a{color:inherit;text-decoration:none}
.fbu-blog-body p{font-size:13.5px;line-height:1.5;color:color-mix(in srgb,var(--text) 75%,transparent)}
.fbu-blog-readmore{display:inline-block;margin-top:8px;font-weight:700;font-size:13px;color:var(--primary);text-decoration:none}
.fbu-blog-pagination{display:flex;gap:8px;justify-content:center;margin-top:24px}
.fbu-blog-pagination a,.fbu-blog-pagination span{padding:8px 14px;border-radius:8px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);text-decoration:none;color:var(--text);font-weight:700;font-size:13px}
.fbu-blog-pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}
/* ---------- Welcome Popup v2 ---------- */
.fbu-welcome-box{max-width:420px;background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}
.fbu-welcome-logo{width:76px;height:76px;object-fit:contain;border-radius:50%;margin:0 auto 10px;display:block}
.fbu-welcome-script{font-style:italic;color:var(--primary);font-weight:700;margin:0;font-size:1.1em}
.fbu-welcome-heading{font-size:1.5em;font-weight:900;margin:2px 0 10px;line-height:1.15}
.fbu-welcome-badge{display:inline-block;background:color-mix(in srgb,#2a9d3f 12%,transparent);color:#1e7a30;border-radius:999px;padding:5px 14px;font-weight:700;font-size:.85em;margin:0 0 14px}
.fbu-welcome-features{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}
.fbu-welcome-feature{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:12px;padding:10px 6px;text-align:center}
.fbu-welcome-feature-icon{display:block;font-size:1.4em;margin-bottom:4px}
.fbu-welcome-feature strong{display:block;font-size:.85em}
.fbu-welcome-feature small{display:block;font-size:.7em;color:color-mix(in srgb,var(--text) 55%,transparent);margin-top:2px}
.fbu-welcome-announce{background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:12px;padding:12px 14px;font-size:.9em;text-align:left;margin:12px 0}
.fbu-welcome-footer{font-size:.75em;color:color-mix(in srgb,var(--text) 50%,transparent);margin-top:14px}
.fbu-popup-btn-lg small{display:block;font-size:.7em;font-weight:600;opacity:.85;margin-top:1px}
/* ---------- Promo Banner v2 ---------- */
.fbu-promo-box-v2{max-width:420px;padding:0;overflow:hidden;text-align:left}
.fbu-promo-hero{position:relative}
.fbu-promo-hero img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block}
.fbu-promo-badge{position:absolute;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:8px}
.fbu-promo-badge-tl{top:10px;left:10px}
.fbu-promo-badge-tr{top:10px;right:44px;background:var(--primary)}
.fbu-promo-body{padding:18px 20px 20px}
.fbu-promo-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fbu-promo-title-row h3{margin:0;font-size:1.2em}
.fbu-promo-popular{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:8px;white-space:nowrap}
.fbu-promo-rating{margin:4px 0 10px;font-size:.85em;color:color-mix(in srgb,var(--text) 65%,transparent)}
.fbu-promo-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
.fbu-promo-stat{display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--primary) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:10px;padding:8px 10px}
.fbu-promo-stat-icon{font-size:1.1em;flex:0 0 auto}
.fbu-promo-stat-label{display:block;font-size:10.5px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.fbu-promo-stat strong{font-size:13px}
.fbu-promo-footer{text-align:center;font-size:.75em;color:color-mix(in srgb,var(--text) 55%,transparent);margin-top:12px}
.footer-logo{margin-bottom:10px}
.footer-logo img{max-height:44px;width:auto}
.footer-links-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.footer-links-list a{color:inherit;opacity:.85;text-decoration:none;font-size:13.5px}
.footer-links-list a:hover{opacity:1;text-decoration:underline}
.footer-app-links{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.footer-app-links a{background:color-mix(in srgb,currentColor 10%,transparent);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;color:inherit}
.footer-powered-by{opacity:.7;font-size:.9em}
/* ===== Content Package (Video Package / Course Sale) module ===== */
.fbu-pkg-attrs{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0;}
.fbu-pkg-attr{display:flex;flex-direction:column;gap:6px;}
.fbu-pkg-attr-label{font-size:12px;font-weight:700;text-transform:uppercase;opacity:.6;}
.fbu-pkg-pill{background:var(--primary,#42d8a4);color:#fff;font-weight:700;padding:10px 18px;border-radius:10px;display:inline-block;}
.fbu-pkg-variants{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;}
.fbu-pkg-variant{background:#f3f4f6;border:2px solid transparent;border-radius:12px;padding:14px 10px;font-weight:700;cursor:pointer;text-align:center;transition:.15s;}
.fbu-pkg-variant:hover{border-color:var(--primary,#42d8a4);}
.fbu-pkg-variant.active{background:var(--secondary,#2875ff);color:#fff;}
.fbu-pkg-variant.sold-out{opacity:.5;cursor:not-allowed;text-decoration:line-through;}
.fbu-pkg-variant small{display:block;font-weight:600;font-size:11px;margin-top:4px;text-decoration:none;}
.fbu-pkg-stock{font-size:13px;opacity:.7;margin:4px 0 10px;}
.fbu-pkg-price-box{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0 16px;}
.fbu-pkg-price{font-size:32px;font-weight:800;color:var(--primary,#42d8a4);}
.fbu-pkg-original{font-size:16px;text-decoration:line-through;opacity:.5;}
.fbu-pkg-discount{background:#e0453c;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px;}
.fbu-pkg-error{color:#c0392b;font-size:13px;margin:8px 0;min-height:1em;}
.fbu-pkg-buy-btn{width:100%;}
.fbu-pkg-exclusive-note{font-size:12.5px;opacity:.65;margin-top:14px;line-height:1.5;}
/* ===== My Downloads page ===== */
.fbu-downloads-page{max-width:820px;margin:0 auto;padding:20px 0;}
.fbu-downloads-title{margin-bottom:14px;}
.fbu-downloads-notice{background:#fff8e1;border:1px solid #f0d98c;color:#7a5b00;border-radius:10px;padding:14px 16px;font-size:13.5px;margin-bottom:20px;line-height:1.6;}
.fbu-downloads-empty{opacity:.6;padding:30px 0;text-align:center;}
.fbu-download-card{background:var(--surface,#fff);border:1px solid #eee;border-radius:14px;padding:18px;margin-bottom:14px;}
.fbu-download-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
.fbu-download-card-head h3{margin:0;font-size:16px;}
.fbu-badge{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap;}
.fbu-badge-active{background:#e6f7ee;color:#1a9a5b;}
.fbu-badge-expired{background:#fdeaea;color:#c0392b;}
.fbu-download-meta{font-size:13px;opacity:.65;margin:8px 0 2px;}
.fbu-download-expiry{font-size:12.5px;opacity:.6;margin:2px 0 12px;}
.fbu-download-actions{display:flex;gap:10px;flex-wrap:wrap;}
.fastbd-btn.outline{background:transparent;border:1.5px solid var(--primary,#42d8a4);color:var(--primary,#42d8a4);}
@media(max-width:480px){.fbu-pkg-variants{grid-template-columns:1fr 1fr;}}
/* ===== V9.6 — Tutorial Page redesign: hero intro, step badges, progress tracker, richer video modal ===== */
.fastbd-tutorial-center{width:100%;}
.tutorial-hero{display:flex;align-items:flex-start;gap:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),color-mix(in srgb,var(--secondary) 8%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:22px;padding:22px 24px;margin-bottom:26px;}
.tutorial-hero-icon{flex:0 0 auto;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 45%,transparent);}
.tutorial-hero-copy{min-width:0;}
.tutorial-page-heading{margin:0 0 6px;}
.tutorial-page-subtitle{margin:0 0 14px;opacity:.8;line-height:1.6;max-width:620px;}
.tutorial-progress{display:flex;align-items:center;gap:12px;max-width:420px;}
.tutorial-progress-bar{flex:1;height:8px;border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden;}
.tutorial-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px;transition:width .4s ease;}
.tutorial-progress small{white-space:nowrap;font-weight:700;opacity:.75;}
.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.tutorial-card{padding:0;overflow:hidden;position:relative;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.tutorial-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px color-mix(in srgb,var(--primary) 22%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,transparent);}
.tutorial-step-badge{position:absolute;top:12px;left:12px;z-index:2;background:rgba(9,7,18,.72);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.02em;padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px);}
.tutorial-watched-tick{position:absolute;top:12px;right:12px;z-index:2;width:26px;height:26px;border-radius:50%;background:#1a9a5b;color:#fff;display:none;align-items:center;justify-content:center;font-size:14px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.25);}
.tutorial-card.is-watched .tutorial-watched-tick{display:flex;}
.tutorial-play{display:block;position:relative;width:100%;padding:0;border:0;background:#eef5ff;cursor:pointer;overflow:hidden;}
.tutorial-play img,.tutorial-placeholder{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s ease;}
.tutorial-card:hover .tutorial-play img{transform:scale(1.05);}
.tutorial-placeholder{display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,#fff),color-mix(in srgb,var(--secondary) 14%,#fff));color:var(--text);}
.tutorial-placeholder b{font-size:42px;}
.tutorial-placeholder small{font-weight:800;}
.tutorial-play-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;}
.tutorial-play-ring::before{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.28);animation:fbdPulse 2.2s ease-out infinite;}
.tutorial-play-icon{position:relative;z-index:1;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.74);color:#fff;font-size:22px;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s ease,background .2s ease;}
.tutorial-play:hover .tutorial-play-icon{transform:scale(1.08);background:var(--primary);}
@keyframes fbdPulse{0%{transform:scale(.7);opacity:.55;}100%{transform:scale(1.6);opacity:0;}}
.tutorial-body{padding:18px;}
.tutorial-body h3{margin-top:0;}
.tutorial-watch{border:0;cursor:pointer;}
.tutorial-empty{grid-column:1/-1;}
.fastbd-video-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.82);padding:20px;display:grid;place-items:center;}
.fastbd-video-modal[hidden]{display:none;}
.fastbd-video-dialog{position:relative;width:min(920px,100%);background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55);}
.fastbd-video-stage{aspect-ratio:16/9;background:#000;}
.fastbd-video-stage iframe,.fastbd-video-stage video{width:100%;height:100%;display:block;border:0;object-fit:contain;}
.fastbd-video-close{position:absolute;right:10px;top:10px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;cursor:pointer;}
.fastbd-video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#0f0f14;}
.fastbd-video-meta{flex:1;min-width:0;text-align:center;color:#fff;}
.fastbd-video-meta strong{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fastbd-video-meta small{opacity:.6;font-size:11.5px;}
.fastbd-video-nav{flex:0 0 auto;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .2s ease;}
.fastbd-video-nav:hover{background:rgba(255,255,255,.16);}
.fastbd-video-nav:disabled{opacity:.35;cursor:not-allowed;}
.fastbd-modal-open{overflow:hidden;}
@media(max-width:760px){
.tutorial-grid{grid-template-columns:1fr 1fr;gap:12px;}
.tutorial-hero{flex-direction:column;align-items:flex-start;padding:18px;}
.tutorial-body{padding:12px;}
.tutorial-body h3{font-size:14px;}
.tutorial-body p{font-size:12.5px;}
.fastbd-video-toolbar{flex-wrap:wrap;}
.fastbd-video-meta{order:-1;flex:1 1 100%;text-align:left;margin-bottom:4px;}
}
@media(max-width:420px){.tutorial-grid{grid-template-columns:1fr;}}
/* ===== Phase 6 — Homepage sections: Platform Cards + type-specific cards ===== */
.fastbd-home-subtitle{margin:4px 0 0;font-size:13.5px;opacity:.65;font-weight:400;}
.fastbd-platform-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.fastbd-platform-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:22px 12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:16px;text-decoration:none;color:var(--text);transition:.2s;}
.fastbd-platform-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,transparent);}
.fastbd-platform-icon{font-size:30px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,#fff),color-mix(in srgb,var(--secondary) 12%,#fff));}
.fastbd-platform-icon img{width:32px;height:32px;object-fit:contain;}
.fastbd-platform-card strong{font-size:14px;}
.fastbd-platform-card small{font-size:11.5px;opacity:.6;}
.fastbd-card-tag{font-size:12px;opacity:.65;margin:2px 0 8px;min-height:16px;}
.fastbd-badge-hot{background:linear-gradient(135deg,#ff5b5b,#ff8a00)!important;}
.fastbd-badge-verified{background:linear-gradient(135deg,#2563eb,#0891b2)!important;}
.fastbd-badge-sold{background:#6b7280!important;}
@media(max-width:760px){
.fastbd-platform-grid{
display:flex;
grid-template-columns:none;
overflow-x:auto;
overflow-y:hidden;
flex-wrap:nowrap;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
gap:10px;
padding:2px 2px 10px;
}
.fastbd-platform-grid::-webkit-scrollbar{display:none;}
.fastbd-platform-grid>.fastbd-platform-card{flex:0 0 30%;min-width:100px;scroll-snap-align:start;}
.fastbd-platform-card{padding:16px 8px;}
.fastbd-platform-icon{width:46px;height:46px;font-size:24px;}
}
/* ===== Phase 6.2 — Homepage product rows: 2 bigger cards per row ===== */
/* Uses a compound selector (.fastbd-grid.fastbd-home-grid) so this reliably
overrides the plain .fastbd-grid mobile rule regardless of CSS source
order. Desktop is untouched — this only kicks in on narrow screens.
Popular Categories keeps its own separate swipeable row (.fastbd-platform-grid),
unaffected by this change. */
@media(max-width:760px){
.fastbd-grid.fastbd-home-grid{
display:flex;
grid-template-columns:none;
overflow-x:auto;
overflow-y:hidden;
flex-wrap:nowrap;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
gap:12px;
padding:2px 2px 10px;
margin:0 -2px;
}
.fastbd-grid.fastbd-home-grid::-webkit-scrollbar{display:none;}
.fastbd-grid.fastbd-home-grid > .fastbd-service-card{
flex:0 0 47%;
min-width:150px;
scroll-snap-align:start;
}
.fastbd-grid.fastbd-home-grid > .fastbd-service-card .fastbd-service-body{padding:13px}
.fastbd-grid.fastbd-home-grid > .fastbd-service-card .fastbd-service-body h3{font-size:14px;min-height:0;margin:0 0 5px;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.fastbd-grid.fastbd-home-grid > .fastbd-service-card .fastbd-service-body p{margin:0 0 6px}
.fastbd-grid.fastbd-home-grid > .fastbd-service-card .fastbd-rating-row{margin:3px 0 6px;gap:3px}
.fastbd-grid.fastbd-home-grid > .fastbd-service-card .fastbd-price{font-size:16px}
.fastbd-grid.fastbd-home-grid > .fastbd-service-card .fastbd-btn{padding:9px 10px;font-size:12.5px}
.fastbd-grid.fastbd-home-grid > .fastbd-service-card img,.fastbd-grid.fastbd-home-grid > .fastbd-service-card .fastbd-placeholder{height:120px}
}
/* ============================================================
V9.7.3 REDESIGN — Rating rows, purple accent, new hero visual,
Popular Categories swipe row, footer newsletter/nav, bottom nav
============================================================ */
/* ---- Rating + sold-count row on every card type ---- */
.fastbd-rating-row{display:flex;flex-direction:column;gap:4px;margin:4px 0 8px;font-size:12.5px}
.fastbd-stars-line{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0}
.fastbd-stars{color:#f5a623;font-weight:800;display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}
.fastbd-stars b{color:var(--text);font-weight:800}
.fastbd-rating-count{color:color-mix(in srgb,var(--text) 55%,transparent);font-weight:600;white-space:nowrap}
.fastbd-sold-count{align-self:flex-start;color:#e0553a;font-weight:700;background:color-mix(in srgb,#e0553a 10%,transparent);border-radius:6px;padding:2px 7px}
/* ---- Purple "Buy Now" (Digital Products) / Enroll variants ---- */
.fastbd-btn.buy,.fastbd-btn.enroll{background:linear-gradient(135deg,var(--accent,#7c3aed),color-mix(in srgb,var(--accent,#7c3aed) 65%,#3b0764))}
.fastbd-badge-hot{background:var(--badge-hot,#f28c18)!important}
/* ---- Hero: benefit pills as plain row (no more trailing link) ---- */
.hero-benefit-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}
.hero-benefit-pills span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex:0 0 auto;background:color-mix(in srgb,var(--primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700;color:var(--text)}
.hero-benefit-pills a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto;border-radius:12px;padding:13px 24px;font-size:15px;font-weight:800;text-decoration:none;transition:.2s;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 20%,transparent)}
.hero-benefit-pills a:nth-of-type(1),.hero-benefit-pills a:first-child{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:0}
.hero-benefit-pills a:not(:first-child){background:transparent;border:1.5px solid color-mix(in srgb,var(--primary) 45%,transparent);color:var(--primary);box-shadow:none}
.hero-benefit-pills a:hover{transform:translateY(-2px);filter:brightness(1.05)}
@media(max-width:560px){.hero-benefit-pills{gap:8px}.hero-benefit-pills a{font-size:13.5px;padding:11px 18px}.hero-benefit-pills span{font-size:10px;padding:5px 8px;gap:3px}}
@media(max-width:380px){.hero-benefit-pills a{font-size:12.5px;padding:10px 15px}.hero-benefit-pills span{font-size:9.2px;padding:4px 7px}}
.hero-actions .fastbd-btn.ghost{background:color-mix(in srgb,var(--primary) 6%,transparent);border:1.5px solid color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary);font-weight:800;transition:.2s}
.hero-actions .fastbd-btn.ghost:hover{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:var(--primary)}
/* ---- Hero visual: dark phone-mockup panel with floating platform icons ---- */
.premium-home-hero{position:relative;overflow:hidden}
.hero-visual{position:relative;min-height:320px;border-radius:24px;background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 85%,#04140c),color-mix(in srgb,var(--primary) 55%,#020806));display:flex;align-items:center;justify-content:center;box-shadow:0 20px 55px color-mix(in srgb,var(--primary) 30%,transparent)}
.hero-trust-badge{position:absolute;top:14px;right:14px;background:#ffcf3d;color:#1a1300;font-weight:900;font-size:11px;line-height:1.3;text-align:center;padding:8px 12px;border-radius:12px;box-shadow:0 8px 18px #0004;z-index:3}
.hero-phone{position:relative;width:120px;height:220px;border-radius:26px;background:linear-gradient(160deg,#0e1f16,#050b08);border:3px solid color-mix(in srgb,#fff 18%,transparent);box-shadow:0 25px 45px #0006}
.hero-phone-glow{position:absolute;inset:10px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 40%,transparent),transparent 60%)}
.hero-visual .rocket{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;filter:drop-shadow(0 6px 10px #0007)}
.social-orbit{position:absolute;inset:0}
.social-orbit span{position:absolute;width:42px;height:42px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;box-shadow:0 10px 22px #0005;color:#333}
.social-orbit .orbit-fb{top:18%;left:12%;background:#1877f2;color:#fff}
.social-orbit .orbit-yt{top:12%;right:14%;background:#ff0000;color:#fff}
.social-orbit .orbit-ig{bottom:16%;left:10%;background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);color:#fff}
.social-orbit .orbit-tg{bottom:10%;right:16%;background:#26a5e4;color:#fff}
.social-orbit .orbit-tt{top:46%;right:4%;background:#000;color:#fff}
.growth-bars{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:5px;height:36px}
.growth-bars i{display:block;width:7px;border-radius:3px 3px 0 0;background:#ffcf3d}
.growth-bars i:nth-child(1){height:35%}.growth-bars i:nth-child(2){height:55%}.growth-bars i:nth-child(3){height:40%}.growth-bars i:nth-child(4){height:75%}.growth-bars i:nth-child(5){height:95%}
/* ---- Popular Categories: swipeable icon row (SMM platform cards) ---- */
.fastbd-platform-grid{display:flex;gap:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 12px;scroll-snap-type:x proximity}
.fastbd-platform-grid::-webkit-scrollbar{display:none}
.fastbd-platform-card{flex:0 0 auto;width:96px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:16px;padding:16px 10px}
.fastbd-platform-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:color-mix(in srgb,var(--primary) 10%,transparent)}
.fastbd-platform-icon img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.fastbd-platform-card strong{font-size:12.5px}
.fastbd-platform-card small{font-size:10.5px;color:color-mix(in srgb,var(--text) 55%,transparent)}
/* ---- Footer: newsletter box ---- */
.footer-newsletter{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:20px;padding:22px 26px;margin:0 0 36px}
.footer-newsletter-icon{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--primary) 14%,transparent);display:flex;align-items:center;justify-content:center;font-size:24px;flex:0 0 auto}
.footer-newsletter-copy{flex:1 1 240px}
.footer-newsletter-copy h3{margin:0 0 4px;font-size:17px;color:var(--text)}
.footer-newsletter-copy p{margin:0;font-size:13px;color:color-mix(in srgb,var(--text) 65%,transparent)}
.footer-newsletter-form{display:flex;gap:8px;flex:1 1 320px}
.footer-newsletter-form input{flex:1;padding:15px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--bg);color:var(--text)}
.footer-newsletter-form button{border:0;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:800;font-size:15px;padding:15px 26px;cursor:pointer}
.footer-newsletter-msg{width:100%;margin:10px 0 0;font-weight:700;font-size:13px}
/* ---- Footer: 4-column grid, social icon row, contact list ---- */
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:26px}
.footer-links-list{display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.footer-socials-icons{display:flex;gap:8px;margin-top:14px}
.footer-socials-icons a{width:36px;height:36px;border-radius:10px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);display:flex;align-items:center;justify-content:center;font-size:16px;overflow:hidden}.footer-socials-icons a img{width:100%;height:100%;object-fit:cover}
.footer-contact-list p{margin:0 0 10px;font-size:13.5px;display:flex;align-items:flex-start;gap:6px}
.footer-payment-section{margin-top:8px;padding-top:28px;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
/* ---- Bottom mobile nav bar ---- */
.fastbd-bottom-nav{display:none}
@media(max-width:900px){
.fastbd-bottom-nav{
display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;
background:var(--surface);border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);
box-shadow:0 -8px 24px #0002;padding:6px 4px calc(env(safe-area-inset-bottom,0px) + 4px);
}
.fastbd-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:color-mix(in srgb,var(--text) 60%,transparent);padding:6px 0}
.fastbd-bottom-nav a.active{color:var(--primary)}
.fastbd-bn-icon{font-size:19px;position:relative}
.fastbd-cart-count{position:absolute;top:-6px;right:-10px;background:#e33;color:#fff;font-size:9px;font-weight:800;border-radius:999px;padding:1px 5px;line-height:1.3}
body{padding-bottom:66px}
.live-support{bottom:calc(78px + var(--float-btn-size,48px) + 10px)!important}
.fastbd-scroll-top{bottom:78px!important}
}
/* ---- Scroll-to-top floating button ---- */
.fastbd-scroll-top{position:fixed;right:18px;bottom:18px;z-index:89;width:var(--float-btn-size,48px);height:var(--float-btn-size,48px);border-radius:50%;border:2px solid rgba(255,255,255,.4);background:var(--float-btn-color,#1fa056);color:#fff;font-size:calc(var(--float-btn-size,48px) * 0.4);font-weight:900;box-shadow:0 10px 24px #0005;cursor:pointer;display:flex;align-items:center;justify-content:center}
.fastbd-scroll-top[hidden]{display:none!important}
@media(min-width:901px){.fastbd-scroll-top{bottom:18px}}
@media(max-width:560px){
.footer-newsletter{padding:18px}
.footer-newsletter-form{flex-direction:column}
.hero-visual{min-height:260px}
.hero-phone{width:96px;height:180px}
}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
body.dark .footer-newsletter,body.dark .fastbd-platform-card,body.dark .fastbd-bottom-nav,body.dark .fastbd-scroll-top,body.dark .footer-newsletter-form input,body.dark .footer-socials-icons a{background:#151120;border-color:#ffffff18;color:#f7f3ff}
body.dark .footer-newsletter{background:linear-gradient(120deg,#171126,#0e0a17)}
/* ============================================================
V9.7.5 — Services/Categories page polish (fbu_services_sc,
archive-fastbd_service.php, taxonomy-fastbd_category.php)
============================================================ */
.fastbd-section-head{background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);border-radius:20px;padding:26px 28px;margin-bottom:26px}
.fastbd-section-head span{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.6px;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);padding:4px 10px;border-radius:999px;margin-bottom:6px}
.fastbd-section-head h1{font-size:30px}
.fbu-services-page{padding-top:4px}
.fbu-cat-label{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:color-mix(in srgb,var(--text) 55%,transparent);margin:0 0 10px}
.fbu-cat-icon{box-shadow:0 6px 14px color-mix(in srgb,var(--text) 15%,transparent)}
.fbu-popular-title{display:flex;align-items:center;gap:6px}
.fbu-view-all{font-weight:700;color:var(--primary)}
#fastbd-services-grid-wrap{min-height:120px}
@media(max-width:560px){.fastbd-section-head{padding:18px 16px;border-radius:16px}.fastbd-section-head h1{font-size:22px}}
body.dark .fastbd-section-head{background:linear-gradient(120deg,#171126,#0e0a17)}
/* ============================================================
V9.7.10 — Brand name/tagline beside the logo
============================================================ */
.brand{display:flex;align-items:center;gap:10px}
.brand-text{display:flex;flex-direction:column;line-height:1.2}
.brand-title{font-size:16.5px;font-weight:800;color:var(--text)}
.brand-subtitle{font-size:11.5px;font-weight:600;color:color-mix(in srgb,var(--text) 55%,transparent)}
@media(max-width:560px){.brand-title{font-size:14px}.brand-subtitle{font-size:10px}}
@media(max-width:380px){.brand-title{font-size:12.5px}.brand-subtitle{font-size:9px}.brand{gap:7px}}
/* ============================================================
V9.7.12 — Hero title split into two independently sized/colored
lines, plus badge/description size & color controls
============================================================ */
.hero-copy h1{display:flex;flex-direction:column;gap:2px}
.hero-title-line1,.hero-title-line2{display:block;line-height:1.15}
/* ============================================================
V9.7.14 — Custom image instead of live hero text block
============================================================ */
.hero-text-banner{display:block;width:100%;height:auto;max-width:100%;border-radius:14px}
/* ============================================================
V9.7.17 — Hero side visual: custom single image option
============================================================ */
.hero-visual-custom{padding:0;background:transparent;display:block;min-height:0}
.hero-visual-custom img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;border-radius:24px}
/* ============================================================
V9.7.25 — Tighter spacing between homepage card sections on
mobile (Popular Services / Digital Products / Video Packages /
Courses) so there's no large empty gap between rows, and 3
cards fit per swipe-row instead of ~1.5.
============================================================ */
@media(max-width:760px){
.fastbd-home-section{padding:16px 0}
.section-title-row{margin-bottom:6px}
.section-title-row h2{margin:0}
}
@media(max-width:560px){
.fastbd-home-section{padding:12px 0}
}
/* ============================================================
V9.7.27 — Latest Blog homepage section + reusable swipe-hint/
dots pattern for horizontally-scrolling card rows.
============================================================ */
.fastbd-blog-date{font-size:11.5px;font-weight:700;color:color-mix(in srgb,var(--text) 55%,transparent);display:block;margin-bottom:4px}
.fastbd-blog-meta{display:flex;gap:12px;font-size:11.5px;font-weight:700;color:color-mix(in srgb,var(--text) 60%,transparent);margin:4px 0 10px}
.fastbd-swipe-hint{display:none;text-align:center;font-size:12px;font-weight:700;color:color-mix(in srgb,var(--text) 50%,transparent);margin:2px 0 0}
.fastbd-swipe-dots{display:none;justify-content:center;gap:6px;margin-top:8px}
.fastbd-swipe-dots span{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--text) 18%,transparent);transition:.2s}
.fastbd-swipe-dots span.active{background:var(--primary);width:18px;border-radius:5px}
@media(max-width:760px){
.fastbd-swipe-hint,.fastbd-swipe-dots{display:flex}
.fastbd-swipe-hint{display:block}
}
/* ============================================================
V9.7.28 — Borderless stat row merged into "Why Choose" section
(count-up animated on scroll-into-view) + smaller trust cards.
============================================================ */
.stats-plain-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.stat-plain{display:flex;align-items:center;gap:8px;background:#EAF3DE;border-radius:10px;padding:9px 10px}
.stat-plain-icon{font-size:16px;flex:0 0 auto}
.stat-plain b{display:block;font-size:14px;font-weight:900;color:#27500A}
.stat-plain span{font-size:10.5px;color:#3B6D11}
.stat-theme-blue{background:#E6F1FB}.stat-theme-blue b{color:#0C447C}.stat-theme-blue span{color:#185FA5}
.stat-theme-amber{background:#FAEEDA}.stat-theme-amber b{color:#633806}.stat-theme-amber span{color:#854F0B}
.stat-theme-purple{background:#EEEDFE}.stat-theme-purple b{color:#3C3489}.stat-theme-purple span{color:#534AB7}
@media(max-width:760px){.stats-plain-row{grid-template-columns:repeat(2,1fr);gap:8px}}
/* ============================================================
V9.7.33 — Reviews section redesign: swipeable cards, colored
avatar initials, blue verified badge, swipe hint/dots.
============================================================ */
.review-card{padding:16px;display:flex;flex-direction:column}
.review-quote{font-size:13px;line-height:1.55;margin:8px 0 14px;color:color-mix(in srgb,var(--text) 82%,transparent);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto}
.review-person{display:flex;align-items:center;gap:10px;margin-top:auto;min-width:0}
.review-avatar{width:38px;height:38px;border-radius:50%;background:#C0DD97;color:#27500A;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:0 0 auto}
.review-person>div{min-width:0;flex:1 1 auto}
.review-name{font-weight:800;font-size:13px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}
.review-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.review-verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#1877f2;color:#fff;font-size:9px;font-weight:900;flex:0 0 auto}
.review-person small{display:block;font-size:11px;color:color-mix(in srgb,var(--text) 55%,transparent);margin-top:1px}
.review-theme-blue .review-avatar{background:#B5D4F4;color:#0C447C}
.review-theme-amber .review-avatar{background:#FAC775;color:#633806}
.review-theme-purple .review-avatar{background:#CECBF6;color:#3C3489}
/* ============================================================
V9.7.34 — Full "Customer Reviews" listing page grid
============================================================ */
.fbu-reviews-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.fbu-reviews-page-grid{grid-template-columns:1fr}}
/* ============================================================
V9.7.42 — Premium card redesign v2: full banner image restored
(badge + wishlist heart overlaid on top of it), "X (Y Reviews)"
rating format, cart-icon sold/button text. 3-up grid, cards
stretch to equal height with the buy button pinned to the
bottom so every button in a row lines up.
============================================================ */
.premium-card-media{position:relative}
.premium-card-media img,.premium-card-media .fastbd-placeholder{display:block}
.premium-card .fastbd-badge{top:8px;left:8px;padding:4px 9px!important;font-size:9.5px!important;border-radius:20px}
.premium-card .fastbd-wishlist{width:20px;height:20px;font-size:11px;top:8px;right:8px}
.fastbd-wishlist{position:absolute;top:10px;right:10px;z-index:2;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.92);color:color-mix(in srgb,var(--primary) 60%,#000);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}
@media(min-width:761px){.fastbd-grid{grid-template-columns:repeat(3,1fr)}}
/* ============================================================
V9.7.45 — Real wishlist (heart) + "Add to Cart" for Digital
Products/Courses so several can be bought together at checkout.
============================================================ */
.fastbd-wishlist.active{background:#ffe3ea;color:#e0455f}
.fastbd-wishlist.active::before{content:"♥";}
.fastbd-btn-row{display:flex;margin-top:auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 25%,transparent)}
.fastbd-btn-row .fastbd-btn{flex:1 1 auto;margin-top:0;border-radius:0;box-shadow:none;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);padding-right:22px}
.fastbd-cart-add{flex:0 0 40px;border:0;background:color-mix(in srgb,var(--primary) 16%,#fff);color:var(--primary);font-size:15px;cursor:pointer;transition:.2s;margin-left:-10px}
.fastbd-cart-add.added{background:var(--primary);color:#fff}
.wishlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wishlist-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:14px;overflow:hidden}
.wishlist-card img,.wishlist-card .fastbd-placeholder{width:100%;height:140px;object-fit:cover}
.wishlist-card-body{padding:12px}
.wishlist-card-body button{width:100%;margin-top:8px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:none;border-radius:8px;padding:7px;cursor:pointer;color:var(--text);font-size:12.5px}
.cart-qty-fixed{font-size:12.5px;color:color-mix(in srgb,var(--text) 60%,transparent)}
.order-partial-fail{color:#c0392b;font-size:13px;margin-top:8px}
@media(max-width:760px){.wishlist-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wishlist-grid{grid-template-columns:1fr}}
/* ============================================================
V9.7.46 — Full Cart page redesign: header, wallet card, coupon
box, order summary, polished item rows with qty stepper.
============================================================ */
.fastbd-cart-page-v2{max-width:640px;margin:0 auto;background-color:color-mix(in srgb,var(--primary) 5%,var(--bg));background-image:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--primary) 16%,transparent) 2px,transparent 2px),radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 16%,transparent) 2px,transparent 2px),radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--primary) 16%,transparent) 2px,transparent 2px),radial-gradient(circle at 30% 80%,color-mix(in srgb,var(--primary) 16%,transparent) 2px,transparent 2px),radial-gradient(circle at 75% 65%,color-mix(in srgb,var(--primary) 16%,transparent) 2px,transparent 2px);background-size:46px 46px}
.cart-v2-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.cart-v2-back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);font-size:16px;color:var(--text);text-decoration:none;flex:0 0 auto;transition:.2s}
.cart-v2-back:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,transparent)}
.cart-v2-icon{font-size:26px;flex:0 0 auto}
.cart-v2-title{flex:1 1 auto}
.cart-v2-title h2{margin:0;font-size:22px}
.cart-v2-title p{margin:2px 0 0;font-size:12.5px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.cart-v2-count-badge{flex:0 0 auto;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:800;font-size:12px;padding:8px 14px;border-radius:999px;white-space:nowrap}
.cart-v2-wallet{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:16px;padding:16px;margin-bottom:18px;box-shadow:0 4px 14px color-mix(in srgb,var(--text) 4%,transparent)}
.cart-v2-wallet-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cart-v2-wallet-text{flex:1 1 auto}
.cart-v2-wallet-text span{display:block;font-size:11.5px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.cart-v2-wallet-text strong{display:block;font-size:20px;color:var(--primary)}
.cart-v2-wallet-text small{display:block;font-size:10.5px;color:color-mix(in srgb,var(--text) 45%,transparent)}
.cart-v2-items{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.cart-v2-row-card{display:flex;gap:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:14px;padding:12px}
.cart-v2-row-media{flex:0 0 76px;width:76px;height:76px;border-radius:10px;overflow:hidden}
.cart-v2-row-media img,.cart-v2-row-media .fastbd-placeholder{width:100%;height:100%;object-fit:cover;font-size:10px;padding:6px}
.cart-v2-row-info{flex:1 1 auto;min-width:0}
.cart-v2-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.cart-v2-row-top strong{font-size:14px;line-height:1.3}
.cart-v2-remove-x{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:0;background:color-mix(in srgb,#e0455f 12%,transparent);color:#e0455f;font-size:14px;cursor:pointer}
.cart-v2-tag{display:inline-block;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:999px;margin:4px 0}
.cart-v2-row-price{display:block;font-size:16px;color:var(--primary);margin:2px 0 6px}
.cart-v2-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cart-v2-stepper{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:8px;padding:2px}
.cart-v2-stepper button{width:22px;height:22px;border:0;background:none;font-size:14px;cursor:pointer;color:var(--text)}
.cart-v2-stepper input{width:28px;border:0;text-align:center;background:none;color:var(--text);font-size:13px}
.cart-v2-remove-btn{border:0;background:none;color:#e0455f;font-size:11.5px;font-weight:700;cursor:pointer}
.cart-v2-coupon{background:color-mix(in srgb,var(--primary) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:14px;padding:14px;margin-bottom:16px}
.cart-v2-coupon-icon{font-size:16px}
.cart-v2-coupon-text{display:inline-block;margin-left:6px}
.cart-v2-coupon-text strong{font-size:13.5px}
.cart-v2-coupon-text span{display:block;font-size:11px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.cart-v2-coupon-row{display:flex;gap:8px;margin-top:10px}
.cart-v2-coupon-row input{flex:1;padding:10px 12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--bg);color:var(--text)}
.cart-v2-coupon-msg{font-size:12px;margin-top:8px}
.cart-v2-coupon-msg.success{color:var(--primary)}
.cart-v2-coupon-msg.error{color:#c0392b}
.cart-v2-summary{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:14px;padding:16px;margin-bottom:16px}
.cart-v2-summary h3{margin:0 0 10px;font-size:15px}
.cart-v2-row{display:flex;justify-content:space-between;font-size:13.5px;padding:5px 0;color:color-mix(in srgb,var(--text) 70%,transparent)}
.cart-v2-discount-row b{color:var(--primary)}
.cart-v2-total-row{border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);margin-top:6px;padding-top:10px;font-size:16px;font-weight:800;color:var(--text)}
.cart-v2-checkout-btn{width:100%;padding:15px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}
.cart-v2-secure{text-align:center;font-size:12px;color:color-mix(in srgb,var(--text) 55%,transparent);margin:10px 0 0}
@media(max-width:560px){.cart-v2-row-media{flex-basis:60px;width:60px;height:60px}.cart-v2-title h2{font-size:18px}.cart-v2-count-badge{font-size:10.5px;padding:6px 10px}}
/* ============================================================
V9.7.47 — Wishlist page redesign matching the reference layout
(dark header banner, saved-items summary card with Clear All,
product grid, bottom "browse more" CTA) in the site's own theme.
============================================================ */
.wishlist-v2-page{max-width:900px;margin:0 auto}
.wishlist-v2-header{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 85%,#04140c),color-mix(in srgb,var(--primary) 45%,#020806));border-radius:18px;padding:24px 22px;color:#fff;margin-bottom:16px}
.wishlist-v2-header h2{margin:0;font-size:24px;display:flex;align-items:center;gap:8px}
.wishlist-v2-heart{color:#ff5d7a}
.wishlist-v2-sub{margin:6px 0 2px;opacity:.9;font-size:14px}
.wishlist-v2-note{margin:0;font-size:12px;opacity:.75}
.wishlist-v2-saved-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:14px;padding:14px 16px;margin-bottom:18px}
.wishlist-v2-saved-icon{width:38px;height:38px;border-radius:50%;background:#ffe3ea;color:#e0455f;display:flex;align-items:center;justify-content:center;font-size:16px;flex:0 0 auto}
.wishlist-v2-saved-text{flex:1 1 auto}
.wishlist-v2-saved-text strong{display:block;font-size:14.5px}
.wishlist-v2-saved-text span{font-size:12px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.wishlist-v2-clear{flex:0 0 auto;border:1px solid #f3c6cd;background:#fff3f5;color:#e0455f;font-weight:700;font-size:12px;padding:9px 14px;border-radius:9px;cursor:pointer}
.wishlist-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}
.wishlist-v2-card{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:14px;overflow:hidden}
.wishlist-v2-media{position:relative}
.wishlist-v2-media img,.wishlist-v2-media .fastbd-placeholder{width:100%;height:130px;object-fit:cover;display:block}
.wishlist-v2-fav{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#fff;color:#ff5d7a;display:flex;align-items:center;justify-content:center;font-size:13px}
.wishlist-v2-body{padding:12px}
.wishlist-v2-body strong{font-size:13.5px;line-height:1.35;display:block}
.wishlist-v2-actions{display:flex;gap:8px;margin-top:10px}
.wishlist-v2-remove{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--bg);color:var(--text);font-size:11.5px;padding:8px 10px;border-radius:8px;cursor:pointer}
.wishlist-v2-view{flex:1 1 auto;text-align:center;background:var(--primary);color:#fff;font-weight:700;font-size:11.5px;padding:8px 10px;border-radius:8px;text-decoration:none}
.wishlist-v2-cta{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));border:1px dashed color-mix(in srgb,var(--primary) 30%,transparent);border-radius:14px;padding:14px 16px}
.wishlist-v2-cta-icon{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.wishlist-v2-cta-text{flex:1 1 auto}
.wishlist-v2-cta-text strong{display:block;font-size:13.5px}
.wishlist-v2-cta-text span{font-size:11.5px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.wishlist-v2-browse{flex:0 0 auto;background:var(--surface);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary);font-weight:700;font-size:12px;padding:9px 14px;border-radius:9px;text-decoration:none;white-space:nowrap}
@media(max-width:560px){.wishlist-grid-v2{grid-template-columns:1fr}.wishlist-v2-cta{flex-wrap:wrap}}
/* ============================================================
V9.7.48 — Checkout confirmation modal (no more silent wallet
deduction — the customer must explicitly confirm the amount).
============================================================ */
.fastbd-confirm-overlay{position:fixed;inset:0;z-index:200;background:#000a;align-items:center;justify-content:center;padding:20px}
.fastbd-confirm-overlay:not([hidden]){display:flex}
.fastbd-confirm-overlay[hidden]{display:none}
.fastbd-confirm-box{background:var(--surface);border-radius:18px;padding:26px;max-width:380px;width:100%;text-align:center}
.fastbd-confirm-box h3{margin:0 0 10px;font-size:18px}
.fastbd-confirm-box p{margin:0 0 20px;font-size:14px;color:color-mix(in srgb,var(--text) 75%,transparent)}
.fastbd-confirm-box b{color:var(--primary);font-size:17px}
.fastbd-confirm-actions{display:flex;gap:10px}
.fastbd-confirm-actions .fastbd-btn{flex:1;margin-top:0;padding:12px}
/* ============================================================
V9.7.49 — Wishlist card polish: category pill + discount badge
============================================================ */
.wishlist-v2-category{display:inline-block;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;margin:5px 0}
.wishlist-v2-price-row{display:flex;align-items:center;gap:8px;margin:2px 0 4px}
.wishlist-v2-discount{background:#ffe3e3;color:#c0392b;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px}
/* ============================================================
V9.7.50 — Rich "Confirm Your Order" view + "Order Placed
Successfully" modal, replacing the old plain confirm popup.
============================================================ */
.confirm-v2-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.cart-v2-back-btn{border:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:var(--surface);color:var(--text);font-weight:700;font-size:12.5px;cursor:pointer;padding:8px 14px;border-radius:20px;transition:.2s}
.cart-v2-back-btn:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 35%,transparent)}
.confirm-v2-secure{font-size:12px;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:4px}
.confirm-v2-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.confirm-v2-title-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--primary) 15%,transparent);display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}
.confirm-v2-title-row h2{margin:0;font-size:20px}
.confirm-v2-title-row p{margin:2px 0 0;font-size:12.5px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.confirm-v2-item{display:flex;gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent)}
.confirm-v2-item:first-of-type{border-top:0}
.confirm-v2-item-media{flex:0 0 60px;width:60px;height:60px;border-radius:10px;overflow:hidden}
.confirm-v2-item-media img,.confirm-v2-item-media .fastbd-placeholder{width:100%;height:100%;object-fit:cover;font-size:9px}
.confirm-v2-item-info{flex:1 1 auto;display:flex;flex-direction:column;gap:3px}
.confirm-v2-item-info strong{font-size:13.5px}
.confirm-v2-item-info b{color:var(--primary);font-size:14px}
.confirm-v2-item-info small{color:color-mix(in srgb,var(--text) 55%,transparent);font-size:11px}
.confirm-v2-wallet-option{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:12px;padding:12px 14px;margin-bottom:12px}
.confirm-v2-radio{color:var(--primary);font-size:16px}
.confirm-v2-wallet-option div{flex:1 1 auto;display:flex;flex-direction:column}
.confirm-v2-wallet-option strong{font-size:13.5px}
.confirm-v2-wallet-option span{font-size:11px;color:color-mix(in srgb,var(--text) 55%,transparent)}
.confirm-v2-wallet-option>b{color:var(--primary);font-size:14px}
.confirm-v2-info{background:color-mix(in srgb,var(--secondary,#2875ff) 8%,transparent);border-radius:10px;padding:10px 12px;font-size:12px;color:color-mix(in srgb,var(--text) 75%,transparent);margin-bottom:14px}
#fastbd-order-success .order-success-box{background:var(--surface);border-radius:18px;padding:26px;max-width:420px;width:100%;text-align:center;position:relative;max-height:90vh;overflow-y:auto}
.order-success-close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:22px;color:color-mix(in srgb,var(--text) 45%,transparent);cursor:pointer}
.order-success-check{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
#fastbd-order-success h3{margin:0 0 6px;font-size:19px}
#fastbd-order-success>div>p{margin:0 0 18px;font-size:13px;color:color-mix(in srgb,var(--text) 65%,transparent)}
.order-success-details{background:color-mix(in srgb,var(--primary) 6%,transparent);border-radius:12px;padding:14px;text-align:left;margin-bottom:14px}
.order-success-row{display:flex;justify-content:space-between;font-size:12.5px;padding:5px 0;color:color-mix(in srgb,var(--text) 65%,transparent)}
.order-success-row b{color:var(--text)}
.order-success-amount{color:var(--primary)!important;font-size:15px}
.order-success-actions{display:flex;gap:10px}
.order-success-actions .fastbd-btn{flex:1;margin-top:0;padding:12px;font-size:13px}
/* ============================================================
V9.7.50b — Full-width "Add to Cart" button on the single
Digital Product page, next to the wallet Buy Now button.
============================================================ */
.fastbd-cart-add-wide{display:block;width:100%;margin-top:10px;padding:13px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);font-weight:700;font-size:14px;cursor:pointer}
.fastbd-cart-add-wide.added{background:var(--primary);color:#fff}
/* ============================================================
V9.7.51 — "একটু তথ্য দরকার" popup: unique, branded modal that
collects a product's required custom fields (email etc.) at
the moment of Add to Cart, instead of failing silently later.
============================================================ */
.fastbd-cf-popup-box{background:var(--surface);border-radius:18px;padding:26px;max-width:400px;width:100%;text-align:center;position:relative}
.fastbd-cf-popup-icon{display:inline-flex;width:50px;height:50px;border-radius:50%;background:color-mix(in srgb,var(--primary) 14%,transparent);align-items:center;justify-content:center;font-size:22px;margin-bottom:10px}
.fastbd-cf-popup-box h3{margin:0 0 6px;font-size:17px}
.fastbd-cf-popup-box>p{margin:0 0 16px;font-size:13px;color:color-mix(in srgb,var(--text) 65%,transparent)}
.fastbd-cf-popup-fields{text-align:left;margin-bottom:12px}
.fastbd-cf-popup-fields .fbu-cf-fields{margin:0;padding:0;background:none}
.fastbd-cf-popup-fields .fbu-field-label{display:block;font-size:12.5px;font-weight:700;margin-bottom:5px}
.fastbd-cf-popup-fields input,.fastbd-cf-popup-fields textarea{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--bg);color:var(--text);font:inherit}
/* ============================================================
V9.7.52 — "কিভাবে অর্ডার করবেন" video section, shown below the
title on Service / Digital Product / Video Package / Course
single pages when the admin has enabled it for that item.
============================================================ */
.fastbd-how-to-order{margin:14px 0 20px}
.fastbd-how-to-order h3{margin:0 0 10px;font-size:15px}
.fastbd-how-to-order-frame{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000}
.fastbd-how-to-order-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* ============================================================
V9.7.53 — Visual polish pass: nicer empty states for Cart/
Wishlist, subtle hover-lift on rows/cards, smooth fade-in for
the Confirm view and success modal.
============================================================ */
.cart-empty-v2{text-align:center;padding:44px 20px}
.cart-empty-v2:not([hidden]){display:flex;flex-direction:column;align-items:center}
.cart-empty-v2[hidden]{display:none}
.cart-empty-v2-icon{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:28px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.cart-empty-v2 h3{margin:0 0 6px;font-size:16px}
.cart-empty-v2 p{margin:0 0 18px;font-size:13px;color:color-mix(in srgb,var(--text) 55%,transparent);max-width:280px}
.cart-v2-row-card{transition:transform .18s ease,box-shadow .18s ease}
.cart-v2-row-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 12%,transparent)}
.wishlist-v2-card{transition:transform .18s ease,box-shadow .18s ease}
.wishlist-v2-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 14%,transparent)}
.confirm-v2-item{transition:background-color .15s ease}
.confirm-v2-item:hover{background:color-mix(in srgb,var(--primary) 3%,transparent)}
.wishlist-v2-view,.cart-v2-remove-btn,.fastbd-cart-add,.fastbd-wishlist{transition:transform .15s ease}
.wishlist-v2-view:hover{transform:translateY(-1px)}
.fastbd-wishlist:active,.fastbd-cart-add:active{transform:scale(.92)}
@keyframes fastbdFadeSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
#fastbd-cart-confirm-view:not([hidden]){animation:fastbdFadeSlideIn .25s ease}
.fastbd-confirm-overlay .order-success-box,.fastbd-confirm-overlay .fastbd-cf-popup-box,.fastbd-confirm-overlay .fastbd-confirm-box{animation:fastbdFadeSlideIn .22s ease}
/* ============================================================
V9.7.57 — Coupon scope note styled as a small badge instead of
a plain parenthetical, and a discount-calculation fix ensures
the previewed total always matches what's actually charged.
============================================================ */
.coupon-scope-badge{display:inline-block;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:4px;vertical-align:middle}
/* ============================================================
V9.7.58 — My Orders: batch-bought items grouped into one card
with multiple line items, matching a real e-commerce order view.
============================================================ */
.orders-group-list{display:flex;flex-direction:column;gap:14px}
.order-group-card{border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:14px;padding:14px;background:var(--surface)}
.order-group-head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:9px;padding:8px 12px;margin-bottom:10px}
.order-group-total{color:var(--text)}
.order-line-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:7px 0;border-top:1px solid color-mix(in srgb,var(--text) 6%,transparent)}
.order-line-item:first-of-type{border-top:0}
.order-line-item span{font-size:11.5px;color:color-mix(in srgb,var(--text) 60%,transparent)}
.order-group-invoice-link{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--primary);text-decoration:none}
/* ============================================================
V9.7.66 — "% OFF" badge next to the price on Digital Product
cards (homepage listing), matching the single product page.
============================================================ */
.fastbd-off-badge{background:#e0453c;color:#fff;font-size:9px;font-weight:700;padding:1.5px 6px;border-radius:5px;line-height:1.5}
/* V9.7.69 — Authentication redesign: isolated to auth components. */
.auth-card.auth-redesign{max-width:520px;margin:28px auto;padding:28px;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:24px;background:var(--surface);box-shadow:0 18px 55px color-mix(in srgb,var(--secondary) 10%,transparent);gap:0}
.auth-intro{text-align:center;margin:0 0 20px}.auth-intro .auth-icon,.auth-state .auth-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;font-size:28px;box-shadow:0 10px 24px color-mix(in srgb,var(--secondary) 24%,transparent)}
.auth-intro h2{margin:0 0 6px;font-size:30px;line-height:1.25;color:var(--text)}.auth-intro p{margin:0 auto;max-width:380px;font-size:14px;line-height:1.65;color:color-mix(in srgb,var(--text) 62%,transparent)}
.auth-redesign>label{display:block;margin:13px 0 7px;font-size:14px;font-weight:800;color:var(--text)}.auth-redesign>label small{font-size:11px;font-weight:600;color:color-mix(in srgb,var(--text) 55%,transparent)}
.auth-redesign input:not([type=checkbox]){width:100%;min-height:52px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:14px;background:var(--surface);color:var(--text);font-size:15px;outline:none;transition:.2s ease;box-sizing:border-box}.auth-redesign input:not([type=checkbox]):focus{border-color:var(--secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary) 10%,transparent)}
.auth-redesign input::placeholder{color:color-mix(in srgb,var(--text) 38%,transparent)}.auth-redesign .fastbd-google-wrap{margin:16px 0 12px}.auth-redesign .auth-separator{margin:12px 0 5px;font-size:13px}
.auth-main-btn{width:100%;min-height:52px;margin-top:18px;border:0;border-radius:14px!important;background:linear-gradient(100deg,var(--primary),var(--secondary))!important;color:#fff!important;font-size:16px!important;font-weight:800!important;box-shadow:0 10px 22px color-mix(in srgb,var(--secondary) 18%,transparent)}
.auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 2px;font-size:13px}.auth-options .remember-row{display:flex;align-items:center;gap:7px;margin:0;font-weight:600}.auth-options input[type=checkbox]{width:18px;height:18px;accent-color:var(--secondary)}.auth-options a,.auth-switch a{color:var(--secondary);font-weight:800;text-decoration:none}.auth-switch{margin:18px 0 0!important;font-size:14px}.auth-state{max-width:520px;margin:28px auto;text-align:center;padding:28px}
@media(max-width:600px){.auth-card.auth-redesign{margin:18px auto;padding:20px 18px;border-radius:20px;box-shadow:0 12px 35px color-mix(in srgb,var(--secondary) 9%,transparent)}.auth-intro .auth-icon{width:58px;height:58px;font-size:25px}.auth-intro h2{font-size:25px}.auth-intro p{font-size:13px}.auth-redesign input:not([type=checkbox]){min-height:50px}.auth-options{font-size:12px}.auth-main-btn{min-height:50px}}
.auth-helper-note{text-align:center;margin:14px 0 0;font-size:12px;line-height:1.55;color:color-mix(in srgb,var(--text) 55%,transparent)}
/* Auth v9.7.70 premium icons */
.auth-intro .auth-icon{position:relative;overflow:visible;background:linear-gradient(145deg,#2575fc,#6a35f0)!important;box-shadow:0 12px 30px rgba(72,70,235,.24)!important}
.auth-intro .auth-icon i,.auth-intro .auth-icon i:before,.auth-intro .auth-icon i:after{position:absolute;content:"";display:block}
.auth-icon-register i{width:19px;height:19px;border-radius:50%;background:#fff;left:18px;top:12px}.auth-icon-register i:before{width:32px;height:18px;border-radius:18px 18px 8px 8px;background:#fff;left:-7px;top:21px}.auth-icon-register i:after{width:19px;height:19px;border-radius:50%;background:#16c784;left:18px;top:20px;box-shadow:inset 0 0 0 5px #fff}
.auth-icon-login i{width:30px;height:25px;border-radius:7px;background:#fff;left:17px;top:27px}.auth-icon-login i:before{width:22px;height:20px;border:5px solid #fff;border-bottom:0;border-radius:15px 15px 0 0;left:-1px;top:-18px}.auth-icon-login i:after{width:6px;height:10px;border-radius:4px;background:#4b49e8;left:12px;top:8px}
.auth-icon-forgot i{width:34px;height:23px;border-radius:6px;background:#fff;left:12px;top:22px;transform:rotate(-5deg)}.auth-icon-forgot i:before{width:22px;height:22px;border:5px solid #ffb020;border-radius:50%;left:22px;top:-14px}.auth-icon-forgot i:after{width:18px;height:5px;background:#ffb020;transform:rotate(-45deg);left:15px;top:8px;border-radius:5px}
.auth-icon-success{background:linear-gradient(145deg,#18d37e,#05a957)!important}.auth-icon-success i{width:28px;height:14px;border-left:6px solid #fff;border-bottom:6px solid #fff;transform:rotate(-45deg);left:17px;top:21px}
@media(max-width:600px){.auth-intro .auth-icon i{transform:scale(.9);transform-origin:center}.auth-icon-success i{transform:rotate(-45deg) scale(.9)}}
/* Admin settings: real tab/section layout even on narrow screens */
.fastbd-settings-wrap .fastbd-tab-panel{display:none!important}.fastbd-settings-wrap .fastbd-tab-panel.is-active{display:block!important}.fastbd-settings-wrap .fastbd-tabs{display:flex;flex-wrap:wrap;gap:4px}.fastbd-settings-wrap .nav-tab{margin:0;border-radius:7px 7px 0 0}.fastbd-settings-wrap .form-table th{width:220px}.fastbd-settings-wrap .postbox{border-radius:10px;overflow:hidden}
@media(max-width:782px){.fastbd-settings-wrap .fastbd-tabs{display:grid;grid-template-columns:1fr 1fr}.fastbd-settings-wrap .nav-tab{font-size:12px;padding:8px 7px;text-align:center}.fastbd-settings-wrap .form-table th,.fastbd-settings-wrap .form-table td{display:block;width:auto;padding:8px 4px}.fastbd-settings-wrap input.regular-text,.fastbd-settings-wrap textarea{width:100%;max-width:100%}}
/* Auth SVG icons v9.7.71 - self-contained, no icon font dependency */
.auth-intro .auth-icon{display:grid!important;place-items:center!important;overflow:visible!important;color:#fff!important}
.auth-intro .auth-icon svg{display:block!important;width:42px!important;height:42px!important;position:relative!important;z-index:2!important;overflow:visible!important}
.auth-intro .auth-icon.auth-icon-reset svg{width:44px!important;height:44px!important}
.auth-intro .auth-icon.auth-icon-success{background:linear-gradient(145deg,#18d37e,#05a957)!important}
.auth-intro .auth-icon.auth-icon-success svg{width:46px!important;height:46px!important}
@media(max-width:600px){.auth-intro .auth-icon svg{width:38px!important;height:38px!important}.auth-intro .auth-icon.auth-icon-reset svg,.auth-intro .auth-icon.auth-icon-success svg{width:40px!important;height:40px!important}}
/* V9.9.25 — floating bottom "Share" button removed (PHP no longer prints it). V9.9.27 — restored the Share POPUP's own CSS (was accidentally deleted along with the button's CSS, leaving the popup unstyled). */
.fastbd-share-modal[hidden]{display:none}.fastbd-share-modal{position:fixed;inset:0;z-index:99999;background:#07101d99;display:flex;align-items:flex-end;justify-content:center;padding:14px}.fastbd-share-sheet{width:min(520px,100%);background:var(--surface);color:var(--text);border-radius:24px;padding:20px;box-shadow:0 25px 80px #0006;position:relative}.fastbd-share-sheet h3{text-align:center;margin:0 0 16px}.fastbd-share-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:inherit;font-size:28px}.fastbd-share-preview{display:flex;gap:12px;align-items:center}.fastbd-share-preview img{width:72px;height:72px;border-radius:12px;object-fit:cover}.fastbd-share-preview div{display:grid;gap:3px}.fastbd-share-preview b{color:#08bd78}.fastbd-share-preview small{opacity:.68}.fastbd-share-link{display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));border:1px dashed color-mix(in srgb,var(--primary) 35%,transparent);border-radius:12px;padding:10px;margin:16px 0}.fastbd-share-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.fastbd-share-link button{border:0;background:transparent;font-size:20px}.fastbd-share-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 16px}.fastbd-share-actions button{border:0;background:transparent;color:inherit;font-size:25px;display:grid;gap:5px;justify-items:center}.fastbd-share-actions span{font-size:10px}.fastbd-copy-link{width:100%;border:0;border-radius:12px;padding:13px;background:linear-gradient(90deg,#08c887,#2875ff);color:#fff;font-weight:800}.fastbd-share-open{overflow:hidden}
body.dark .fastbd-share-sheet{border:1px solid #ffffff18}
body.dark .premium-home-hero h1,body.dark .premium-home-hero h2,body.dark .premium-home-hero .hero-title,body.dark .premium-home-hero .hero-title-line1,body.dark .premium-home-hero .hero-title-line2,body.dark .fastbd-section-head h2,body.dark .fastbd-section-head p{color:#f7f3ff!important;text-shadow:0 1px 2px #0008}body.dark .premium-home-hero p{color:#d8d1e3!important}body.dark .premium-home-hero .eyebrow{color:#7fffd4!important;border-color:#25c990!important;background:#0a392d66!important}
/* V9.7.72 — My Account premium mobile redesign */
.customer-dashboard{max-width:900px;margin:auto}.dashboard-hero{background:linear-gradient(135deg,#0b2c78,#0b7d82);border-radius:24px;padding:20px;color:#fff;box-shadow:0 18px 45px #087e7c2b}.dashboard-profile-header{background:#ffffffee;color:#101828;border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px}.dashboard-avatar{width:82px!important;height:82px!important;border-radius:50%!important;box-shadow:0 10px 25px #1e63ff44}.dashboard-avatar-fallback{display:grid!important;place-items:center;background:linear-gradient(145deg,#13d1c2,#2457ff,#7b32f4)!important;color:#fff;font-size:36px;font-weight:800}.dashboard-welcome-text h2{font-size:22px;margin:0 0 4px}.dashboard-greeting{margin:0 0 3px}.dashboard-meta{font-size:12px;opacity:.68;margin:0;word-break:break-word}.wallet-card{margin-top:14px!important;border:1px solid #ffffff29!important;background:linear-gradient(115deg,#1338a8,#04a99d)!important;border-radius:18px!important;padding:18px!important;color:#fff!important;display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:8px}.wallet-label{font-weight:800}.wallet-amount{font-size:34px!important}.wallet-add-btn{grid-column:2;grid-row:1/3;background:linear-gradient(90deg,#aaffdf,#35efc2)!important;color:#063c34!important;border-radius:13px!important}.dashboard-referral-banner{margin:14px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-radius:17px;background:linear-gradient(90deg,#d8fff0,#baf8df);color:#0a6044;text-decoration:none;box-shadow:0 8px 22px #0bb57a18}.dashboard-referral-gift{font-size:30px}.dashboard-referral-banner strong{display:block;font-size:17px}.dashboard-referral-banner small{display:block;color:#395f53}.dashboard-referral-banner b{font-size:24px}.dashboard-section-title{display:flex;align-items:center;gap:8px;margin:18px 4px 10px;font-size:18px}.dashboard-section-title a{margin-left:auto;font-size:12px;text-decoration:none;color:var(--primary);font-weight:800}.dashboard-quicklinks-card{padding:12px!important}.dashboard-quick-links{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.dashboard-quick-links .qlink{min-height:82px!important;border:0!important;border-radius:16px!important;background:color-mix(in srgb,var(--primary) 8%,var(--surface))!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;text-align:center!important;font-size:12px!important;padding:10px!important}.dashboard-quick-links .qlink.primary{background:linear-gradient(145deg,#ffe4ed,#fff0f5)!important;color:#d82358!important}.dashboard-quick-links .qlink.danger{background:#fff0f0!important;color:#c53b3b!important}.qicon{font-size:23px}.dashboard-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.dashboard-stats>div{border:0!important;border-radius:16px!important;padding:15px 8px!important;background:color-mix(in srgb,var(--primary) 8%,var(--surface))!important}.dashboard-stats b{font-size:24px!important;color:var(--primary)}.dashboard-stats span{font-size:11px!important}.dashboard-stats>div:nth-child(2){background:#fff3dd!important}.dashboard-stats>div:nth-child(3){background:#f4e9ff!important}.dashboard-stats>div:nth-child(4){background:#e5fbf1!important}@media(max-width:560px){.dashboard-quick-links{grid-template-columns:repeat(3,1fr)!important}.dashboard-stats{grid-template-columns:repeat(2,1fr)!important}.dashboard-profile-header{align-items:flex-start}.dashboard-avatar{width:68px!important;height:68px!important}.wallet-card{grid-template-columns:1fr auto}.wallet-add-btn{padding:10px!important;font-size:12px!important}.dashboard-meta{max-width:210px}.customer-dashboard{padding:0 2px}}
body.dark .dashboard-profile-header{background:#171326;color:#f7f3ff}body.dark .dashboard-referral-banner{background:linear-gradient(90deg,#123c35,#11362f);color:#8dffd5}body.dark .dashboard-referral-banner small{color:#c4ded5}body.dark .dashboard-stats>div:nth-child(n){background:#171326!important;color:#f7f3ff!important}
/* V9.7.72 — Refer & Earn redesign */
.fbu-referral-v2{max-width:920px;margin:auto;display:grid;gap:14px}.fbu-ref-hero{background:linear-gradient(120deg,#092f70,#007a7b 60%,#05b96d);color:#fff;border-radius:22px;padding:24px;display:grid;grid-template-columns:1.2fr 1fr;gap:18px;overflow:hidden;box-shadow:0 16px 38px #0b6f8626}.fbu-ref-hero h2{font-size:38px;margin:0}.fbu-ref-hero h2 span{color:#69f0b4}.fbu-ref-hero p{margin:3px 0 12px}.fbu-ref-hero ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}.fbu-ref-reward{align-self:center;background:#ffffffed;color:#17304e;border-radius:18px;padding:16px;text-align:center;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.fbu-ref-reward b{font-size:24px;color:#087bcb}.fbu-ref-reward small{grid-column:1}.fbu-ref-reward em{grid-row:1/3;grid-column:2;font-size:28px}.fbu-ref-reward strong{grid-row:1/3;grid-column:3;color:#07995d;font-size:18px}.fbu-ref-link-card,.fbu-ref-history,.fbu-ref-note{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:18px;padding:16px}.fbu-ref-link-title{display:flex;gap:9px;align-items:center;margin-bottom:10px}.fbu-ref-link-title b,.fbu-ref-link-title small{display:block}.fbu-ref-link-title small{opacity:.6}.fbu-ref-link-row{display:flex;gap:8px}.fbu-ref-link-row input{flex:1;min-width:0;border:1px dashed #55d5ae;border-radius:11px;padding:12px;background:transparent;color:var(--text)}.fbu-ref-link-row button{border:0;border-radius:11px;padding:10px 16px;color:#fff;font-weight:800}.fbu-ref-link-row button:nth-of-type(1){background:#08bc79}.fbu-ref-link-row button:nth-of-type(2){background:#2676f2}.fbu-ref-stats-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fbu-ref-stats-v2>div{border-radius:17px;padding:18px;text-align:center;background:linear-gradient(145deg,#e8fff5,#f4fffb)}.fbu-ref-stats-v2>div:nth-child(2){background:linear-gradient(145deg,#eaf5ff,#f6fbff)}.fbu-ref-stats-v2>div:nth-child(3){background:linear-gradient(145deg,#f8eaff,#fff5ff)}.fbu-ref-stats-v2 i{font-style:normal;font-size:25px}.fbu-ref-stats-v2 b{display:block;font-size:26px;color:#08b878}.fbu-ref-stats-v2 span{font-size:12px}.fbu-ref-heading{margin:7px 5px 0}.fbu-ref-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fbu-ref-steps>div{position:relative;border-radius:16px;padding:15px 10px;text-align:center;background:#edfff8}.fbu-ref-steps>div:nth-child(2){background:#eef7ff}.fbu-ref-steps>div:nth-child(3){background:#f7edff}.fbu-ref-steps>div:nth-child(4){background:#fff5df}.fbu-ref-steps>div>b{position:absolute;left:8px;top:8px;background:#08bb7a;color:#fff;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.fbu-ref-steps i{font-style:normal;font-size:29px;display:block;margin:10px}.fbu-ref-steps strong,.fbu-ref-steps span{display:block}.fbu-ref-steps span{font-size:11px;opacity:.62;margin-top:5px}.fbu-ref-history-head,.fbu-ref-history-row{display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr .8fr;gap:8px;padding:9px;font-size:12px}.fbu-ref-history-head{font-weight:800;border-bottom:1px solid #0001}.fbu-ref-history-row{border-bottom:1px solid #0000000d}.fbu-ref-empty{text-align:center;padding:28px;display:grid;gap:5px}.fbu-ref-empty:first-letter{font-size:30px}.fbu-ref-empty span{font-size:12px;opacity:.6}.fbu-ref-note{background:linear-gradient(90deg,#e7fff6,#f5fff9)}.fbu-ref-note ul{margin:8px 0 0;padding-left:22px}.fbu-ref-note li{margin:4px 0;font-size:13px}@media(max-width:600px){.fbu-ref-hero{grid-template-columns:1fr;padding:18px}.fbu-ref-hero h2{font-size:31px}.fbu-ref-link-row{flex-wrap:wrap}.fbu-ref-link-row input{flex-basis:100%}.fbu-ref-link-row button{flex:1}.fbu-ref-stats-v2{grid-template-columns:repeat(3,1fr);gap:7px}.fbu-ref-stats-v2>div{padding:13px 5px}.fbu-ref-stats-v2 b{font-size:20px}.fbu-ref-steps{grid-template-columns:repeat(2,1fr)}.fbu-ref-history{overflow-x:auto}.fbu-ref-history-head,.fbu-ref-history-row{min-width:580px}}
body.dark .fbu-ref-stats-v2>div:nth-child(n),body.dark .fbu-ref-steps>div:nth-child(n),body.dark .fbu-ref-note{background:#171326;color:#f7f3ff}
/* V9.7.73 FINAL mobile polish */
@media(max-width:600px){.fbu-pkg-buy-btn{width:100%!important;min-height:52px!important;border-radius:14px!important;font-size:16px!important;font-weight:900!important;box-shadow:0 9px 24px color-mix(in srgb,var(--primary) 22%,transparent)!important}.fastbd-cart-add-wide{min-height:50px!important;border-radius:14px!important;font-size:15px!important;margin-top:12px!important}.customer-dashboard{gap:12px}.dashboard-hero{padding:15px;border-radius:21px}.dashboard-profile-header{padding:13px;border-radius:16px}.dashboard-welcome-text h2{font-size:19px}.wallet-card{padding:15px!important}.wallet-amount{font-size:30px!important}.dashboard-referral-banner{margin:10px 0}.dashboard-order-title{margin-top:14px}.fbu-referral-v2{gap:11px}.fbu-ref-hero{border-radius:19px}.fbu-ref-link-card,.fbu-ref-history,.fbu-ref-note{border-radius:16px;padding:13px}.fbu-ref-heading{font-size:19px}.fbu-ref-steps strong{font-size:13px}}
/* v9.7.74 — Final compact My Account + Referral mobile pass */
@media(max-width:600px){
.customer-dashboard{max-width:100%;gap:10px!important;padding:0!important}
.dashboard-hero{padding:12px!important;border-radius:20px!important;margin-bottom:0!important}
.dashboard-profile-header{padding:12px!important;border-radius:16px!important;gap:11px!important;align-items:center!important}
.dashboard-avatar{width:62px!important;height:62px!important;font-size:28px!important;flex:0 0 62px}
.dashboard-welcome-text h2{font-size:18px!important;line-height:1.15}.dashboard-greeting{font-size:13px}.dashboard-meta{font-size:10.5px!important;line-height:1.35;max-width:none!important}
.wallet-card{margin-top:10px!important;padding:12px!important;border-radius:16px!important;min-height:82px}.wallet-label{font-size:12px}.wallet-amount{font-size:27px!important}.wallet-add-btn{min-height:42px;padding:9px 12px!important;font-size:12px!important}
.dashboard-referral-banner{margin:10px 0!important;padding:10px 12px!important;border-radius:15px!important}.dashboard-referral-gift{font-size:25px}.dashboard-referral-banner strong{font-size:15px}.dashboard-referral-banner small{font-size:10.5px;line-height:1.3}
.dashboard-section-title{font-size:17px!important;margin:12px 3px 7px!important}.dashboard-quicklinks-card{padding:8px!important;border-radius:17px!important}.dashboard-quick-links{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin-top:0!important}.dashboard-quick-links .qlink{min-height:70px!important;border-radius:13px!important;font-size:9.5px!important;line-height:1.15!important;padding:7px 3px!important}.dashboard-quick-links .qicon{font-size:20px!important}
.dashboard-stats{grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.dashboard-stats>div{padding:11px 3px!important;border-radius:13px!important;min-width:0}.dashboard-stats b{font-size:21px!important}.dashboard-stats span{font-size:9.5px!important;line-height:1.15;display:block}
.fbu-referral-v2{gap:9px!important;max-width:100%}.fbu-ref-hero{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:13px!important;border-radius:18px!important}.fbu-ref-hero h2{font-size:25px!important}.fbu-ref-hero p{font-size:11px!important;line-height:1.35;margin:2px 0 7px!important}.fbu-ref-hero ul{font-size:10px!important;gap:2px!important}.fbu-ref-reward{padding:9px 5px!important;border-radius:13px!important;font-size:10px!important}.fbu-ref-reward b{font-size:18px!important}.fbu-ref-reward strong{font-size:11px!important}.fbu-ref-reward em{font-size:18px!important}
.fbu-ref-link-card,.fbu-ref-history,.fbu-ref-note{padding:11px!important;border-radius:15px!important}.fbu-ref-link-title{margin-bottom:7px!important}.fbu-ref-link-title b{font-size:14px}.fbu-ref-link-title small{font-size:10px}.fbu-ref-link-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.fbu-ref-link-row input{grid-column:1/-1;padding:10px!important;font-size:11px}.fbu-ref-link-row button{padding:10px 6px!important;font-size:11px}
.fbu-ref-stats-v2{gap:6px!important}.fbu-ref-stats-v2>div{padding:10px 3px!important;border-radius:13px!important}.fbu-ref-stats-v2 i{font-size:20px!important}.fbu-ref-stats-v2 b{font-size:18px!important}.fbu-ref-stats-v2 span{font-size:9px!important;line-height:1.15;display:block}.fbu-ref-heading{font-size:17px!important;margin:6px 3px 0!important}
.fbu-ref-steps{grid-template-columns:1fr!important;gap:6px!important}.fbu-ref-steps>div{min-height:55px!important;padding:8px 8px 8px 48px!important;border-radius:13px!important;text-align:left!important;display:grid!important;grid-template-columns:34px 1fr!important;align-items:center!important}.fbu-ref-steps>div>b{left:8px!important;top:50%!important;transform:translateY(-50%);width:26px!important;height:26px!important}.fbu-ref-steps i{font-size:21px!important;margin:0!important;grid-row:1/3}.fbu-ref-steps strong{font-size:11.5px!important}.fbu-ref-steps span{font-size:9.5px!important;margin:1px 0 0!important}
.fbu-ref-history{overflow:hidden!important}.fbu-ref-history-head,.fbu-ref-history-row{min-width:0!important;grid-template-columns:1.4fr 1fr .8fr .8fr .8fr!important;font-size:8.5px!important;gap:3px!important;padding:7px 3px!important}.fbu-ref-empty{padding:16px 6px!important}.fbu-ref-empty b{font-size:13px}.fbu-ref-empty span{font-size:9.5px!important}.fbu-ref-note b{font-size:13px}.fbu-ref-note ul{padding-left:18px!important}.fbu-ref-note li{font-size:10px!important;line-height:1.35;margin:3px 0!important}
}
/* v9.7.75 — My Account reference-screen rebuild */
.account-ref-final{max-width:920px;margin:0 auto}.account-top-hero{padding:22px;border-radius:28px;background:radial-gradient(circle at 82% 5%,#04c9b255,transparent 30%),linear-gradient(145deg,#07162f,#063b5b 55%,#087c79);color:#fff}.account-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.account-title-row h1{margin:0;font-size:42px;line-height:1}.account-title-row h1 span{color:#5be6df}.account-title-row p{margin:7px 0 0}.account-title-row em,.account-ref-banner em,.account-thankyou em{font-family:cursive;font-size:24px;line-height:.85;color:#7ee9e4;transform:rotate(-5deg)}.account-profile-premium{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;border-radius:22px;background:#f7fbff;color:#0b1830}.account-profile-copy h2{font-size:20px;margin:0 0 3px}.account-profile-copy p{font-size:12px;opacity:.65;margin:0}.account-badges{display:flex;gap:8px;margin-top:10px}.account-badges span{background:#fff5df;border-radius:9px;padding:5px 8px;font-size:10px}.account-badges span:nth-child(2){background:#eaf6ff}.account-badges span:nth-child(3){background:#e9fff3}.account-badges b{color:#08a45e}.account-edit{align-self:start;padding:10px 14px;border-radius:13px;background:#e6f4ff;text-decoration:none;font-size:12px;font-weight:800;color:#16477c}.account-wallet-premium{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:12px!important;align-items:center!important;margin-top:14px!important;background:linear-gradient(115deg,#073a93,#052b66 50%,#007b72)!important;color:#fff!important;border:1px solid #ffffff24!important}.wallet-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font-size:30px;background:linear-gradient(145deg,#16c7ff,#4140f2)}.account-wallet-premium .wallet-label{display:block}.account-wallet-premium .wallet-amount{display:block}.account-wallet-premium small{display:block;font-size:9px}.account-wallet-premium .wallet-add-btn{background:linear-gradient(100deg,#baffd9,#29e5b6)!important;color:#07372f!important;border-radius:13px;padding:12px 16px;font-weight:900;text-decoration:none}.wallet-mini{grid-column:3;display:flex;gap:6px}.wallet-mini a{min-width:44px;text-align:center;padding:6px 4px;border-radius:12px;background:#081c4b99;color:#fff;text-decoration:none;font-size:16px}.wallet-mini small{font-size:8px}.account-ref-banner{position:relative;display:grid!important;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;background:linear-gradient(90deg,#caffde,#dfffe7)!important;color:#0c493c!important}.account-ref-banner>span:first-child{font-size:34px}.account-ref-banner em{font-size:17px;color:#17392d}.dashboard-section-title{display:flex;align-items:center;gap:7px}.dashboard-section-title>a{margin-left:auto;text-decoration:none;color:#0c8fff;font-size:12px;font-weight:800}.dashboard-stats>div i{display:block;font-style:normal;font-size:22px}.account-action-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.account-action-strip a{min-width:0;padding:12px 5px;border-radius:15px;text-align:center;text-decoration:none;color:#0d1a30;background:#eaf7ff;font-size:10px;font-weight:800}.account-action-strip a:nth-child(1){background:#ffe9ef;color:#e62756}.account-action-strip a:nth-child(3){background:#efe7ff}.account-action-strip a:nth-child(4){background:#e8fff0}.account-action-strip a:nth-child(5){background:#fff4dc}.account-action-strip a:nth-child(6){background:#e6fff9}.account-action-strip i{display:block;font-style:normal;font-size:25px;margin-bottom:5px}.account-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.account-support-grid a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:11px 13px;border:1px solid #0d25410f;border-radius:14px;background:#fff;color:#102039;text-decoration:none;font-size:12px;box-shadow:0 6px 20px #0b2a4a0b}.account-thankyou{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:14px 18px;border-radius:18px;background:linear-gradient(100deg,#3025ce,#033e80 55%,#007b75);color:#fff}.account-thankyou>span{font-size:34px}.account-thankyou strong,.account-thankyou small{display:block}.account-thankyou small{font-size:10px;opacity:.8}
@media(max-width:600px){.account-ref-final{padding:0 8px!important}.account-top-hero{padding:13px!important;border-radius:22px!important}.account-title-row h1{font-size:32px}.account-title-row p{font-size:11px}.account-title-row em{font-size:17px}.account-profile-premium{grid-template-columns:auto 1fr;padding:11px;gap:9px}.account-profile-premium .dashboard-avatar{width:54px!important;height:54px!important;flex-basis:54px!important}.account-profile-copy h2{font-size:14px}.account-profile-copy p{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.account-edit{grid-column:2;padding:6px 9px;font-size:9px;position:absolute;right:28px}.account-badges{gap:4px;margin-top:6px}.account-badges span{padding:4px 5px;font-size:7.5px}.account-wallet-premium{grid-template-columns:auto 1fr auto!important;padding:11px!important}.wallet-icon{width:45px;height:45px;font-size:23px}.account-wallet-premium .wallet-amount{font-size:24px!important}.account-wallet-premium .wallet-add-btn{padding:9px 10px!important;font-size:10px!important}.wallet-mini{grid-column:2/4;justify-content:flex-end}.wallet-mini a{min-width:40px;font-size:13px;padding:4px}.account-ref-banner{grid-template-columns:auto 1fr auto!important;padding:9px 11px!important}.account-ref-banner em{display:none}.account-ref-banner>span:first-child{font-size:28px}.dashboard-stats{grid-template-columns:repeat(4,1fr)!important}.account-action-strip{grid-template-columns:repeat(6,1fr);gap:5px}.account-action-strip a{padding:9px 2px;font-size:7.5px;border-radius:11px}.account-action-strip i{font-size:19px}.account-support-grid{gap:5px}.account-support-grid a{padding:9px 8px;font-size:9px;border-radius:11px}.account-thankyou{padding:10px 12px}.account-thankyou>span{font-size:27px}.account-thankyou strong{font-size:11px}.account-thankyou em{font-size:15px}}
\n/* v9.7.76 — My Account true single-layer mobile layout */
.fastbd-account-page-single{width:100%;max-width:960px;margin:0 auto}.fastbd-account-page-single>.customer-dashboard{width:100%;max-width:none;margin:0}.fastbd-account-page-single .account-top-hero{box-shadow:0 12px 30px #063b5b1f}.fastbd-account-page-single .dashboard-stats,.fastbd-account-page-single .account-action-strip,.fastbd-account-page-single .account-support-grid{width:100%}
@media(max-width:600px){
body:has(.fastbd-account-page-single) .fastbd-section{padding-top:14px;padding-bottom:20px}
body:has(.fastbd-account-page-single) .fastbd-section>.fastbd-wrap{width:100%!important;max-width:none!important;padding-left:10px!important;padding-right:10px!important}
.fastbd-account-page-single{width:100%!important;margin:0!important}
.fastbd-account-page-single .account-ref-final{padding:0!important;width:100%!important;max-width:none!important}
.fastbd-account-page-single .account-top-hero{padding:12px!important;border-radius:20px!important}
.fastbd-account-page-single .account-title-row{margin:0 2px 11px!important}
.fastbd-account-page-single .account-title-row h1{font-size:30px!important}
.fastbd-account-page-single .account-profile-premium{width:100%;box-sizing:border-box}
.fastbd-account-page-single .account-wallet-premium{width:100%;box-sizing:border-box}
.fastbd-account-page-single .account-ref-banner{width:100%;box-sizing:border-box;margin:10px 0!important}
.fastbd-account-page-single .dashboard-section-title{margin-left:2px!important;margin-right:2px!important}
.fastbd-account-page-single .dashboard-stats{gap:6px!important}
.fastbd-account-page-single .dashboard-stats>div{padding:12px 2px!important}
.fastbd-account-page-single .account-action-strip{gap:5px!important}
.fastbd-account-page-single .account-support-grid{gap:6px!important}
.fastbd-account-page-single .account-thankyou{width:100%;box-sizing:border-box;margin-bottom:4px}
}
/* My Account compact reference layout v9.7.78 */
.account-ref-final .wallet-mini,.account-ref-final .account-support-grid{display:none!important}
.account-ref-final .account-wallet-premium{grid-template-columns:auto 1fr auto!important}
.account-ref-final .dashboard-section-title>a{display:none!important}
.account-ref-final .dashboard-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.account-ref-final .dashboard-stats>div{min-width:0!important;border-radius:14px!important;padding:12px 4px!important;text-align:center!important}
.account-ref-final .account-action-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.account-ref-final .account-action-strip a{min-width:0!important;min-height:88px!important;padding:10px 3px!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:10px!important;line-height:1.15!important;text-align:center!important}
.account-ref-final .account-action-strip a:nth-child(4n+1){background:#ffe9ef!important}.account-ref-final .account-action-strip a:nth-child(4n+2){background:#eaf7ff!important}.account-ref-final .account-action-strip a:nth-child(4n+3){background:#f1e9ff!important}.account-ref-final .account-action-strip a:nth-child(4n+4){background:#e9fff1!important}
.account-ref-final .account-action-strip a:nth-child(5){background:#fff4dc!important}.account-ref-final .account-action-strip a:nth-child(6){background:#e6fff9!important}.account-ref-final .account-action-strip a.danger{background:#fff0f0!important;color:#c53b3b!important}
.account-ref-final .account-action-strip i{font-size:25px!important;margin:0!important}.account-ref-final .account-action-strip span{font-weight:800!important}
@media(max-width:600px){.account-ref-final{padding:0 8px!important}.account-ref-final .dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.account-ref-final .dashboard-stats>div{padding:10px 2px!important;border-radius:12px!important}.account-ref-final .dashboard-stats>div i{font-size:18px!important}.account-ref-final .dashboard-stats>div b{font-size:20px!important}.account-ref-final .dashboard-stats>div span{font-size:8px!important;white-space:nowrap!important}.account-ref-final .account-action-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.account-ref-final .account-action-strip a{min-height:82px!important;padding:8px 2px!important;border-radius:12px!important;font-size:8.5px!important}.account-ref-final .account-action-strip i{font-size:22px!important}.account-ref-final .account-wallet-premium{grid-template-columns:auto 1fr auto!important}.account-ref-final .account-thankyou{margin-top:12px!important}}
\n/* v9.7.79 — My Account master layout: render only canonical dashboard, compact 4-column cards */
.fastbd-account-page-single .account-ref-final{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;padding:0!important}
.fastbd-account-page-single .account-top-hero{background:linear-gradient(135deg,#0b2f78,#087b78)!important;border-radius:22px!important;padding:14px!important;overflow:hidden!important}
.fastbd-account-page-single .account-profile-premium,.fastbd-account-page-single .account-wallet-premium{box-sizing:border-box!important;width:100%!important}
.fastbd-account-page-single .dashboard-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.fastbd-account-page-single .dashboard-stats>div{min-width:0!important;border-radius:14px!important;text-align:center!important}
.fastbd-account-page-single .account-action-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.fastbd-account-page-single .account-action-strip>a{min-width:0!important;box-sizing:border-box!important;border-radius:14px!important;box-shadow:0 5px 15px #0b2a4a0b!important}
.fastbd-account-page-single .account-thankyou{margin-top:14px!important}
@media(max-width:600px){
body:has(.fastbd-account-page-single) .fastbd-section>.fastbd-wrap{width:100%!important;max-width:none!important;padding:0 10px!important}
.fastbd-account-page-single .account-top-hero{padding:12px!important;border-radius:20px!important}
.fastbd-account-page-single .dashboard-stats{gap:6px!important}
.fastbd-account-page-single .dashboard-stats>div{padding:10px 2px!important;border-radius:12px!important}
.fastbd-account-page-single .account-action-strip{gap:6px!important}
.fastbd-account-page-single .account-action-strip>a{min-height:80px!important;padding:8px 2px!important;border-radius:12px!important;font-size:8.5px!important}
.fastbd-account-page-single .account-action-strip>a i{font-size:22px!important}
}
/* v9.7.81 — My Account separated-card layout matching approved reference */
.fastbd-account-page-single .account-top-hero{background:transparent!important;padding:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;color:#0b1830!important;display:flex!important;flex-direction:column!important;gap:10px!important}
.fastbd-account-page-single .account-title-row{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:18px 20px!important;border-radius:22px!important;background:radial-gradient(circle at 82% 10%,#04c9b255,transparent 32%),linear-gradient(135deg,#0b2f78,#087b78)!important;color:#fff!important;min-height:112px!important;overflow:hidden!important}
.fastbd-account-page-single .account-profile-premium{margin:0!important;padding:15px 16px!important;border-radius:22px!important;background:#f8fbff!important;box-shadow:0 8px 24px #12304a14!important;border:1px solid #dceaf4!important;color:#0b1830!important}
.fastbd-account-page-single .account-wallet-premium{margin:0!important;padding:16px 18px!important;border-radius:22px!important;background:linear-gradient(110deg,#073ca8 0%,#073078 48%,#007c73 100%)!important;box-shadow:0 9px 25px #063b5b20!important;border:1px solid #ffffff2b!important;color:#fff!important;grid-template-columns:auto 1fr auto!important;gap:16px!important}
.fastbd-account-page-single .wallet-icon{width:64px!important;height:64px!important;font-size:32px!important;flex:none!important;background:linear-gradient(145deg,#14c8ff,#3437f0)!important;box-shadow:0 8px 20px #071b7340!important}
.fastbd-account-page-single .wallet-add-btn{justify-self:end!important;min-width:145px!important;text-align:center!important;padding:13px 18px!important;border-radius:15px!important;font-size:15px!important}
.fastbd-account-page-single .account-ref-banner{margin:12px 0!important;padding:14px 18px!important;border-radius:20px!important;background:linear-gradient(90deg,#d7ffe7,#e9fff1)!important;border:1px solid #c7f4d8!important;box-shadow:0 7px 20px #176e3b0d!important;grid-template-columns:auto 1fr auto auto!important;gap:12px!important}
.fastbd-account-page-single .account-ref-banner>b{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#08b95e!important;color:#fff!important;font-size:24px!important;box-shadow:0 6px 15px #08b95e42!important}
.fastbd-account-page-single .dashboard-section-title{margin-top:14px!important;margin-bottom:8px!important}
.fastbd-account-page-single .dashboard-stats{background:#fff!important;padding:8px!important;border-radius:18px!important;box-shadow:0 7px 22px #12304a0d!important}
.fastbd-account-page-single .dashboard-stats>div{border:1px solid #ffffff!important;box-shadow:none!important}
.fastbd-account-page-single .account-action-strip{background:#fff!important;padding:0!important;border-radius:0!important;gap:8px!important}
.fastbd-account-page-single .account-action-strip>a{border:1px solid #edf2f6!important;box-shadow:0 5px 15px #0b2a4a0a!important}
@media(max-width:600px){
.fastbd-account-page-single .account-top-hero{gap:8px!important}
.fastbd-account-page-single .account-title-row{padding:15px 14px!important;border-radius:18px!important;min-height:94px!important}
.fastbd-account-page-single .account-title-row h1{font-size:31px!important}
.fastbd-account-page-single .account-profile-premium{padding:12px 11px!important;border-radius:18px!important}
.fastbd-account-page-single .account-wallet-premium{padding:12px 11px!important;border-radius:18px!important;gap:9px!important;grid-template-columns:auto 1fr auto!important}
.fastbd-account-page-single .wallet-icon{width:48px!important;height:48px!important;font-size:24px!important}
.fastbd-account-page-single .wallet-add-btn{min-width:0!important;padding:9px 10px!important;font-size:10px!important;border-radius:12px!important}
.fastbd-account-page-single .account-ref-banner{padding:10px 11px!important;border-radius:16px!important;grid-template-columns:auto 1fr auto!important}
.fastbd-account-page-single .account-ref-banner em{display:none!important}
.fastbd-account-page-single .account-ref-banner>b{width:34px!important;height:34px!important;font-size:20px!important}
.fastbd-account-page-single .dashboard-stats{padding:6px!important;border-radius:15px!important;gap:6px!important}
.fastbd-account-page-single .account-action-strip{gap:7px!important;background:#fff!important}
.fastbd-account-page-single .account-action-strip>a{border-radius:13px!important;min-height:80px!important}
}
/* My Account precision polish v9.7.82 */
.fastbd-account-page-single{background:#fff!important}
.fastbd-account-page-single .account-top-hero{background:transparent!important;padding:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:10px!important}
.fastbd-account-page-single .account-title-row{margin:0!important;padding:16px 18px!important;border-radius:22px!important;background:radial-gradient(circle at 84% 10%,#08c7b955,transparent 28%),linear-gradient(135deg,#0b397e,#075273 58%,#087e77)!important;color:#fff!important;min-height:auto!important;box-sizing:border-box!important}
.fastbd-account-page-single .account-title-row h1{font-size:38px!important}.fastbd-account-page-single .account-title-row p{margin-top:7px!important}
.fastbd-account-page-single .account-profile-premium{margin:0!important;padding:12px 14px!important;border-radius:20px!important;min-height:0!important;background:#fff!important;border:1px solid #e1eaf1!important;box-shadow:0 7px 20px #163b5b12!important}
.fastbd-account-page-single .account-profile-copy{min-width:0!important;padding-left:2px!important}.fastbd-account-page-single .account-profile-copy h2{text-align:left!important;margin:0 0 3px!important}.fastbd-account-page-single .account-profile-copy p{text-align:left!important}
.fastbd-account-page-single .account-badges{gap:6px!important;margin-top:8px!important}.fastbd-account-page-single .account-badges span{border:1px solid #ffffff!important;box-shadow:0 3px 10px #18344d0a!important;border-radius:11px!important;padding:6px 9px!important;line-height:1.25!important}.fastbd-account-page-single .account-badges span:first-child{background:linear-gradient(135deg,#fff8df,#fff0c8)!important}.fastbd-account-page-single .account-badges span:nth-child(2){background:linear-gradient(135deg,#edf8ff,#e4f2ff)!important}.fastbd-account-page-single .account-badges span:nth-child(3){background:linear-gradient(135deg,#edfff6,#e2fbea)!important}
.fastbd-account-page-single .account-edit{background:linear-gradient(135deg,#eef8ff,#dceeff)!important;border:1px solid #d6e9f8!important;box-shadow:0 4px 12px #16477c0d!important;color:#16477c!important}
.fastbd-account-page-single .account-wallet-premium{margin:0!important;min-height:0!important;padding:14px 16px!important;border-radius:20px!important;grid-template-columns:auto 1fr auto!important;gap:14px!important;background:linear-gradient(115deg,#073ca8,#06347e 50%,#087e76)!important}
.fastbd-account-page-single .wallet-icon{width:54px!important;height:54px!important;background:linear-gradient(145deg,#12c9ff,#3357f5)!important;color:#fff!important;box-shadow:0 8px 20px #001f7145!important}.fastbd-account-page-single .wallet-icon svg{width:31px;height:31px;display:block}
.fastbd-account-page-single .wallet-balance-copy{min-width:0!important}.fastbd-account-page-single .wallet-label{font-size:14px!important;font-weight:800!important}.fastbd-account-page-single .wallet-amount{font-size:30px!important;line-height:1.05!important}.fastbd-account-page-single .wallet-add-btn{min-width:112px!important;text-align:center!important;padding:12px 14px!important;border-radius:14px!important;box-shadow:0 7px 18px #00e4ad2e!important}
.fastbd-account-page-single .account-ref-banner{margin-top:12px!important;border-radius:18px!important;border:1px solid #bcefd0!important;background:linear-gradient(105deg,#e9fff3,#d9ffe7)!important;box-shadow:0 7px 18px #0c7c4010!important;padding:11px 16px!important}.fastbd-account-page-single .account-ref-banner>span:first-child{filter:drop-shadow(0 4px 5px #19442b18)}
.fastbd-account-page-single .dashboard-stats{background:#fff!important;border:1px solid #edf1f5!important;border-radius:20px!important;padding:9px!important;box-shadow:0 7px 20px #12304a0b!important}.fastbd-account-page-single .dashboard-stats>div{border:1px solid #ffffff!important;box-shadow:0 4px 12px #173a5308!important}.fastbd-account-page-single .dashboard-stats>div i{width:34px;height:34px;margin:0 auto 5px!important;border-radius:11px;display:grid!important;place-items:center;background:#ffffffa6;box-shadow:0 3px 10px #102a4310;font-size:20px!important}
@media(max-width:600px){.fastbd-account-page-single .account-top-hero{gap:8px!important}.fastbd-account-page-single .account-title-row{padding:13px 14px!important;border-radius:19px!important}.fastbd-account-page-single .account-title-row h1{font-size:31px!important}.fastbd-account-page-single .account-profile-premium{grid-template-columns:52px minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important;border-radius:17px!important}.fastbd-account-page-single .account-profile-premium .dashboard-avatar{width:52px!important;height:52px!important}.fastbd-account-page-single .account-profile-copy h2{font-size:13px!important}.fastbd-account-page-single .account-profile-copy p{max-width:205px!important;font-size:8.5px!important}.fastbd-account-page-single .account-edit{position:static!important;grid-column:auto!important;align-self:start!important;padding:6px 7px!important;font-size:8.5px!important;white-space:nowrap!important}.fastbd-account-page-single .account-badges{gap:3px!important;margin-top:5px!important}.fastbd-account-page-single .account-badges span{padding:4px 5px!important;font-size:7px!important;border-radius:8px!important}.fastbd-account-page-single .account-wallet-premium{grid-template-columns:44px minmax(0,1fr) auto!important;padding:11px!important;gap:8px!important;border-radius:17px!important}.fastbd-account-page-single .wallet-icon{width:44px!important;height:44px!important}.fastbd-account-page-single .wallet-icon svg{width:25px;height:25px}.fastbd-account-page-single .wallet-label{font-size:10px!important}.fastbd-account-page-single .wallet-amount{font-size:22px!important}.fastbd-account-page-single .account-wallet-premium small{font-size:7px!important;white-space:nowrap!important}.fastbd-account-page-single .wallet-add-btn{min-width:78px!important;padding:9px 7px!important;font-size:9px!important;border-radius:11px!important}.fastbd-account-page-single .account-ref-banner{padding:9px 11px!important;border-radius:15px!important}.fastbd-account-page-single .dashboard-stats{padding:6px!important;border-radius:16px!important}.fastbd-account-page-single .dashboard-stats>div i{width:29px;height:29px;font-size:17px!important;border-radius:9px}}
/* v9.7.83 — exact compact My Account reference proportions */
.fastbd-account-page-single .account-top-hero{gap:7px!important}
.fastbd-account-page-single .account-title-row{padding:13px 16px!important;border-radius:18px!important;min-height:78px!important}
.fastbd-account-page-single .account-title-row h1{font-size:34px!important;line-height:1!important}.fastbd-account-page-single .account-title-row p{font-size:10px!important;margin-top:5px!important}
.fastbd-account-page-single .account-profile-premium{padding:10px 12px!important;border-radius:17px!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:9px!important}
.fastbd-account-page-single .account-profile-premium .dashboard-avatar{width:58px!important;height:58px!important;flex-basis:58px!important}
.fastbd-account-page-single .account-profile-copy h2{font-size:15px!important;line-height:1.1!important}.fastbd-account-page-single .account-profile-copy p{font-size:9px!important}
.fastbd-account-page-single .account-badges{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:6px!important}.fastbd-account-page-single .account-badges span{font-size:8.5px!important;padding:5px 6px!important;border-radius:9px!important;white-space:normal!important}.fastbd-account-page-single .account-badges b{font-size:9px!important}
.fastbd-account-page-single .account-edit{position:static!important;grid-column:auto!important;padding:7px 9px!important;border-radius:11px!important;font-size:9px!important;white-space:nowrap!important}
.fastbd-account-page-single .account-wallet-premium{grid-template-columns:54px minmax(0,1fr) auto!important;gap:10px!important;padding:11px 13px!important;border-radius:17px!important;min-height:92px!important}
.fastbd-account-page-single .wallet-icon{width:50px!important;height:50px!important}.fastbd-account-page-single .wallet-icon svg{width:29px!important;height:29px!important}
.fastbd-account-page-single .wallet-label{font-size:12px!important}.fastbd-account-page-single .wallet-amount{font-size:27px!important}.fastbd-account-page-single .account-wallet-premium small{font-size:7.5px!important;white-space:normal!important}
.fastbd-account-page-single .wallet-add-btn{min-width:112px!important;padding:10px 12px!important;font-size:11px!important;border-radius:12px!important}
.fastbd-account-page-single .account-ref-banner{margin:7px 0 9px!important;padding:8px 12px!important;border-radius:14px!important;min-height:52px!important}.fastbd-account-page-single .account-ref-banner>span:first-child{font-size:27px!important}.fastbd-account-page-single .account-ref-banner strong{font-size:13px!important}.fastbd-account-page-single .account-ref-banner small{font-size:8.5px!important}.fastbd-account-page-single .account-ref-banner>b{width:32px!important;height:32px!important;font-size:18px!important}
.fastbd-account-page-single .dashboard-section-title{margin:7px 0 5px!important;font-size:16px!important}.fastbd-account-page-single .dashboard-stats{padding:5px!important;border-radius:14px!important;gap:5px!important}.fastbd-account-page-single .dashboard-stats>div{padding:7px 2px!important;border-radius:10px!important}.fastbd-account-page-single .dashboard-stats>div i{width:27px!important;height:27px!important;font-size:16px!important;margin-bottom:2px!important}.fastbd-account-page-single .dashboard-stats>div b{font-size:18px!important}.fastbd-account-page-single .dashboard-stats>div span{font-size:8px!important}
@media(max-width:600px){.fastbd-account-page-single .account-title-row{padding:12px 13px!important;min-height:72px!important}.fastbd-account-page-single .account-title-row h1{font-size:29px!important}.fastbd-account-page-single .account-profile-premium{grid-template-columns:50px minmax(0,1fr) auto!important;padding:8px!important;gap:7px!important}.fastbd-account-page-single .account-profile-premium .dashboard-avatar{width:50px!important;height:50px!important}.fastbd-account-page-single .account-profile-copy h2{font-size:12.5px!important}.fastbd-account-page-single .account-profile-copy p{font-size:7.8px!important;max-width:190px!important}.fastbd-account-page-single .account-badges{gap:3px!important;margin-top:4px!important}.fastbd-account-page-single .account-badges span{font-size:6.8px!important;padding:4px!important}.fastbd-account-page-single .account-badges b{font-size:7.5px!important}.fastbd-account-page-single .account-edit{font-size:7.8px!important;padding:5px 6px!important}.fastbd-account-page-single .account-wallet-premium{grid-template-columns:43px minmax(0,1fr) auto!important;min-height:76px!important;padding:9px 10px!important;gap:8px!important}.fastbd-account-page-single .wallet-icon{width:41px!important;height:41px!important}.fastbd-account-page-single .wallet-icon svg{width:24px!important;height:24px!important}.fastbd-account-page-single .wallet-label{font-size:9.5px!important}.fastbd-account-page-single .wallet-amount{font-size:21px!important}.fastbd-account-page-single .account-wallet-premium small{font-size:6.5px!important}.fastbd-account-page-single .wallet-add-btn{min-width:86px!important;padding:8px 7px!important;font-size:8.5px!important}.fastbd-account-page-single .account-ref-banner{min-height:46px!important;padding:7px 9px!important}.fastbd-account-page-single .account-ref-banner strong{font-size:11px!important}.fastbd-account-page-single .account-ref-banner small{font-size:7px!important}.fastbd-account-page-single .dashboard-section-title{font-size:15px!important}.fastbd-account-page-single .dashboard-stats>div{padding:6px 1px!important}.fastbd-account-page-single .dashboard-stats>div i{width:25px!important;height:25px!important;font-size:15px!important}.fastbd-account-page-single .dashboard-stats>div b{font-size:17px!important}.fastbd-account-page-single .dashboard-stats>div span{font-size:7px!important}}
/* v9.7.84 — wallet final compact reference fix */
.fastbd-account-page-single .account-wallet-premium{
display:grid!important;
grid-template-columns:54px minmax(0,1fr) auto!important;
grid-template-rows:auto!important;
align-items:center!important;
column-gap:12px!important;
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
padding:10px 14px!important;
margin:0!important;
border-radius:17px!important;
}
.fastbd-account-page-single .wallet-icon{grid-column:1!important;grid-row:1!important;width:50px!important;height:50px!important}
.fastbd-account-page-single .wallet-balance-copy{grid-column:2!important;grid-row:1!important;align-self:center!important;min-width:0!important}
.fastbd-account-page-single .wallet-add-btn{grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;margin:0!important;min-width:118px!important;padding:10px 13px!important}
.fastbd-account-page-single .wallet-label{font-size:12px!important;line-height:1.1!important}
.fastbd-account-page-single .wallet-amount{font-size:27px!important;line-height:1!important;margin:2px 0!important}
.fastbd-account-page-single .account-wallet-premium small{font-size:7.5px!important;line-height:1.15!important;margin:0!important}
@media(max-width:600px){
.fastbd-account-page-single .account-wallet-premium{grid-template-columns:44px minmax(0,1fr) auto!important;min-height:0!important;height:auto!important;padding:9px 10px!important;column-gap:8px!important;border-radius:16px!important}
.fastbd-account-page-single .wallet-icon{width:42px!important;height:42px!important}
.fastbd-account-page-single .wallet-icon svg{width:25px!important;height:25px!important}
.fastbd-account-page-single .wallet-label{font-size:9.5px!important}
.fastbd-account-page-single .wallet-amount{font-size:21px!important}
.fastbd-account-page-single .account-wallet-premium small{font-size:6.2px!important;white-space:normal!important}
.fastbd-account-page-single .wallet-add-btn{min-width:84px!important;padding:8px 7px!important;font-size:8.5px!important;border-radius:11px!important}
}
/* v9.7.85 — final proportion tune from user reference */
.fastbd-account-page-single .account-title-row{min-height:88px!important;padding:17px 18px 14px!important;align-items:flex-end!important}
.fastbd-account-page-single .account-profile-premium{min-height:92px!important;padding:13px 14px!important;grid-template-columns:62px minmax(0,1fr) auto!important;gap:11px!important}
.fastbd-account-page-single .account-profile-premium .dashboard-avatar{width:62px!important;height:62px!important;flex-basis:62px!important}
.fastbd-account-page-single .account-badges span{padding:6px 7px!important;font-size:9px!important}
.fastbd-account-page-single .account-badges b{font-size:9.5px!important}
.fastbd-account-page-single .account-wallet-premium{min-height:0!important;height:auto!important;padding:9px 14px!important;grid-template-columns:50px minmax(0,1fr) auto!important;column-gap:11px!important;border-radius:17px!important}
.fastbd-account-page-single .wallet-icon{width:46px!important;height:46px!important}
.fastbd-account-page-single .wallet-icon svg{width:27px!important;height:27px!important}
.fastbd-account-page-single .wallet-amount{font-size:25px!important}
.fastbd-account-page-single .wallet-add-btn{min-width:108px!important;padding:9px 11px!important}
@media(max-width:600px){
.fastbd-account-page-single .account-title-row{min-height:80px!important;padding:15px 14px 12px!important}
.fastbd-account-page-single .account-title-row h1{font-size:30px!important}
.fastbd-account-page-single .account-profile-premium{min-height:82px!important;padding:10px!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:8px!important}
.fastbd-account-page-single .account-profile-premium .dashboard-avatar{width:54px!important;height:54px!important;flex-basis:54px!important}
.fastbd-account-page-single .account-profile-copy h2{font-size:13px!important}
.fastbd-account-page-single .account-badges span{padding:5px!important;font-size:7.4px!important}
.fastbd-account-page-single .account-badges b{font-size:8px!important}
.fastbd-account-page-single .account-wallet-premium{min-height:0!important;height:auto!important;padding:8px 10px!important;grid-template-columns:42px minmax(0,1fr) auto!important;column-gap:7px!important;border-radius:16px!important}
.fastbd-account-page-single .wallet-icon{width:40px!important;height:40px!important}
.fastbd-account-page-single .wallet-icon svg{width:23px!important;height:23px!important}
.fastbd-account-page-single .wallet-label{font-size:9px!important}
.fastbd-account-page-single .wallet-amount{font-size:20px!important}
.fastbd-account-page-single .account-wallet-premium small{font-size:6px!important}
.fastbd-account-page-single .wallet-add-btn{min-width:80px!important;padding:7px 6px!important;font-size:8px!important}
}
/* v9.7.86 — wallet card exact compact height + premium Add Funds */
.fastbd-account-page-single .account-wallet-premium{
min-height:0!important;height:auto!important;
padding:10px 16px!important;
grid-template-columns:50px minmax(0,1fr) auto!important;
align-items:center!important;gap:12px!important;
border-radius:18px!important;
}
.fastbd-account-page-single .wallet-icon{width:46px!important;height:46px!important;box-shadow:0 7px 18px #001b5d42!important}
.fastbd-account-page-single .wallet-balance-copy{min-width:0!important;align-self:center!important}
.fastbd-account-page-single .wallet-label{font-size:11px!important;line-height:1.05!important}
.fastbd-account-page-single .wallet-amount{font-size:25px!important;line-height:1.05!important}
.fastbd-account-page-single .account-wallet-premium small{font-size:7px!important;line-height:1.1!important;margin-top:2px!important}
.fastbd-account-page-single .wallet-add-btn{min-width:112px!important;padding:11px 14px!important;border-radius:14px!important;background:linear-gradient(105deg,#bfffd6 0%,#64f2c3 45%,#25e1b4 100%)!important;box-shadow:0 7px 18px #00d9a938!important;border:1px solid #d8ffe9!important;text-align:center!important;font-size:10px!important;font-weight:900!important}
@media(max-width:600px){
.fastbd-account-page-single .account-wallet-premium{min-height:0!important;height:auto!important;padding:9px 10px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:7px!important;border-radius:16px!important}
.fastbd-account-page-single .wallet-icon{width:40px!important;height:40px!important}
.fastbd-account-page-single .wallet-icon svg{width:23px!important;height:23px!important}
.fastbd-account-page-single .wallet-label{font-size:8.8px!important}
.fastbd-account-page-single .wallet-amount{font-size:20px!important}
.fastbd-account-page-single .account-wallet-premium small{font-size:5.8px!important}
.fastbd-account-page-single .wallet-add-btn{min-width:88px!important;padding:8px 7px!important;border-radius:12px!important;font-size:8px!important}
}
/* v9.7.87 — fix inherited .wallet-card flex-basis that was forcing tall card */
.fastbd-account-page-single .wallet-card.account-wallet-premium{
flex:none!important;
flex-grow:0!important;
flex-shrink:0!important;
flex-basis:auto!important;
min-height:0!important;
height:auto!important;
padding:10px 14px!important;
grid-template-columns:46px minmax(0,1fr) auto!important;
align-items:center!important;
gap:10px!important;
}
.fastbd-account-page-single .wallet-card.account-wallet-premium .wallet-icon{width:44px!important;height:44px!important}
.fastbd-account-page-single .wallet-card.account-wallet-premium .wallet-add-btn{margin:0!important;align-self:center!important;justify-self:end!important}
@media(max-width:600px){
.fastbd-account-page-single .wallet-card.account-wallet-premium{flex:none!important;flex-basis:auto!important;min-height:0!important;height:auto!important;padding:9px 10px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:7px!important}
.fastbd-account-page-single .wallet-card.account-wallet-premium .wallet-icon{width:40px!important;height:40px!important}
}
/* v9.7.88 — slightly larger, balanced top account cards */
.fastbd-account-page-single .account-title-row{
min-height:96px!important;
padding:20px 20px 17px!important;
border-radius:22px!important;
}
.fastbd-account-page-single .account-profile-premium{
min-height:104px!important;
padding:15px 17px!important;
border-radius:21px!important;
grid-template-columns:66px minmax(0,1fr) auto!important;
gap:12px!important;
}
.fastbd-account-page-single .account-profile-premium .dashboard-avatar{width:66px!important;height:66px!important;flex-basis:66px!important}
.fastbd-account-page-single .account-badges{gap:6px!important;margin-top:7px!important}
.fastbd-account-page-single .account-badges span{padding:7px 9px!important;border-radius:11px!important}
.fastbd-account-page-single .wallet-card.account-wallet-premium{
min-height:78px!important;
padding:12px 16px!important;
border-radius:19px!important;
grid-template-columns:48px minmax(0,1fr) auto!important;
gap:12px!important;
}
.fastbd-account-page-single .wallet-card.account-wallet-premium .wallet-icon{width:46px!important;height:46px!important}
.fastbd-account-page-single .wallet-card.account-wallet-premium .wallet-add-btn{min-width:116px!important;padding:11px 15px!important;border-radius:15px!important}
.fastbd-account-page-single .account-ref-banner{
min-height:66px!important;
padding:12px 17px!important;
border-radius:19px!important;
box-shadow:0 8px 22px #0bb57a18!important;
}
@media(max-width:600px){
.fastbd-account-page-single .account-title-row{min-height:86px!important;padding:17px 15px 14px!important;border-radius:20px!important}
.fastbd-account-page-single .account-profile-premium{min-height:94px!important;padding:12px 11px!important;border-radius:19px!important;grid-template-columns:57px minmax(0,1fr) auto!important;gap:8px!important}
.fastbd-account-page-single .account-profile-premium .dashboard-avatar{width:57px!important;height:57px!important;flex-basis:57px!important}
.fastbd-account-page-single .account-badges{gap:4px!important;margin-top:5px!important}
.fastbd-account-page-single .account-badges span{padding:5px 6px!important;border-radius:9px!important}
.fastbd-account-page-single .wallet-card.account-wallet-premium{min-height:70px!important;height:auto!important;padding:10px 11px!important;grid-template-columns:43px minmax(0,1fr) auto!important;gap:8px!important;border-radius:17px!important}
.fastbd-account-page-single .wallet-card.account-wallet-premium .wallet-icon{width:42px!important;height:42px!important}
.fastbd-account-page-single .wallet-card.account-wallet-premium .wallet-add-btn{min-width:92px!important;padding:9px 8px!important;border-radius:13px!important}
.fastbd-account-page-single .account-ref-banner{min-height:58px!important;padding:10px 12px!important;border-radius:17px!important}
}
/* v9.7.89 — centered Add Funds, referral filler copy, product/service share */
.account-ref-final .wallet-add-btn{
display:flex!important;align-items:center!important;justify-content:center!important;
text-align:center!important;line-height:1.15!important;
}
.account-ref-final .account-ref-banner em{
display:block!important;margin-left:auto!important;margin-right:10px!important;
font-style:normal!important;font-weight:800!important;font-size:11px!important;
line-height:1.25!important;text-align:center!important;color:#087a58!important;
opacity:.88!important;white-space:nowrap!important;
}
.fastbd-title-share-row{display:flex;align-items:center;gap:10px;margin:0 0 18px;min-width:0}
.fastbd-title-share-row>h1{flex:1 1 auto;min-width:0;margin:0!important}
.fastbd-share-btn{flex:0 0 auto;width:44px;height:44px;border:1px solid #dce7f3;border-radius:13px;background:#eef7ff;color:#1769aa;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 14px rgba(15,45,75,.08);padding:0}
.fastbd-share-btn svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.fastbd-share-btn:active{transform:scale(.96)}
@media(max-width:600px){.fastbd-title-share-row{gap:8px}.fastbd-share-btn{width:42px;height:42px;border-radius:12px}.account-ref-final .account-ref-banner em{font-size:9.5px;margin-right:6px}}
/* Full-width banner carousel v9.9.2 — fixed proportional size, sits below the hero, Webix-style */
.fastbd-banner-section{padding-top:0;padding-bottom:22px}
.fastbd-hero:has(+ .fastbd-banner-section){padding-bottom:18px}
.fastbd-banner-slider{position:relative;width:100%;overflow:hidden;border-radius:20px;box-shadow:0 24px 65px rgba(65,38,142,.14);touch-action:pan-y;background:color-mix(in srgb,var(--primary) 6%,var(--surface));aspect-ratio:21/8}
.fastbd-banner-track{display:flex;width:100%;height:100%;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.fastbd-banner-slide{position:relative;flex:0 0 100%;width:100%;height:100%}
.fastbd-banner-slide a{display:block;width:100%;height:100%}
.fastbd-banner-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.fastbd-banner-caption{position:absolute;left:16px;right:16px;bottom:16px;padding:11px 14px;border-radius:13px;background:rgba(9,7,18,.72);color:#fff;font-weight:850;backdrop-filter:blur(8px);pointer-events:none}
.fastbd-banner-prev,.fastbd-banner-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#271747;font-size:26px;line-height:1;box-shadow:0 8px 24px #0002;cursor:pointer;display:grid;place-items:center}
.fastbd-banner-prev{left:14px}.fastbd-banner-next{right:14px}
.fastbd-banner-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px}
.fastbd-banner-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--text) 20%,transparent);transition:.2s;cursor:pointer}
.fastbd-banner-dots button.active{width:26px;background:var(--primary)}
@media(max-width:760px){
.fastbd-banner-slider{aspect-ratio:16/9;border-radius:16px}
.fastbd-banner-prev,.fastbd-banner-next{width:34px;height:34px;font-size:20px}
.fastbd-banner-prev{left:8px}.fastbd-banner-next{right:8px}
.fastbd-banner-section{padding-bottom:16px}
.fastbd-hero:has(+ .fastbd-banner-section){padding-bottom:12px}
}
/* ===== V9.9.4 — Compact premium Tutorial mobile polish ===== */
@media(max-width:760px){
.fastbd-tutorial-center{padding-top:0}
.tutorial-hero{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:14px 15px;margin-bottom:16px;border-radius:18px}
.tutorial-hero-icon{width:48px;height:48px;border-radius:14px;font-size:22px}
.tutorial-page-heading{font-size:22px;line-height:1.2;margin:0 0 3px}
.tutorial-page-subtitle{font-size:12.5px;line-height:1.45;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tutorial-progress{grid-column:1/-1;width:100%;max-width:none;gap:9px}
.tutorial-progress-bar{height:6px}
.tutorial-progress small{font-size:11.5px}
.tutorial-grid{grid-template-columns:1fr;gap:14px}
.tutorial-card{border-radius:18px}
.tutorial-step-badge{top:10px;left:10px;padding:5px 10px}
.tutorial-watched-tick{top:10px;right:10px}
.tutorial-play-ring{width:56px;height:56px}
.tutorial-play-icon{width:46px;height:46px;font-size:17px}
.tutorial-body{padding:14px 15px 15px}
.tutorial-body h3{font-size:18px;line-height:1.38;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tutorial-body p{font-size:13px;line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tutorial-watch{width:auto;min-height:42px;padding:10px 16px;border-radius:12px;font-size:14px}
}
@media(max-width:420px){
.tutorial-hero{grid-template-columns:44px 1fr;padding:12px 13px;margin-bottom:14px}
.tutorial-hero-icon{width:44px;height:44px}
.tutorial-page-heading{font-size:20px}
.tutorial-page-subtitle{font-size:12px;margin-bottom:8px}
.tutorial-body h3{font-size:17px}
}
\n\n/* ===== V9.9.5 — Final compact Tutorial hierarchy ===== */
.fastbd-tutorial-page-card{padding:0;background:transparent;border:0;box-shadow:none}
@media(max-width:760px){
.fastbd-tutorial-page-card{padding:0!important}
.fastbd-tutorial-center{padding:0}
.fastbd-tutorial-center .tutorial-hero{grid-template-columns:38px 1fr;padding:10px 12px;margin:0 0 12px;border-radius:16px;gap:10px}
.fastbd-tutorial-center .tutorial-hero-icon{width:38px;height:38px;border-radius:11px;font-size:19px}
.fastbd-tutorial-center .tutorial-page-heading{font-size:19px;line-height:1.2;margin:0 0 2px}
.fastbd-tutorial-center .tutorial-page-subtitle{font-size:11.5px;line-height:1.35;margin:0 0 7px;-webkit-line-clamp:1}
.fastbd-tutorial-center .tutorial-progress{gap:7px}
.fastbd-tutorial-center .tutorial-progress-bar{height:5px}
.fastbd-tutorial-center .tutorial-progress small{font-size:10.5px;white-space:nowrap}
.fastbd-tutorial-center .tutorial-grid{gap:12px}
.fastbd-tutorial-center .tutorial-body{padding:12px 14px 14px}
.fastbd-tutorial-center .tutorial-body h3{font-size:17px;line-height:1.35;-webkit-line-clamp:2;margin-bottom:6px}
.fastbd-tutorial-center .tutorial-body p{font-size:12.5px;line-height:1.5;-webkit-line-clamp:2;margin-bottom:10px}
.fastbd-tutorial-center .tutorial-watch{min-height:40px;padding:9px 15px;font-size:13.5px}
}
/* ===== V9.9.6 — Tutorial cards: title only, no description ===== */
.fastbd-tutorial-center .tutorial-body>p{display:none!important}
.fastbd-tutorial-center .tutorial-body h3{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;margin-bottom:12px}
@media(max-width:760px){
.fastbd-tutorial-center .tutorial-body{padding:12px 14px 14px}
.fastbd-tutorial-center .tutorial-body h3{font-size:17px;line-height:1.38;margin:0 0 11px}
}
/* V9.9.7 — Premium 3-step Cart / Checkout / Payment UI */
.fastbd-cart-page-v2{max-width:760px;margin:0 auto;padding:18px 14px 120px;background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 4%,#fff),#fff 42%);border-radius:28px}
.cart-v2-header{display:flex;align-items:center;gap:10px;margin:0 0 16px}.cart-v2-header .cart-v2-back{display:none}.cart-v2-icon{font-size:28px}.cart-v2-title{flex:1}.cart-v2-title h2{font-size:26px;margin:0;color:#0c1930}.cart-v2-title p{font-size:12px;margin:2px 0 0;opacity:.6}.cart-v2-count-badge{background:#e8f5ff;color:#087be8;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px}
.cart-v2-wallet{border:1px solid #bfeee0;background:linear-gradient(135deg,#effcf8,#f5fbff);box-shadow:0 8px 22px rgba(25,55,95,.06);border-radius:18px;padding:14px}.cart-v2-wallet-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#04c98a,#087bea);color:#fff;display:grid;place-items:center}.cart-v2-wallet-text strong{color:#08bd7c;font-size:22px}.cart-v2-wallet .fastbd-btn.small{border-radius:12px;background:linear-gradient(135deg,#08c985,#176df2);padding:12px 14px}
.cart-v2-row-card,.cart-v2-summary,.fbd-panel{background:#fff;border:1px solid #e7edf4;border-radius:18px;box-shadow:0 7px 22px rgba(20,40,70,.06)}.cart-v2-row-card{padding:14px;margin-bottom:12px}.cart-v2-row-media{width:82px;height:82px;border-radius:13px;overflow:hidden}.cart-v2-row-info strong{font-size:15px;line-height:1.35;color:#101b30}.cart-v2-tag{background:#e7fbf4;color:#09b978;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;width:max-content}.cart-v2-row-price{color:#08bd7c;font-size:18px}.cart-v2-remove-btn{font-size:0!important;background:#fff0f3!important;color:#ef476f!important;width:30px!important;height:30px!important;border-radius:50%!important}.cart-v2-remove-btn:before{content:'🗑';font-size:14px}.cart-v2-remove-x{display:none}.cart-v2-stepper{border:1px solid #dce3ea;border-radius:10px;overflow:hidden}.cart-v2-stepper button,.cart-v2-stepper input{height:34px}
.cart-v2-summary{padding:16px;margin:14px 0}.cart-v2-summary h3,.fbd-panel h3{font-size:16px;margin:0 0 14px;color:#111c30}.cart-v2-row{padding:7px 0;font-size:14px}.cart-v2-total-row{margin-top:7px;padding-top:13px;border-top:1px solid #e6ebf0;font-size:19px}.cart-v2-checkout-btn{width:100%;border:0;border-radius:15px;padding:15px 18px;font-size:16px;font-weight:800;background:linear-gradient(105deg,#05c986,#1475f5);box-shadow:0 10px 22px rgba(20,117,245,.18)}.cart-v2-secure{text-align:center;font-size:11px;opacity:.58;margin:10px 0}
.fbd-checkout-top{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;margin-bottom:16px}.fbd-checkout-top h2{font-size:25px;margin:0;color:#101a2e}.fbd-checkout-top>span{background:#e7f4ff;color:#087bea;font-size:11px;font-weight:800;border-radius:999px;padding:7px 10px}.fbd-icon-back{width:34px;height:34px;border:0;background:transparent;font-size:25px;color:#101a2e;cursor:pointer}.fbd-checkout-steps{display:flex;align-items:flex-start;margin:0 10px 20px}.fbd-step{width:48px;text-align:center;font-size:10px;font-weight:700;color:#536174}.fbd-step i{display:grid;place-items:center;margin:auto;width:28px;height:28px;border-radius:50%;background:#dce4ed;color:#223047;font-style:normal;font-weight:800}.fbd-step.is-done i{background:#0bc98a;color:#fff}.fbd-step-line{height:2px;background:#dce4ed;flex:1;margin-top:13px}.fbd-step-line.is-done{background:#0bc98a}.fbd-step span{display:block;margin-top:5px}.fbd-review-banner{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:14px;border-radius:16px;background:linear-gradient(100deg,#e7fbf4,#eef8ff)}.fbd-review-banner>b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#c9f5e7;font-size:20px}.fbd-review-banner strong,.fbd-review-banner small{display:block}.fbd-review-banner strong{font-size:15px}.fbd-review-banner small{font-size:11px;opacity:.6;margin-top:2px}.fbd-payment-banner{background:linear-gradient(100deg,#e9fbf5,#e9f5ff)}
.fbd-panel{padding:16px;margin-bottom:14px}.fbd-review-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f3}.fbd-review-item:last-child{border-bottom:0}.fbd-review-media{width:76px;height:76px;flex:0 0 76px;border-radius:12px;overflow:hidden}.fbd-review-media img{width:100%;height:100%;object-fit:cover}.fbd-review-info{min-width:0;flex:1}.fbd-review-info>strong{display:block;font-size:14px;line-height:1.35;margin-bottom:6px}.fbd-review-info>div{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.fbd-review-info>div b{color:#08bd7c;font-size:16px}.fbd-review-info>div small{opacity:.55}.fbd-green{color:#08bd7c!important}.fbd-coupon{border-radius:16px;background:linear-gradient(100deg,#fff1f3,#f2f1ff);margin:0 0 14px;overflow:hidden}.fbd-coupon-toggle{width:100%;border:0;background:transparent;padding:13px;display:flex;align-items:center;gap:10px;text-align:left}.fbd-coupon-toggle>span{font-size:22px}.fbd-coupon-toggle>div{flex:1}.fbd-coupon-toggle strong,.fbd-coupon-toggle small{display:block}.fbd-coupon-toggle small{font-size:10px;opacity:.55}.fbd-coupon-body{padding:0 13px 13px}.fbd-total-highlight{background:linear-gradient(90deg,#e8fbf4,#f1fff9);margin:8px -8px -8px;padding:13px 8px;border-radius:12px}
.fbd-payment-method{padding-bottom:16px}.fbd-pay-choice{display:flex;align-items:center;gap:10px;border:1px solid #e2e8ef;border-radius:15px;padding:12px;margin:10px 0;cursor:pointer}.fbd-pay-choice.selected{border-color:#75ddc3;background:#f1fcf8}.fbd-pay-choice input{display:none}.fbd-radio{width:18px;height:18px;border:2px solid #9caabd;border-radius:50%;position:relative}.fbd-pay-choice.selected .fbd-radio{border-color:#087bea}.fbd-pay-choice.selected .fbd-radio:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#087bea}.fbd-pay-icon{width:40px;height:40px;border-radius:11px;background:#d8f8ed;display:grid;place-items:center;font-size:20px}.fbd-pay-icon.auto{background:#e8f3ff;color:#087bea}.fbd-pay-choice>div{flex:1}.fbd-pay-choice>div strong,.fbd-pay-choice>div small,.fbd-pay-choice>em small{display:block}.fbd-pay-choice>div small{font-size:10px;opacity:.58;margin-top:2px}.fbd-pay-choice>em{font-style:normal;font-weight:800;color:#08bd7c;text-align:right}.fbd-pay-choice>em small{font-size:9px;font-weight:600}.confirm-v2-info{background:#eef5ff;border-radius:11px;padding:10px 12px;font-size:11px;line-height:1.5;margin:8px 0 12px}.confirm-v2-info small{display:block;opacity:.58;margin-left:20px}.fbd-gateways{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 16px}.fbd-gateways span{height:58px;border:1px solid #e5e9ef;border-radius:11px;display:grid;place-items:center;font-weight:900}.fbd-gateways small{display:block;font-size:9px}.fbd-gateways .bk{color:#e2136e;background:#fff4f8}.fbd-gateways .ng{color:#f6871f;background:#fff8f1}.fbd-gateways .rk{color:#8e44ad;background:#faf5ff}.fbd-gateways .ot{color:#2563eb;background:#f4f8ff}
@media(max-width:560px){.fastbd-cart-page-v2{padding:14px 10px 110px;border-radius:22px}.cart-v2-wallet{gap:9px}.cart-v2-wallet-text strong{font-size:19px}.cart-v2-wallet .fastbd-btn.small{font-size:11px;padding:10px}.cart-v2-row-media{width:74px;height:74px}.fbd-panel{padding:14px}.fbd-review-media{width:68px;height:68px;flex-basis:68px}.fbd-checkout-top h2{font-size:22px}}
/* v9.9.8 — Checkout polish: compact back pill, coupon, payment icons */
.fbd-checkout-top{grid-template-columns:auto 1fr auto!important}
.fbd-icon-back{width:auto!important;height:36px!important;padding:0 12px!important;border:1px solid #dbe4ee!important;border-radius:999px!important;background:#fff!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:14px!important;font-weight:800!important;box-shadow:0 4px 12px rgba(15,35,65,.06);white-space:nowrap}
.fbd-icon-back span{font-size:19px;line-height:1}.fbd-icon-back b{font-size:12px}.fbd-icon-back:hover{border-color:#8bdcca!important;background:#f4fffb!important}
.fbd-coupon{border:1px solid #f0e6ef!important;border-radius:18px!important;background:linear-gradient(105deg,#fff4f6,#f7f4ff)!important;overflow:hidden!important;box-shadow:0 6px 18px rgba(80,50,90,.05)}
.fbd-coupon-toggle{width:100%;display:grid!important;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:13px 14px!important;background:transparent!important;border:0!important;text-align:left;color:#111c30;cursor:pointer}
.fbd-coupon-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ff5277,#ff8b5f);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900;box-shadow:0 5px 12px rgba(255,82,119,.18)}
.fbd-coupon-toggle strong,.fbd-coupon-toggle small{display:block}.fbd-coupon-toggle strong{font-size:14px}.fbd-coupon-toggle small{font-size:10.5px;opacity:.58;margin-top:2px}.fbd-coupon-chevron{font-size:18px;text-align:center;transition:.2s}.fbd-coupon-toggle[aria-expanded="true"] .fbd-coupon-chevron{transform:rotate(180deg)}
.fbd-coupon-body{padding:0 14px 14px!important}.fbd-coupon-body[hidden]{display:none!important}.fbd-coupon .cart-v2-coupon-row{display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important;width:100%!important}.fbd-coupon .cart-v2-coupon-row input{min-width:0!important;width:100%!important;height:44px!important;border:1px solid #d8e1eb!important;border-radius:12px!important;background:#fff!important;padding:0 12px!important;font-size:13px!important;box-sizing:border-box!important}.fbd-coupon .cart-v2-coupon-row button{width:92px!important;min-width:0!important;height:44px!important;margin:0!important;border-radius:12px!important;padding:0 10px!important;box-sizing:border-box!important}
.fbd-heading-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff0f4;color:#ed4768;font-size:14px;vertical-align:middle;margin-right:5px}
.fbd-pay-icon{flex:0 0 44px!important;width:44px!important;height:44px!important}.fbd-pay-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fbd-wallet-svg{background:linear-gradient(135deg,#d9faee,#c9f3e7)!important;color:#08b978!important}.fbd-wallet-svg svg path:first-child{fill:#08b978;stroke:#08b978}.fbd-wallet-svg svg path:nth-child(2){fill:#fff;stroke:#08b978}.fbd-wallet-svg svg circle{fill:#08b978;stroke:none}.fbd-pay-icon.auto{color:#1676e8!important;background:#eaf4ff!important}
.fbd-pay-choice{min-height:78px;box-sizing:border-box}.fbd-pay-choice>div strong{font-size:14px}.fbd-pay-choice>em{white-space:nowrap;font-size:16px}.confirm-v2-info{border:1px solid #e0ebfa!important;background:linear-gradient(100deg,#f1f6ff,#edf5ff)!important}
.fbd-gateways span{transition:.18s;cursor:pointer}.fbd-gateways span:hover{transform:translateY(-2px)}
@media(max-width:420px){.fbd-icon-back{padding:0 9px!important}.fbd-icon-back b{font-size:11px}.fbd-checkout-top h2{font-size:20px!important}.fbd-checkout-top>span{font-size:10px!important;padding:6px 8px!important}.fbd-coupon .cart-v2-coupon-row{grid-template-columns:minmax(0,1fr) 78px!important}.fbd-coupon .cart-v2-coupon-row button{width:78px!important;font-size:12px!important}.fbd-pay-choice{gap:8px!important;padding:11px!important}.fbd-pay-icon{flex-basis:40px!important;width:40px!important;height:40px!important}.fbd-pay-choice>em{font-size:14px}.fbd-gateways{gap:5px!important}}
/* V9.9.9 — larger premium cart/review/payment + admin gateway logos */
.fastbd-cart-page-v2{max-width:800px!important;padding-left:18px!important;padding-right:18px!important}
.cart-v2-row-card,.cart-v2-summary,.fbd-panel{border-radius:20px!important;box-shadow:0 8px 24px rgba(20,42,75,.055)!important}
.cart-v2-row-card{padding:18px!important;gap:16px!important}.cart-v2-row-media{width:92px!important;height:92px!important;flex-basis:92px!important;border-radius:14px!important}.cart-v2-row-info strong{font-size:17px!important;line-height:1.4!important}.cart-v2-row-price{font-size:21px!important}.cart-v2-stepper{min-width:145px!important;height:48px!important;border-radius:14px!important}.cart-v2-stepper button{font-size:21px!important}.cart-v2-stepper input{font-size:17px!important}
.cart-v2-summary,.fbd-panel{padding:20px!important}.cart-v2-summary h3,.fbd-panel h3{font-size:19px!important}.cart-v2-row{font-size:16px!important;padding:10px 0!important}.cart-v2-total-row{font-size:23px!important;padding-top:16px!important}.cart-v2-checkout-btn{min-height:58px!important;font-size:18px!important;border-radius:17px!important}
.fbd-review-item{gap:16px!important;padding:16px 0!important}.fbd-review-media{width:92px!important;height:92px!important;flex-basis:92px!important}.fbd-review-info>strong{font-size:16px!important}.fbd-review-info>div b{font-size:19px!important}
.fbd-review-banner{padding:17px 18px!important;border-radius:19px!important}.fbd-review-banner>b{width:50px!important;height:50px!important;border-radius:14px!important}.fbd-review-banner strong{font-size:18px!important}.fbd-review-banner small{font-size:13px!important}
.fbd-pay-choice{min-height:96px!important;padding:16px!important;border-radius:18px!important}.fbd-pay-choice>div strong{font-size:17px!important}.fbd-pay-choice>div small{font-size:12px!important}.fbd-pay-choice>em{font-size:19px!important}.fbd-pay-icon{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:14px!important}.fbd-pay-icon svg{width:29px!important;height:29px!important}.confirm-v2-info{font-size:13px!important;padding:13px 15px!important;border-radius:14px!important}
.fbd-gateways{gap:10px!important;margin-top:12px!important}.fbd-gateways span{height:76px!important;border-radius:14px!important;padding:7px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important}.fbd-gateways img{display:block!important;width:44px!important;height:30px!important;object-fit:contain!important;margin:auto!important}.fbd-gateways .gw small{font-size:10px!important;color:#536174!important}.fbd-gateways .gw b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef5ff;color:#1676e8}
#fastbd-cart-confirm-view{min-height:0!important;height:auto!important;padding-bottom:24px!important}.fastbd-cart-page-v2:has(#fastbd-cart-confirm-view:not([hidden])){padding-bottom:90px!important}
@media(max-width:560px){.fastbd-cart-page-v2{padding-left:12px!important;padding-right:12px!important}.cart-v2-row-card{padding:14px!important;gap:12px!important}.cart-v2-row-media{width:82px!important;height:82px!important;flex-basis:82px!important}.cart-v2-row-info strong{font-size:15px!important}.cart-v2-stepper{min-width:132px!important;height:44px!important}.fbd-panel{padding:16px!important}.fbd-review-media{width:80px!important;height:80px!important;flex-basis:80px!important}.fbd-pay-choice{min-height:88px!important;padding:13px!important}.fbd-pay-icon{width:46px!important;height:46px!important;flex-basis:46px!important}.fbd-gateways span{height:68px!important}.fbd-gateways img{width:38px!important;height:26px!important}}
\n\n/* V9.9.10 — roomier mobile cart + reliable checkout step positioning */
@media(max-width:560px){
.fastbd-cart-page-v2{padding-left:16px!important;padding-right:16px!important}
.cart-v2-header{margin-bottom:20px!important}.cart-v2-icon{font-size:32px!important}.cart-v2-title h2{font-size:29px!important}.cart-v2-count-badge{font-size:13px!important;padding:9px 13px!important}
.cart-v2-wallet{padding:16px!important;border-radius:20px!important}.cart-v2-wallet-icon{width:54px!important;height:54px!important;flex-basis:54px!important}.cart-v2-wallet-text strong{font-size:22px!important}.cart-v2-wallet-text small{font-size:12px!important}
.cart-v2-row-card{padding:16px!important;gap:14px!important;border-radius:21px!important;margin-bottom:15px!important}.cart-v2-row-media{width:88px!important;height:88px!important;flex-basis:88px!important}.cart-v2-row-info strong{font-size:16px!important}.cart-v2-tag{font-size:12px!important;padding:6px 11px!important}.cart-v2-row-price{font-size:22px!important}.cart-v2-stepper{min-width:138px!important;height:47px!important}
.cart-v2-summary,.fbd-panel{padding:18px!important;border-radius:21px!important}.cart-v2-summary h3,.fbd-panel h3{font-size:19px!important}.cart-v2-row{font-size:16px!important}.cart-v2-total-row{font-size:23px!important}.cart-v2-checkout-btn{min-height:60px!important;font-size:18px!important}
.fbd-checkout-top{margin:2px 0 20px!important}.fbd-checkout-top h2{font-size:24px!important}.fbd-checkout-top>span{font-size:11px!important;padding:8px 10px!important}.fbd-icon-back{height:40px!important;padding:0 12px!important}.fbd-icon-back b{font-size:12px!important}
.fbd-checkout-steps{margin:0 8px 23px!important}.fbd-step{font-size:11px!important}.fbd-step i{width:32px!important;height:32px!important}.fbd-step-line{margin-top:15px!important}
.fbd-review-banner{padding:17px!important}.fbd-review-media{width:86px!important;height:86px!important;flex-basis:86px!important}.fbd-review-info>strong{font-size:16px!important}.fbd-review-info>div b{font-size:20px!important}
.fbd-coupon-toggle{padding:15px!important}.fbd-coupon-toggle strong{font-size:15px!important}.fbd-coupon-toggle small{font-size:11px!important}.fbd-coupon-icon{width:48px!important;height:48px!important;flex-basis:48px!important}
.fbd-pay-choice{min-height:94px!important;padding:15px!important}.fbd-pay-choice>div strong{font-size:16px!important}.fbd-pay-choice>div small{font-size:12px!important}.fbd-pay-choice>em{font-size:18px!important}.fbd-pay-icon{width:50px!important;height:50px!important;flex-basis:50px!important}.fbd-gateways span{height:72px!important}
}
@media(max-width:390px){.fastbd-cart-page-v2{padding-left:13px!important;padding-right:13px!important}.cart-v2-row-media{width:82px!important;height:82px!important;flex-basis:82px!important}.cart-v2-stepper{min-width:128px!important}.fbd-review-media{width:80px!important;height:80px!important;flex-basis:80px!important}}
/* V9.9.11 — wider inner cart cards (Wallet + Products), reduced nested-card feel */
@media(max-width:560px){
#fastbd-cart-main-view{overflow:visible!important}
.fastbd-cart-page-v2{padding-left:10px!important;padding-right:10px!important}
.cart-v2-wallet,
#fastbd-cart-items .cart-v2-row-card{width:calc(100% + 8px)!important;margin-left:-4px!important;margin-right:-4px!important;box-sizing:border-box!important}
.cart-v2-wallet{min-height:118px!important;padding:18px 16px!important;gap:13px!important;border-radius:22px!important}
.cart-v2-wallet-icon{width:60px!important;height:60px!important;flex-basis:60px!important;border-radius:17px!important}
.cart-v2-wallet-icon svg{width:25px!important;height:25px!important}
.cart-v2-wallet-text span{font-size:13px!important}
.cart-v2-wallet-text strong{font-size:23px!important;line-height:1.2!important}
.cart-v2-wallet-text small{font-size:12px!important;line-height:1.45!important;margin-top:4px!important}
.cart-v2-wallet .fastbd-btn.small{min-width:86px!important;min-height:54px!important;padding:10px 11px!important;font-size:12px!important;line-height:1.3!important}
#fastbd-cart-items .cart-v2-row-card{min-height:190px!important;padding:18px 15px!important;gap:15px!important;border-radius:22px!important;margin-bottom:18px!important}
.cart-v2-row-media{width:100px!important;height:100px!important;flex-basis:100px!important;border-radius:15px!important}
.cart-v2-row-info strong{font-size:17px!important;line-height:1.42!important}
.cart-v2-tag{font-size:12px!important;padding:6px 12px!important;margin-top:5px!important}
.cart-v2-row-price{font-size:23px!important;margin-top:7px!important}
.cart-v2-row-bottom{margin-top:9px!important;gap:10px!important}
.cart-v2-stepper{min-width:150px!important;height:50px!important;border-radius:14px!important}
.cart-v2-stepper button{font-size:22px!important}
.cart-v2-stepper input{font-size:18px!important}
.cart-v2-remove-btn{width:36px!important;height:36px!important;flex-basis:36px!important}
}
@media(max-width:390px){
.fastbd-cart-page-v2{padding-left:8px!important;padding-right:8px!important}
.cart-v2-wallet,#fastbd-cart-items .cart-v2-row-card{width:calc(100% + 6px)!important;margin-left:-3px!important;margin-right:-3px!important}
.cart-v2-wallet{padding:16px 13px!important;gap:10px!important}.cart-v2-wallet-icon{width:56px!important;height:56px!important;flex-basis:56px!important}.cart-v2-wallet-text strong{font-size:21px!important}.cart-v2-wallet .fastbd-btn.small{min-width:78px!important;padding:9px 8px!important}
#fastbd-cart-items .cart-v2-row-card{padding:16px 13px!important;gap:12px!important}.cart-v2-row-media{width:92px!important;height:92px!important;flex-basis:92px!important}.cart-v2-row-info strong{font-size:16px!important}.cart-v2-stepper{min-width:138px!important}
}
/* V9.9.12 — near full-width mobile Cart: remove excessive outer white gutters */
@media(max-width:560px){
body:has(.fastbd-cart-page-v2) .fastbd-section{padding-top:16px!important;padding-bottom:24px!important}
body:has(.fastbd-cart-page-v2) .fastbd-wrap{padding-left:7px!important;padding-right:7px!important}
body:has(.fastbd-cart-page-v2) .fastbd-card:has(.fastbd-cart-page-v2){width:100%!important;max-width:none!important;margin:0!important;padding:8px 5px 20px!important;border-radius:22px!important;box-sizing:border-box!important}
.fastbd-cart-page-v2{width:100%!important;max-width:none!important;margin:0!important;padding:12px 6px 105px!important;border-radius:20px!important;box-sizing:border-box!important}
#fastbd-cart-main-view{width:100%!important}
.cart-v2-header{padding:0 5px!important;margin-bottom:16px!important}
.cart-v2-wallet,#fastbd-cart-items .cart-v2-row-card,.cart-v2-summary,.fastbd-cart-form{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
.cart-v2-wallet{min-height:120px!important;padding:18px 14px!important}
#fastbd-cart-items .cart-v2-row-card{padding:18px 14px!important}
.cart-v2-row-media{width:104px!important;height:104px!important;flex-basis:104px!important}
}
@media(max-width:390px){
body:has(.fastbd-cart-page-v2) .fastbd-wrap{padding-left:5px!important;padding-right:5px!important}
body:has(.fastbd-cart-page-v2) .fastbd-card:has(.fastbd-cart-page-v2){padding-left:4px!important;padding-right:4px!important}
.fastbd-cart-page-v2{padding-left:5px!important;padding-right:5px!important}
.cart-v2-wallet{padding:16px 12px!important}
#fastbd-cart-items .cart-v2-row-card{padding:16px 12px!important;gap:12px!important}
.cart-v2-row-media{width:96px!important;height:96px!important;flex-basis:96px!important}
}
/* ===== V9.9.13 — Premium Color Polish: Cart → Review → Payment ===== */
body:has(.fastbd-cart-page-v2){background:linear-gradient(180deg,#f6faff 0%,#fbfdff 42%,#f7fbff 100%)!important}
.fastbd-cart-page-v2{background:linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%)!important}
.cart-v2-header{background:linear-gradient(135deg,#f4fbff,#f3fffb)!important;border:1px solid #e2edf6!important;border-radius:22px!important;padding:16px 14px!important;box-shadow:0 8px 24px rgba(25,60,100,.055)!important}
.cart-v2-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#e8fff7,#eaf5ff)}
.cart-v2-count-badge{background:linear-gradient(135deg,#e8f7ff,#eefbff)!important;box-shadow:inset 0 0 0 1px #dceefb}
.cart-v2-wallet{background:linear-gradient(135deg,#edfff8 0%,#f1fbff 100%)!important;border-color:#aee9d7!important;box-shadow:0 12px 30px rgba(14,167,126,.09)!important}
.cart-v2-wallet-icon{box-shadow:0 8px 20px rgba(17,139,205,.18)!important}
.cart-v2-row-card{border-color:#e1eaf3!important;box-shadow:0 12px 30px rgba(26,52,86,.075)!important;background:linear-gradient(180deg,#fff,#fdfefe)!important}
.cart-v2-row-media{box-shadow:0 6px 16px rgba(20,45,75,.10)!important;background:#f4f8fc!important}
.cart-v2-tag{background:#eafbf5!important;color:#0eaa77!important;border:1px solid #d8f6ea!important}
.cart-v2-row-price{color:#08b77b!important;font-weight:900!important}
.cart-v2-stepper{background:#fbfdff!important;border:1px solid #dbe5ef!important;box-shadow:0 4px 14px rgba(25,50,80,.05)!important}
.cart-v2-remove-btn{background:#fff0f3!important;border:1px solid #ffe1e7!important}
.cart-v2-summary,.fbd-panel{border-color:#e0e9f2!important;box-shadow:0 12px 32px rgba(25,50,85,.07)!important}
.cart-v2-summary h3,.fbd-panel h3{color:#101d33!important}
.cart-v2-total-row{background:linear-gradient(135deg,#edfff8,#effaff)!important;border-radius:16px!important;padding:15px 14px!important;margin-top:10px!important;border:1px solid #def4eb!important}
.cart-v2-checkout-btn,.fbd-next-btn,.fbd-pay-submit{background:linear-gradient(105deg,#08c889 0%,#10a9c7 48%,#1679ef 100%)!important;box-shadow:0 13px 28px rgba(19,125,209,.20)!important;border:0!important}
.cart-v2-checkout-btn:active,.fbd-next-btn:active,.fbd-pay-submit:active{transform:translateY(1px) scale(.995)}
.fbd-checkout-top{background:linear-gradient(135deg,#f8fbff,#f4fbff)!important;border:1px solid #e7eef6!important;border-radius:20px!important;padding:12px!important}
.fbd-icon-back{background:#fff!important;border:1px solid #dce6ef!important;box-shadow:0 5px 14px rgba(25,50,80,.06)!important}
.fbd-checkout-top>span{background:#e9f6ff!important;color:#0786cc!important}
.fbd-step i{box-shadow:0 5px 14px rgba(8,190,133,.12)}
.fbd-step.active i,.fbd-step.done i{background:#0bc88b!important;color:#fff!important}
.fbd-step-line.active{background:#0bc88b!important}
.fbd-review-hero,.fbd-payment-hero{background:linear-gradient(135deg,#eafff7,#eaf7ff)!important;border:1px solid #dff4ed!important;border-radius:20px!important}
.fbd-review-media{box-shadow:0 6px 16px rgba(22,50,85,.10)!important;border-radius:14px!important}
.fbd-coupon{background:linear-gradient(135deg,#fff3f5,#f7f1ff)!important;border:1px solid #f0e1eb!important;box-shadow:0 8px 22px rgba(100,50,90,.055)!important}
.fbd-pay-choice{border:1px solid #dfe8f1!important;background:#fff!important;border-radius:18px!important;box-shadow:0 6px 18px rgba(25,50,80,.045)!important}
.fbd-pay-choice.active,.fbd-pay-choice:has(input:checked){border-color:#70d9bd!important;background:linear-gradient(135deg,#edfff8,#f4fcff)!important;box-shadow:0 9px 24px rgba(11,184,132,.09)!important}
.fbd-pay-icon{background:linear-gradient(135deg,#eafff7,#eaf5ff)!important;border-radius:14px!important}
.fbd-gateways{align-items:stretch!important}
.fbd-gateways span{background:#fff!important;border:1px solid #e1e8f0!important;border-radius:15px!important;box-shadow:0 5px 15px rgba(25,50,80,.05)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;overflow:hidden!important}
.fbd-gateways img{object-fit:contain!important;display:block!important}
@media(max-width:560px){
body:has(.fastbd-cart-page-v2) .fastbd-section{padding-top:10px!important}
.cart-v2-header{padding:14px 12px!important;margin-bottom:13px!important;border-radius:19px!important}
.cart-v2-icon{width:44px;height:44px;font-size:25px!important}
.cart-v2-title h2{font-size:27px!important}.cart-v2-title p{font-size:11.5px!important;line-height:1.35!important}
.cart-v2-wallet{min-height:112px!important;padding:15px 12px!important;border-radius:19px!important}
#fastbd-cart-items .cart-v2-row-card{min-height:0!important;padding:14px 11px!important;margin-bottom:14px!important;border-radius:19px!important}
.cart-v2-row-media{width:92px!important;height:92px!important;flex-basis:92px!important}
.cart-v2-row-info strong{font-size:15.5px!important;line-height:1.35!important}.cart-v2-row-price{font-size:21px!important}
.cart-v2-row-bottom{margin-top:7px!important}.cart-v2-stepper{height:44px!important;min-width:132px!important}
.cart-v2-summary,.fbd-panel{padding:15px!important;border-radius:19px!important}.cart-v2-summary h3,.fbd-panel h3{font-size:18px!important}
.cart-v2-total-row{font-size:21px!important;padding:13px 12px!important}
.fbd-checkout-top{margin-bottom:14px!important;padding:10px!important;border-radius:18px!important}
.fbd-checkout-steps{margin-bottom:17px!important}.fbd-review-hero,.fbd-payment-hero{padding:14px!important;margin-bottom:14px!important}
.fbd-review-item{padding-top:12px!important;padding-bottom:12px!important}
.fbd-coupon{border-radius:18px!important}.fbd-pay-choice{min-height:82px!important;padding:12px!important}
.fbd-gateways span{height:72px!important;min-width:0!important}.fbd-gateways img{max-width:42px!important;max-height:32px!important}
.cart-v2-checkout-btn,.fbd-next-btn,.fbd-pay-submit{min-height:56px!important;border-radius:16px!important;font-size:17px!important}
}
/* v9.9.14 — Digital Product sale-price presentation (display only; does not alter checkout math) */
.cart-v2-row-price-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0 8px}
.cart-v2-row-price-wrap .cart-v2-row-price{margin:0!important}
.cart-v2-regular-price{color:#8a9099;font-size:15px;font-weight:600;text-decoration-thickness:1.5px}
.cart-v2-off-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:9px;background:#ef4444;color:#fff;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
@media(max-width:520px){.cart-v2-row-price-wrap{gap:7px}.cart-v2-regular-price{font-size:14px}.cart-v2-off-badge{font-size:11px;padding:5px 8px}}
.fbd-wallet-warn{background:#fff4e5!important;border:1px solid #ffd9a8!important;border-left:4px solid #f2a93c!important;color:#8a5a12!important;border-radius:12px!important;padding:13px 15px!important;box-shadow:0 6px 16px rgba(200,140,20,.10);line-height:1.6}.fbd-wallet-warn a{color:#d9480f;font-weight:800;text-decoration:underline}
.fbd-pay-choice.fbd-disabled{opacity:.5;cursor:not-allowed;background:#f7f7f9}.fbd-pay-choice.fbd-disabled input{pointer-events:none}
/* Single Digital Product / Package / Course purchase box — Wallet / Auto
Payment / Manual Payment tabs and the Buy Now / Add to Cart buttons had
no dedicated styling at all (plain default buttons), so this gives the
whole box the same pill-tab, rounded-card look already used elsewhere
in the theme (e.g. .fbd-pay-choice on the Cart's own Payment step). */
.fbu-pkg-pay-tabs{display:flex;gap:6px;margin:14px 0 12px;background:color-mix(in srgb,var(--text) 5%,transparent);padding:5px;border-radius:13px}
.fbu-pkg-pay-tab{flex:1;border:none;background:transparent;padding:11px 8px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;color:color-mix(in srgb,var(--text) 55%,transparent);transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}
.fbu-pkg-pay-tab.active{background:var(--surface);color:var(--primary);box-shadow:0 3px 10px color-mix(in srgb,var(--text) 12%,transparent)}
.fbu-pkg-pay-panel{margin-bottom:4px}
.wallet-balance-line{background:color-mix(in srgb,var(--primary) 7%,transparent);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:12px;padding:11px 13px;font-size:13px;margin:0 0 12px}
.wallet-balance-line a{color:var(--primary);font-weight:800;text-decoration:underline}
.fbu-pkg-buy-btn{margin-top:2px;border-radius:13px!important;font-weight:800!important;min-height:50px}
/* This button carries both .fastbd-cart-add (a small 40px icon-button style
used elsewhere, with flex:0 0 40px and a -10px left margin) and
.fastbd-cart-add-wide — those leftover properties from the shared class
were bleeding through here (nothing in the original -wide rule reset
them), shifting/skewing the button so it never sat squarely under
Buy Now. Resetting them explicitly fixes it. */
.fastbd-cart-add-wide{box-sizing:border-box;flex:none;margin-left:0;transition:background .15s,color .15s,box-shadow .15s;min-height:50px;border-radius:13px!important;border:2px solid color-mix(in srgb,var(--primary) 45%,transparent);font-weight:800;font-size:15px;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:6px}
.fastbd-cart-add-wide:hover{background:color-mix(in srgb,var(--primary) 16%,transparent);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 18%,transparent)}
@media(max-width:600px){.fbu-pkg-pay-tabs{border-radius:14px}.fbu-pkg-pay-tab{font-size:12.5px;padding:12px 6px}.fbu-pkg-buy-btn{min-height:52px!important;font-size:16px!important;box-shadow:0 9px 24px color-mix(in srgb,var(--primary) 20%,transparent)}.fastbd-cart-add-wide{min-height:52px!important;font-size:15px!important}}
/* ===== V9.9.22 — Dark Mode fix for Cart → Review → Payment (the
V9.9.13 "Premium Color Polish" block above hardcodes light colors with
!important on the Cart V2 page's own cards, which body.dark's normal
rules never targeted, so those cards stayed light while the rest of the
site went dark). These, being extra-specific to body.dark, win over the
hardcoded light rules regardless of source order. ===== */
body.dark .fastbd-cart-page-v2,body.dark:has(.fastbd-cart-page-v2){background:linear-gradient(180deg,#0c0916 0%,#13101f 100%)!important}
body.dark .cart-v2-header{background:linear-gradient(135deg,#15121f,#12101c)!important;border-color:#ffffff18!important}
body.dark .cart-v2-icon{background:linear-gradient(135deg,#152a24,#131e2c)}
body.dark .cart-v2-title h2{color:#f7f3ff}
body.dark .cart-v2-title p{color:#cfc5dc}
body.dark .cart-v2-row-info strong{color:#f7f3ff}
body.dark .cart-v2-count-badge{background:linear-gradient(135deg,#141c26,#121c24)!important;box-shadow:inset 0 0 0 1px #ffffff18}
body.dark .cart-v2-wallet{background:linear-gradient(135deg,#132621,#101c26)!important;border-color:#1f4a3d!important}
body.dark .cart-v2-wallet-text span,body.dark .cart-v2-wallet-text small{color:#cfc5dc}
body.dark .cart-v2-row-card{border-color:#ffffff18!important;background:linear-gradient(180deg,#151120,#141020)!important}
body.dark .cart-v2-row-media{background:#1c1830!important}
body.dark .cart-v2-tag{background:#123024!important;color:#3fe0a3!important;border-color:#1e4a38!important}
body.dark .cart-v2-stepper{background:#151120!important;border-color:#ffffff18!important;color:#f7f3ff}
body.dark .cart-v2-stepper input{background:transparent;color:#f7f3ff}
body.dark .cart-v2-remove-btn{background:#2a1319!important;border-color:#4a1e26!important;color:#ff9daa}
body.dark .cart-v2-summary,body.dark .fbd-panel{background:#151120!important;border-color:#ffffff18!important}
body.dark .cart-v2-summary h3,body.dark .fbd-panel h3{color:#f7f3ff!important}
body.dark .cart-v2-row{color:#e6dff2}
body.dark .cart-v2-total-row{background:linear-gradient(135deg,#132621,#101c26)!important;border-color:#1f4a3d!important}
body.dark .fbd-checkout-top{background:linear-gradient(135deg,#15121f,#12101c)!important;border-color:#ffffff18!important}
body.dark .fbd-checkout-top h2{color:#f7f3ff}
body.dark .fbd-icon-back{background:#1c1830!important;border-color:#ffffff18!important;color:#f7f3ff}
body.dark .fbd-checkout-top>span{background:#122633!important;color:#5fc4f2!important}
body.dark .fbd-step span{color:#cfc5dc}
body.dark .fbd-review-banner,body.dark .fbd-payment-banner{background:linear-gradient(100deg,#132621,#101c26)!important}
body.dark .fbd-review-banner strong,body.dark .fbd-payment-banner strong{color:#f7f3ff}
body.dark .fbd-review-banner small,body.dark .fbd-payment-banner small{color:#cfc5dc}
body.dark .fbd-review-item{border-color:#ffffff18}
body.dark .fbd-review-info>strong,body.dark .fbd-review-item strong{color:#f7f3ff}
body.dark .fbd-coupon{background:linear-gradient(135deg,#221420,#1c1424)!important;border-color:#ffffff18!important}
body.dark .fbd-coupon-toggle{color:#f7f3ff!important}
body.dark .fbd-coupon-toggle strong{color:#f7f3ff!important}
body.dark .fbd-coupon-toggle small{color:#cfc5dc!important}
body.dark .fbd-coupon strong{color:#f7f3ff!important}
body.dark .cart-v2-coupon-row input,body.dark #fastbd-coupon-input{background:#151120;color:#f7f3ff;border-color:#ffffff18}
body.dark .fbd-pay-choice{border-color:#ffffff18!important;background:#151120!important}
body.dark .fbd-pay-choice strong{color:#f7f3ff}
body.dark .fbd-pay-choice.active,body.dark .fbd-pay-choice:has(input:checked){border-color:#1f9d73!important;background:linear-gradient(135deg,#122b22,#101e28)!important}
body.dark .fbd-pay-icon{background:linear-gradient(135deg,#152a24,#131e2c)!important;color:#f7f3ff}
body.dark .fbd-gateways span{background:#151120!important;border-color:#ffffff18!important;color:#e6dff2}
body.dark .fbd-pay-choice.fbd-disabled{background:#171325!important}
body.dark .fbd-wallet-warn{background:#2a2110!important;border-color:#5a4315!important;border-left-color:#e0a815!important;color:#f2cf8a!important}
body.dark .confirm-v2-info{background:linear-gradient(100deg,#122633,#101c26)!important;border-color:#1f4a3d!important;color:#e6dff2}
body.dark .cart-v2-secure{color:#cfc5dc}
body.dark .order-success-box{background:#151120;color:#f7f3ff}
body.dark .fastbd-cart-add-wide{background:color-mix(in srgb,var(--primary) 12%,transparent);color:#f7f3ff}
/* Add Funds page (fbu_add_funds shortcode): the site's normal page gutter (18px wrap + 22px card = 40px each side) leaves too much dead white space beside the tabs/number-card on mobile — tighten it, only on this page. */
@media(max-width:560px){
body:has(.fbu-add-funds) .fastbd-wrap{padding-left:8px!important;padding-right:8px!important}
body:has(.fbu-add-funds) .fastbd-card:has(.fbu-add-funds){padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:390px){
body:has(.fbu-add-funds) .fastbd-wrap{padding-left:6px!important;padding-right:6px!important}
body:has(.fbu-add-funds) .fastbd-card:has(.fbu-add-funds){padding-left:8px!important;padding-right:8px!important}
}
/* v9.9.30 — Premium Add Funds page shell (presentation only). */
body:has(.fbu-add-funds){background:#f5f8fd}
body:has(.fbu-add-funds) .fastbd-section{padding-top:18px;padding-bottom:28px}
body:has(.fbu-add-funds) .fastbd-section>.fastbd-wrap{width:100%!important;max-width:560px!important;padding:0 12px!important}
body:has(.fbu-add-funds) .fastbd-card:has(.fbu-add-funds){width:100%!important;margin:0!important;padding:14px!important;border:1px solid #e6edf8!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 42px rgba(19,45,91,.09)!important}
body:has(.fbu-add-funds) .live-support{right:12px!important;bottom:148px!important;width:46px!important;height:46px!important;--float-btn-size:46px!important}
body:has(.fbu-add-funds) .fastbd-scroll-top{right:12px!important;bottom:88px!important;width:46px!important;height:46px!important;--float-btn-size:46px!important}
body:has(.fbu-add-funds) .fastbd-bottom-nav{background:rgba(255,255,255,.97)!important;backdrop-filter:blur(14px);border-color:#e6edf8!important;box-shadow:0 -10px 30px rgba(17,39,80,.08)!important}
body:has(.fbu-add-funds) .fastbd-bottom-nav a{padding-top:7px;padding-bottom:5px}
body.dark:has(.fbu-add-funds){background:#080d18!important}
body.dark:has(.fbu-add-funds) .fastbd-card:has(.fbu-add-funds){background:#111827!important;border-color:#ffffff14!important}
@media(max-width:560px){
body:has(.fbu-add-funds) .fastbd-section{padding-top:10px!important;padding-bottom:18px!important}
body:has(.fbu-add-funds) .fastbd-section>.fastbd-wrap{padding:0 7px!important}
body:has(.fbu-add-funds) .fastbd-card:has(.fbu-add-funds){padding:9px!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(19,45,91,.07)!important}
}
/* v9.9.31 — Add Funds exact mobile-reference shell */
body:has(.fbu-add-funds) .fastbd-section{padding-top:8px!important;padding-bottom:96px!important}
body:has(.fbu-add-funds) .fastbd-section>.fastbd-wrap{max-width:430px!important;width:100%!important;margin-inline:auto!important;padding-inline:8px!important}
body:has(.fbu-add-funds) .fastbd-card:has(.fbu-add-funds){padding:8px!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 8px 30px rgba(26,54,103,.07)!important}
body:has(.fbu-add-funds) .live-support{right:10px!important;bottom:118px!important;width:42px!important;height:42px!important;--float-btn-size:42px!important}
body:has(.fbu-add-funds) .fastbd-scroll-top{display:none!important}
@media(max-width:480px){
body:has(.fbu-add-funds) .site-main,body:has(.fbu-add-funds) main{overflow-x:hidden!important}
body:has(.fbu-add-funds) .fastbd-bottom-nav{height:68px!important}
}
/* v9.9.37 Add Funds mobile safe area — server-side body class, no :has dependency */
.fastbd-add-funds-page .fastbd-section{padding-bottom:96px!important}
.fastbd-add-funds-page .live-support{right:10px!important;bottom:122px!important;width:42px!important;height:42px!important;--float-btn-size:42px!important}
.fastbd-add-funds-page .fastbd-scroll-top{display:none!important}
@media(max-width:767px){.fastbd-add-funds-page{padding-bottom:72px!important}.fastbd-add-funds-page .fastbd-bottom-nav{height:68px!important}.fastbd-add-funds-page .site-footer{padding-bottom:78px!important}}
/* v9.9.38 Add Funds final spacing polish */
.fastbd-add-funds-page .fastbd-section{padding-top:8px!important;padding-bottom:14px!important}.fastbd-add-funds-page .fastbd-section>.fastbd-wrap,.fastbd-add-funds-page .fastbd-card:has(.fbu-add-funds){margin-bottom:0!important}.fastbd-add-funds-page .live-support{right:10px!important;bottom:110px!important}@media(max-width:767px){.fastbd-add-funds-page{padding-bottom:64px!important}.fastbd-add-funds-page .site-footer{margin-top:10px!important;padding-bottom:70px!important}.fastbd-add-funds-page .fastbd-bottom-nav{height:64px!important}}
/* v9.9.42 Add Funds reference safe area */
body:has(.fbu-add-funds) .fastbd-main{padding-bottom:82px!important} body:has(.fbu-add-funds) .fastbd-card{padding-bottom:14px!important} @media(max-width:767px){body:has(.fbu-add-funds) .site-footer{margin-top:12px!important}}
/* v9.9.43 Add Funds compact reference alignment */
body:has(.fbu-add-funds) .site-main,body:has(.fbu-add-funds) main{padding-bottom:76px!important}
body:has(.fbu-add-funds) .fbu-add-funds{margin-top:0!important;margin-bottom:12px!important}
/* v9.9.44 Add Funds balanced reference shell */
@media(max-width:600px){body:has(.fbu-add-funds) .fastbd-section{padding-top:12px!important;padding-bottom:22px!important}body:has(.fbu-add-funds) .fastbd-section>.fastbd-wrap{max-width:470px!important;padding:0 10px!important}body:has(.fbu-add-funds) .fastbd-card:has(.fbu-add-funds){padding:12px!important;border-radius:22px!important}body:has(.fbu-add-funds){padding-bottom:88px!important}}
/* v9.9.58 — dedicated invoice page: remove generic page shell/card whitespace */
.fastbd-invoice-page{width:100%;max-width:none;margin:0;padding:0;overflow-x:hidden}
body:has(.fastbd-invoice-page) .fastbd-section:has(.fastbd-invoice-page),body:has(.fastbd-invoice-page) .fastbd-wrap:has(.fastbd-invoice-page){max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:600px){.fastbd-invoice-page{width:100%!important;margin:0!important;padding:0!important}}
/* v9.9.80 — ANNOUNCEMENT FINAL: no right arrow; all content vertically centered */
.announce{height:var(--ann-h,38px)!important;min-height:var(--ann-h,38px)!important;max-height:var(--ann-h,38px)!important;width:100%!important;display:flex!important;align-items:center!important;gap:6px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;background:var(--ann-bg,#07172d)!important;color:var(--ann-color,#fff)!important;border:0!important;white-space:nowrap!important}
.announce-badge{height:var(--ann-h,38px)!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:0!important}
.ann-graphic{width:calc(var(--ann-badge,32px) + 12px)!important;height:var(--ann-badge,32px)!important;margin:0!important;border-radius:0 7px 7px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;overflow:hidden!important;background:linear-gradient(135deg,#ff9b00,#ff2f55)!important;border:1px solid rgba(255,255,255,.22)!important;border-left:0!important;box-shadow:0 2px 7px rgba(0,0,0,.22)!important;color:#fff!important;line-height:1!important}
.ann-graphic b{display:block!important;font:900 13px/12px Arial,sans-serif!important;height:13px!important;margin:0!important;padding:0!important;color:#fff!important}.ann-graphic small{display:block!important;font:900 6px/7px Arial,sans-serif!important;letter-spacing:.15px!important;margin:0!important;padding:0!important;color:#fff!important;text-transform:uppercase!important}
.ann-graphic.custom{width:var(--ann-badge,32px)!important;border-radius:0 7px 7px 0!important;padding:1px!important;background:transparent!important}.ann-graphic.custom img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0 6px 6px 0!important}
.ann-style-2 .ann-graphic,.ann-style-14 .ann-graphic,.ann-style-16 .ann-graphic{background:linear-gradient(135deg,#ff5b34,#d90027)!important}.ann-style-3 .ann-graphic,.ann-style-15 .ann-graphic{background:linear-gradient(135deg,#16c784,#057a55)!important}.ann-style-4 .ann-graphic,.ann-style-22 .ann-graphic{background:linear-gradient(135deg,#ff9f1a,#ff3d65)!important}.ann-style-5 .ann-graphic,.ann-style-21 .ann-graphic{background:linear-gradient(135deg,#1378ff,#5a35ff)!important}.ann-style-6 .ann-graphic,.ann-style-17 .ann-graphic,.ann-style-20 .ann-graphic{background:linear-gradient(135deg,#00a8e8,#0067b1)!important}.ann-style-8 .ann-graphic,.ann-style-18 .ann-graphic,.ann-style-23 .ann-graphic{background:linear-gradient(135deg,#9b3cff,#4c16a8)!important}.ann-style-9 .ann-graphic{background:linear-gradient(135deg,#7b61ff,#3d2eb5)!important}.ann-style-10 .ann-graphic{background:linear-gradient(135deg,#ff2d76,#8b1dff)!important}.ann-style-11 .ann-graphic{background:linear-gradient(135deg,#16b7b0,#08706c)!important}.ann-style-19 .ann-graphic{background:linear-gradient(135deg,#ffd21a,#ff7a00)!important;color:#14213d!important}.ann-style-24 .ann-graphic{background:linear-gradient(135deg,#ef4444,#991b1b)!important}
.announce-window{position:relative!important;flex:1 1 auto!important;min-width:0!important;height:var(--ann-h,38px)!important;overflow:hidden!important;display:block!important}
.announce-track{position:absolute!important;left:0!important;top:0!important;height:var(--ann-h,38px)!important;display:flex!important;align-items:center!important;width:max-content!important;min-width:max-content!important;margin:0!important;padding:0!important;animation:fastbdAnnTicker var(--ticker-speed,20s) linear infinite!important;will-change:transform!important}
.announce-track span{height:var(--ann-h,38px)!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0 56px 0 0!important;font-size:12.5px!important;font-weight:800!important;line-height:1!important;color:var(--ann-color,#fff)!important;white-space:nowrap!important}
.announce.ann-no-scroll .announce-window{display:flex!important;align-items:center!important;justify-content:center!important}.announce.ann-no-scroll .announce-track{position:relative!important;left:auto!important;top:auto!important;animation:none!important;transform:none!important;justify-content:center!important}.announce.ann-no-scroll .announce-track span{justify-content:center!important;padding-right:0!important;text-align:center!important}@media (hover:hover) and (pointer:fine){.announce.ann-pause-hover:hover .announce-track{animation-play-state:paused!important}}@media (hover:none),(pointer:coarse){.announce.ann-pause-hover .announce-track,.announce.ann-pause-hover:hover .announce-track{animation-play-state:running!important}}@keyframes fastbdAnnTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:600px){.announce{gap:5px!important}.announce-track span{font-size:12px!important;padding-right:44px!important}}
/* Admin announcement UI */
.wp-admin .fastbd-ann-style-grid{display:grid!important;grid-template-columns:repeat(6,minmax(100px,1fr))!important;gap:10px!important;max-width:900px!important}.wp-admin .fastbd-ann-style-card{display:block!important;padding:7px!important;border:1px solid #dcdcde!important;border-radius:9px!important;background:#fff!important;cursor:pointer!important}.wp-admin .fastbd-ann-style-card:has(input:checked){border-color:#2271b1!important;box-shadow:0 0 0 2px rgba(34,113,177,.16)!important}.wp-admin .fastbd-ann-style-card input{margin:0 0 5px!important}.wp-admin .ann-style-demo{height:34px!important;display:flex!important;align-items:center!important;gap:5px!important;padding:0 5px 0 0!important;border-radius:6px!important;overflow:hidden!important;background:#07172d!important}.wp-admin .admin-icon-token{height:28px!important;min-width:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:0 5px 5px 0!important;background:linear-gradient(135deg,#ff9b00,#ff2f55)!important;color:#fff!important;font-size:16px!important}.wp-admin .ann-style-demo em{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font:700 7px/1.2 Arial,sans-serif!important}.wp-admin .fastbd-ann-style-card>small{display:block!important;margin-top:5px!important;font-size:9px!important;line-height:1.2!important}.wp-admin .fastbd-switch{display:inline-block!important;position:relative!important;width:48px!important;height:26px!important}.wp-admin .fastbd-switch input[type=checkbox]{opacity:0!important;width:0!important;height:0!important}.wp-admin .fastbd-switch span{position:absolute!important;inset:0!important;border-radius:99px!important;background:#b8bec7!important;transition:.2s!important}.wp-admin .fastbd-switch span:before{content:''!important;position:absolute!important;width:20px!important;height:20px!important;left:3px!important;top:3px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.25)!important;transition:.2s!important}.wp-admin .fastbd-switch input:checked+span{background:#2271b1!important}.wp-admin .fastbd-switch input:checked+span:before{transform:translateX(22px)!important}.wp-admin .fastbd-range{display:flex!important;align-items:center!important;gap:10px!important;max-width:360px!important}.wp-admin .fastbd-range input[type=range]{width:260px!important}.wp-admin .fastbd-range output{min-width:42px!important;font-weight:700!important;color:#1d2327!important}
@media(max-width:782px){.wp-admin .fastbd-ann-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wp-admin .fastbd-range input[type=range]{width:190px!important}}
/* v9.9.81 — robust announcement template selector for mobile admin */
.wp-admin .fastbd-ann-style-card{position:relative!important}
.wp-admin .fastbd-ann-style-card>input[type=radio]{position:absolute!important;inset:0!important;opacity:0!important;pointer-events:auto!important;width:100%!important;height:100%!important;margin:0!important;cursor:pointer!important;z-index:5!important;touch-action:manipulation!important}
.wp-admin .ann-radio-indicator{display:block!important;width:14px!important;height:14px!important;border:2px solid #8c8f94!important;border-radius:50%!important;background:#fff!important;box-sizing:border-box!important;margin:0 0 5px 0!important;position:relative!important}
.wp-admin .fastbd-ann-style-card>input[type=radio]:checked+.ann-radio-indicator{border-color:#2271b1!important;box-shadow:0 0 0 2px rgba(34,113,177,.12)!important}
.wp-admin .fastbd-ann-style-card>input[type=radio]:checked+.ann-radio-indicator:after{content:''!important;position:absolute!important;inset:2px!important;border-radius:50%!important;background:#2271b1!important}
.wp-admin .fastbd-ann-style-card.is-selected{border-color:#2271b1!important;box-shadow:0 0 0 2px rgba(34,113,177,.16)!important;background:#f6fbff!important}
.wp-admin .fastbd-ann-style-card.is-selected:after{content:'✓'!important;position:absolute!important;top:4px!important;right:6px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#2271b1!important;color:#fff!important;font:700 12px/18px Arial,sans-serif!important;text-align:center!important}
/* v9.9.82 — mobile ticker touch + template selection final fix */
.wp-admin .fastbd-ann-style-card{touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(34,113,177,.08)!important}