:root{--social:#7c4ee4;--social-dark:#4f2ca8;--social-soft:#f3edff;--social-pink:#ec4899}
.social-mall-page .merchant-logo{background:linear-gradient(145deg,#7c4ee4,#ec4899);color:#fff;border-color:#d8c9ff}
.social-mall-page .merchant-title span{background:#e9fbf1;color:#13945a}.social-mall-page .merchant-title small{background:#f2ebff;color:#7040ce}
.social-mall-page .merchant-meta span:last-child{color:#f39814}.social-mall-page .merchant-actions .primary,.social-mall-page .search-panel form button,.social-mall-page #apply-filter,.social-mall-page .quick-quote button,.social-mall-page #compare-now,.social-mall-page .track-box button{background:linear-gradient(135deg,#6e42cf,#8d5bec)}
.social-search-panel{background:linear-gradient(120deg,#fff 0%,#faf7ff 58%,#f2ebff 100%)}
.social-search-panel .search-heading span{color:var(--social)}.social-search-panel form{grid-template-columns:1fr 1.2fr 1.1fr .8fr auto}.social-search-panel form>label{min-width:0}.social-search-panel select{width:100%}
.social-mall-page .category-rail nav button.active{background:var(--social-soft);color:var(--social-dark)}
.social-mall-page .result-tabs button.active,.social-mall-page .merchant-tabs button.active{color:var(--social);border-color:var(--social)}
.social-product-grid .service-image{height:174px;overflow:hidden;background:#eef2ff}
.social-visual{position:relative;height:100%;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;background:linear-gradient(140deg,var(--card-a),var(--card-b))}
.social-visual::before,.social-visual::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%;z-index:-1}.social-visual::before{width:180px;height:180px;right:-58px;top:-86px}.social-visual::after{width:110px;height:110px;left:-35px;bottom:-52px}
.platform-mark{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.32);display:grid;place-items:center;font-size:27px;font-weight:800;box-shadow:0 12px 26px rgba(30,10,70,.17)}
.social-visual strong{font-size:20px}.social-visual small{font-size:13px;opacity:.88}.social-product-grid .mode-badge{background:rgba(20,20,45,.7)}
.social-product-grid .service-body h3{min-height:48px}.social-product-grid .route-line{justify-content:flex-start;gap:8px}.social-product-grid .route-line i{color:#a895d6}.social-product-grid .provider-line span:last-child{color:#f39814}
.social-product-grid .service-tags span{background:#f2edff;color:#6840bd}.social-product-grid .price{color:var(--social-dark)}
.social-product-grid .service-actions button:last-child{background:var(--social)}
.budget-box{padding:18px;background:#fff;border:1px solid #dce5f1;border-radius:14px}.budget-box h2{font-size:16px;margin:0 0 14px}.budget-box div{display:flex;justify-content:space-between;color:#65748a;font-size:13px;margin-top:8px}.budget-box meter{width:100%;height:11px;accent-color:var(--social)}
.social-mall-page .quick-quote{background:linear-gradient(145deg,#f8f4ff,#fff)}.social-mall-page .quick-quote header span,.social-mall-page .quick-quote header b{color:var(--social)}
.social-mall-page .compare-dock{border-color:#d6c5fb}.social-mall-page .compare-dock>button:first-of-type{background:var(--social)}
.social-mall-page dialog .dialog-kicker{color:var(--social)}.social-mall-page dialog form>button{background:linear-gradient(135deg,#6e42cf,#8d5bec)}
.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:12px;border-bottom:1px solid #e3e8f1;text-align:left}.comparison-table th{color:#718096;font-size:12px}.comparison-table td:first-child{font-weight:700}
@media(max-width:1100px){.social-search-panel form{grid-template-columns:1fr 1fr}.social-search-panel form button{grid-column:span 2}.social-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.social-search-panel form{grid-template-columns:1fr}.social-search-panel form button{grid-column:auto}.social-product-grid{grid-template-columns:1fr}.social-product-grid .service-image{height:150px}}
