/* === e-ihracat-danismanligi-hizmeti.html === */
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === e-ticaret-sitesi-kurulum-paketleri-hizmeti.html === */
:root {
--accent-pink: #E2417C;
--accent-blue: #4684CE;
--page-bg: #060a14;
}
@media (max-width: 768px) {
.page-hero { min-height: auto !important; padding: 120px 20px 40px !important; }
.page-hero h1 { font-size: 2.5rem !important; }
.two-col { grid-template-columns: 1fr !important; gap: 40px !important; }
.three-col { grid-template-columns: 1fr !important; }
}
/* Subdropdown fix */
.has-subdropdown > a { text-align: center !important; justify-content: center !important; }
.has-subdropdown > a::after { display: none !important; }
/* Pricing Section Header */
.pricing-section-header {
text-align: center;
margin-bottom: 60px;
}
.pricing-section-header h2 {
font-family: 'Poppins', sans-serif;
font-size: 3rem;
font-weight: 700;
color: white;
margin: 0 0 16px 0;
}
.pricing-section-header p {
font-family: 'Poppins', sans-serif;
font-size: 1.1rem;
color: rgba(255,255,255,0.5);
font-style: italic;
margin: 0;
}
/* Pricing Grid */
.pricing-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px; align-items: start; }
@media (max-width: 1024px) { .pricing-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; } }
@media (max-width: 768px) { .pricing-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; gap: 24px; } }
.pricing-card {
background: rgba(0,0,0,0.6);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 20px;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pricing-card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
/* Popular card highlight */
.pricing-card.popular {
border: 2px solid rgba(255, 215, 0, 0.35);
background:
radial-gradient(ellipse at top center, rgba(255, 215, 0, 0.28) 0%, transparent 55%),
radial-gradient(ellipse at bottom center, rgba(255, 215, 0, 0.2) 0%, transparent 55%),
radial-gradient(ellipse at center, rgba(255, 215, 0, 0.08) 0%, rgba(0, 0, 0, 0.7) 70%);
box-shadow: 0 0 40px rgba(255, 215, 0, 0.2), 0 0 80px rgba(255, 215, 0, 0.1), 0 0 120px rgba(255, 215, 0, 0.05), inset 0 0 80px rgba(255, 215, 0, 0.08);
}
.pricing-card.popular .card-name,
.pricing-card.popular .card-price {
color: white;
}
.pricing-card.popular .card-billing,
.pricing-card.popular .card-subtitle {
color: rgba(255,255,255,0.45);
}
.pricing-card.popular .card-divider {
background: rgba(255, 215, 0, 0.15);
}
.pricing-card.popular .popular-badge {
color: white;
background: rgba(255, 215, 0, 0.15);
border: 1px solid rgba(255, 215, 0, 0.3);
}
.pricing-card-body {
padding: 32px 28px;
flex: 1;
display: flex;
flex-direction: column;
}
/* Card top area */
.pricing-card-top {
margin-bottom: 24px;
}
.pricing-card-top .card-name-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 4px;
}
.pricing-card-top .card-name {
font-family: 'Poppins', sans-serif;
font-size: 1.3rem;
font-weight: 700;
color: white;
margin: 0;
}
.pricing-card-top .popular-badge {
font-family: 'Poppins', sans-serif;
font-size: 0.65rem;
font-weight: 700;
color: white;
background: linear-gradient(135deg, #2dd4a8, #0d9488);
padding: 4px 12px;
border-radius: 20px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.pricing-card-top .card-billing {
font-family: 'Poppins', sans-serif;
font-size: 0.85rem;
color: rgba(255,255,255,0.4);
margin: 0 0 20px 0;
}
.pricing-card-top .card-price {
font-family: 'Poppins', sans-serif;
font-size: 2.8rem;
font-weight: 800;
color: white;
margin: 0 0 6px 0;
line-height: 1;
}
.pricing-card-top .card-price span {
font-size: 1rem;
font-weight: 400;
color: rgba(255,255,255,0.45);
}
.pricing-card-top .card-subtitle {
font-family: 'Poppins', sans-serif;
font-size: 0.85rem;
color: rgba(255,255,255,0.4);
font-style: italic;
margin: 0;
}
/* Divider */
.pricing-card .card-divider {
height: 1px;
background: rgba(255,255,255,0.08);
margin: 0 0 24px 0;
}
/* Features */
.pricing-features {
list-style: none;
padding: 0;
margin: 0 0 32px 0;
flex: 1;
}
.pricing-features li {
font-family: 'Poppins', sans-serif;
font-size: 0.92rem;
color: rgba(255,255,255,0.7);
line-height: 1.6;
padding: 6px 0 6px 32px;
position: relative;
}
.pricing-features li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(45, 212, 168, 0.15);
border: 1.5px solid #2dd4a8;
}
.pricing-features li::after {
content: '✓';
position: absolute;
left: 4px;
top: 10px;
font-size: 0.7rem;
font-weight: 700;
color: #2dd4a8;
line-height: 20px;
width: 20px;
text-align: center;
}
/* CTA Button */
.pricing-cta {
display: block;
text-align: center;
padding: 14px 28px;
border-radius: 50px;
font-family: 'Poppins', sans-serif;
font-size: 0.95rem;
font-weight: 600;
color: white;
text-decoration: none;
transition: all 0.3s ease;
margin-top: auto;
}
.pricing-cta.cta-outline {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.15);
}
.pricing-cta.cta-outline:hover {
background: rgba(255,255,255,0.12);
border-color: rgba(255,255,255,0.3);
}
.pricing-cta.cta-gradient {
background: linear-gradient(135deg, #2dd4a8, #0d9488);
border: none;
}
.pricing-cta.cta-gradient:hover {
box-shadow: 0 8px 30px rgba(45, 212, 168, 0.3);
}
.pricing-cta.cta-dark {
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
}
.pricing-cta.cta-dark:hover {
background: rgba(255,255,255,0.15);
}
/* Premium neon glow animation */
@keyframes neonPulse {
0%, 100% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.08), 0 0 40px rgba(255, 215, 0, 0.04); border-color: rgba(255, 215, 0, 0.15); }
50% { box-shadow: 0 0 35px rgba(255, 215, 0, 0.2), 0 0 70px rgba(255, 215, 0, 0.1), 0 0 100px rgba(255, 215, 0, 0.05); border-color: rgba(255, 215, 0, 0.35); }
}
@keyframes neonTextPulse {
0%, 100% { text-shadow: 0 0 10px rgba(255, 215, 0, 0.4), 0 0 20px rgba(255, 215, 0, 0.2); }
50% { text-shadow: 0 0 15px rgba(255, 215, 0, 0.7), 0 0 30px rgba(255, 215, 0, 0.4), 0 0 50px rgba(255, 215, 0, 0.2); }
}
@keyframes neonBgPulse {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.7; }
}
@keyframes goldHeaderShimmer {
0% { background-position: -200% center; }
100% { background-position: 200% center; }
}
.premium-neon-card { animation: neonPulse 3s ease-in-out infinite; }
.premium-neon-title { animation: neonTextPulse 3s ease-in-out infinite; }
.premium-neon-bg { animation: neonBgPulse 3s ease-in-out infinite; }
/* Collapsible pricing section */
.pricing-wrapper {
max-height: 600px;
overflow: hidden;
position: relative;
transition: max-height 0.6s ease;
}
.pricing-wrapper.expanded {
max-height: 8000px;
}
.pricing-wrapper:not(.expanded)::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 150px;
background: linear-gradient(to bottom, transparent, #0d1525);
pointer-events: none;
z-index: 1;
}
.pricing-toggle {
display: block;
margin: 30px auto 0;
padding: 14px 40px;
font-family: 'Poppins', sans-serif;
font-size: 1.05rem;
font-weight: 600;
color: white;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
z-index: 2;
}
.pricing-toggle:hover {
background: rgba(255,255,255,0.12);
border-color: rgba(255,255,255,0.3);
}
/* === e-ticaret-sitesi-paketleri-danismanligi-hizmeti.html === */
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === erp-yonetim-danismanligi-hizmeti.html === */
/* Hero CTA Button - all sizes */
.hero-cta-btn {
padding: 16px 38px;
font-size: 1.1rem;
}
/* Responsive - Tablet */
@media (max-width: 768px) {
.hero-cta-btn {
padding: 10px 30px !important;
font-size: 0.9rem !important;
border-radius: 6px !important;
box-shadow: 0 2px 12px rgba(0, 212, 170, 0.3) !important;
width: auto !important;
max-width: none !important;
}
}
/* Responsive - Mobile */
@media (max-width: 480px) {
.hero-cta-btn {
padding: 10px 28px !important;
font-size: 0.85rem !important;
border-radius: 6px !important;
box-shadow: 0 2px 10px rgba(0, 212, 170, 0.25) !important;
width: auto !important;
max-width: none !important;
}
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === google-ads-reklam-yonetimi-hizmeti.html === */
:root {
--gads-accent: #ff9500;
--gads-accent-rgb: 255, 149, 0;
--gads-blue: #4285f4;
--gads-green: #34a853;
--gads-red: #ea4335;
--gads-yellow: #fbbc05;
--gads-bg: #080a10;
}
.hex-grid-bg {
background-image: url("data:image/svg+xml,%3Csvg width='60' height='52' viewBox='0 0 60 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='rgba(255,149,0,0.04)' stroke-width='0.5'/%3E%3C/svg%3E");
}
.pulse-ring {
position: absolute; border-radius: 50%;
border: 1px solid rgba(var(--gads-accent-rgb), 0.15);
animation: pulseExpand 3s ease-out infinite;
}
.pulse-ring:nth-child(2) { animation-delay: 1s; }
.pulse-ring:nth-child(3) { animation-delay: 2s; }
@keyframes pulseExpand {
0% { transform: scale(0.5); opacity: 1; }
100% { transform: scale(2.5); opacity: 0; }
}
@keyframes barGrow {
from { transform: scaleY(0); }
to { transform: scaleY(1); }
}
.float-badge { animation: floatBadge 3s ease-in-out infinite; }
@keyframes floatBadge {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.gads-card {
transition: all 0.4s ease; position: relative; overflow: hidden;
}
.gads-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--gads-accent), var(--gads-blue));
transform: scaleX(0); transition: transform 0.4s ease;
}
.gads-card:hover::before { transform: scaleX(1); }
.gads-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(var(--gads-accent-rgb), 0.1); }
/* ===== GOOGLE ADS PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
/* Hero section */
.gads-hero-section { min-height: auto !important; padding: 120px 20px 60px !important; }
.gads-hero-section h1 { font-size: 2.5rem !important; }
.gads-hero-section p { font-size: 1rem !important; }
/* Hero dashboard */
.gads-hero-dashboard { max-width: 100% !important; padding: 20px !important; }
/* Hero dashboard stats grid */
.gads-hero-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; }
.gads-hero-stats > div > div:first-child { font-size: 1.4rem !important; }
/* Hero bar chart */
.gads-hero-bars { height: 40px !important; }
/* Float badge */
.float-badge { padding: 8px 18px !important; margin-bottom: 25px !important; }
/* Section paddings */
.gads-section { padding: 60px 20px !important; }
/* Section 1: intro text */
.gads-intro-text { padding-left: 25px !important; }
.gads-intro-text p { font-size: 1rem !important; }
/* Section 2: funnel + text */
.gads-funnel-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.gads-funnel-grid h2 { font-size: 1.8rem !important; }
.gads-funnel-grid p { font-size: 0.95rem !important; }
/* Section 3: keyword strategy */
.gads-keyword-section h2 { font-size: 1.8rem !important; }
.gads-keyword-tags { gap: 10px !important; }
.gads-keyword-tags > span { padding: 8px 16px !important; font-size: 0.8rem !important; }
.gads-keyword-text { padding: 30px !important; }
.gads-keyword-text p { font-size: 0.95rem !important; }
/* Section 4: 3 ad model cards */
.gads-models-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
.gads-models-section h2 { font-size: 1.8rem !important; }
.gads-models-text { padding: 30px !important; }
.gads-models-text p { font-size: 0.95rem !important; }
/* Section 5: optimization cycle + text */
.gads-optim-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.gads-optim-grid h2 { font-size: 1.8rem !important; }
.gads-optim-grid p { font-size: 0.95rem !important; }
/* Cycle diagram smaller */
.gads-cycle-wrap { display: flex; justify-content: center; }
.gads-cycle-wrap > div { width: 220px !important; height: 220px !important; }
.gads-cycle-wrap > div > div:last-child { width: 160px !important; height: 160px !important; }
.gads-cycle-wrap > div > div:first-child { width: 65px !important; height: 65px !important; }
/* Section 6: target + text */
.gads-target-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.gads-target-grid h2 { font-size: 1.8rem !important; }
.gads-target-grid p { font-size: 0.95rem !important; }
.gads-target-icon { width: 180px !important; height: 180px !important; }
/* Section 7: budget card inner grid */
.gads-budget-grid { grid-template-columns: 1fr !important; gap: 30px !important; padding: 35px !important; }
.gads-budget-grid p { font-size: 0.95rem !important; }
/* Section 8: report + text */
.gads-report-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.gads-report-grid h2 { font-size: 1.8rem !important; }
.gads-report-grid p { font-size: 0.95rem !important; }
/* Report inner stats */
.gads-report-stats { grid-template-columns: repeat(2, 1fr) !important; }
/* Section 9: summary card */
.gads-summary-card { padding: 35px !important; }
.gads-summary-card h2 { font-size: 1.3rem !important; }
.gads-summary-card p { font-size: 0.95rem !important; }
/* CTA section */
.gads-cta-section { padding: 60px 20px !important; }
.gads-cta-section h2 { font-size: 2rem !important; }
.gads-cta-section p { font-size: 1rem !important; }
.gads-cta-section a { padding: 16px 40px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
.gads-hero-section { padding: 100px 15px 40px !important; }
.gads-hero-section h1 { font-size: 1.8rem !important; }
.gads-hero-dashboard { padding: 15px !important; }
.gads-hero-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.gads-hero-stats > div > div:first-child { font-size: 1.2rem !important; }
.gads-hero-bars { height: 30px !important; margin-top: 15px !important; }
.float-badge { padding: 6px 14px !important; }
.float-badge span { font-size: 0.75rem !important; }
.gads-section { padding: 40px 15px !important; }
.gads-intro-text { padding-left: 20px !important; border-left-width: 3px !important; }
.gads-intro-text p { font-size: 0.9rem !important; }
.gads-funnel-grid h2, .gads-keyword-section h2, .gads-models-section h2,
.gads-optim-grid h2, .gads-target-grid h2, .gads-report-grid h2 { font-size: 1.5rem !important; }
.gads-models-grid { grid-template-columns: 1fr !important; }
.gads-report-stats { grid-template-columns: 1fr !important; }
.gads-budget-grid { padding: 25px !important; }
.gads-keyword-tags { gap: 8px !important; }
.gads-keyword-tags > span { padding: 6px 12px !important; font-size: 0.7rem !important; }
.gads-keyword-text, .gads-models-text { padding: 25px !important; }
.gads-cycle-wrap > div { width: 180px !important; height: 180px !important; }
.gads-cycle-wrap > div > div:last-child { width: 130px !important; height: 130px !important; }
.gads-cycle-wrap > div > div:first-child { width: 55px !important; height: 55px !important; }
.gads-target-icon { width: 150px !important; height: 150px !important; }
.gads-summary-card { padding: 25px !important; }
.gads-summary-card h2 { font-size: 1.2rem !important; }
.gads-cta-section { padding: 50px 15px !important; }
.gads-cta-section h2 { font-size: 1.6rem !important; }
.gads-cta-section a { padding: 14px 30px !important; font-size: 0.95rem !important; }
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === influencer-ugc-danismanligi-hizmeti.html === */
:root {
--iu-purple: #8b5cf6;
--iu-purple-rgb: 139, 92, 246;
--iu-pink: #ec4899;
--iu-pink-rgb: 236, 72, 153;
--iu-orange: #f97316;
--iu-orange-rgb: 249, 115, 22;
--iu-green: #10b981;
--iu-green-rgb: 16, 185, 129;
--iu-bg: #070a12;
}
.iu-dot-bg {
background-image: radial-gradient(rgba(var(--iu-purple-rgb), 0.04) 1px, transparent 1px);
background-size: 35px 35px;
}
.iu-card {
transition: all 0.4s ease; position: relative; overflow: hidden;
}
.iu-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--iu-purple), var(--iu-pink));
transform: scaleX(0); transition: transform 0.4s ease;
}
.iu-card:hover::before { transform: scaleX(1); }
.iu-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(var(--iu-purple-rgb), 0.12); }
.iu-pulse { animation: iuPulse 2.5s ease-in-out infinite; }
@keyframes iuPulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(var(--iu-purple-rgb), 0.3); }
50% { box-shadow: 0 0 0 18px rgba(var(--iu-purple-rgb), 0); }
}
.iu-float { animation: iuFloat 4s ease-in-out infinite; }
@keyframes iuFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
@keyframes iuGlow {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.8; }
}
/* ===== INFLUENCER UGC PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
.iu-hero-section { min-height: auto !important; padding: 120px 20px 60px !important; }
.iu-hero-section h1 { font-size: 2.5rem !important; }
.iu-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; text-align: center !important; }
.iu-hero-mockup { max-width: 320px !important; margin: 0 auto !important; }
.iu-section { padding: 60px 20px !important; }
.iu-strategy-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.iu-strategy-grid h2 { font-size: 1.8rem !important; }
.iu-select-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.iu-select-grid h2 { font-size: 1.8rem !important; }
.iu-platform-grid { grid-template-columns: repeat(2, 1fr) !important; }
.iu-platform-section h2 { font-size: 1.8rem !important; }
.iu-campaign-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.iu-campaign-grid h2 { font-size: 1.8rem !important; }
.iu-ugc-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.iu-ugc-grid h2 { font-size: 1.8rem !important; }
.iu-ecom-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.iu-ecom-grid h2 { font-size: 1.8rem !important; }
.iu-perf-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.iu-perf-grid h2 { font-size: 1.8rem !important; }
.iu-perf-stats { grid-template-columns: repeat(2, 1fr) !important; }
.iu-summary-card { padding: 35px !important; }
.iu-summary-card h2 { font-size: 1.3rem !important; }
.iu-cta-section { padding: 60px 20px !important; }
.iu-cta-section h2 { font-size: 2rem !important; }
.iu-cta-section a { padding: 16px 40px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
.iu-hero-section { padding: 100px 15px 40px !important; }
.iu-hero-section h1 { font-size: 1.8rem !important; }
.iu-section { padding: 40px 15px !important; }
.iu-platform-grid { grid-template-columns: 1fr !important; }
.iu-perf-stats { grid-template-columns: 1fr !important; }
.iu-summary-card { padding: 25px !important; }
.iu-cta-section { padding: 50px 15px !important; }
.iu-cta-section h2 { font-size: 1.6rem !important; }
.iu-cta-section a { padding: 14px 30px !important; font-size: 0.95rem !important; }
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === influencer-ugc-raporlama-hizmeti.html === */
:root {
--ir-teal: #14b8a6;
--ir-teal-rgb: 20, 184, 166;
--ir-cyan: #06b6d4;
--ir-cyan-rgb: 6, 182, 212;
--ir-indigo: #6366f1;
--ir-indigo-rgb: 99, 102, 241;
--ir-emerald: #10b981;
--ir-emerald-rgb: 16, 185, 129;
--ir-amber: #f59e0b;
--ir-amber-rgb: 245, 158, 11;
--ir-bg: #070a12;
}
.ir-dot-bg {
background-image: radial-gradient(rgba(var(--ir-teal-rgb), 0.04) 1px, transparent 1px);
background-size: 35px 35px;
}
.ir-card {
transition: all 0.4s ease; position: relative; overflow: hidden;
}
.ir-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--ir-teal), var(--ir-cyan));
transform: scaleX(0); transition: transform 0.4s ease;
}
.ir-card:hover::before { transform: scaleX(1); }
.ir-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(var(--ir-teal-rgb), 0.12); }
.ir-pulse { animation: irPulse 2.5s ease-in-out infinite; }
@keyframes irPulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(var(--ir-teal-rgb), 0.3); }
50% { box-shadow: 0 0 0 18px rgba(var(--ir-teal-rgb), 0); }
}
.ir-float { animation: irFloat 4s ease-in-out infinite; }
@keyframes irFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
@keyframes irGlow {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.8; }
}
/* ===== INFLUENCER UGC REPORTING PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
.ir-hero-section { min-height: auto !important; padding: 120px 20px 60px !important; }
.ir-hero-section h1 { font-size: 2.5rem !important; }
.ir-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; text-align: center !important; }
.ir-hero-mockup { max-width: 320px !important; margin: 0 auto !important; }
.ir-section { padding: 60px 20px !important; }
.ir-metrics-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.ir-metrics-grid h2 { font-size: 1.8rem !important; }
.ir-traffic-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.ir-traffic-grid h2 { font-size: 1.8rem !important; }
.ir-influencer-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.ir-influencer-grid h2 { font-size: 1.8rem !important; }
.ir-ugc-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.ir-ugc-grid h2 { font-size: 1.8rem !important; }
.ir-audience-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.ir-audience-grid h2 { font-size: 1.8rem !important; }
.ir-insight-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.ir-insight-grid h2 { font-size: 1.8rem !important; }
.ir-kpi-grid { grid-template-columns: repeat(2, 1fr) !important; }
.ir-kpi-section h2 { font-size: 1.8rem !important; }
.ir-summary-card { padding: 35px !important; }
.ir-summary-card h2 { font-size: 1.3rem !important; }
.ir-cta-section { padding: 60px 20px !important; }
.ir-cta-section h2 { font-size: 2rem !important; }
.ir-cta-section a { padding: 16px 40px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
.ir-hero-section { padding: 100px 15px 40px !important; }
.ir-hero-section h1 { font-size: 1.8rem !important; }
.ir-section { padding: 40px 15px !important; }
.ir-kpi-grid { grid-template-columns: 1fr !important; }
.ir-summary-card { padding: 25px !important; }
.ir-cta-section { padding: 50px 15px !important; }
.ir-cta-section h2 { font-size: 1.6rem !important; }
.ir-cta-section a { padding: 14px 30px !important; font-size: 0.95rem !important; }
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === kurumsal-web-tasarim-hizmeti.html === */
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* Pricing Section Header */
.kw-pricing-section-header { text-align: center; margin-bottom: 60px; }
.kw-pricing-section-header h2 { font-family: 'Poppins', sans-serif; font-size: 2.4rem; font-weight: 700; color: white; margin: 0 0 12px 0; }
.kw-pricing-section-header p { font-family: 'Poppins', sans-serif; font-size: 1rem; color: rgba(255,255,255,0.5); font-style: italic; margin: 0; }
.kw-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; align-items: start; }
@media (max-width: 1024px) { .kw-pricing-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; } }
@media (max-width: 768px) { .kw-pricing-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; gap: 24px; } }
.kw-pricing-card { background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; display: flex; flex-direction: column; overflow: hidden; position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.kw-pricing-card:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
.kw-pricing-card.kw-popular { border: 2px solid rgba(255, 215, 0, 0.35); background: radial-gradient(ellipse at top center, rgba(255, 215, 0, 0.28) 0%, transparent 55%), radial-gradient(ellipse at bottom center, rgba(255, 215, 0, 0.2) 0%, transparent 55%), radial-gradient(ellipse at center, rgba(255, 215, 0, 0.08) 0%, rgba(0, 0, 0, 0.7) 70%); box-shadow: 0 0 40px rgba(255, 215, 0, 0.2), 0 0 80px rgba(255, 215, 0, 0.1), 0 0 120px rgba(255, 215, 0, 0.05), inset 0 0 80px rgba(255, 215, 0, 0.08); }
.kw-pricing-card-body { padding: 24px 22px; flex: 1; display: flex; flex-direction: column; }
.kw-pricing-card-top { margin-bottom: 18px; }
.kw-pricing-card-top .kw-card-name-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.kw-pricing-card-top .kw-card-name { font-family: 'Poppins', sans-serif; font-size: 1.1rem; font-weight: 700; color: white; margin: 0; }
.kw-pricing-card-top .kw-popular-badge { font-family: 'Poppins', sans-serif; font-size: 0.6rem; font-weight: 700; color: white; background: rgba(255, 215, 0, 0.15); border: 1px solid rgba(255, 215, 0, 0.3); padding: 3px 10px; border-radius: 20px; letter-spacing: 0.08em; text-transform: uppercase; }
.kw-pricing-card-top .kw-card-billing { font-family: 'Poppins', sans-serif; font-size: 0.78rem; color: rgba(255,255,255,0.4); margin: 0 0 14px 0; }
.kw-pricing-card-top .kw-card-price { font-family: 'Poppins', sans-serif; font-size: 2.2rem; font-weight: 800; color: white; margin: 0 0 4px 0; line-height: 1; }
.kw-pricing-card-top .kw-card-price span { font-size: 0.85rem; font-weight: 400; color: rgba(255,255,255,0.45); }
.kw-pricing-card-top .kw-card-subtitle { font-family: 'Poppins', sans-serif; font-size: 0.78rem; color: rgba(255,255,255,0.4); font-style: italic; margin: 0; }
.kw-pricing-card .kw-card-divider { height: 1px; background: rgba(255,255,255,0.08); margin: 0 0 18px 0; }
.kw-pricing-card.kw-popular .kw-card-divider { background: rgba(255, 215, 0, 0.15); }
.kw-pricing-features { list-style: none; padding: 0; margin: 0 0 24px 0; flex: 1; }
.kw-pricing-features li { font-family: 'Poppins', sans-serif; font-size: 0.82rem; color: rgba(255,255,255,0.7); line-height: 1.5; padding: 4px 0 4px 28px; position: relative; }
.kw-pricing-features li.included::before { content: ''; position: absolute; left: 0; top: 7px; width: 17px; height: 17px; border-radius: 50%; background: rgba(45, 212, 168, 0.15); border: 1.5px solid #2dd4a8; }
.kw-pricing-features li.included::after { content: '✓'; position: absolute; left: 3px; top: 7px; font-size: 0.6rem; font-weight: 700; color: #2dd4a8; line-height: 17px; width: 17px; text-align: center; }
.kw-pricing-features li.excluded { color: rgba(255,255,255,0.3); }
.kw-pricing-features li.excluded::before { content: ''; position: absolute; left: 0; top: 7px; width: 17px; height: 17px; border-radius: 50%; background: rgba(255, 68, 68, 0.1); border: 1.5px solid rgba(255, 68, 68, 0.4); }
.kw-pricing-features li.excluded::after { content: '✗'; position: absolute; left: 3px; top: 7px; font-size: 0.6rem; font-weight: 700; color: #ff4444; line-height: 17px; width: 17px; text-align: center; }
.kw-pricing-cta { display: block; text-align: center; padding: 12px 24px; border-radius: 50px; font-family: 'Poppins', sans-serif; font-size: 0.88rem; font-weight: 600; color: white; text-decoration: none; transition: all 0.3s ease; margin-top: auto; }
.kw-pricing-cta.kw-cta-outline { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15); }
.kw-pricing-cta.kw-cta-outline:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.3); }
.kw-pricing-cta.kw-cta-dark { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); }
.kw-pricing-cta.kw-cta-dark:hover { background: rgba(255,255,255,0.15); }
.kw-pricing-cta.kw-cta-gold { background: linear-gradient(135deg, #FFD700, #B8860B); border: none; color: #1a1a1a; font-weight: 700; }
.kw-pricing-cta.kw-cta-gold:hover { box-shadow: 0 8px 30px rgba(255, 215, 0, 0.3); }
/* Collapsible pricing */
.kw-pricing-wrapper { max-height: 600px; overflow: hidden; position: relative; transition: max-height 0.6s ease; }
.kw-pricing-wrapper.expanded { max-height: 8000px; }
.kw-pricing-wrapper:not(.expanded)::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 150px; background: linear-gradient(to bottom, transparent, #0a0a0a); pointer-events: none; z-index: 1; }
.kw-pricing-toggle { display: block; margin: 30px auto 0; padding: 12px 36px; font-family: 'Poppins', sans-serif; font-size: 0.95rem; font-weight: 600; color: white; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15); border-radius: 50px; cursor: pointer; position: relative; z-index: 2; transition: all 0.3s ease; }
.kw-pricing-toggle:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.3); }
/* === linkedin-reklam-yonetimi-hizmeti.html === */
:root {
--li-blue: #0a66c2;
--li-blue-rgb: 10, 102, 194;
--li-dark: #004182;
--li-light: #70b5f9;
--li-light-rgb: 112, 181, 249;
--li-green: #057642;
--li-gold: #e7a33e;
--li-bg: #070a12;
}
/* Network graph background */
.network-bg {
background-image: radial-gradient(rgba(var(--li-blue-rgb), 0.06) 1px, transparent 1px);
background-size: 40px 40px;
}
/* Professional card hover */
.li-card {
transition: all 0.4s ease; position: relative; overflow: hidden;
}
.li-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--li-blue), var(--li-light));
transform: scaleX(0); transition: transform 0.4s ease;
}
.li-card:hover::before { transform: scaleX(1); }
.li-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(var(--li-blue-rgb), 0.12); }
/* Connection pulse */
.li-pulse { animation: liPulse 2.5s ease-in-out infinite; }
@keyframes liPulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(var(--li-blue-rgb), 0.3); }
50% { box-shadow: 0 0 0 18px rgba(var(--li-blue-rgb), 0); }
}
/* Float animation */
.li-float { animation: liFloat 4s ease-in-out infinite; }
@keyframes liFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
/* Node connection animation */
@keyframes nodeGlow {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.8; }
}
/* ===== LINKEDIN PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
.li-hero-section { min-height: auto !important; padding: 120px 20px 60px !important; }
.li-hero-section h1 { font-size: 2.5rem !important; }
.li-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; text-align: center !important; }
.li-hero-mockup { max-width: 320px !important; margin: 0 auto !important; }
.li-section { padding: 60px 20px !important; }
.li-targeting-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.li-targeting-grid h2 { font-size: 1.8rem !important; }
.li-sector-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.li-sector-grid h2 { font-size: 1.8rem !important; }
.li-formats-grid { grid-template-columns: repeat(2, 1fr) !important; }
.li-formats-section h2 { font-size: 1.8rem !important; }
.li-content-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.li-content-grid h2 { font-size: 1.8rem !important; }
.li-lead-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.li-lead-grid h2 { font-size: 1.8rem !important; }
.li-perf-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.li-perf-grid h2 { font-size: 1.8rem !important; }
.li-perf-stats { grid-template-columns: repeat(2, 1fr) !important; }
.li-ab-grid { grid-template-columns: 1fr !important; gap: 25px !important; }
.li-summary-card { padding: 35px !important; }
.li-summary-card h2 { font-size: 1.3rem !important; }
.li-cta-section { padding: 60px 20px !important; }
.li-cta-section h2 { font-size: 2rem !important; }
.li-cta-section a { padding: 16px 40px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
.li-hero-section { padding: 100px 15px 40px !important; }
.li-hero-section h1 { font-size: 1.8rem !important; }
.li-section { padding: 40px 15px !important; }
.li-formats-grid { grid-template-columns: 1fr !important; }
.li-perf-stats { grid-template-columns: 1fr !important; }
.li-ab-grid > div { padding: 25px !important; }
.li-summary-card { padding: 25px !important; }
.li-cta-section { padding: 50px 15px !important; }
.li-cta-section h2 { font-size: 1.6rem !important; }
.li-cta-section a { padding: 14px 30px !important; font-size: 0.95rem !important; }
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === meta-business-reklam-yonetimi-hizmeti.html === */
:root {
--meta-blue: #1877f2;
--meta-blue-rgb: 24, 119, 242;
--meta-purple: #4684CE;
--meta-purple-rgb: 168, 85, 247;
--meta-pink: #e1306c;
--meta-gradient: linear-gradient(135deg, #1877f2, #4684CE, #e1306c);
--meta-bg: #06080f;
}
/* Connected dots background */
.dots-bg {
background-image: radial-gradient(rgba(var(--meta-blue-rgb), 0.08) 1px, transparent 1px);
background-size: 30px 30px;
}
/* Gradient text */
.meta-gradient-text {
background: var(--meta-gradient);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
/* Floating animation */
.meta-float { animation: metaFloat 4s ease-in-out infinite; }
.meta-float-delay { animation: metaFloat 4s ease-in-out infinite; animation-delay: 1.5s; }
@keyframes metaFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-12px); }
}
/* Glow border card */
.meta-glow-card {
position: relative; overflow: hidden; transition: all 0.4s ease;
}
.meta-glow-card::after {
content: ''; position: absolute; inset: 0; border-radius: inherit;
padding: 1px; background: linear-gradient(135deg, rgba(var(--meta-blue-rgb),0.3), rgba(var(--meta-purple-rgb),0.3), rgba(225,48,108,0.3));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0; transition: opacity 0.4s;
}
.meta-glow-card:hover::after { opacity: 1; }
.meta-glow-card:hover { transform: translateY(-4px); }
/* Shimmer line */
.meta-shimmer {
background: linear-gradient(90deg, transparent, rgba(var(--meta-blue-rgb), 0.06), transparent);
background-size: 200% 100%;
animation: metaShimmer 3s linear infinite;
}
@keyframes metaShimmer {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
/* Engagement pulse */
.engage-pulse { animation: engagePulse 2s ease-in-out infinite; }
@keyframes engagePulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(var(--meta-blue-rgb), 0.3); }
50% { box-shadow: 0 0 0 15px rgba(var(--meta-blue-rgb), 0); }
}
/* ===== META PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
.meta-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; text-align: center !important; }
.meta-hero-mockup { max-width: 300px !important; margin: 0 auto !important; }
.meta-analysis-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.meta-formats-grid { grid-template-columns: repeat(2, 1fr) !important; }
.meta-content-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.meta-perf-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.meta-ab-grid { grid-template-columns: 1fr !important; gap: 25px !important; }
.meta-remarket-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.meta-stats-row { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
.meta-formats-grid { grid-template-columns: 1fr !important; }
.meta-stats-row { grid-template-columns: 1fr !important; }
.meta-ab-grid > div { padding: 25px !important; }
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === pazaryerleri-kurulumu-yonetim-hizmeti.html === */
:root {
--accent-pink: #E2417C;
--accent-blue: #4684CE;
--page-bg: #060a14;
--mp-pink: #E2417C;
--mp-pink-rgb: 226, 65, 124;
--mp-blue: #4684CE;
--mp-blue-rgb: 70, 132, 206;
--mp-bg: #060a14;
}
.hex-grid-bg {
background-image: url("data:image/svg+xml,%3Csvg width='60' height='52' viewBox='0 0 60 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='rgba(226,65,124,0.04)' stroke-width='0.5'/%3E%3C/svg%3E");
}
.pulse-ring {
position: absolute; border-radius: 50%;
border: 1px solid rgba(var(--mp-pink-rgb), 0.15);
animation: pulseExpand 3s ease-out infinite;
}
.pulse-ring:nth-child(2) { animation-delay: 1s; }
.pulse-ring:nth-child(3) { animation-delay: 2s; }
@keyframes pulseExpand {
0% { transform: scale(0.5); opacity: 1; }
100% { transform: scale(2.5); opacity: 0; }
}
@keyframes barGrow {
from { transform: scaleY(0); }
to { transform: scaleY(1); }
}
.float-badge { animation: floatBadge 3s ease-in-out infinite; }
@keyframes floatBadge {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.mp-card {
transition: all 0.4s ease; position: relative; overflow: hidden;
}
.mp-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--mp-pink), var(--mp-blue));
transform: scaleX(0); transition: transform 0.4s ease;
}
.mp-card:hover::before { transform: scaleX(1); }
.mp-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(var(--mp-pink-rgb), 0.1); }
/* ===== MARKETPLACE PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
.mp-hero-section { min-height: auto !important; padding: 120px 20px 60px !important; }
.mp-hero-section h1 { font-size: 2.5rem !important; }
.mp-hero-section p { font-size: 1rem !important; }
.mp-hero-dashboard { max-width: 100% !important; padding: 20px !important; }
.mp-hero-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; }
.mp-hero-stats > div > div:first-child { font-size: 1.4rem !important; }
.mp-hero-bars { height: 40px !important; }
.float-badge { padding: 8px 18px !important; margin-bottom: 25px !important; }
.mp-section { padding: 60px 20px !important; }
.mp-intro-text { padding-left: 25px !important; }
.mp-intro-text p { font-size: 1rem !important; }
.mp-two-col { grid-template-columns: 1fr !important; gap: 40px !important; }
.mp-three-col { grid-template-columns: 1fr !important; }
.mp-four-col { grid-template-columns: 1fr !important; }
.mp-pricing-grid { grid-template-columns: 1fr !important; max-width: 500px !important; margin: 0 auto !important; }
.mp-two-col h2 { font-size: 1.8rem !important; }
.mp-two-col p { font-size: 0.95rem !important; }
.mp-section h2 { font-size: 1.8rem !important; }
.mp-summary-card { padding: 35px !important; }
.mp-summary-card h2 { font-size: 1.3rem !important; }
.mp-summary-card p { font-size: 0.95rem !important; }
.mp-cta-section { padding: 60px 20px !important; }
.mp-cta-section h2 { font-size: 2rem !important; }
.mp-cta-section p { font-size: 1rem !important; }
.mp-cta-section a { padding: 16px 40px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
.mp-hero-section { padding: 100px 15px 40px !important; }
.mp-hero-section h1 { font-size: 1.8rem !important; }
.mp-hero-dashboard { padding: 15px !important; }
.mp-hero-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.mp-hero-stats > div > div:first-child { font-size: 1.2rem !important; }
.mp-hero-bars { height: 30px !important; margin-top: 15px !important; }
.float-badge { padding: 6px 14px !important; }
.float-badge span { font-size: 0.75rem !important; }
.mp-section { padding: 40px 15px !important; }
.mp-intro-text { padding-left: 20px !important; border-left-width: 3px !important; }
.mp-intro-text p { font-size: 0.9rem !important; }
.mp-two-col h2, .mp-section h2 { font-size: 1.5rem !important; }
.mp-three-col, .mp-four-col { grid-template-columns: 1fr !important; }
.mp-summary-card { padding: 25px !important; }
.mp-summary-card h2 { font-size: 1.2rem !important; }
.mp-cta-section { padding: 50px 15px !important; }
.mp-cta-section h2 { font-size: 1.6rem !important; }
.mp-cta-section a { padding: 14px 30px !important; font-size: 0.95rem !important; }
}
/* Subdropdown fix */
.has-subdropdown > a { text-align: center !important; justify-content: center !important; }
.has-subdropdown > a::after { display: none !important; }
/* ===== NEW PRICING STYLES ===== */
.mp-pricing-section-header { text-align: center; margin-bottom: 60px; }
.mp-pricing-section-header h2 { font-family: 'Poppins', sans-serif; font-size: 2.4rem; font-weight: 700; color: white; margin: 0 0 12px 0; }
.mp-pricing-section-header p { font-family: 'Poppins', sans-serif; font-size: 1rem; color: rgba(255,255,255,0.5); font-style: italic; margin: 0; }
.mp-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; align-items: start; }
@media (max-width: 1024px) { .mp-pricing-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; } }
@media (max-width: 768px) { .mp-pricing-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; gap: 24px; } }
.mp-pricing-card {
background: rgba(0,0,0,0.6);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 20px;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.mp-pricing-card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.mp-pricing-card.mp-popular {
border: 2px solid rgba(255, 215, 0, 0.35);
background:
radial-gradient(ellipse at top center, rgba(255, 215, 0, 0.28) 0%, transparent 55%),
radial-gradient(ellipse at bottom center, rgba(255, 215, 0, 0.2) 0%, transparent 55%),
radial-gradient(ellipse at center, rgba(255, 215, 0, 0.08) 0%, rgba(0, 0, 0, 0.7) 70%);
box-shadow: 0 0 40px rgba(255, 215, 0, 0.2), 0 0 80px rgba(255, 215, 0, 0.1), 0 0 120px rgba(255, 215, 0, 0.05), inset 0 0 80px rgba(255, 215, 0, 0.08);
}
.mp-pricing-card-body { padding: 24px 22px; flex: 1; display: flex; flex-direction: column; }
.mp-pricing-card-top { margin-bottom: 18px; }
.mp-pricing-card-top .mp-card-name-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.mp-pricing-card-top .mp-card-name { font-family: 'Poppins', sans-serif; font-size: 1.1rem; font-weight: 700; color: white; margin: 0; }
.mp-pricing-card-top .mp-popular-badge { font-family: 'Poppins', sans-serif; font-size: 0.6rem; font-weight: 700; color: white; background: rgba(255, 215, 0, 0.15); border: 1px solid rgba(255, 215, 0, 0.3); padding: 3px 10px; border-radius: 20px; letter-spacing: 0.08em; text-transform: uppercase; }
.mp-pricing-card-top .mp-card-billing { font-family: 'Poppins', sans-serif; font-size: 0.78rem; color: rgba(255,255,255,0.4); margin: 0 0 14px 0; }
.mp-pricing-card-top .mp-card-price { font-family: 'Poppins', sans-serif; font-size: 2.2rem; font-weight: 800; color: white; margin: 0 0 4px 0; line-height: 1; }
.mp-pricing-card-top .mp-card-price span { font-size: 0.85rem; font-weight: 400; color: rgba(255,255,255,0.45); }
.mp-pricing-card-top .mp-card-subtitle { font-family: 'Poppins', sans-serif; font-size: 0.78rem; color: rgba(255,255,255,0.4); font-style: italic; margin: 0; }
.mp-pricing-card .mp-card-divider { height: 1px; background: rgba(255,255,255,0.08); margin: 0 0 18px 0; }
.mp-pricing-card.mp-popular .mp-card-divider { background: rgba(255, 215, 0, 0.15); }
.mp-pricing-features { list-style: none; padding: 0; margin: 0 0 24px 0; flex: 1; }
.mp-pricing-features li { font-family: 'Poppins', sans-serif; font-size: 0.82rem; color: rgba(255,255,255,0.7); line-height: 1.5; padding: 4px 0 4px 28px; position: relative; }
.mp-pricing-features li.included::before { content: ''; position: absolute; left: 0; top: 7px; width: 17px; height: 17px; border-radius: 50%; background: rgba(45, 212, 168, 0.15); border: 1.5px solid #2dd4a8; }
.mp-pricing-features li.included::after { content: '✓'; position: absolute; left: 3px; top: 7px; font-size: 0.6rem; font-weight: 700; color: #2dd4a8; line-height: 17px; width: 17px; text-align: center; }
.mp-pricing-features li.excluded { color: rgba(255,255,255,0.3); }
.mp-pricing-features li.excluded::before { content: ''; position: absolute; left: 0; top: 7px; width: 17px; height: 17px; border-radius: 50%; background: rgba(255, 68, 68, 0.1); border: 1.5px solid rgba(255, 68, 68, 0.4); }
.mp-pricing-features li.excluded::after { content: '✗'; position: absolute; left: 3px; top: 7px; font-size: 0.6rem; font-weight: 700; color: #ff4444; line-height: 17px; width: 17px; text-align: center; }
.mp-pricing-cta { display: block; text-align: center; padding: 12px 24px; border-radius: 50px; font-family: 'Poppins', sans-serif; font-size: 0.88rem; font-weight: 600; color: white; text-decoration: none; transition: all 0.3s ease; margin-top: auto; }
.mp-pricing-cta.mp-cta-outline { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15); }
.mp-pricing-cta.mp-cta-outline:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.3); }
.mp-pricing-cta.mp-cta-gold { background: linear-gradient(135deg, #FFD700, #B8860B); border: none; color: #1a1a1a; font-weight: 700; }
.mp-pricing-cta.mp-cta-gold:hover { box-shadow: 0 8px 30px rgba(255, 215, 0, 0.3); }
.mp-pricing-cta.mp-cta-dark { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); }
.mp-pricing-cta.mp-cta-dark:hover { background: rgba(255,255,255,0.15); }
/* === shopify-danismanligi-hizmeti.html === */
:root {
--sh-green: #95BF47;
--sh-green-rgb: 149, 191, 71;
--sh-dark: #5E8E3E;
--sh-dark-rgb: 94, 142, 62;
--sh-bg: #060a14;
}
.hex-grid-bg {
background-image: url("data:image/svg+xml,%3Csvg width='60' height='52' viewBox='0 0 60 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='rgba(149,191,71,0.04)' stroke-width='0.5'/%3E%3C/svg%3E");
}
.pulse-ring {
position: absolute; border-radius: 50%;
border: 1px solid rgba(var(--sh-green-rgb), 0.15);
animation: pulseExpand 3s ease-out infinite;
}
.pulse-ring:nth-child(2) { animation-delay: 1s; }
.pulse-ring:nth-child(3) { animation-delay: 2s; }
@keyframes pulseExpand {
0% { transform: scale(0.5); opacity: 1; }
100% { transform: scale(2.5); opacity: 0; }
}
@keyframes barGrow {
from { transform: scaleY(0); }
to { transform: scaleY(1); }
}
.float-badge { animation: floatBadge 3s ease-in-out infinite; }
@keyframes floatBadge {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.sh-card {
transition: all 0.4s ease; position: relative; overflow: hidden;
}
.sh-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--sh-green), var(--sh-dark));
transform: scaleX(0); transition: transform 0.4s ease;
}
.sh-card:hover::before { transform: scaleX(1); }
.sh-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(var(--sh-green-rgb), 0.1); }
/* ===== SHOPIFY PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
.sh-hero-section { min-height: auto !important; padding: 120px 20px 60px !important; }
.sh-hero-section h1 { font-size: 2.5rem !important; }
.sh-hero-section p { font-size: 1rem !important; }
.sh-hero-dashboard { max-width: 100% !important; padding: 20px !important; }
.sh-hero-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; }
.sh-hero-stats > div > div:first-child { font-size: 1.4rem !important; }
.sh-hero-bars { height: 40px !important; }
.float-badge { padding: 8px 18px !important; margin-bottom: 25px !important; }
.sh-section { padding: 60px 20px !important; }
.sh-intro-text { padding-left: 25px !important; }
.sh-intro-text p { font-size: 1rem !important; }
.sh-two-col { grid-template-columns: 1fr !important; gap: 40px !important; }
.sh-three-col { grid-template-columns: 1fr !important; }
.sh-four-col { grid-template-columns: 1fr !important; }
.sh-two-col h2 { font-size: 1.8rem !important; }
.sh-two-col p { font-size: 0.95rem !important; }
.sh-section h2 { font-size: 1.8rem !important; }
.sh-summary-card { padding: 35px !important; }
.sh-summary-card h2 { font-size: 1.3rem !important; }
.sh-summary-card p { font-size: 0.95rem !important; }
.sh-cta-section { padding: 60px 20px !important; }
.sh-cta-section h2 { font-size: 2rem !important; }
.sh-cta-section p { font-size: 1rem !important; }
.sh-cta-section a { padding: 16px 40px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
.sh-hero-section { padding: 100px 15px 40px !important; }
.sh-hero-section h1 { font-size: 1.8rem !important; }
.sh-hero-dashboard { padding: 15px !important; }
.sh-hero-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.sh-hero-stats > div > div:first-child { font-size: 1.2rem !important; }
.sh-hero-bars { height: 30px !important; margin-top: 15px !important; }
.float-badge { padding: 6px 14px !important; }
.float-badge span { font-size: 0.75rem !important; }
.sh-section { padding: 40px 15px !important; }
.sh-intro-text { padding-left: 20px !important; border-left-width: 3px !important; }
.sh-intro-text p { font-size: 0.9rem !important; }
.sh-two-col h2, .sh-section h2 { font-size: 1.5rem !important; }
.sh-three-col, .sh-four-col { grid-template-columns: 1fr !important; }
.sh-summary-card { padding: 25px !important; }
.sh-summary-card h2 { font-size: 1.2rem !important; }
.sh-cta-section { padding: 50px 15px !important; }
.sh-cta-section h2 { font-size: 1.6rem !important; }
.sh-cta-section a { padding: 14px 30px !important; font-size: 0.95rem !important; }
}
/* Subdropdown fix */
.has-subdropdown > a { text-align: center !important; justify-content: center !important; }
.has-subdropdown > a::after { display: none !important; }
/* === shopify-kurulumu-hizmeti.html === */
:root {
--sh-green: #95BF47;
--sh-dark: #5E8E3E;
--sh-bg: #060a14;
}
@media (max-width: 768px) {
.sh-hero-section { min-height: auto !important; padding: 120px 20px 40px !important; }
.sh-hero-section h1 { font-size: 2.5rem !important; }
.sh-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; text-align: center !important; }
.sh-two-col { grid-template-columns: 1fr !important; gap: 40px !important; }
.sh-three-col { grid-template-columns: 1fr !important; }
.sh-pricing-grid { grid-template-columns: 1fr !important; }
}
/* Pricing Section */
.sh-pricing-section-header { text-align: center; margin-bottom: 60px; }
.sh-pricing-section-header h2 { font-family: 'Poppins', sans-serif; font-size: 2.4rem; font-weight: 700; color: white; margin: 0 0 12px 0; }
.sh-pricing-section-header p { font-family: 'Poppins', sans-serif; font-size: 1rem; color: rgba(255,255,255,0.5); font-style: italic; margin: 0; }
.sh-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; align-items: start; }
@media (max-width: 1024px) { .sh-pricing-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; } }
@media (max-width: 768px) { .sh-pricing-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; gap: 24px; } }
.sh-pricing-card { background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; display: flex; flex-direction: column; overflow: hidden; position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.sh-pricing-card:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
.sh-pricing-card.sh-popular { border: 2px solid rgba(255, 215, 0, 0.35); background: radial-gradient(ellipse at top center, rgba(255, 215, 0, 0.28) 0%, transparent 55%), radial-gradient(ellipse at bottom center, rgba(255, 215, 0, 0.2) 0%, transparent 55%), radial-gradient(ellipse at center, rgba(255, 215, 0, 0.08) 0%, rgba(0, 0, 0, 0.7) 70%); box-shadow: 0 0 40px rgba(255, 215, 0, 0.2), 0 0 80px rgba(255, 215, 0, 0.1), 0 0 120px rgba(255, 215, 0, 0.05), inset 0 0 80px rgba(255, 215, 0, 0.08); }
.sh-pricing-card-body { padding: 24px 22px; flex: 1; display: flex; flex-direction: column; }
.sh-pricing-card-top { margin-bottom: 18px; }
.sh-pricing-card-top .sh-card-name-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.sh-pricing-card-top .sh-card-name { font-family: 'Poppins', sans-serif; font-size: 1.1rem; font-weight: 700; color: white; margin: 0; }
.sh-pricing-card-top .sh-popular-badge { font-family: 'Poppins', sans-serif; font-size: 0.6rem; font-weight: 700; color: white; background: rgba(255, 215, 0, 0.15); border: 1px solid rgba(255, 215, 0, 0.3); padding: 3px 10px; border-radius: 20px; letter-spacing: 0.08em; text-transform: uppercase; }
.sh-pricing-card-top .sh-card-billing { font-family: 'Poppins', sans-serif; font-size: 0.78rem; color: rgba(255,255,255,0.4); margin: 0 0 14px 0; }
.sh-pricing-card-top .sh-card-price { font-family: 'Poppins', sans-serif; font-size: 2.2rem; font-weight: 800; color: white; margin: 0 0 4px 0; line-height: 1; }
.sh-pricing-card-top .sh-card-price span { font-size: 0.85rem; font-weight: 400; color: rgba(255,255,255,0.45); }
.sh-pricing-card-top .sh-card-subtitle { font-family: 'Poppins', sans-serif; font-size: 0.78rem; color: rgba(255,255,255,0.4); font-style: italic; margin: 0; }
.sh-pricing-card .sh-card-divider { height: 1px; background: rgba(255,255,255,0.08); margin: 0 0 18px 0; }
.sh-pricing-card.sh-popular .sh-card-divider { background: rgba(255, 215, 0, 0.15); }
.sh-pricing-features { list-style: none; padding: 0; margin: 0 0 24px 0; flex: 1; }
.sh-pricing-features li { font-family: 'Poppins', sans-serif; font-size: 0.82rem; color: rgba(255,255,255,0.7); line-height: 1.5; padding: 4px 0 4px 28px; position: relative; }
.sh-pricing-features li.included::before { content: ''; position: absolute; left: 0; top: 7px; width: 17px; height: 17px; border-radius: 50%; background: rgba(45, 212, 168, 0.15); border: 1.5px solid #2dd4a8; }
.sh-pricing-features li.included::after { content: '✓'; position: absolute; left: 3px; top: 7px; font-size: 0.6rem; font-weight: 700; color: #2dd4a8; line-height: 17px; width: 17px; text-align: center; }
.sh-pricing-features li.excluded { color: rgba(255,255,255,0.3); }
.sh-pricing-features li.excluded::before { content: ''; position: absolute; left: 0; top: 7px; width: 17px; height: 17px; border-radius: 50%; background: rgba(255, 68, 68, 0.1); border: 1.5px solid rgba(255, 68, 68, 0.4); }
.sh-pricing-features li.excluded::after { content: '✗'; position: absolute; left: 3px; top: 7px; font-size: 0.6rem; font-weight: 700; color: #ff4444; line-height: 17px; width: 17px; text-align: center; }
.sh-pricing-cta { display: block; text-align: center; padding: 12px 24px; border-radius: 50px; font-family: 'Poppins', sans-serif; font-size: 0.88rem; font-weight: 600; color: white; text-decoration: none; transition: all 0.3s ease; margin-top: auto; }
.sh-pricing-cta.sh-cta-outline { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15); }
.sh-pricing-cta.sh-cta-outline:hover { background: rgba(255,255,255,0.12); }
.sh-pricing-cta.sh-cta-dark { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); }
.sh-pricing-cta.sh-cta-dark:hover { background: rgba(255,255,255,0.15); }
.sh-pricing-cta.sh-cta-gold { background: linear-gradient(135deg, #FFD700, #B8860B); border: none; color: #1a1a1a; font-weight: 700; }
.sh-pricing-cta.sh-cta-gold:hover { box-shadow: 0 8px 30px rgba(255, 215, 0, 0.3); }
.sh-pricing-wrapper { max-height: 600px; overflow: hidden; position: relative; transition: max-height 0.6s ease; }
.sh-pricing-wrapper.expanded { max-height: 8000px; }
.sh-pricing-wrapper:not(.expanded)::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 150px; background: linear-gradient(to bottom, transparent, #0d1525); pointer-events: none; z-index: 1; }
.sh-pricing-toggle { display: block; margin: 30px auto 0; padding: 12px 36px; font-family: 'Poppins', sans-serif; font-size: 0.95rem; font-weight: 600; color: white; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15); border-radius: 50px; cursor: pointer; position: relative; z-index: 2; transition: all 0.3s ease; }
.sh-pricing-toggle:hover { background: rgba(255,255,255,0.12); }
/* Subdropdown fix */
.has-subdropdown > a { text-align: center !important; justify-content: center !important; }
.has-subdropdown > a::after { display: none !important; }
/* === shopify-tasarim-hizmeti.html === */
:root {
--sh-green: #95BF47;
--sh-green-rgb: 149, 191, 71;
--sh-dark: #5E8E3E;
--sh-dark-rgb: 94, 142, 62;
--sh-bg: #060a14;
}
.hex-grid-bg {
background-image: url("data:image/svg+xml,%3Csvg width='60' height='52' viewBox='0 0 60 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='rgba(149,191,71,0.04)' stroke-width='0.5'/%3E%3C/svg%3E");
}
.pulse-ring {
position: absolute; border-radius: 50%;
border: 1px solid rgba(var(--sh-green-rgb), 0.15);
animation: pulseExpand 3s ease-out infinite;
}
.pulse-ring:nth-child(2) { animation-delay: 1s; }
.pulse-ring:nth-child(3) { animation-delay: 2s; }
@keyframes pulseExpand {
0% { transform: scale(0.5); opacity: 1; }
100% { transform: scale(2.5); opacity: 0; }
}
@keyframes barGrow {
from { transform: scaleY(0); }
to { transform: scaleY(1); }
}
.float-badge { animation: floatBadge 3s ease-in-out infinite; }
@keyframes floatBadge {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.sh-card {
transition: all 0.4s ease; position: relative; overflow: hidden;
}
.sh-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--sh-green), var(--sh-dark));
transform: scaleX(0); transition: transform 0.4s ease;
}
.sh-card:hover::before { transform: scaleX(1); }
.sh-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(var(--sh-green-rgb), 0.1); }
/* ===== SHOPIFY PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
.sh-hero-section { min-height: auto !important; padding: 120px 20px 60px !important; }
.sh-hero-section h1 { font-size: 2.5rem !important; }
.sh-hero-section p { font-size: 1rem !important; }
.sh-hero-dashboard { max-width: 100% !important; padding: 20px !important; }
.sh-hero-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; }
.sh-hero-stats > div > div:first-child { font-size: 1.4rem !important; }
.sh-hero-bars { height: 40px !important; }
.float-badge { padding: 8px 18px !important; margin-bottom: 25px !important; }
.sh-section { padding: 60px 20px !important; }
.sh-intro-text { padding-left: 25px !important; }
.sh-intro-text p { font-size: 1rem !important; }
.sh-two-col { grid-template-columns: 1fr !important; gap: 40px !important; }
.sh-three-col { grid-template-columns: 1fr !important; }
.sh-four-col { grid-template-columns: 1fr !important; }
.sh-two-col h2 { font-size: 1.8rem !important; }
.sh-two-col p { font-size: 0.95rem !important; }
.sh-section h2 { font-size: 1.8rem !important; }
.sh-summary-card { padding: 35px !important; }
.sh-summary-card h2 { font-size: 1.3rem !important; }
.sh-summary-card p { font-size: 0.95rem !important; }
.sh-cta-section { padding: 60px 20px !important; }
.sh-cta-section h2 { font-size: 2rem !important; }
.sh-cta-section p { font-size: 1rem !important; }
.sh-cta-section a { padding: 16px 40px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
.sh-hero-section { padding: 100px 15px 40px !important; }
.sh-hero-section h1 { font-size: 1.8rem !important; }
.sh-hero-dashboard { padding: 15px !important; }
.sh-hero-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.sh-hero-stats > div > div:first-child { font-size: 1.2rem !important; }
.sh-hero-bars { height: 30px !important; margin-top: 15px !important; }
.float-badge { padding: 6px 14px !important; }
.float-badge span { font-size: 0.75rem !important; }
.sh-section { padding: 40px 15px !important; }
.sh-intro-text { padding-left: 20px !important; border-left-width: 3px !important; }
.sh-intro-text p { font-size: 0.9rem !important; }
.sh-two-col h2, .sh-section h2 { font-size: 1.5rem !important; }
.sh-three-col, .sh-four-col { grid-template-columns: 1fr !important; }
.sh-summary-card { padding: 25px !important; }
.sh-summary-card h2 { font-size: 1.2rem !important; }
.sh-cta-section { padding: 50px 15px !important; }
.sh-cta-section h2 { font-size: 1.6rem !important; }
.sh-cta-section a { padding: 14px 30px !important; font-size: 0.95rem !important; }
}
/* Subdropdown fix */
.has-subdropdown > a { text-align: center !important; justify-content: center !important; }
.has-subdropdown > a::after { display: none !important; }
/* === sosyal-medya-raporlama-hizmeti.html === */
/* Neon glow text */
.neon-text {
text-shadow: 0 0 20px rgba(72, 219, 251, 0.3), 0 0 40px rgba(72, 219, 251, 0.1);
}
/* Data grid pattern background */
.data-grid-bg {
background-image:
linear-gradient(rgba(72, 219, 251, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(72, 219, 251, 0.03) 1px, transparent 1px);
background-size: 40px 40px;
}
/* Animated bar chart */
.bar-animate {
animation: barGrow 1.5s ease-out forwards;
transform-origin: bottom;
}
@keyframes barGrow {
from { transform: scaleY(0); }
to { transform: scaleY(1); }
}
/* Orbit animation */
.orbit-ring {
animation: orbitSpin 20s linear infinite;
}
@keyframes orbitSpin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* Counter orbit to keep icons upright */
.orbit-item {
animation: orbitCounter 20s linear infinite;
}
@keyframes orbitCounter {
from { transform: rotate(0deg); }
to { transform: rotate(-360deg); }
}
/* Shimmer effect */
.shimmer {
background: linear-gradient(90deg, transparent 0%, rgba(72, 219, 251, 0.05) 50%, transparent 100%);
background-size: 200% 100%;
animation: shimmerMove 3s ease-in-out infinite;
}
@keyframes shimmerMove {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
/* Typing cursor */
.cursor-blink::after {
content: '|';
animation: blink 1s step-end infinite;
color: #48dbfb;
}
@keyframes blink {
50% { opacity: 0; }
}
@keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes float { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(30px, -30px) scale(1.1); } 66% { transform: translate(-20px, 20px) scale(0.9); } }
/* ---- Responsive - Tablet (768px) ---- */
@media (max-width: 768px) {
/* Hero: stack columns */
[style*="grid-template-columns: 1.2fr 0.8fr"] {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
/* Section 2: metric cards + text */
[style*="grid-template-columns: 1fr 1.3fr"] {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
/* Section 4: two equal columns */
[style*="grid-template-columns: 1fr 1fr"][style*="gap: 40px"] {
grid-template-columns: 1fr !important;
}
/* Section 6/7: text + sidebar */
[style*="grid-template-columns: 1.4fr 0.6fr"] {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
/* Section 8: target rings + text */
[style*="grid-template-columns: 0.8fr 1.2fr"] {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
/* Section 8: VS layout */
[style*="grid-template-columns: 1fr auto 1fr"] {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
/* Hide VS divider */
[style*="grid-template-columns: 1fr auto 1fr"] > div:nth-child(2) {
display: none !important;
}
/* Section 10: report preview + text */
[style*="grid-template-columns: 0.7fr 1.3fr"] {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
/* Platform grid: 2 columns */
[style*="grid-template-columns: repeat(3, 1fr)"][style*="gap: 20px"] {
grid-template-columns: repeat(2, 1fr) !important;
}
/* Card padding */
[style*="padding: 60px"][style*="border-radius: 24px"] {
padding: 35px 25px !important;
}
[style*="padding: 70px 60px"] {
padding: 40px 25px !important;
}
/* Flex layouts stack */
[style*="display: flex"][style*="align-items: flex-start"][style*="gap: 30px"],
[style*="display: flex"][style*="align-items: center"][style*="gap: 40px"] {
flex-direction: column !important;
}
}
/* ---- Responsive - Mobile (480px) ---- */
@media (max-width: 480px) {
/* Metric 2x2 grid */
[style*="grid-template-columns: 1fr 1fr"][style*="gap: 16px"] {
grid-template-columns: 1fr !important;
}
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === sosyal-medya-yonetim-paketleri-hizmeti.html === */
:root {
--sm-pink: #E2417C;
--sm-blue: #4684CE;
--sm-bg: #060a14;
}
@media (max-width: 768px) {
.sm-hero-section { min-height: auto !important; padding: 120px 20px 40px !important; }
.sm-hero-section h1 { font-size: 2.5rem !important; }
.sm-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; text-align: center !important; }
.sm-two-col { grid-template-columns: 1fr !important; gap: 40px !important; }
.sm-three-col { grid-template-columns: 1fr !important; }
.sm-packages-grid { grid-template-columns: 1fr !important; }
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === tiktok-reklam-yonetimi-hizmeti.html === */
:root {
--tt-pink: #fe2c55;
--tt-pink-rgb: 254, 44, 85;
--tt-cyan: #25f4ee;
--tt-cyan-rgb: 37, 244, 238;
--tt-dark: #161823;
--tt-white: #ffffff;
--tt-gray: #8a8b91;
--tt-bg: #070a12;
}
/* Music note background */
.tt-note-bg {
background-image: radial-gradient(rgba(var(--tt-pink-rgb), 0.04) 1px, transparent 1px);
background-size: 35px 35px;
}
/* Video card hover */
.tt-card {
transition: all 0.4s ease; position: relative; overflow: hidden;
}
.tt-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--tt-cyan), var(--tt-pink));
transform: scaleX(0); transition: transform 0.4s ease;
}
.tt-card:hover::before { transform: scaleX(1); }
.tt-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(var(--tt-pink-rgb), 0.12); }
/* Beat pulse */
.tt-pulse { animation: ttPulse 2s ease-in-out infinite; }
@keyframes ttPulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(var(--tt-pink-rgb), 0.3); }
50% { box-shadow: 0 0 0 18px rgba(var(--tt-pink-rgb), 0); }
}
/* Float animation */
.tt-float { animation: ttFloat 4s ease-in-out infinite; }
@keyframes ttFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
/* Glow animation */
@keyframes ttGlow {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.8; }
}
/* ===== TIKTOK PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
.tt-hero-section { min-height: auto !important; padding: 120px 20px 60px !important; }
.tt-hero-section h1 { font-size: 2.5rem !important; }
.tt-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; text-align: center !important; }
.tt-hero-mockup { max-width: 280px !important; margin: 0 auto !important; }
.tt-section { padding: 60px 20px !important; }
.tt-analysis-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.tt-analysis-grid h2 { font-size: 1.8rem !important; }
.tt-video-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.tt-video-grid h2 { font-size: 1.8rem !important; }
.tt-campaign-grid { grid-template-columns: repeat(2, 1fr) !important; }
.tt-campaign-section h2 { font-size: 1.8rem !important; }
.tt-perf-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.tt-perf-grid h2 { font-size: 1.8rem !important; }
.tt-perf-stats { grid-template-columns: repeat(2, 1fr) !important; }
.tt-audience-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.tt-audience-grid h2 { font-size: 1.8rem !important; }
.tt-content-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.tt-content-grid h2 { font-size: 1.8rem !important; }
.tt-budget-grid { grid-template-columns: 1fr !important; gap: 25px !important; }
.tt-summary-card { padding: 35px !important; }
.tt-summary-card h2 { font-size: 1.3rem !important; }
.tt-cta-section { padding: 60px 20px !important; }
.tt-cta-section h2 { font-size: 2rem !important; }
.tt-cta-section a { padding: 16px 40px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
.tt-hero-section { padding: 100px 15px 40px !important; }
.tt-hero-section h1 { font-size: 1.8rem !important; }
.tt-section { padding: 40px 15px !important; }
.tt-campaign-grid { grid-template-columns: 1fr !important; }
.tt-perf-stats { grid-template-columns: 1fr !important; }
.tt-budget-grid > div { padding: 25px !important; }
.tt-summary-card { padding: 25px !important; }
.tt-cta-section { padding: 50px 15px !important; }
.tt-cta-section h2 { font-size: 1.6rem !important; }
.tt-cta-section a { padding: 14px 30px !important; font-size: 0.95rem !important; }
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === ui-ux-tasarim-hizmeti.html === */
/* Glassmorphism Card */
.glass-card {
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 24px;
}
/* Glow effect */
.glow-border {
position: relative;
}
.glow-border::before {
content: '';
position: absolute;
inset: -1px;
border-radius: 25px;
padding: 1px;
background: linear-gradient(135deg, #8b7fff, #00d4aa, #feca57, #ff6b6b);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0.4;
transition: opacity 0.4s ease;
}
.glow-border:hover::before {
opacity: 0.8;
}
/* Diagonal section */
.diagonal-section {
clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
padding-top: 140px !important;
padding-bottom: 140px !important;
}
/* Floating badge */
.float-badge {
animation: floatBadge 6s ease-in-out infinite;
}
@keyframes floatBadge {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-12px); }
}
/* Pulse ring */
.pulse-ring {
position: relative;
}
.pulse-ring::after {
content: '';
position: absolute;
inset: -8px;
border-radius: 50%;
border: 2px solid rgba(139, 127, 255, 0.3);
animation: pulseRing 2s ease-out infinite;
}
@keyframes pulseRing {
0% { transform: scale(1); opacity: 1; }
100% { transform: scale(1.4); opacity: 0; }
}
/* Marquee for platform logos */
.platform-marquee {
display: flex;
gap: 40px;
animation: marqueeScroll 20s linear infinite;
}
@keyframes marqueeScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes float { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(30px, -30px) scale(1.1); } 66% { transform: translate(-20px, 20px) scale(0.9); } }
/* ---- Responsive - Tablet (768px) ---- */
@media (max-width: 768px) {
/* Hero: stack columns */
.main-content > section:first-child .container {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
.main-content > section:first-child h1 {
font-size: 2.8rem !important;
}
/* Diagonal section: remove clip-path, stack grid */
.diagonal-section {
clip-path: none !important;
padding-top: 80px !important;
padding-bottom: 80px !important;
}
/* All two-column grids inside sections */
[style*="grid-template-columns: 1fr 1fr"][style*="gap: 80px"],
[style*="grid-template-columns: 1fr 1fr"][style*="gap: 60px"] {
grid-template-columns: 1fr !important;
gap: 40px !important;
}
/* Platform cards: 3 columns */
[style*="grid-template-columns: repeat(5, 1fr)"] {
grid-template-columns: repeat(3, 1fr) !important;
}
/* Performance cards: stack */
[style*="grid-template-columns: repeat(3, 1fr)"][style*="gap: 25px"] {
grid-template-columns: 1fr !important;
}
/* Before/After 3-column grid */
[style*="grid-template-columns: 1fr 60px 1fr"] {
grid-template-columns: 1fr !important;
gap: 30px !important;
}
/* Hide arrow between problems/solutions */
[style*="grid-template-columns: 1fr 60px 1fr"] > div:nth-child(2) {
display: none !important;
}
/* Section 10 flex layout */
[style*="display: flex"][style*="align-items: flex-start"][style*="gap: 30px"] {
flex-direction: column !important;
}
/* Stats row */
[style*="display: flex"][style*="justify-content: center"][style*="gap: 40px"] {
gap: 25px !important;
flex-wrap: wrap !important;
}
/* Glass card padding */
.glass-card.glow-border[style*="padding: 60px"],
[style*="padding: 70px 60px"] {
padding: 35px 25px !important;
}
[style*="padding: 60px"][style*="background: rgba(255,255,255,0.02)"] {
padding: 35px 25px !important;
}
}
/* ---- Responsive - Mobile (480px) ---- */
@media (max-width: 480px) {
.main-content > section:first-child h1 {
font-size: 2rem !important;
}
.main-content > section:first-child p {
font-size: 1rem !important;
}
/* Platform cards: 2 columns */
[style*="grid-template-columns: repeat(5, 1fr)"] {
grid-template-columns: repeat(2, 1fr) !important;
}
/* UX elements grid */
[style*="grid-template-columns: 1fr 1fr"][style*="gap: 15px"] {
grid-template-columns: 1fr !important;
}
/* Icon grid in UI section */
[style*="grid-template-columns: 1fr 1fr"][style*="gap: 20px"] {
grid-template-columns: 1fr !important;
}
/* Stats row */
[style*="display: flex"][style*="justify-content: center"][style*="gap: 40px"] {
flex-direction: column !important;
align-items: center !important;
gap: 20px !important;
}
[style*="display: flex"][style*="justify-content: center"][style*="gap: 40px"] > [style*="width: 1px"] {
width: 60px !important;
height: 1px !important;
}
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}
/* === x-business-reklam-yonetimi-hizmeti.html === */
:root {
--x-white: #ffffff;
--x-white-rgb: 255, 255, 255;
--x-gray: #71767b;
--x-gray-rgb: 113, 118, 123;
--x-blue: #1d9bf0;
--x-blue-rgb: 29, 155, 240;
--x-green: #00ba7c;
--x-green-rgb: 0, 186, 124;
--x-gold: #f7b928;
--x-gold-rgb: 247, 185, 40;
--x-bg: #070a12;
}
/* Timeline dot background */
.x-dot-bg {
background-image: radial-gradient(rgba(var(--x-white-rgb), 0.02) 1px, transparent 1px);
background-size: 30px 30px;
}
/* Post card hover */
.x-card {
transition: all 0.4s ease; position: relative; overflow: hidden;
}
.x-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--x-blue), var(--x-white));
transform: scaleX(0); transition: transform 0.4s ease;
}
.x-card:hover::before { transform: scaleX(1); }
.x-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(var(--x-blue-rgb), 0.1); }
/* Pulse animation */
.x-pulse { animation: xPulse 2.5s ease-in-out infinite; }
@keyframes xPulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(var(--x-blue-rgb), 0.3); }
50% { box-shadow: 0 0 0 18px rgba(var(--x-blue-rgb), 0); }
}
/* Float animation */
.x-float { animation: xFloat 4s ease-in-out infinite; }
@keyframes xFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
/* Glow */
@keyframes xGlow {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.8; }
}
/* ===== X BUSINESS PAGE RESPONSIVE ===== */
@media (max-width: 768px) {
.x-hero-section { min-height: auto !important; padding: 120px 20px 60px !important; }
.x-hero-section h1 { font-size: 2.5rem !important; }
.x-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; text-align: center !important; }
.x-hero-mockup { max-width: 320px !important; margin: 0 auto !important; }
.x-section { padding: 60px 20px !important; }
.x-strategy-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.x-strategy-grid h2 { font-size: 1.8rem !important; }
.x-audience-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.x-audience-grid h2 { font-size: 1.8rem !important; }
.x-campaign-grid { grid-template-columns: repeat(2, 1fr) !important; }
.x-campaign-section h2 { font-size: 1.8rem !important; }
.x-content-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.x-content-grid h2 { font-size: 1.8rem !important; }
.x-engage-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.x-engage-grid h2 { font-size: 1.8rem !important; }
.x-perf-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
.x-perf-grid h2 { font-size: 1.8rem !important; }
.x-perf-stats { grid-template-columns: repeat(2, 1fr) !important; }
.x-test-grid { grid-template-columns: 1fr !important; gap: 25px !important; }
.x-summary-card { padding: 35px !important; }
.x-summary-card h2 { font-size: 1.3rem !important; }
.x-cta-section { padding: 60px 20px !important; }
.x-cta-section h2 { font-size: 2rem !important; }
.x-cta-section a { padding: 16px 40px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
.x-hero-section { padding: 100px 15px 40px !important; }
.x-hero-section h1 { font-size: 1.8rem !important; }
.x-section { padding: 40px 15px !important; }
.x-campaign-grid { grid-template-columns: 1fr !important; }
.x-perf-stats { grid-template-columns: 1fr !important; }
.x-test-grid > div { padding: 25px !important; }
.x-summary-card { padding: 25px !important; }
.x-cta-section { padding: 50px 15px !important; }
.x-cta-section h2 { font-size: 1.6rem !important; }
.x-cta-section a { padding: 14px 30px !important; font-size: 0.95rem !important; }
}
/* Subdropdown fix */
.has-subdropdown > a {
text-align: center !important;
justify-content: center !important;
}
.has-subdropdown > a::after {
display: none !important;
}