/* Customer marketplace: shared surfaces; no admin or payment behavior overrides. */
:root{--market-ink:#10233f;--market-muted:#53647a;--market-blue:#0961ed;--market-line:#e4eaf1;--market-canvas:#f6f8fb}
.marketplace-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--market-line);border-radius:12px;padding:5px 5px 5px 16px;max-width:620px;margin:22px 0;color:var(--market-muted)}
.marketplace-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:var(--market-ink);font-size:16px;height:44px}
.marketplace-search:focus-within{outline:2px solid var(--market-blue);outline-offset:3px}
.marketplace-search button{border:0;border-radius:9px;background:var(--market-blue);color:#fff;min-width:46px;min-height:46px}
.marketplace-page-heading{margin:8px 0 24px}.marketplace-page-heading h1{font-size:28px;line-height:1.2;color:var(--market-ink)}
.marketplace-page-heading p,.marketplace-service-copy>span,.marketplace-service-copy>small{color:var(--market-muted)}
.marketplace-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.marketplace-service-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px;background:#fff;border:1px solid var(--market-line);border-radius:12px;color:var(--market-ink);text-decoration:none;min-width:0}
.marketplace-service-card:hover{border-color:var(--market-blue)}
.marketplace-service-icon{display:grid;place-items:center;width:48px;height:56px;background:#edf4ff;color:var(--market-blue);border-radius:10px;font-size:23px}
.marketplace-service-copy{min-width:0}.marketplace-service-copy h3{font-size:15px;line-height:1.45;font-weight:700;margin:4px 0 8px;overflow-wrap:anywhere;color:var(--market-ink)}
.marketplace-service-copy>small{font-size:11px}.marketplace-service-copy>span{display:block;font-size:12px;line-height:1.6}
.marketplace-service-price{grid-column:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.marketplace-service-price strong{color:var(--market-blue);font-size:17px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.marketplace-service-price small{font-size:11px;color:var(--market-muted)}.marketplace-service-price>span{margin-left:auto;font-size:12px;color:var(--market-blue)}
.marketplace-state{padding:24px;text-align:center;background:#fff;border-radius:12px;margin:16px 0}.marketplace-state h2{font-size:20px}.marketplace-skeleton{height:90px;background:#edf1f6;border-radius:10px;margin-bottom:12px}
.marketplace-account-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--market-line);border:1px solid var(--market-line);border-radius:12px;overflow:hidden;margin-bottom:24px}
.marketplace-account-links a{display:flex;align-items:center;gap:12px;padding:18px;background:#fff;color:var(--market-ink);font-size:14px;min-height:56px}.marketplace-account-links a>i:last-child{margin-left:auto;font-size:12px;color:var(--market-muted)}
.service-details-card .service-title{font-size:clamp(24px,3vw,36px);line-height:1.25;overflow-wrap:anywhere}.service-details-card{border-radius:14px!important;border:1px solid var(--market-line);box-shadow:none!important}.service-details-section .service-info-grid{background:var(--market-canvas)!important;border-radius:10px;padding:16px}.service-details-section .info-value{font-variant-numeric:tabular-nums}
.marketplace-detail-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--market-muted)}.marketplace-detail-brand img{width:56px;height:56px;object-fit:contain;background:#f2f6fc;border-radius:12px;padding:10px}
.marketplace-service-card:focus-visible,.marketplace-account-links a:focus-visible,.marketplace-tabs a:focus-visible{outline:3px solid var(--market-blue);outline-offset:-3px}
@media(min-width:992px){.marketplace-tabs{display:none!important}.sm-hero .sm-market-label{display:none}.marketplace-service-grid{gap:16px}}
@media(max-width:991.98px){
 body{background:var(--market-canvas)!important;color:var(--market-ink);padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
 .bottom-nav.marketplace-tabs{background:#fff!important;border-top:1px solid var(--market-line);padding-bottom:env(safe-area-inset-bottom,0px)!important}
 .bottom-nav.marketplace-tabs .nav-item{flex:1 1 25%!important;max-width:25%!important}
 .bottom-nav.marketplace-tabs .nav-item .nav-link{color:var(--market-muted)!important;min-height:64px;font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;gap:7px}
 .bottom-nav.marketplace-tabs .nav-item .nav-link.active{color:var(--market-blue)!important}
 .social-marketplace-home .sm-hero{background:#052039!important;padding:26px 0 18px!important;color:#fff}
 .social-marketplace-home .sm-hero h1,.social-marketplace-home .sm-hero h1 span{color:#fff!important;font-size:30px!important;line-height:1.15!important;max-width:320px}
 .social-marketplace-home .sm-hero p{color:#e0eaf4!important;font-size:14px;line-height:1.5;max-width:380px}
 .social-marketplace-home .sm-hub-stage,.social-marketplace-home .sm-hero-proof,.social-marketplace-home .sm-hero .sm-actions,.social-marketplace-home .sm-trust-strip{display:none!important}
 .social-marketplace-home .sm-hero-grid{display:block}.social-marketplace-home .sm-section{padding:26px 0!important}.social-marketplace-home .sm-section h2{font-size:21px!important;line-height:1.25}
 .social-marketplace-home .sm-platform-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 8px!important}
 .social-marketplace-home .sm-platform-card{display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0;gap:8px}
 .social-marketplace-home .sm-platform-card h3{font-size:11px!important;line-height:1.35;overflow-wrap:anywhere;margin:0}.social-marketplace-home .sm-platform-card p,.social-marketplace-home .sm-platform-card>span,.social-marketplace-home .sm-platform-card>i{display:none!important}
 .social-marketplace-home .sm-platform-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:#edf4ff!important}.social-marketplace-home .sm-platform-icon img{width:28px;height:28px;object-fit:contain}
 .social-marketplace-home .sm-service-grid{grid-template-columns:1fr!important;gap:12px}.social-marketplace-home .sm-service-card{padding:16px!important;border-radius:12px!important}.social-marketplace-home .sm-service-card h3{font-size:15px!important;line-height:1.4}
 .social-marketplace-home .sm-section-head{gap:12px;align-items:start}.social-marketplace-home .sm-section-head p{font-size:13px}.social-marketplace-home .sm-section-head>a{font-size:12px}
 .marketplace-service-grid{grid-template-columns:1fr}.service-page-area .accordion-body{padding:10px!important}.service-page-area .social-btn{min-height:48px}.service-page-area .card-body>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-page-area .card-body>.row>div{width:auto;padding:0}
 .marketplace-account-links{grid-template-columns:1fr}.profile-page .breadcrumb-area{margin-bottom:20px}.profile-page .account-settings-navbar .nav{flex-wrap:wrap}
 .dashboard-wrapper .card{border-radius:12px!important;box-shadow:none!important}.dashboard-wrapper .form-control,.dashboard-wrapper .form-select{font-size:16px;min-height:46px}.dashboard-wrapper .cmn-btn{min-height:46px}
 .service-details-section .service-details-card{padding:18px!important}.service-details-section .container{padding-inline:12px}.service-details-section .description-text{overflow-wrap:anywhere}.service-details-section .description-text img{max-width:100%;height:auto}
 .marketplace-page-heading h1{font-size:24px}.marketplace-page-heading p{font-size:14px}.marketplace-search{margin:18px 0 4px}.marketplace-service-card{padding:12px;gap:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

@media(max-width:991.98px){
 body.is-marketplace-home .navbar{position:relative!important;background:#052039!important;box-shadow:none!important;border:0!important}
 body.is-marketplace-home .navbar .tfast-wordmark,body.is-marketplace-home .navbar .tfast-wordmark strong,body.is-marketplace-home .navbar .tfast-wordmark small{color:#fff!important}
 .social-marketplace-home .sm-hero:before,.social-marketplace-home .sm-hero:after{display:none!important}
 .social-marketplace-home .sm-hero-copy{text-align:left!important}.social-marketplace-home .sm-hero h1{margin:0!important}
 .social-marketplace-home .sm-discovery .sm-service-grid{display:grid!important;overflow:visible;grid-template-columns:1fr!important}
 .social-marketplace-home .sm-discovery .sm-service-grid>*{width:auto!important;min-width:0!important}
 .social-marketplace-home .sm-payment-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body:has(.tf-order-bar){padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
 .tf-order-bar{background:#fff!important;color:var(--market-ink)!important;border-top:1px solid var(--market-line);bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
 .tf-order-bar .cmn-btn{background:var(--market-blue)!important;color:#fff!important;min-height:46px}
}

.marketplace-assistant{margin:12px 0 20px}.marketplace-assistant summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--market-blue);font-size:14px}
@media(max-width:991.98px){
 .is-services-page .banner-area,.is-services-page .banner-section{display:none!important}
 .marketplace-page-heading h1{text-transform:none!important;letter-spacing:0!important}
 .service-page-area .search-area{margin-bottom:16px!important}.service-page-area .search-area .row{gap:10px!important}.service-page-area .search-area input{font-size:16px;min-height:46px}
  #new_order .order-step-heading{gap:10px;margin-top:18px}#new_order .order-step-heading h5{font-size:17px}#new_order .order-step-heading p{font-size:13px}
 #new_order .tooltip-text{position:fixed;left:16px;right:16px;top:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:auto;transform:none;max-width:400px}#new_order .tooltip-text:after{display:none}
 .profile-page .card-header{background:#fff!important}.profile-page .account-settings-profile-section{min-width:0}
}

.marketplace-service-icon img{width:30px;height:30px;object-fit:contain}

.service-details-card .service-title{text-transform:none!important;letter-spacing:-.02em!important}
.marketplace-keyboard .marketplace-tabs,.marketplace-keyboard .tf-order-bar,.marketplace-keyboard .tf-pwa-banner,.marketplace-keyboard .tf-pwa-update{display:none!important}
.tf-order-bar .cmn-btn{background-image:none!important;box-shadow:none!important;border-radius:10px!important;border:0!important}
.tf-order-bar .cmn-btn:before,.tf-order-bar .cmn-btn:after{display:none!important}

@media(max-width:991.98px){
 .navbar .public-nav-drawer:not(.show):not(.showing){visibility:hidden!important;transform:translateX(100%)!important;pointer-events:none}
 .navbar .public-nav-drawer.show,.navbar .public-nav-drawer.showing{visibility:visible!important;transform:none!important;pointer-events:auto}
 .navbar .public-nav-drawer{position:fixed!important;inset:0 0 0 auto!important;width:min(340px,90vw)!important;height:100dvh!important;background:#fff!important;z-index:1045}
 body.is-marketplace-home .navbar .public-nav-drawer .tfast-wordmark,body.is-marketplace-home .navbar .public-nav-drawer .tfast-wordmark strong,body.is-marketplace-home .navbar .public-nav-drawer .tfast-wordmark small{color:var(--market-ink)!important}
 .is-services-page .navbar{position:relative!important}
 .service-page-area .search-area{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
 .service-page-area .search-area .row{margin-top:0!important}.service-page-area .search-area .row>*{margin-top:0!important}
 .service-page-area .marketplace-platforms{margin:0 0 8px!important;background:transparent!important;border:0!important;box-shadow:none!important}
 .service-page-area .marketplace-platforms .card-body{padding:0!important}
 .service-page-area .marketplace-platforms .card-body>.row{display:flex!important;flex-wrap:nowrap;overflow-x:auto;margin:0!important;padding:0 0 6px;gap:8px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .service-page-area .marketplace-platforms .card-body>.row::-webkit-scrollbar{display:none;height:0}
 .service-page-area .marketplace-platforms .card-body>.row>div{flex:0 0 auto;max-width:none}
 .service-page-area .marketplace-platforms .social-btn{min-height:44px;padding:8px 12px!important;font-size:13px;white-space:nowrap;border-radius:9px!important}
 .service-page-area .marketplace-platforms .social-media-img{width:20px;height:20px}
 .service-page-area .marketplace-page-heading{margin:4px 0 16px}.marketplace-assistant{margin:0 0 10px}
}

@media(max-width:991.98px){
 .service-page-area>.container{display:block!important;min-width:0}
 .service-page-area>.container>.row{min-width:0}
 .service-page-area .marketplace-platforms .card-body>.row>div{width:max-content!important;min-width:0!important}
 .navbar .public-nav-drawer:not(.show):not(.showing) *{visibility:hidden!important}
 .navbar .public-nav-drawer.show *,.navbar .public-nav-drawer.showing *{visibility:visible!important}
 .service-page-area .search-area .row>.col-md-6{padding-bottom:8px}
}

@media(max-width:991.98px){.navbar .public-nav-drawer:not(.show):not(.showing),.navbar .public-nav-drawer:not(.show):not(.showing) *{transition:none!important}}

/* Touch targets: keep primary mobile controls at ~44px. */
@media(max-width:991.98px){
 .sm-filter-row a,.sm-search-actions a{align-items:center;display:inline-flex;min-height:44px}
 .us-nav .us-link{align-items:center;display:flex;min-height:44px}
 .ai-search-btn{min-height:44px}
 .marketplace-tabs .nav-link{min-height:56px}
 .cmn-btn,.cmn-btn-close{min-height:44px}
 .cmn-btn-close{width:44px}
 .us-menu-btn,.us-icon-btn{height:44px;width:44px}
 .us-topbar-brand{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}
 .us-profile{min-height:44px}
 .us-currency{align-items:center;display:inline-flex;min-height:44px}
 .us-currency select{min-height:40px;min-width:56px}
 .dashboard-wrapper .action-btn-primary{align-items:center;display:inline-flex;height:44px;justify-content:center;width:44px}
}

/* Real-device polish: full-card tap targets and no clipped words in narrow cards. */
@media(max-width:767.98px){
 .sm-service-card{position:relative}
 .sm-service-card>a[href]:last-child{align-items:center;display:inline-flex;min-height:44px}
 .sm-service-card>a[href]:last-child::after{content:"";position:absolute;inset:0}
 .sm-guide-grid article{position:relative}
 .sm-guide-grid article>div>a::after{content:"";position:absolute;inset:0}
 .sm-guide-grid h3,.sm-service-card h3,.sm-benefit-grid h3,.sm-testimonial-grid h3,.sm-platform-card h3{overflow-wrap:anywhere}
 .related-item.card{position:relative}
 .related-item.card a::after{content:"";position:absolute;inset:0}
 .footer-section .widget-link,footer .widget-link{align-items:center;display:inline-flex;min-height:40px}
 .footer-section .footer-widget .widget-title::after{width:min(150px,100%)}
 .af-quick-btn{min-height:40px;padding:8px 14px}
 .public-giveaway-card .giveaway-detail-link,.public-giveaway-card a[href*="/free-services/"],.giveaway-text-link{align-items:center;display:inline-flex;min-height:40px}
 .sm-section-head>a,.sm-discovery-head>a{align-items:center;display:inline-flex;min-height:44px}
}

/* Orders: card list on phones/tablets (desktop keeps the data table). */
.marketplace-order-cards{display:flex;flex-direction:column;gap:12px;padding:4px 0 8px}
.moc{background:#fff;border:1px solid var(--market-line);border-radius:14px;box-shadow:0 1px 2px rgba(16,35,63,.05);display:flex;flex-direction:column;gap:8px;padding:14px}
.moc-head{align-items:center;display:flex;justify-content:space-between;gap:10px}
.moc-id{color:var(--market-muted);font-size:13px;font-weight:700;letter-spacing:.02em}
.moc-title{color:var(--market-ink);font-size:15px;font-weight:700;line-height:1.35;margin:0}
.moc-link{align-items:center;color:var(--market-muted);display:flex;font-size:12.5px;gap:6px;margin:0;min-width:0}
.moc-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.moc-link i{color:var(--market-blue);flex:0 0 auto;font-size:11px;opacity:.75}
.moc-meta{border-top:1px solid var(--market-line);display:grid;gap:10px 12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:2px 0 0;padding-top:10px}
.moc-meta dt{color:var(--market-muted);font-size:11px;font-weight:600;letter-spacing:.03em;margin:0;text-transform:uppercase}
.moc-meta dd{color:var(--market-ink);font-size:13.5px;font-weight:600;margin:2px 0 0;overflow-wrap:anywhere}
.moc-actions{align-items:center;display:flex;gap:8px;margin-top:2px}
.moc-actions .cmn-btn{margin:0}
.moc-actions .moc-primary{flex:1 1 auto;justify-content:center}
.moc-actions .moc-details{align-items:center;background:#eef4ff;border:1px solid #d6e4ff;box-shadow:none;color:var(--market-blue);display:inline-flex;flex:1 1 auto;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:44px;padding:0 14px}
.moc-actions .moc-details:hover,.moc-actions .moc-details:focus{background:#e2ecff;color:var(--market-blue)}
.moc-actions .action-btn-secondary{align-items:center;display:inline-flex;height:44px;justify-content:center;width:44px}

/* Orders: compact, scrollable status rail on phones. */
@media(max-width:991.98px){
 body #pills-tab{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 0 4px;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 body #pills-tab::-webkit-scrollbar{display:none}
 body #pills-tab .nav-item{flex:0 0 auto}
 body #pills-tab .nav-link{align-items:center;background:#fff;border:1px solid var(--market-line);color:var(--market-muted)!important;display:inline-flex;font-size:13px;font-weight:600;margin:0;min-height:44px;padding:0 16px;white-space:nowrap;border-radius:999px!important}
 body #pills-tab .nav-link.active{background:var(--market-blue)!important;border-color:var(--market-blue);color:#fff!important}
}


/* Dark theme: every redesigned account surface follows the dashboard dark palette. */
body.dark-theme{--heading:#f5f7fb;--text:#9aa6ba}
body.dark-theme{background:var(--bg-color1)!important;color:var(--body-color)}
body.dark-theme .bottom-nav.marketplace-tabs{background:rgba(25,34,53,.98)!important;border-top-color:#2b3850}
body.dark-theme .bottom-nav.marketplace-tabs .nav-item .nav-link,
body.dark-theme .bottom-nav.marketplace-tabs .nav-item .nav-link span,
body.dark-theme .bottom-nav.marketplace-tabs .nav-item .nav-link i{color:#b4bfd2!important}
body.dark-theme .bottom-nav.marketplace-tabs .nav-item .nav-link.active,
body.dark-theme .bottom-nav.marketplace-tabs .nav-item .nav-link.active span,
body.dark-theme .bottom-nav.marketplace-tabs .nav-item .nav-link.active i{color:#9dbbff!important}
body.dark-theme .marketplace-keyboard .marketplace-tabs{background:rgba(25,34,53,.98)!important}
body.dark-theme .moc{background:#192235;border-color:#2b3850;box-shadow:none}
body.dark-theme .moc-id,body.dark-theme .moc-meta dt{color:#8f9bb3}
body.dark-theme .moc-title,body.dark-theme .moc-meta dd{color:#f5f7fb}
body.dark-theme .moc-link{color:#b4bfd2}
body.dark-theme .moc-link i{color:#9dbbff}
body.dark-theme .moc-meta{border-top-color:#2b3850}
body.dark-theme .moc-actions .moc-details{background:#1d2b45;border-color:#33456b;color:#9dbbff}
body.dark-theme .moc-actions .moc-details:hover,body.dark-theme .moc-actions .moc-details:focus{background:#223049;color:#c3d6ff}
body.dark-theme .moc-actions .action-btn-secondary{background:#223049;border-color:#2b3850;color:#dbe7ff}
body.dark-theme #pills-tab .nav-link{background:#192235!important;border-color:#2b3850;color:#b4bfd2!important}
body.dark-theme #pills-tab .nav-link.active{background:#24365d!important;border-color:#33456b;color:#dbe7ff!important}
body.dark-theme .marketplace-account-links a{background:#192235;border-color:#2b3850;color:#f5f7fb}
body.dark-theme .marketplace-account-links a:hover{background:#202d44}
body.dark-theme .profile-page .card-header{background:transparent!important}
body.dark-theme .status-badge.status-awaiting{background:#223049;color:#d6d1e0}
body.dark-theme .status-badge.status-pending{background:rgba(255,193,7,.18);color:#ffd964}
body.dark-theme .status-badge.status-processing{background:rgba(13,202,240,.18);color:#6fd9f5}
body.dark-theme .status-badge.status-progress{background:#24365d;color:#9dbbff}
body.dark-theme .status-badge.status-completed{background:rgba(25,135,84,.24);color:#6fd9a0}
body.dark-theme .status-badge.status-partial{background:rgba(255,193,7,.18);color:#ffd964}
body.dark-theme .status-badge.status-canceled,body.dark-theme .status-badge.status-refunded{background:rgba(220,53,69,.22);color:#ff9aa4}
body.dark-theme .status-badge.status-refilling{background:rgba(13,110,253,.22);color:#9dbbff}
body.dark-theme .breadcrumb-item,body.dark-theme .breadcrumb-item a{color:#b4bfd2}
body.dark-theme .breadcrumb-item.active{color:#f5f7fb}
body.dark-theme .us-nav .us-group{color:rgba(255,255,255,.62)}
body.dark-theme .us-topbar .badge-number{background:#d32f2f}
body.dark-theme .chart-empty{background:#192235;border-color:#2b3850}
body.dark-theme .chart-empty span{color:#b4bfd2}
body.dark-theme .af-methods-card,body.dark-theme .af-deposit-card{background:#192235;border-color:#2b3850}
body.dark-theme .af-amount-modal .modal-content,body.dark-theme .offcanvas{background:#192235;border-color:#2b3850;color:#b4bfd2}
body.dark-theme .af-gateway-item{border-color:#2b3850}
body.dark-theme .af-gateway-item:hover,body.dark-theme .af-gateway-item.af-selected{background:#1d2b45;border-color:#7fb0ff}
body.dark-theme .af-gateway-img{background:#141d2e}
body.dark-theme .af-quick-btn{background:#141d2e;border-color:#2b3850;color:#dbe7ff}
body.dark-theme .af-quick-btn:hover,body.dark-theme .af-quick-btn.active{border-color:#7fb0ff;color:#fff}
body.dark-theme .af-card-header,body.dark-theme .offcanvas-header,body.dark-theme .modal-header,body.dark-theme .modal-footer{border-color:#2b3850}
body.dark-theme .form-label,body.dark-theme .modal-content label,body.dark-theme .offcanvas label{color:#b4bfd2}
body.dark-theme .form-control,body.dark-theme .form-select{background:#141d2e;border-color:#2b3850;color:#f5f7fb}
body.dark-theme .form-control::placeholder{color:#8f9bb3}
body.dark-theme .form-check-input{background-color:#141d2e;border-color:#3a4651}
body.dark-theme .form-check-label{color:#d1cbdb}

/* Dark theme: component tokens and remaining light-mode hold-outs. */
body.dark-theme{--primary:#a08cff;--primary-color:#5b53b8;--btn-hover-bg:#5b53b8;--navbar-active:#a08cff}
body.dark-theme .us-nav .us-link.active{background:#24365d;box-shadow:none;color:#dbe7ff}
body.dark-theme .us-nav .us-link.active span,body.dark-theme .us-nav .us-link.active i{color:#dbe7ff}
body.dark-theme .text-muted,body.dark-theme small.text-muted,body.dark-theme .text-body-secondary{color:#9aa6ba!important}
body.dark-theme .text-danger{color:#ff8b95!important}
body.dark-theme .chart-empty p{color:#b4bfd2}
body.dark-theme .footer{background:#141d2e;border-top-color:#2b3850}
body.dark-theme .footer,body.dark-theme .footer .copyright,body.dark-theme .footer .copyright *{color:#b4bfd2}
body.dark-theme .footer .copyright strong,body.dark-theme .footer .copyright strong span{color:#9dbbff}
body.dark-theme .platform-order-chip{background:#141d2e;border-color:#2b3850;color:#dbe7ff}
body.dark-theme .platform-order-chip.active{background:#24365d;border-color:#33456b}
body.dark-theme .social-media-fallback{background:#223049;color:#9dbbff}
body.dark-theme .af-card-header p,body.dark-theme .af-deposit-header p{color:#9aa6ba}
body.dark-theme .af-summary-list .item:not(:last-child){border-bottom-color:#2b3850}
body.dark-theme .af-btn-cancel{border-color:#2b3850;color:#b4bfd2}

/* Dark theme: wallet step headers and markers. */
body.dark-theme .af-card-header,body.dark-theme .af-deposit-header{background:#192235;border-bottom-color:#2b3850;color:#f5f7fb}
body.dark-theme .af-card-header h5,body.dark-theme .af-deposit-header h6,body.dark-theme .af-deposit-header strong{color:#f5f7fb}
body.dark-theme .af-step-marker{background:#223049;color:#9dbbff}
body.dark-theme .af-method-note,body.dark-theme .af-gateway-note{background:#1d2b45;border-color:#33456b;color:#c8d7f5}

/* Dark theme: wallet method summary row and stepper buttons. */
body.dark-theme .af-selected-method{background:#1d2b45;border-color:#33456b;color:#c8d7f5}
body.dark-theme .af-selected-method strong{color:#f5f7fb}
body.dark-theme .af-step-btn{background:#223049;border-color:#33456b;color:#dbe7ff}
body.dark-theme .af-step-btn:hover{background:#2a3b58;color:#fff}

/* Installed-app shell: native chrome with no website header, footer or breadcrumbs. */
body.app-mode{padding-top:env(safe-area-inset-top,0px)}
body.app-mode .navbar.fixed-top,body.app-mode nav.navbar,body.app-mode .footer-section,body.app-mode footer#footer,body.app-mode .footer{display:none!important}
body.app-mode .breadcrumb-area .breadcrumb{display:none!important}
body.app-mode .us-sidebar{display:none!important}
body.app-mode .dashboard-wrapper{padding-top:calc(16px + env(safe-area-inset-top,0px))!important}
body.app-mode .marketplace-tabs{bottom:0}
body.app-mode .chart-empty,body.app-mode .card{border-radius:12px}


/* Drawer preferences. */
.us-drawer-prefs{border-top:1px solid var(--border-color1,#e9ecef);margin:14px 0 0;padding:14px 0 4px}
.us-drawer-pref{align-items:center;background:none;border:0;color:inherit;display:flex;gap:10px;min-height:44px;padding:0;text-align:left;width:100%}
.us-drawer-pref span,.us-drawer-pref label{color:inherit;flex:1 1 auto;font-size:14px;font-weight:600;margin:0}
.us-drawer-pref select{max-width:96px}
.us-drawer-switch{background:rgba(255,255,255,.22);border-radius:999px;flex:0 0 auto!important;height:20px;position:relative;width:38px}
.us-drawer-switch::after{background:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:14px}
body.dark-theme .us-drawer-switch{background:rgba(157,187,255,.5)}
body.dark-theme .us-drawer-switch::after{transform:translateX(18px)}

/* App shell: the web header is hidden, so expose the full drawer from the account shortcuts. */
.marketplace-account-more{display:none}
body.app-mode .marketplace-account-more{align-items:center;background:#fff;border:0;border-top:1px solid var(--market-line);color:var(--market-ink);display:flex;font-size:14px;font-weight:600;gap:12px;min-height:52px;padding:18px;text-align:left;width:100%}
body.app-mode .marketplace-account-more i:first-child{color:var(--market-blue);font-size:16px;width:20px;text-align:center}
body.app-mode .marketplace-account-more i:last-child{color:var(--market-muted);font-size:12px;margin-left:auto}
body.dark-theme.app-mode .marketplace-account-more{background:#192235;border-top-color:#2b3850;color:#f5f7fb}

/* Platform marks: uploaded icon when available, brand-coloured glyph tile otherwise. */
.platform-mark{align-items:center;background:var(--pm-bg,#eef2f8);border-radius:8px;color:var(--pm-fg,#10233f);display:inline-flex;flex:0 0 auto;font-weight:800;height:1.6em;justify-content:center;line-height:1;min-width:1.6em;overflow:hidden;width:1.6em}
.platform-mark>i{font-size:.92em;line-height:1}
.platform-mark>b{font-size:.84em;font-weight:800;letter-spacing:0;line-height:1}
.social-marketplace-home .sm-platform-icon .platform-mark{border-radius:14px;font-size:24px;height:48px;width:48px}
.social-marketplace-home .sm-service-card .sm-platform-icon .platform-mark{border-radius:12px;font-size:22px;height:44px;width:44px}
.sm-preview-platforms .platform-mark{border-radius:7px;font-size:13px;height:24px;width:24px}
.service-page-area .marketplace-platforms .social-media-img.platform-mark{border-radius:6px;font-size:11px;height:20px;width:20px}
.is-services-page .social-media-img.platform-mark{border-radius:8px;font-size:13px;height:25px;width:25px}
.marketplace-service-icon .platform-mark{border-radius:9px;font-size:15px;height:30px;width:30px}
.marketplace-detail-brand .platform-mark{border-radius:10px;font-size:17px;height:34px;width:34px}

#new_order .platform-order-chip .platform-mark,#new_order .platform-order-link .platform-mark{flex:0 0 20px;border-radius:5px;font-size:11px;height:20px;min-width:20px;width:20px}
.giveaway-platform-icon .platform-mark,.giveaway-platform .platform-mark,.giveaway-platform-line .platform-mark{border-radius:8px;font-size:14px;height:26px;width:26px}
.public-giveaway-card .giveaway-platform-icon .platform-mark{border-radius:10px;font-size:17px;height:34px;width:34px}

/* Avatars: accounts without a photo get an initial tile, never the placeholder image. */
.user-avatar-fallback{align-items:center;background:linear-gradient(135deg,#1b3a6b,#2f6fd0);color:#fff;border-radius:50%;display:inline-flex;flex:0 0 auto;font-weight:800;justify-content:center;line-height:1;overflow:hidden;text-transform:uppercase}
.profile-box .profile .user-avatar-fallback{font-size:16px;height:40px;width:40px}
.us-profile .user-avatar-fallback{font-size:14px;height:34px;width:34px}
.header-nav .profile .dropdown-header .profile-thumb .user-avatar-fallback{font-size:18px;height:46px;width:46px}
.profile-details-section .image-area .user-avatar-fallback{font-size:30px;height:86px;width:86px}
@media(max-width:575.98px){.us-profile .user-avatar-fallback{font-size:13px;height:32px;width:32px}}

/* Free-service platform marks. */
.free-service-category-icon .platform-mark{border-radius:9px;font-size:15px;height:30px;width:30px}
.free-service-category-icon .platform-mark-img{height:30px;width:30px;object-fit:contain}
.giveaway-platform .platform-mark{border-radius:9px;font-size:14px;height:28px;width:28px}
.giveaway-platform .platform-mark-img{height:28px;width:28px;object-fit:contain}
.giveaway-card-head .giveaway-platform .platform-mark{border-radius:10px;font-size:15px;height:32px;width:32px}

/* Homepage testimonial avatars. */
.sm-testimonial-grid footer .user-avatar-fallback{font-size:17px;height:42px;width:42px}

/* ==========================================================================
   Desktop marketplace homepage (>=992px). Mobile keeps the compact app layout.
   ========================================================================== */
@media(min-width:992px){
 /* Hero: navy panel, copy left, device + marks + stats right. */
 .social-marketplace-home .sm-hero{background:linear-gradient(135deg,#031b52 0%,#062a6b 46%,#0b3f96 100%)!important;border-radius:22px;margin:18px auto 0;max-width:1400px;padding:34px 0!important;width:calc(100% - 32px)}
 .social-marketplace-home .sm-hero-grid{align-items:center;gap:36px;grid-template-columns:minmax(0,1fr) minmax(420px,1fr)}
 .sm-hero-copy h1{color:#fff;font-size:clamp(34px,3.4vw,50px);line-height:1.06;margin:6px 0 14px}
 .sm-hero-copy p{color:#cfe0f8;font-size:16.5px;max-width:600px}
 .sm-hero .marketplace-search{margin:20px 0 14px;max-width:600px;position:relative}
 .sm-hero .marketplace-search input{height:58px;padding-right:150px;border-radius:14px;font-size:15px}
 .sm-hero .marketplace-search button{position:absolute;right:6px;top:6px;bottom:6px;width:140px;border-radius:10px;background:#0b63e5;color:#fff;font-weight:700;height:auto;inset-inline-end:6px}
 .sm-hero .marketplace-search button i{display:none}
 .sm-hero-popular{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
 .sm-hero-popular span{color:#a9c3ea;font-size:12.5px;font-weight:700}
 .sm-hero-popular a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#e8f0ff;font-size:12.5px;font-weight:600;padding:6px 12px}
 .sm-hero-popular a:hover{background:rgba(255,255,255,.18);color:#fff}
 .sm-hero-markers{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0;padding:0}
 .sm-hero-markers li{align-items:center;color:#dbe7fb;display:flex;font-size:13.5px;font-weight:600;gap:7px}
 .sm-hero-markers i{color:#7fb0ff}
 .sm-hub-stage{display:block;position:relative}
 /* Device mock-up */
 .sm-device{background:linear-gradient(160deg,#0b2b63,#0a1c40);border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 26px 50px rgba(3,20,50,.42);margin:0 auto;max-width:272px;padding:11px;position:relative}
 .sm-device-notch{background:rgba(255,255,255,.18);border-radius:999px;display:block;height:5px;margin:0 auto 10px;width:76px}
 .sm-device-screen{background:linear-gradient(180deg,#0a2354,#071634);border-radius:22px;display:grid;gap:10px;padding:14px}
 .sm-device-bar{align-items:center;display:flex;gap:9px}
 .sm-device-bar strong{color:#fff;display:block;font-size:13px;line-height:1.2}
 .sm-device-bar small{color:#9fb6dc;font-size:10.5px}
 .sm-device-search{align-items:center;background:#0e2c63;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#b9cdf0;display:flex;font-size:12px;gap:8px;padding:9px 11px}
 .sm-device-list{display:grid;gap:8px}
 .sm-device-row{align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:grid;gap:9px;grid-template-columns:32px minmax(0,1fr);padding:9px 10px}
 .sm-device-row strong{color:#fff;display:block;font-size:12.5px;line-height:1.25}
 .sm-device-row small{color:#9fb6dc;font-size:10.5px}
 .sm-device-row .platform-mark{height:32px;width:32px;font-size:15px;border-radius:9px}
 .sm-device-row .platform-mark-img{height:32px;object-fit:contain;width:32px}
 .sm-device-foot{align-items:center;color:#9fb6dc;display:flex;font-size:11px;justify-content:space-between}
 .sm-device-foot span{align-items:center;display:flex;gap:6px}
 .sm-device-foot i{background:#3ddc84;border-radius:50%;display:block;height:6px;width:6px}
 .sm-device-foot strong{color:#fff;font-size:12px}
 /* Floating platform marks */
 .sm-mark-cloud{display:grid;gap:10px;grid-template-columns:repeat(3,42px);position:absolute;right:-4px;top:34px}
 .sm-mark-cloud .sm-mark-chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:13px;display:grid;place-items:center;height:42px;width:42px}
 .sm-mark-cloud .platform-mark{border-radius:11px;font-size:20px;height:34px;width:34px}
 .sm-mark-cloud .platform-mark-img{height:34px;object-fit:contain;width:34px}
 /* Hero stats */
 .sm-hero-stats{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);margin:16px auto 0;max-width:272px;padding:12px 8px}
 .sm-hero-stats div{text-align:center}
 .sm-hero-stats strong{color:#fff;display:block;font-size:20px;font-weight:800;line-height:1.1}
 .sm-hero-stats span{color:#a9c3ea;font-size:11px}
 /* Trust strip folds into the hero stats on desktop. */
 .social-marketplace-home .sm-trust-strip{display:none}
 /* Platform strip card */
 .sm-platform-section{padding-top:26px} .social-marketplace-home .sm-section-head h2,.social-marketplace-home .sm-discovery-head h2{font-size:clamp(24px,2vw,30px)!important;line-height:1.15} .social-marketplace-home .sm-section-head p{font-size:14px;max-width:560px} .social-marketplace-home .sm-section{padding:44px 0}
 .social-marketplace-home .sm-platform-grid{background:#fff;border:1px solid #e6edf7;border-radius:18px;box-shadow:0 8px 26px rgba(16,35,63,.06);display:grid;gap:0;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;padding:6px}
 .social-marketplace-home .sm-platform-card{align-items:center;border-radius:14px;display:grid;gap:8px;justify-items:center;padding:18px 10px;text-align:center}
 .social-marketplace-home .sm-platform-card:hover{background:#f5f9ff}
 .social-marketplace-home .sm-platform-card h3{font-size:14px;margin:0}
 .social-marketplace-home .sm-platform-card p{display:none}
 .social-marketplace-home .sm-platform-card>span{color:#0b63e5;font-size:12px;font-weight:700}
 .social-marketplace-home .sm-platform-card>i{display:none}
 .sm-platform-more .sm-platform-icon{background:#f1f5fb;border:1px dashed #c5d6ee}
 .sm-platform-more .sm-platform-icon i{color:#6b7a90;font-size:20px}
 /* Quick action cards */
 .sm-quick-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
 .sm-quick-card{align-items:center;border-radius:16px;display:flex;gap:16px;justify-content:space-between;padding:22px}
 .sm-quick-card h3{font-size:18px;margin:0 0 4px}
 .sm-quick-card p{font-size:13.5px;margin:0 0 14px}
 .sm-quick-card .sm-btn{padding:10px 16px}
 .sm-quick-new{background:#eafaf0;border:1px solid #c9ecd7}
 .sm-quick-new h3{color:#0f7a44}
 .sm-quick-funds{background:#eaf2ff;border:1px solid #cfdffb}
 .sm-quick-funds h3{color:#0b4ea8}
 .sm-quick-offers{background:#fff3e6;border:1px solid #ffd9b0}
 .sm-quick-offers h3{color:#b45a06}
 .sm-quick-icon{border-radius:14px;display:grid;flex:0 0 auto;height:58px;place-items:center;width:58px}
 .sm-quick-new .sm-quick-icon{background:#d3f2e0;color:#0f7a44}
 .sm-quick-funds .sm-quick-icon{background:#d8e6ff;color:#0b4ea8}
 .sm-quick-offers .sm-quick-icon{background:#ffe3c2;color:#b45a06}
 .sm-quick-icon i{font-size:24px}
 /* Popular services */
 .sm-popular-head{align-items:end;display:flex;gap:16px;justify-content:space-between;text-align:left}
 .sm-popular-tools{align-items:center;display:flex;gap:10px}
 .sm-popular-tools>a{color:#0b63e5;font-size:13.5px;font-weight:700;margin-right:6px}
 .sm-rail-btn{align-items:center;background:#fff;border:1px solid #dbe5f2;border-radius:10px;color:#10233f;display:inline-flex;height:36px;justify-content:center;width:36px}
 .sm-rail-btn:hover{border-color:#0b63e5;color:#0b63e5}
 .social-marketplace-home .sm-discovery .sm-service-search,.social-marketplace-home .sm-discovery .sm-filter-row{display:none}
 .social-marketplace-home .sm-service-grid{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}
 .social-marketplace-home .sm-service-grid::-webkit-scrollbar{display:none}
 .social-marketplace-home .sm-service-card{background:#fff;border:1px solid #e6edf7;border-radius:16px;box-shadow:0 6px 20px rgba(16,35,63,.05);display:flex;flex-direction:column;flex:0 0 232px;padding:16px}
 .social-marketplace-home .sm-service-card:hover{border-color:#c9dcf7;box-shadow:0 12px 28px rgba(16,35,63,.09)}
 .sm-service-badge{align-self:start;background:#eaf2ff;border-radius:999px;color:#0b4ea8;font-size:11px;font-style:normal;font-weight:700;margin-left:auto;padding:5px 10px}
 .social-marketplace-home .sm-service-card h3{font-size:15px;line-height:1.35;margin:10px 0 4px;min-height:40px}
 .social-marketplace-home .sm-service-card h3 a{color:#10233f}
 .social-marketplace-home .sm-service-card>p{color:#6b7a90;font-size:12px;margin:0 0 10px}
 .sm-service-facts{display:grid;gap:7px;list-style:none;margin:0 0 12px;padding:0}
 .sm-service-facts li{align-items:center;color:#3c4a5f;display:flex;font-size:12.5px;gap:7px;min-width:0}
 .sm-service-facts i{color:#12a150;flex:0 0 auto;font-size:12px}
 .sm-service-price{align-items:baseline;display:flex;gap:6px;margin:auto 0 12px}
 .sm-service-price strong{color:#0b63e5;font-size:21px;font-weight:800}
 .sm-service-price span{color:#6b7a90;font-size:12px}
 .social-marketplace-home .sm-service-card .sm-service-order{align-items:center;background:#0b63e5;border-radius:10px;color:#fff;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;justify-content:center;margin:0;padding:12px 14px}
 .social-marketplace-home .sm-service-card .sm-service-order:hover{background:#0a55c8;color:#fff}
 /* Promo pair */
 .sm-promo-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}
 .sm-promo-card{align-items:center;border-radius:18px;display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr);padding:26px}
 .sm-promo-card h3{font-size:20px;margin:0 0 6px}
 .sm-promo-card p{font-size:13.5px;margin:0 0 16px;max-width:420px}
 .sm-promo-art{border-radius:16px;display:grid;height:64px;place-items:center;width:64px}
 .sm-promo-art i{font-size:28px}
 .sm-promo-referral{background:#eef4ff;border:1px solid #d6e4ff}
 .sm-promo-referral h3{color:#10233f}
 .sm-promo-referral .sm-promo-art{background:#fff;color:#0b63e5}
 .sm-promo-api{background:linear-gradient(135deg,#0b1c3d,#123163);border:1px solid #1d3a6b;color:#dbe7fb}
 .sm-promo-api h3{color:#fff}
 .sm-promo-api .sm-promo-art{background:rgba(255,255,255,.12);color:#9dbbff}
 .sm-btn-light{background:#fff;border-radius:10px;color:#0b2a63;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;padding:11px 16px}
 .sm-btn-light:hover{background:#eaf2ff;color:#0b2a63}
 /* Why choose + remaining sections spacing */
 .sm-benefit-grid{gap:16px;grid-template-columns:repeat(4,1fr)}
 .sm-benefit-grid article{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:20px}
 .sm-benefit-grid article i{background:#eaf2ff;border-radius:12px;color:#0b63e5;display:grid;height:46px;margin-bottom:14px;place-items:center;width:46px}
 .sm-benefit-grid article h3{font-size:15.5px;margin:0 0 6px}
 .sm-benefit-grid article p{color:#6b7a90;font-size:13px;margin:0}
 /* Home footer: light surface like the rest of the page */
 .social-marketplace-home .footer-section{background:#f4f7fb!important}
 .social-marketplace-home .footer-section .widget-title{color:#10233f}
 .social-marketplace-home .footer-section p,.social-marketplace-home .footer-section .widget-link,.social-marketplace-home .footer-section a{color:#5b6a80}
 .social-marketplace-home .footer-section .widget-title::after{background:#0b63e5}
 .social-marketplace-home .footer-section .social-area a{background:#fff;border:1px solid #e0e8f4;color:#10233f}
}

/* Hero search: labelled button on desktop, icon button on phones. */
.marketplace-search button span{display:none}
@media(min-width:992px){
 .sm-hero .marketplace-search button span{color:#fff;display:inline;font-size:14.5px;font-weight:700}
 .sm-hero .marketplace-search button i{display:none}
 .sm-hero-stats span{font-size:10.5px;line-height:1.25}
}

/* Hero quick chips and trust markers: base styles (phones first). */
.sm-hero-popular{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}
.sm-hero-popular span{color:#a9c3ea;font-size:12px;font-weight:700}
.sm-hero-popular a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#e8f0ff;font-size:12px;font-weight:600;padding:6px 11px}
.sm-hero-popular a:hover{background:rgba(255,255,255,.2);color:#fff}
.sm-hero-markers{display:grid;gap:8px 12px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}
.sm-hero-markers li{align-items:center;color:#dbe7fb;display:flex;font-size:12.5px;font-weight:600;gap:7px;min-width:0}
.sm-hero-markers i{color:#7fb0ff;flex:0 0 auto}
@media(max-width:991.98px){
 .sm-hub-stage{display:none}
 .social-marketplace-home .sm-hero{padding-bottom:22px!important}
}

/* Blog cards without a thumbnail: branded tile instead of the placeholder image. */
.img-box.is-fallback{align-items:center;background:linear-gradient(135deg,#eaf2ff,#dbe9ff);display:flex;justify-content:center;min-height:190px}
.blog-thumb-fallback{color:#0b63e5;display:grid;place-items:center}
.blog-thumb-fallback i{font-size:32px;opacity:.65}
.author-avatar-img,.thumbs-area .user-avatar-fallback{font-size:30px;height:104px;width:104px}

/* ==========================================================================
   Designer pass: consistent type scale, balanced grids, card polish, focus.
   ========================================================================== */
@media(min-width:992px){
 /* One heading scale across every section. */
 .social-marketplace-home .sm-section h2,
 .social-marketplace-home .sm-section-head h2,
 .social-marketplace-home .sm-payment-layout h2,
 .social-marketplace-home .sm-api-grid h2,
 .social-marketplace-home .sm-final-cta h2,
 .social-marketplace-home .sm-discovery-head h2{font-size:clamp(23px,1.9vw,28px)!important;line-height:1.2;letter-spacing:-.015em}
 .social-marketplace-home .sm-section-head{margin-bottom:22px}
 .social-marketplace-home .sm-section-head p{font-size:14.5px;line-height:1.55}
 /* Platform strip: even tiles, one row on wide screens. */
 .social-marketplace-home .sm-platform-grid{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));padding:8px}
 .social-marketplace-home .sm-platform-card{align-content:center;gap:9px;min-height:118px;padding:16px 8px}
 .social-marketplace-home .sm-platform-card h3{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .social-marketplace-home .sm-platform-card>span{font-size:11.5px;font-weight:700}
 /* Quick action cards: tighter, equal. */
 .sm-quick-card{align-items:center;padding:20px 22px}
 .sm-quick-card h3{font-size:17px}
 .sm-quick-card p{font-size:13px;margin-bottom:12px;max-width:34ch}
 /* Popular services rail: no hard cut, aligned titles. */
 .social-marketplace-home .sm-service-grid{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 56px),transparent 100%)}
 .social-marketplace-home .sm-service-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;margin:10px 0 5px}
 .sm-service-badge{background:#eef2f8;color:#41536d}
 .sm-service-badge:not(:empty){letter-spacing:.01em}
 .sm-service-facts li{font-size:12.5px;line-height:1.35}
 /* Why-choose: six cards in two even rows. */
 .sm-benefit-grid{grid-template-columns:repeat(3,1fr)!important}
 /* Payments: uniform method tiles. */
 .social-marketplace-home .sm-payment-rail{display:grid!important;gap:12px!important;grid-template-columns:repeat(3,minmax(0,1fr))}
 .social-marketplace-home .sm-payment-rail>div{align-items:center;background:#fff;border:1px solid #e6edf7;border-radius:14px;display:grid;gap:10px;justify-items:center;min-height:112px;padding:16px 12px;text-align:center}
 .social-marketplace-home .sm-payment-rail img{height:30px;max-width:76%;object-fit:contain;width:auto}
 .social-marketplace-home .sm-payment-rail i{color:#0b63e5;font-size:22px}
 .social-marketplace-home .sm-payment-rail span{color:#41536d;font-size:12.5px;font-weight:600;line-height:1.3}
 /* Focus visibility for the new controls. */
 .sm-rail-btn:focus-visible,.sm-service-order:focus-visible,.sm-quick-card .sm-btn:focus-visible,.sm-hero-popular a:focus-visible,
 .social-marketplace-home .sm-platform-card:focus-visible,.sm-promo-card .sm-btn:focus-visible,.sn-quick-card a:focus-visible{outline:3px solid #9dc0ff;outline-offset:2px;border-radius:12px}
}
@media(max-width:991.98px){
 .sm-hero-popular a:focus-visible,.sm-quick-card .sm-btn:focus-visible,.social-marketplace-home .sm-platform-card:focus-visible,.sm-service-order:focus-visible{outline:3px solid #9dc0ff;outline-offset:2px}
}

/* Hero marks: organic scatter around the device instead of a rigid grid. */
@media(min-width:992px){
 .sm-mark-cloud{display:grid;gap:12px 14px;grid-template-columns:repeat(2,46px);position:absolute;right:4px;top:40px}
 .sm-mark-cloud .sm-mark-chip{position:relative}
 .sm-mark-cloud .sm-mark-chip:nth-child(1){margin-top:26px}
 .sm-mark-cloud .sm-mark-chip:nth-child(2){margin-top:0}
 .sm-mark-cloud .sm-mark-chip:nth-child(3){margin-top:-12px}
 .sm-mark-cloud .sm-mark-chip:nth-child(4){margin-top:16px}
 .sm-mark-cloud .sm-mark-chip:nth-child(5){margin-top:-10px}
 .sm-mark-cloud .sm-mark-chip:nth-child(6){margin-top:14px}
 /* Badge variants: colour carries meaning. */
 .sm-service-badge[data-variant="premium"]{background:#fff4e0;color:#a35a06}
 .sm-service-badge[data-variant="quality"]{background:#eaf7ef;color:#0f7a44}
 .sm-service-badge[data-variant="refill"]{background:#eafaff;color:#0b6f8f}
 .sm-service-badge[data-variant="type"]{background:#eef2ff;color:#3b45a8}
 .sm-service-badge[data-variant="standard"]{background:#f1f4f9;color:#5b6a80}
 /* Payments: 4 columns on wide screens balances the gateway count. */
 .social-marketplace-home .sm-payment-rail{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Orders: the app-style card list is the single layout on every screen size. */
.marketplace-order-cards{display:grid!important;gap:14px;grid-template-columns:1fr}
@media(min-width:992px){
 .marketplace-order-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .moc{padding:16px 18px}
 /* Status chips: same clean chips as the app, at every width. */
 body #pills-tab{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0 2px 6px;scrollbar-width:none}
 body #pills-tab .nav-item{flex:0 0 auto}
 body #pills-tab .nav-link{align-items:center;background:#fff;border:1px solid var(--market-line);border-radius:999px!important;color:var(--market-muted)!important;display:inline-flex;font-size:13px;font-weight:600;margin:0;min-height:40px;padding:0 16px;white-space:nowrap}
 body #pills-tab .nav-link.active{background:var(--market-blue)!important;border-color:var(--market-blue);color:#fff!important}
 .dashboard-wrapper .cmn-table{display:none!important}
 .dashboard-wrapper .card-header h4{font-size:17px;font-weight:700}
 .dashboard-wrapper .card-header .cmn-btn{background:#0b63e5;border-radius:10px;font-size:13.5px;font-weight:600;gap:8px;min-height:42px;padding:0 16px}
 .dashboard-wrapper .card-header .cmn-btn:hover{background:#0a55c8}
}