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)}
.hero-slider{min-height:330px;border-radius:26px;position:relative;overflow:hidden;background:color-mix(in srgb,var(--primary) 6%,var(--surface));box-shadow:0 24px 65px rgba(65,38,142,.15);touch-action:pan-y}.hero-slide{position:absolute;inset:0;opacity:0;transform:translateX(16px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.hero-slide.active{opacity:1;transform:none;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-slide-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)}.hero-prev,.hero-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,.88);color:#271747;font-size:30px;box-shadow:0 8px 24px #0002}.hero-prev{left:12px}.hero-next{right:12px}.hero-dots{position:absolute;z-index:3;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:7px}.hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#ffffffaa;transition:.2s}.hero-dots button.active{width:25px;background:#fff}.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){.hero-slider{min-height:260px}.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}
.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.7.72 — single-page share + dark-mode contrast fixes */
.fastbd-single-share-wrap{max-width:900px;margin:12px auto 16px;display:flex;justify-content:flex-end;padding:0 2px}.fastbd-single-share{position:static;z-index:1;border:1px solid color-mix(in srgb,var(--primary) 45%,transparent);background:var(--surface);color:var(--text);box-shadow:0 8px 24px #0002;border-radius:14px;padding:10px 15px;font-weight:800;display:flex;gap:7px;align-items:center}.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 .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){.fastbd-single-share-wrap{width:min(100% - 28px,900px);margin:10px auto 14px}.fastbd-single-share{padding:10px 14px;border-radius:13px}.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}
}