InstantSearch
/* ================================
THEME: SERVICE DIRECTORY
================================ */
.sb-dir-scope {
--primary: #FF4500;
--text-dark: #1A1A1B;
--text-gray: #555;
--bg-light: #F9F9F9;
--border: #EEEEEE;
/* Platform Colors */
--c-ig: #E1306C;
--c-tt: #000000;
--c-yt: #FF0000;
--c-fb: #1877F2;
--c-tw: #1DA1F2;
--c-li: #0077B5;
--c-pi: #BD081C;
--c-sp: #1DB954;
--c-twi: #9146FF;
--c-rd: #FF4500;
--c-sc: #FF5500;
--c-sn: #FFFC00;
--c-th: #101010;
font-family: 'Inter', sans-serif;
width: 100%;
box-sizing: border-box;
background: #fff;
padding: 40px 20px;
}
/* Reset */
.sb-dir-scope * { box-sizing: border-box; margin: 0; padding: 0; text-decoration: none; list-style: none; }
.sb-dir-container {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 30px;
}
/* Platform Card */
.sb-platform-card {
background: #fff;
border: 1px solid var(--border);
border-radius: 12px;
overflow: hidden;
transition: transform 0.2s, box-shadow 0.2s;
}
.sb-platform-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
border-color: #ddd;
}
/* Card Header */
.sb-card-header {
padding: 20px;
background: #fcfcfc;
border-bottom: 1px solid var(--border);
display: flex;
align-items: center;
gap: 12px;
}
.sb-card-header i { font-size: 24px; }
.sb-card-header h3 { font-size: 18px; font-weight: 800; color: var(--text-dark); margin: 0; }
/* Links List */
.sb-link-list {
padding: 15px 20px;
display: flex;
flex-direction: column;
gap: 8px;
}
.sb-link-list a {
font-size: 13px;
color: var(--text-gray);
padding: 6px 0;
border-bottom: 1px dashed #f0f0f0;
transition: 0.2s;
display: block;
}
.sb-link-list a:last-child { border-bottom: none; }
.sb-link-list a:hover { color: var(--primary); padding-left: 5px; }
/* Scrollable Container for very long lists */
.sb-scroll-area {
max-height: 350px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #ddd #f9f9f9;
}
.sb-scroll-area::-webkit-scrollbar { width: 6px; }
.sb-scroll-area::-webkit-scrollbar-track { background: #f9f9f9; }
.sb-scroll-area::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; }
/* Specific Header Colors */
.h-ig i { color: var(--c-ig); } .h-ig { border-top: 4px solid var(--c-ig); }
.h-tt i { color: var(--c-tt); } .h-tt { border-top: 4px solid var(--c-tt); }
.h-yt i { color: var(--c-yt); } .h-yt { border-top: 4px solid var(--c-yt); }
.h-fb i { color: var(--c-fb); } .h-fb { border-top: 4px solid var(--c-fb); }
.h-tw i { color: var(--c-tw); } .h-tw { border-top: 4px solid var(--c-tw); }
.h-li i { color: var(--c-li); } .h-li { border-top: 4px solid var(--c-li); }
.h-pi i { color: var(--c-pi); } .h-pi { border-top: 4px solid var(--c-pi); }
.h-sp i { color: var(--c-sp); } .h-sp { border-top: 4px solid var(--c-sp); }
.h-twi i { color: var(--c-twi); } .h-twi { border-top: 4px solid var(--c-twi); }
.h-rd i { color: var(--c-rd); } .h-rd { border-top: 4px solid var(--c-rd); }
.h-sc i { color: var(--c-sc); } .h-sc { border-top: 4px solid var(--c-sc); }
.h-sn i { color: #dbd800; text-shadow: 0 0 1px #999; } .h-sn { border-top: 4px solid var(--c-sn); }
.h-th i { color: var(--c-th); } .h-th { border-top: 4px solid var(--c-th); }
.h-of i { color: #00aff0; } .h-of { border-top: 4px solid #00aff0; }
.h-vm i { color: #1ab7ea; } .h-vm { border-top: 4px solid #1ab7ea; }
.h-tm i { color: #36465D; } .h-tm { border-top: 4px solid #36465D; }
.h-qr i { color: #B92B27; } .h-qr { border-top: 4px solid #B92B27; }
.h-gen i { color: #555; } .h-gen { border-top: 4px solid #555; }
/* Responsive */
@media (max-width: 768px) {
.sb-dir-container { grid-template-columns: 1fr; gap: 20px; }
}
Instagram
Followers
Post Likes
Custom Comments
Comment Rate
Post Engagements
Engagement Rate
Reel Views
Reel Likes
Reel Shares
Reel Saves
Reel Impressions
Reel Reach
Story Views
Story Link Clicks
Story Impressions
Story Reach
Live Viewers
Live Likes
Live Comments
Live Shares
Live Replays
DM Messages
DM Replies
DM Shares
Post Saves
Post Shares
Profile Visits
Explore Page Views
Profile Impressions
Profile Reach
Profile Views
Hashtag Reach
Hashtag Impressions
Discovery Views
Carousel Swipes
Post Impressions
Post Views
TikTok
Followers
Video Views
Video Likes
Video Comments
Video Shares
Video Saves
Video Favorites
Video Reach
Video Impressions
Live Viewers
Live Likes
Live Comments
Live Shares
Story Views
Story Likes
Story Replies
Hashtag Views
Profile Views
Profile Visits
Search Views
FYP Views
Total Engagement
Engagement Rate
YouTube
Subscribers
Video Views
Video Likes
Video Shares
Video Saves
Video Reach
Shorts Views
Shorts Likes
Live Viewers
Live Likes
Live Comments
Search Views
Suggested Views
Playlist Adds
Engagement Rate
Total Engagement
Facebook
Page Followers
Page Likes
Profile Followers
Profile Friends
Page Views
Post Likes
Post Reactions
Post Shares
Post Saves
Post Views
Post Impressions
Post Engagements
Post Reach
Reel Views
Reel Likes
Reel Shares
Reel Plays
Video Views
Video Likes
Video Shares
Group Members
Group Post Likes
Group Post Shares
Live Viewers
Live Likes
Live Reactions
Story Views
Story Reactions
X (Twitter)
Followers
Profile Visits
Profile Views
Likes
Reposts
Post Views
Video Views
Replies
Video Replies
Impressions
Bookmarks
Shares
Quote Posts
Hashtag Views
Search Views
Space Listeners
Space Replays
Video Reposts
Video Likes
Total Engagement
Engagement Rate
LinkedIn
Followers
Page Followers
Connections
Profile Views
Page Views
Post Likes
Post Comments
Post Shares
Post Saves
Post Reactions
Post Impressions
Post Clicks
Post Reach
Video Views
Video Likes
Video Comments
Video Shares
Article Views
Article Likes
Article Comments
Article Shares
Search Views
Hashtag Reach
Total Engagement
Engagement Rate
Pinterest
Followers
Board Followers
Board Saves
Profile Views
Pin Views
Pin Likes
Pin Saves
Pin Comments
Pin Clicks
Total Engagement
Spotify
Followers
Playlist Followers
Monthly Listeners
Track Plays
Album Plays
Track Likes
Playlist Likes
Profile Visits
Total Engagement
Twitch
Followers
Live Viewers
Peak Viewers
Channel Views
Stream Views
Stream Likes
Clip Views
Clip Likes
Chat Messages
Chat Engagement
Total Engagement
Snapchat
Followers
Friends
Story Views
Story Screenshots
Story Shares
Story Replies
Spotlight Views
Spotlight Likes
Spotlight Shares
Video Views
Video Reach
Video Impressions
Discover Views
Profile Views
Engagement Rate
Total Engagement
Reddit
Upvotes
Followers
Subreddit Members
Post Upvotes
Post Downvotes
Post Views
Comments
Shares
Comment Upvotes
Comment Replies
Total Engagement
SoundCloud
Followers
Track Plays
Track Likes
Track Comments
Track Reposts
Profile Views
Playlist Plays
Total Engagement
Threads
Followers
Post Likes
Post Shares
Post Reposts
Post Quotes
Post Replies
Post Impressions
Post Reach
Profile Views
Profile Visits
Video Views
Video Likes
Video Replies
Search Views
Hashtag Views
Total Engagement
Engagement Rate
Other Networks
Discord Server Members
Discord Online Members
Discord Server Boosts
Discord Messages
Discord Reactions
Discord Voice
Discord Engagement
OnlyFans Followers
OnlyFans Views
OnlyFans Likes
OnlyFans Comments
OnlyFans Tips
Vimeo Followers
Vimeo Views
Vimeo Likes
Tumblr Followers
Tumblr Likes
Tumblr Reblogs
Quora Followers
Quora Answer Views
Quora Upvotes
Clubhouse Followers
Douyin Followers
Chingari Followers
Bluesky Followers
Bilibili Followers
Baidu Tieba Followers
VK Followers
VK Likes
/* ================================
THEME: CYBER INSTAGRAM GRID
(WP/Elementor Safe Version)
================================ */
/* 1. ISOLATION & VARIABLES */
.smm-scope {
/* Variables Scope */
--primary: #c13584;
--primary-grad: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
--bg-glass: rgba(255, 255, 255, 0.95);
--active-bg: #fdf2f8;
--active-border: #db2777;
--suggested-bg: #fff1f2;
--text-main: #1c1e21;
--text-sub: #65676b;
/* Reset Theme Inheritance */
font-family: 'Inter', system-ui, -apple-system, sans-serif;
line-height: 1.5;
text-align: left;
width: 100%;
display: block;
position: relative;
z-index: 1;
}
/* 2. STRICT ELEMENT RESET
Prevents theme styles from breaking the widget
*/
.smm-scope * {
box-sizing: border-box;
outline: none;
margin: 0;
padding: 0;
}
/* 3. CARD STYLES */
.smm-scope .smm-card {
max-width: 600px;
margin: 20px auto;
padding: 35px;
background: var(--bg-glass);
border-radius: 24px;
box-shadow: 0 20px 80px rgba(193, 53, 132, 0.15), 0 0 0 1px rgba(193, 53, 132, 0.1);
position: relative;
overflow: visible !important; /* Required for Badge */
z-index: 1;
}
/* Top Gradient Line */
.smm-scope .smm-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px;
background: var(--primary-grad);
border-radius: 24px 24px 0 0;
}
/* Typography Overrides */
.smm-scope h2 {
text-align: center; font-size: 28px !important; font-weight: 800 !important;
margin: 0 0 8px 0 !important; color: var(--text-main) !important;
letter-spacing: -0.5px; line-height: 1.2 !important; font-family: 'Inter', sans-serif !important;
text-transform: none !important; /* Fix for some themes */
}
.smm-scope .smm-sub {
text-align: center; font-size: 14px !important; color: var(--text-sub) !important;
margin-bottom: 25px !important; font-weight: 500;
font-family: 'Inter', sans-serif !important;
}
.smm-scope label {
font-weight: 700; font-size: 13px; color: #4b4c4f;
text-transform: uppercase; margin-bottom: 8px; display: block;
font-family: 'Inter', sans-serif !important;
}
/* Input Styling */
.smm-scope input {
width: 100%; padding: 14px 16px; border-radius: 12px;
border: 2px solid #e5e7eb !important; font-size: 16px !important; font-weight: 600;
background: #f7f8fa !important; color: #1c1e21 !important;
margin-bottom: 25px !important; transition: all 0.2s ease;
height: auto !important; /* Fix for themes enforcing height */
line-height: normal !important;
box-shadow: none !important;
}
.smm-scope input:focus {
border-color: var(--primary) !important; background: #fff !important;
box-shadow: 0 0 0 4px rgba(193, 53, 132, 0.15) !important;
}
/* 4. PACKAGE GRID */
.smm-scope .pkg-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-bottom: 25px;
padding-top: 15px;
margin-top: -15px;
}
@media (max-width: 480px) {
.smm-scope .pkg-grid { grid-template-columns: repeat(2, 1fr); }
}
.smm-scope .pkg-card {
border: 2px solid #e5e7eb;
border-radius: 16px;
padding: 16px 10px;
text-align: center;
cursor: pointer;
transition: all 0.2s ease;
background: #fff;
position: relative;
overflow: visible !important;
z-index: 1;
display: flex; /* Fix alignment */
flex-direction: column;
align-items: center;
justify-content: center;
}
.smm-scope .pkg-card:hover {
transform: translateY(-3px);
border-color: #fbcfe8;
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
z-index: 10;
}
/* Active State */
.smm-scope .pkg-card.active {
border-color: var(--active-border);
background: var(--active-bg);
box-shadow: 0 0 0 4px rgba(193, 53, 132, 0.1);
z-index: 6;
}
.smm-scope .pkg-card.active .pkg-qty { color: #be185d; }
.smm-scope .pkg-card.active .pkg-price { color: #be185d; }
/* Suggested / Most Popular */
.smm-scope .pkg-card.suggested {
border-color: #fbcfe8;
background: var(--suggested-bg);
z-index: 5;
}
.smm-scope .pkg-card.suggested::after {
content: 'MOST POPULAR';
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
background: var(--primary-grad);
color: #ffffff;
font-size: 9px; font-weight: 800;
padding: 3px 10px;
border-radius: 20px;
letter-spacing: 0.5px;
z-index: 20;
white-space: nowrap;
width: max-content;
box-shadow: 0 4px 10px rgba(193, 53, 132, 0.25);
pointer-events: none;
}
.smm-scope .pkg-card.suggested.active {
z-index: 7;
border-color: var(--active-border);
background: var(--active-bg);
}
.smm-scope .pkg-qty {
font-size: 15px; font-weight: 800; color: #4b4c4f; margin-bottom: 4px;
line-height: 1.2 !important;
}
.smm-scope .pkg-sub {
font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.5px;
line-height: 1.2 !important;
}
.smm-scope .pkg-price {
font-size: 17px; font-weight: 900; color: #1c1e21; margin-top: 8px;
line-height: 1.2 !important;
}
/* 5. FOOTER & BUTTON */
.smm-scope .smm-main-btn {
width: 100%; padding: 18px; border-radius: 14px; border: none !important; font-size: 18px !important;
font-weight: 800 !important; color: #ffffff !important; cursor: pointer;
background: var(--primary-grad) !important;
box-shadow: 0 10px 25px rgba(193, 53, 132, 0.25); transition: all 0.3s ease;
margin: 0 !important;
text-transform: none !important;
line-height: normal !important;
}
.smm-scope .smm-main-btn:hover { transform: translateY(-2px); box-shadow: 0 15px 35px rgba(193, 53, 132, 0.35); }
.smm-scope .smm-main-btn:disabled { background: #cbd5e1 !important; transform: none; box-shadow: none; cursor: not-allowed; color: #94a3b8 !important; }
.smm-scope .error-msg { color: #dc2626; font-size: 13px; font-weight: 700; text-align: center; margin-top: 15px; display: none; background: #fee2e2; padding: 10px; border-radius: 8px; }
.smm-scope .seo-tag { text-align:center; margin-top:15px; font-size:11px; color:#94a3b8; letter-spacing:0.5px; }
Buy Instagram Followers
Real • Instant • Non-Drop
Secure Checkout • No Password Required