/*
Theme Name: Car Parking Multiplayer MOD Theme
Theme URI: https://carparkingmultimod.com/
Description: A custom high-conversion child theme for CPM Mod APK. (Modern Glass UI)
Author: Antigravity
Template: kadence
Version: 1.3.0
*/
:root{
--primary-color:#00c853;
--primary-gradient:linear-gradient(135deg, #00e676 0%, #00c853 100%);
--bg-body:#f0f2f5;
--bg-glass:rgba(255, 255, 255, 0.85);
--bg-glass-card:rgba(255, 255, 255, 0.9);
--text-main:#1d1d1f;
--text-muted:#86868b;
--border-glass:1px solid rgba(255, 255, 255, 0.6);
--shadow-soft:0 10px 30px -10px rgba(0, 0, 0, 0.08);
--shadow-hover:0 20px 40px -10px rgba(0, 0, 0, 0.12);
--radius-lg:24px;
--radius-pill:100px;
--blur:blur(20px);
}
body{
background-color:var(--bg-body);
background-image:radial-gradient(circle at 10% 20%, rgba(0, 230, 118, 0.03) 0%, transparent 20%),
radial-gradient(circle at 90% 80%, rgba(0, 200, 83, 0.03) 0%, transparent 20%);
color:var(--text-main);
font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-webkit-font-smoothing:antialiased;
}
.site-header,
.site-branding,
.site-title,
.site-description,
#masthead,
.post-navigation,
.single-navigation,
.navigation.post-navigation,
.entry-related,
.entry-related-wrapper,
.kadence-related-posts,
.single-related{
display:none !important;
}
.cpm-glass-nav{
position:sticky;
top:20px;
z-index:1000;
margin:0 auto;
max-width:1350px;
width:95%;
}
.nav-container{
background:rgba(255, 255, 255, 0.95);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-radius:60px;
padding:10px 30px 10px 15px;
display:flex;
justify-content:space-between;
align-items:center;
box-shadow:0 10px 40px rgba(0, 0, 0, 0.08);
border:1px solid rgba(255, 255, 255, 0.8);
}
.nav-logo-wrapper{
display:flex;
align-items:center;
padding-right:20px;
flex-shrink:0;
min-width:80px;
}
.nav-logo-img{
height:65px;
width:auto;
border-radius:14px;
box-shadow:0 4px 12px rgba(0, 200, 83, 0.2);
border:2px solid #fff;
transition:transform 0.3s;
background:#fff;
}
.nav-logo-img:hover{
transform:scale(1.08) rotate(-3deg);
}
.nav-right-side{
display:flex;
align-items:center;
gap:30px;
}
.nav-links{
display:flex;
gap:25px;
align-items:center;
list-style:none;
margin:0;
padding:0;
}
.nav-links li{
position:relative;
display:flex;
align-items:center;
}
.nav-links{
display:flex;
gap:20px;
align-items:center;
}
.cpm-dynamic-menu{
display:flex;
gap:20px;
list-style:none;
margin:0;
padding:0;
}
.cpm-dynamic-menu li{
margin:0;
}
.nav-link,
.cpm-dynamic-menu li a{
text-decoration:none;
color:var(--text-heading);
font-weight:700;
font-size:0.95rem;
text-transform:uppercase;
transition:color 0.3s ease;
}
.nav-link:hover,
.cpm-dynamic-menu li a:hover{
color:var(--primary-color);
}
.nav-links a{
text-decoration:none;
color:#555;
font-weight:700;
font-size:0.9rem;
text-transform:uppercase;
letter-spacing:0.5px;
position:relative;
transition:color 0.2s;
display:block;
}
.nav-item:hover{
color:var(--primary-color);
}
.nav-item::after{
content:'';
position:absolute;
bottom:-5px;
left:0;
width:0%;
height:2px;
background:var(--primary-color);
transition:width 0.3s;
}
.nav-item:hover::after{
width:100%;
}
.cpm-step-list{
counter-reset:cpm-step;
list-style:none;
padding:0;
margin:30px 0;
display:grid;
gap:20px;
}
.cpm-step-item{
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:20px 20px 20px 60px;
position:relative;
box-shadow:0 4px 6px rgba(0, 0, 0, 0.02);
transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.cpm-step-item:hover{
transform:translateY(-2px);
box-shadow:0 8px 15px rgba(0, 255, 136, 0.15);
border-color:var(--primary-color);
}
.cpm-step-item::before{
counter-increment:cpm-step;
content:counter(cpm-step);
position:absolute;
left:15px;
top:50%;
transform:translateY(-50%);
background:var(--primary-color);
color:#000;
font-weight:800;
width:32px;
height:32px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:1.1rem;
}
.cpm-fact-box{
background:linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
border-left:4px solid var(--primary-color);
padding:20px;
border-radius:8px;
margin:30px 0;
font-size:0.95rem;
color:var(--text-muted);
}
.cpm-fact-box strong{
color:var(--text-heading);
}
.btn-sm{
padding:10px 24px;
font-size:0.9rem;
background:var(--primary-gradient);
color:#fff;
border-radius:30px;
box-shadow:0 5px 15px rgba(0, 200, 83, 0.3);
border:1px solid rgba(255, 255, 255, 0.3);
}
.btn-sm:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0, 200, 83, 0.4);
color:#fff;
}
.cpm-hero{
padding:20px 20px 40px;
text-align:center;
background:transparent;
position:relative;
z-index:5;
display:flex;
justify-content:center;
}
.cpm-hero-content{
max-width:900px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
}
.cpm-main-icon{
width:180px;
height:180px;
border-radius:40px;
box-shadow:0 15px 30px rgba(0, 200, 83, 0.25);
border:4px solid #fff;
object-fit:cover;
margin-bottom:25px;
animation:floatIcon 6s ease-in-out infinite;
}
@keyframes floatIcon{
0%{
transform:translateY(0px);
}
50%{
transform:translateY(-10px);
}
100%{
transform:translateY(0px);
}
}
.hero-title{
font-size:2.8rem;
font-weight:800;
margin:0 0 10px 0;
letter-spacing:-0.5px;
line-height:1.2;
color:var(--text-main);
text-transform:capitalize;
}
.hero-rating{
font-size:1rem;
color:#f39c12;
font-weight:700;
margin-bottom:15px;
margin-top:5px;
}
.hero-updated{
color:var(--text-muted);
font-weight:500;
font-size:0.9rem;
}
.hero-meta{
font-size:1.2rem;
color:var(--text-muted);
font-weight:500;
margin-bottom:30px;
}
.hero-buttons{
display:flex;
gap:20px;
justify-content:center;
margin-bottom:30px;
}
.cpm-trust-badge{
font-size:0.9rem;
color:#666;
background:white;
padding:8px 20px;
border-radius:50px;
box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);
border:1px solid rgba(0, 0, 0, 0.05);
display:inline-block;
}
.cpm-app-header{
background:rgba(255, 255, 255, 0.75);
backdrop-filter:var(--blur);
-webkit-backdrop-filter:var(--blur);
padding:70px 20px;
border-bottom:1px solid rgba(0, 0, 0, 0.05);
position:sticky;
top:0;
z-index:1000;
transition:all 0.3s ease;
}
.container{
max-width:1000px;
margin:0 auto;
}
.app-info-card{
display:flex;
gap:50px;
align-items:center;
}
.app-icon{
flex-shrink:0;
}
.icon-img{
width:200px;
height:200px;
border-radius:45px;
object-fit:cover;
box-shadow:0 20px 40px rgba(0, 200, 83, 0.25);
border:4px solid #fff;
transition:transform 0.3s ease;
}
.icon-img:hover{
transform:scale(1.02) rotate(-2deg);
}
.app-details{
flex-grow:1;
}
.app-title{
font-size:3rem;
font-weight:800;
margin:0 0 10px 0;
color:var(--text-main);
letter-spacing:-1px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:15px;
}
.highlight{
background:var(--primary-gradient);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.app-short-desc{
color:var(--text-muted);
font-size:1.15rem;
margin-bottom:30px;
font-weight:500;
}
.hero-buttons{
display:flex;
gap:20px;
margin-bottom:30px;
}
.cpm-trust-badge{
font-size:0.9rem;
color:var(--text-muted);
background:rgba(255, 255, 255, 0.5);
padding:10px 20px;
border-radius:var(--radius-pill);
display:inline-flex;
align-items:center;
gap:15px;
border:1px solid rgba(0, 0, 0, 0.03);
}
.app-meta-grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:15px;
margin-bottom:40px;
background:#fff;
padding:25px;
border-radius:20px;
border:1px solid rgba(0, 0, 0, 0.04);
box-shadow:0 4px 20px rgba(0, 0, 0, 0.03);
}
.meta-item{
display:flex;
flex-direction:column;
}
.meta-label{
font-size:0.75rem;
color:#999;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
margin-bottom:5px;
}
.meta-value{
font-weight:700;
color:var(--text-main);
font-size:1rem;
}
.cpm-features{
padding:80px 0;
}
.feature-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:30px;
margin:50px 0;
}
.feature-card{
background:var(--bg-glass-card);
backdrop-filter:blur(10px);
padding:35px;
border-radius:24px;
border:1px solid rgba(255, 255, 255, 1);
transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
box-shadow:var(--shadow-soft);
}
.feature-card:hover{
transform:translateY(-8px);
box-shadow:var(--shadow-hover);
border-color:rgba(0, 230, 118, 0.3);
}
.f-icon{
font-size:3rem;
margin-bottom:25px;
background:linear-gradient(135deg, #e8f5e9 0%, #ffffff 100%);
width:80px;
height:80px;
display:flex;
align-items:center;
justify-content:center;
border-radius:24px;
color:var(--primary-color);
box-shadow:0 10px 20px rgba(0, 0, 0, 0.03);
}
.feature-card h3{
margin:0 0 12px 0;
color:var(--text-main);
font-weight:700;
font-size:1.2rem;
}
.feature-card p{
color:var(--text-muted);
font-size:0.95rem;
margin:0;
line-height:1.6;
}
.download-section{
padding:80px 20px 5px;
background:#fff;
border-radius:40px 40px 0 0;
margin-top:-40px;
box-shadow:0 -10px 40px rgba(0, 0, 0, 0.03);
position:relative;
z-index:10;
}
.download-card{
background:linear-gradient(145deg, #ffffff, #f8fcf9);
padding:60px;
border-radius:32px;
border:1px solid rgba(0, 0, 0, 0.03);
text-align:center;
max-width:900px;
margin:0 auto;
box-shadow:0 20px 60px rgba(0, 200, 83, 0.08);
}
.cpm-table{
width:100%;
border-collapse:separate;
border-spacing:0;
margin-top:40px;
border-radius:16px;
overflow:hidden;
box-shadow:0 4px 20px rgba(0, 0, 0, 0.02);
}
.cpm-table th{
background:#fafafa;
color:#888;
padding:20px;
text-align:left;
font-weight:700;
text-transform:uppercase;
font-size:0.8rem;
letter-spacing:1px;
border-bottom:1px solid #eee;
}
.cpm-table td{
background:#fff;
padding:20px;
border-bottom:1px solid #f5f5f5;
color:var(--text-main);
vertical-align:middle;
}
.status-active{
color:#00c853;
font-weight:700;
background:rgba(0, 200, 83, 0.1);
padding:5px 12px;
border-radius:20px;
display:inline-block;
font-size:0.85rem;
}
.btn-cpm{
padding:16px 32px;
border-radius:var(--radius-pill);
text-decoration:none;
font-weight:700;
transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
display:inline-flex;
align-items:center;
gap:12px;
font-size:1.05rem;
letter-spacing:0.3px;
}
.btn-primary{
background:var(--primary-gradient);
color:#fff;
box-shadow:0 10px 25px rgba(0, 230, 118, 0.4);
border:1px solid rgba(255, 255, 255, 0.2);
}
.btn-primary:hover{
transform:translateY(-3px) scale(1.02);
box-shadow:0 15px 35px rgba(0, 230, 118, 0.5);
color:#fff;
}
.btn-secondary{
background:#fff;
color:var(--text-main);
border:1px solid #e0e0e0;
box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);
}
.btn-secondary:hover{
transform:translateY(-3px);
background:#fcfcfc;
box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);
color:var(--text-main);
}
.wrapper-content{
background:#fff;
padding:40px;
border-radius:32px;
margin-top:40px;
box-shadow:var(--shadow-soft);
}
.content-area h2{
color:var(--text-main);
font-size:2.4rem;
margin-bottom:30px;
letter-spacing:-1px;
position:relative;
padding-bottom:15px;
}
.content-area h2::after{
content:'';
position:absolute;
bottom:0;
left:0;
width:60px;
height:4px;
background:var(--primary-gradient);
border-radius:2px;
}
.content-area h3{
color:var(--text-main);
font-size:1.75rem;
margin-top:60px;
margin-bottom:25px;
font-weight:700;
}
.cpm-premium-intro{
max-width:900px;
margin:0 auto 35px;
text-align:left;
background:#fff;
padding:40px 40px 40px 50px;
border-radius:20px;
border:1px solid rgba(0, 0, 0, 0.04);
position:relative;
overflow:hidden;
box-shadow:0 10px 40px rgba(0, 0, 0, 0.03);
}
.cpm-premium-intro::before{
content:'';
position:absolute;
top:25px;
bottom:25px;
left:0;
width:6px;
background:#00C853;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}
.cpm-intro-label{
display:block;
color:#00C853;
font-size:1rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:5px;
line-height:1.2;
}
.cpm-intro-header{
margin-top:0;
color:#1a202c;
font-size:1.8em;
font-weight:800;
line-height:1.2;
margin-bottom:25px;
}
.cpm-premium-intro p{
color:#4a5568;
line-height:1.8;
font-size:1.1rem;
margin-bottom:20px;
}
.cpm-app-info-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
gap:15px;
margin:30px 0;
text-align:center;
}
.cpm-info-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:10px;
padding:15px;
box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);
transition:transform 0.2s;
}
.cpm-info-card:hover{
transform:translateY(-3px);
border-color:var(--primary-color);
}
.cpm-info-label{
display:block;
font-size:0.8rem;
text-transform:uppercase;
color:#6b7280;
letter-spacing:0.5px;
margin-bottom:5px;
font-weight:700;
}
.cpm-info-value{
display:block;
font-size:1rem;
font-weight:800;
color:#111;
}
.cpm-info-icon{
font-size:1.5rem;
margin-bottom:8px;
display:block;
}
.content-area p,
.content-area li{
color:#444;
line-height:1.9;
font-size:1.1rem;
margin-bottom:20px;
}
.content-area a{
color:#00c853;
text-decoration:none;
font-weight:600;
background:linear-gradient(to bottom, transparent 90%, rgba(0, 200, 83, 0.2) 90%);
transition:background 0.2s;
}
.content-area a:hover{
background:linear-gradient(to bottom, transparent 60%, rgba(0, 200, 83, 0.2) 60%);
}
.cpm-divider{
border:0;
height:1px;
background:linear-gradient(to right, transparent, #eee, transparent);
margin:60px 0;
}
.app-info-table-container{
background:linear-gradient(135deg, #f8fcf9 0%, #fff 100%);
padding:40px;
border-radius:24px;
margin-bottom:50px;
border:1px solid rgba(0, 200, 83, 0.1);
box-shadow:0 10px 30px rgba(0, 0, 0, 0.02);
}
.app-info-table th{
background:transparent;
color:#888;
text-transform:uppercase;
font-size:0.8rem;
letter-spacing:1px;
border-bottom:1px solid #eee;
padding:15px 0;
}
.app-info-table td{
background:transparent;
color:var(--text-main);
font-weight:600;
border-bottom:1px solid #f0f0f0;
padding:15px 0;
font-size:1.05rem;
}
.cpm-wide-download-btn{
display:flex !important;
align-items:center;
justify-content:center;
width:100%;
max-width:650px;
margin:50px auto 0 auto;
background:linear-gradient(135deg, #054e26, #00C853, #69f0ae) !important;
background-size:200% 200% !important;
color:#fff !important;
font-weight:900;
text-transform:uppercase;
padding:25px 40px;
border-radius:60px;
text-decoration:none !important;
font-size:1.4rem;
letter-spacing:1px;
box-shadow:0 0 20px rgba(0, 200, 83, 0.4), inset 0 2px 0 rgba(255, 255, 255, 0.3);
transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border:1px solid rgba(255, 255, 255, 0.2);
position:relative;
overflow:hidden;
z-index:100;
line-height:1 !important;
height:auto !important;
animation:gradientShift 3s ease infinite;
}
.cpm-wide-download-btn:hover{
transform:translateY(-5px) scale(1.03);
box-shadow:0 0 40px rgba(0, 230, 118, 0.6), 0 10px 20px rgba(0, 0, 0, 0.2);
text-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
}
.cpm-wide-download-btn::before{
content:"" !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E") !important;
background-repeat:no-repeat;
background-position:center;
width:32px;
height:32px;
margin-right:15px;
display:inline-block;
filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
.cpm-wide-download-btn::after{
content:"MOD UNLOCKED" !important;
position:absolute;
top:-12px;
right:30px;
background:#ffeb3b;
color:#000;
font-size:0.7rem;
font-weight:800;
padding:4px 10px;
border-radius:4px;
transform:rotate(5deg);
box-shadow:0 4px 10px rgba(0, 0, 0, 0.2);
}
@keyframes gradientShift{
0%{
background-position:0% 50%;
}
50%{
background-position:100% 50%;
}
100%{
background-position:0% 50%;
}
}
@keyframes btnPulse{
0%{
box-shadow:0 0 0 0 rgba(0, 200, 83, 0.7);
}
70%{
box-shadow:0 0 0 20px rgba(0, 200, 83, 0);
}
100%{
box-shadow:0 0 0 0 rgba(0, 200, 83, 0);
}
}
.cpm-wide-download-btn{
animation:gradientShift 3s ease infinite, btnPulse 2s infinite;
}
.pros-cons-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
margin-top:50px;
}
.pros-box,
.cons-box{
padding:40px;
border-radius:24px;
border:1px solid transparent;
transition:transform 0.3s;
}
.pros-box:hover,
.cons-box:hover{
transform:translateY(-5px);
}
.pros-box{
background:#f0fdf4;
border-color:#dcfce7;
box-shadow:0 10px 30px rgba(22, 163, 74, 0.05);
}
.cons-box{
background:#fef2f2;
border-color:#fee2e2;
box-shadow:0 10px 30px rgba(220, 38, 38, 0.05);
}
.pros-box h3{
color:#15803d !important;
}
.cons-box h3{
color:#b91c1c !important;
}
.cpm-accordion details{
background:#fff;
margin-bottom:20px;
border-radius:16px;
overflow:hidden;
border:1px solid #f0f0f0;
box-shadow:0 4px 10px rgba(0, 0, 0, 0.02);
transition:all 0.3s;
}
.cpm-accordion details[open]{
box-shadow:0 10px 25px rgba(0, 0, 0, 0.05);
border-color:rgba(0, 200, 83, 0.2);
}
.cpm-accordion summary{
padding:25px;
cursor:pointer;
font-weight:600;
background:#fff;
color:var(--text-main);
font-size:1.1rem;
}
.cpm-accordion details[open] summary{
color:#00c853;
}
.cpm-accordion p{
padding:0 25px 25px 25px;
border-top:none;
color:#666;
background:#fff;
line-height:1.7;
}
@media (max-width:768px){
.cpm-app-header{
padding:40px 20px;
}
.app-info-card{
flex-direction:column;
text-align:center;
gap:30px;
}
.app-title{
font-size:2.2rem;
justify-content:center;
}
.app-meta-grid{
grid-template-columns:1fr 1fr;
}
.wrapper-content{
padding:30px;
border-radius:20px;
}
.pros-cons-grid{
grid-template-columns:1fr;
}
.btn-cpm{
width:100%;
justify-content:center;
}
}
.cpm-app-info-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
gap:20px;
margin:40px 0;
}
.cpm-info-card{
background:#fff;
padding:25px 15px;
border-radius:20px;
text-align:center;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.03);
border:1px solid #f0f0f0;
transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
position:relative;
overflow:hidden;
}
.cpm-info-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0, 200, 83, 0.15);
border-color:#00c853;
}
.cpm-info-card::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg, #00c853, #69f0ae);
opacity:0;
transition:opacity 0.3s;
}
.cpm-info-card:hover::before{
opacity:1;
}
.cpm-info-icon{
font-size:2.2rem;
margin-bottom:5px;
display:block;
filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}
.cpm-info-label{
font-size:0.8rem;
color:#94a3b8;
text-transform:uppercase;
font-weight:700;
letter-spacing:0.8px;
}
.site-header,
#site-header,
header.site-header,
#masthead,
.site-main-header{
display:none !important;
}
.content-area h2:first-of-type{
margin-top:0 !important;
padding-top:0 !important;
}
.cpm-fancy-steps{
list-style:none;
padding:0;
counter-reset:step-counter;
display:grid;
gap:15px;
margin:30px 0;
}
.cpm-fancy-steps li{
background:#fff;
padding:20px 20px 20px 70px;
border-radius:16px;
position:relative;
box-shadow:0 4px 15px rgba(0, 0, 0, 0.03);
border:1px solid rgba(0, 0, 0, 0.04);
transition:transform 0.2s, border-color 0.2s;
font-weight:500;
color:var(--text-main);
}
.cpm-fancy-steps li:before{
counter-increment:step-counter;
content:counter(step-counter);
position:absolute;
left:20px;
top:50%;
transform:translateY(-50%);
width:35px;
height:35px;
background:var(--primary-gradient);
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
box-shadow:0 4px 10px rgba(0, 200, 83, 0.3);
}
.cpm-fancy-steps li:hover{
transform:translateX(5px);
border-color:var(--primary-color);
}
.cpm-features-grid-list{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:25px;
margin:40px 0;
}
.feature-item{
background:#fff;
padding:30px;
border-radius:20px;
border:1px solid rgba(0, 0, 0, 0.04);
box-shadow:0 10px 30px rgba(0, 0, 0, 0.03);
transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-item:hover{
transform:translateY(-5px);
box-shadow:0 15px 40px rgba(0, 200, 83, 0.1);
border-color:rgba(0, 200, 83, 0.2);
}
.feature-item h3{
margin-top:0;
font-size:1.25rem;
color:var(--text-main);
margin-bottom:15px;
line-height:1.3;
}
.feature-item p{
font-size:0.95rem;
color:var(--text-muted);
line-height:1.6;
}
.site-footer{
background:#ffffff;
background:rgba(255, 255, 255, 0.98);
backdrop-filter:blur(25px);
-webkit-backdrop-filter:blur(25px);
border-top:1px solid rgba(0, 0, 0, 0.05);
padding:20px 0 40px;
margin-top:0;
position:relative;
box-shadow:0 -10px 40px rgba(0, 0, 0, 0.02);
}
.site-footer::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:3px;
background:linear-gradient(90deg, transparent, var(--primary-color), transparent);
opacity:0.6;
}
.cpm-footer-container{
max-width:1200px;
margin:0 auto;
padding:0 25px;
}
.cpm-footer-top{
display:grid;
grid-template-columns:1.5fr 1fr;
gap:60px;
margin-bottom:60px;
align-items:start;
}
.footer-author-and-badges{
display:flex;
flex-direction:column;
gap:25px;
}
.footer-author-bio{
display:flex;
gap:25px;
align-items:flex-start;
background:linear-gradient(135deg, #f9fbfd 0%, #fff 100%);
padding:30px;
border-radius:24px;
border:1px solid rgba(0, 0, 0, 0.04);
box-shadow:0 10px 30px rgba(0, 0, 0, 0.02);
}
.author-avatar img{
width:85px;
height:85px;
border-radius:50%;
object-fit:cover;
border:3px solid #fff;
box-shadow:0 5px 15px rgba(0, 200, 83, 0.2);
}
.author-details h4{
margin:0 0 5px;
font-size:1.25rem;
font-weight:800;
color:var(--text-main);
display:flex;
align-items:center;
gap:8px;
}
.author-details h4::after{
content:'✓';
display:inline-flex;
align-items:center;
justify-content:center;
width:20px;
height:20px;
background:#1DA1F2;
color:#fff;
font-size:12px;
border-radius:50%;
}
.author-role{
font-size:0.85rem;
color:var(--primary-color);
font-weight:700;
text-transform:uppercase;
letter-spacing:0.5px;
margin-bottom:8px;
}
.author-desc{
font-size:0.95rem;
color:var(--text-muted);
line-height:1.5;
margin-bottom:15px;
}
.author-socials{
display:flex;
gap:15px;
}
.author-socials a{
font-size:0.8rem;
font-weight:600;
background:#f0f2f5;
padding:6px 12px;
border-radius:20px;
color:var(--text-muted);
text-decoration:none;
transition:all 0.2s;
}
.author-socials a:hover{
background:var(--primary-color);
color:#fff;
transform:translateY(-2px);
}
.trust-badges{
display:flex;
gap:15px;
flex-wrap:wrap;
}
.trust-item{
background:#fff;
border:1px solid #e1e4e8;
padding:8px 16px;
border-radius:50px;
display:flex;
align-items:center;
gap:8px;
font-size:0.85rem;
font-weight:600;
color:#444;
box-shadow:0 2px 5px rgba(0, 0, 0, 0.03);
}
.trust-icon{
font-size:1.1rem;
}
.footer-quick-links h4{
margin:0 0 25px;
font-weight:800;
font-size:1.1rem;
color:var(--text-main);
}
.footer-quick-links ul{
list-style:none;
padding:0;
margin:0;
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:15px;
}
.footer-quick-links a{
color:var(--text-muted);
text-decoration:none;
font-weight:500;
font-size:0.95rem;
transition:all 0.2s ease;
display:inline-flex;
align-items:center;
}
.footer-quick-links a:hover{
color:var(--primary-color);
transform:translateX(5px);
}
.cpm-footer-divider{
border:0;
border-top:1px solid rgba(0, 0, 0, 0.06);
margin:0 0 40px;
}
.cpm-footer-bottom{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:25px;
}
.footer-legal-menu{
display:inline-flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
background:rgba(0, 0, 0, 0.03);
padding:8px 20px;
border-radius:50px;
margin-bottom:15px;
border:1px solid rgba(0, 0, 0, 0.02);
}
.footer-legal-menu a{
font-size:0.8rem;
color:var(--text-muted);
text-decoration:none;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.5px;
padding:8px 16px;
border-radius:30px;
transition:all 0.2s ease;
}
.footer-legal-menu a:hover{
color:var(--primary-color);
background:#fff;
box-shadow:0 4px 15px rgba(0, 0, 0, 0.05);
transform:translateY(-1px);
text-decoration:none;
}
.footer-copyright p{
margin:6px 0;
font-size:0.85rem;
color:#999;
}
@media (max-width:768px){
.cpm-footer-top{
grid-template-columns:1fr;
gap:40px;
}
.cpm-verdict-box{
background:linear-gradient(135deg, #f0fdf4 0%, #fff 100%);
padding:50px;
border-radius:30px;
text-align:center;
border:2px solid rgba(0, 200, 83, 0.1);
box-shadow:0 15px 40px rgba(0, 200, 83, 0.08);
margin:50px 0;
position:relative;
overflow:hidden;
}
.cpm-verdict-title{
font-size:2.2rem;
color:#1b5e20;
margin-bottom:25px;
font-weight:800;
}
.cpm-verdict-text{
font-size:1.2rem;
color:#374151;
line-height:1.8;
max-width:800px;
margin:0 auto;
}
.cpm-verdict-highlights{
display:flex;
justify-content:center;
gap:20px;
margin-top:30px;
flex-wrap:wrap;
}
.cpm-verdict-badge{
background:#fff;
padding:10px 20px;
border-radius:50px;
font-weight:700;
color:var(--primary-color);
box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);
display:flex;
align-items:center;
gap:8px;
border:1px solid rgba(0, 200, 83, 0.2);
}
}
.author-details h4{
justify-content:center;
}
.author-socials{
justify-content:center;
}
.trust-badges{
justify-content:center;
}
.footer-quick-links ul{
grid-template-columns:1fr;
text-align:center;
}
.footer-quick-links a{
justify-content:center;
}
}
.cpm-feature-hero{
text-align:center;
max-width:800px;
margin:0 auto 60px;
padding-bottom:40px;
border-bottom:1px solid rgba(0, 0, 0, 0.05);
}
.cpm-feature-hero h2{
font-size:2.8rem;
margin-bottom:15px;
background:var(--primary-gradient);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.cpm-feature-hero p{
font-size:1.25rem;
color:var(--text-muted);
font-weight:500;
}
.cpm-feature-block{
margin-bottom:60px;
}
.cpm-feature-block h3{
font-size:2rem;
margin-bottom:25px;
display:flex;
align-items:center;
gap:15px;
}
.cpm-feature-list li{
position:relative;
padding-left:35px;
margin-bottom:15px;
list-style:none;
}
.cpm-feature-list li::before{
content:"•";
color:var(--primary-color);
font-size:2rem;
position:absolute;
left:0;
top:-5px;
line-height:1;
}
.cpm-grid-2col{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:30px;
margin-top:30px;
}
.cpm-grid-item{
background:#f8f9fa;
padding:30px;
border-radius:20px;
border:1px solid rgba(0, 0, 0, 0.03);
}
.cpm-grid-item h4{
margin-top:0;
margin-bottom:20px;
color:var(--text-main);
}
.highlight-mod{
background:linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
border:2px solid #00e676;
padding:40px;
border-radius:24px;
box-shadow:0 10px 40px rgba(0, 230, 118, 0.1);
}
.cpm-check-list{
list-style:none;
padding:0;
margin:0;
display:grid;
grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
gap:15px;
}
.cpm-check-list li{
padding-left:30px;
position:relative;
font-weight:600;
color:var(--text-main);
}
.cpm-check-list li::before{
content:"✔";
color:#fff;
background:var(--primary-color);
width:20px;
height:20px;
border-radius:50%;
position:absolute;
left:0;
top:3px;
font-size:12px;
display:flex;
align-items:center;
justify-content:center;
}
.cpm-cta-box{
text-align:center;
margin-top:60px;
padding:40px;
background:#111;
border-radius:24px;
color:#fff;
}
.cpm-cta-box p{
color:#ccc;
font-size:1.2rem;
margin-bottom:20px;
}
.cpm-vip-card{
background:rgba(255, 255, 255, 0.95);
border:1px solid rgba(0, 0, 0, 0.05);
border-radius:16px;
padding:30px;
margin:30px 0;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.08);
}
.cpm-dark-mode{
background:#1c1c1e;
color:white;
padding:30px;
border-radius:16px;
margin:30px 0;
}
.cpm-data-table{
width:100%;
border-collapse:collapse;
margin:20px 0;
font-size:0.95rem;
}
.cpm-data-table th{
background:#f2f2f7;
padding:12px;
text-align:left;
border-bottom:2px solid #e5e5ea;
color:#333;
font-weight:700;
}
.cpm-data-table td{
padding:12px;
border-bottom:1px solid #eee;
color:#444;
}
.cpm-highlight{
color:#007aff;
font-weight:700;
}
.cpm-alert{
background:#fff3cd;
border-left:5px solid #ffc107;
padding:15px;
margin:20px 0;
color:#856404;
}
.cpm-dark-mode .cpm-data-table{
color:#333 !important;
background:rgba(255, 255, 255, 0.9);
border-radius:8px;
overflow:hidden;
}
.cpm-tech-card{
background:#0f172a;
color:#e2e8f0;
padding:25px;
border-radius:12px;
font-family:monospace;
margin:20px 0;
border-left:5px solid #00c853;
}
.cpm-step-list{
counter-reset:cpm-step-counter;
list-style:none;
padding:0;
}
.cpm-step-list li{
position:relative;
padding-left:50px;
margin-bottom:20px;
}
.cpm-step-list li:before{
counter-increment:cpm-step-counter;
content:counter(cpm-step-counter);
position:absolute;
left:0;
top:0;
width:35px;
height:35px;
background:#007aff;
color:white;
border-radius:50%;
text-align:center;
line-height:35px;
font-weight:bold;
}
.cpm-safebox{
background:#ecfdf5;
border-left:5px solid #10b981;
color:#065f46;
padding:20px;
border-radius:8px;
margin:20px 0;
}
.page-slug-compare .cpm-article-container{
max-width:1000px;
margin:0 auto;
color:#333;
font-family:"Inter", sans-serif;
}
.cpm-compare-table{
width:100%;
border-collapse:separate;
border-spacing:0;
margin:30px 0;
box-shadow:0 4px 15px rgba(0, 0, 0, 0.05);
border-radius:12px;
overflow:hidden;
border:1px solid #eee;
}
.cpm-table-wrapper{
width:100%;
margin:40px 0;
border-radius:12px;
overflow-x:auto;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.08);
background:#fff;
}
.cpm-compare-table{
display:table !important;
width:100% !important;
min-width:600px;
border-collapse:collapse !important;
border-spacing:0 !important;
margin:0 !important;
background:#fff;
border:none;
table-layout:fixed !important;
}
.cpm-compare-table thead th{
display:table-cell !important;
background:#1e293b !important;
color:#fff !important;
padding:22px 15px !important;
font-size:0.95rem;
vertical-align:middle !important;
border-bottom:4px solid #334155;
text-transform:uppercase;
font-weight:800;
}
.cpm-compare-table thead th:first-child{
text-align:left;
padding-left:25px !important;
width:25% !important;
}
.cpm-compare-table thead th:nth-child(2){
width:35% !important;
}
.cpm-compare-table thead th:nth-child(3){
width:40% !important;
}
.cpm-compare-table thead th.highlight-th{
background:#059669 !important;
border-bottom-color:#047857 !important;
}
.cpm-compare-table td{
display:table-cell !important;
padding:18px 15px !important;
border-bottom:1px solid #e2e8f0;
vertical-align:middle !important;
text-align:center !important;
color:#333;
background:#fff;
word-wrap:break-word;
}
.cpm-compare-table td:nth-child(3){
background:#f0fdf4 !important;
border-left:1px solid #dcfce7;
color:#166534;
font-weight:700;
}
.cpm-compare-table tr:hover td{
background:#f8fafc !important;
}
.cpm-compare-table tr:hover td:nth-child(3){
background:#dcfce7 !important;
}
.cpm-compare-table tr:last-child td{
border-bottom:none;
}
.cpm-check{
color:#10b981;
font-weight:900;
font-size:1.3rem;
margin-right:5px;
vertical-align:middle;
}
.cpm-cross{
color:#ef4444;
font-weight:900;
font-size:1.3rem;
margin-right:5px;
vertical-align:middle;
}
.cpm-badge{
display:inline-block;
padding:6px 12px;
border-radius:50px;
font-size:0.85rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:0.5px;
white-space:nowrap;
}
.cpm-badge-green{
background:#d1fae5;
color:#065f46;
border:1px solid #10b981;
}
.cpm-badge-red{
background:#fee2e2;
color:#991b1b;
border:1px solid #ef4444;
}
.cpm-badge-gray{
background:#f3f4f6;
color:#4b5563;
border:1px solid #d1d5db;
}
.cpm-badge-blue{
background:#dbeafe;
color:#1e40af;
border:1px solid #3b82f6;
}
.cpm-pro-con-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
margin:40px 0;
}
@media (max-width:768px){
.cpm-pro-con-grid{
grid-template-columns:1fr;
}
}
.cpm-pro-card{
background:#f0fdf4;
border:1px solid #bbf7d0;
border-top:4px solid #22c55e;
border-radius:12px;
padding:25px;
}
.cpm-con-card{
background:#f9fafb;
border:1px solid #e5e7eb;
border-top:4px solid #9ca3af;
border-radius:12px;
padding:25px;
}
.cpm-pro-card h3{
color:#15803d;
margin-top:0;
font-size:1.2rem;
}
.cpm-con-card h3{
color:#374151;
margin-top:0;
font-size:1.2rem;
}
.cpm-feature-box{
background:#fff;
border:1px solid #eee;
padding:25px;
border-radius:12px;
margin-bottom:20px;
box-shadow:0 2px 8px rgba(0, 0, 0, 0.02);
transition:transform 0.2s;
}
.cpm-feature-box:hover{
transform:translateY(-3px);
box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);
}
.cpm-choice-box{
background:linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
color:white;
padding:40px;
border-radius:16px;
text-align:center;
margin-top:50px;
box-shadow:0 10px 25px rgba(37, 99, 235, 0.25);
}
.cpm-choice-box h2{
color:white !important;
margin:0 0 15px 0;
}
.cpm-choice-box p{
color:#dbeafe !important;
font-size:1.1rem;
}
.page-id-32 .cpm-article-container,
.postid-32 .cpm-article-container{
max-width:900px;
margin:0 auto;
color:#333;
font-family:"Inter", sans-serif;
}
.page-id-32 .cpm-vip-card,
.postid-32 .cpm-vip-card{
background:#f0f9ff;
border-left:5px solid #00d2ff;
padding:25px;
margin-bottom:30px;
border-radius:8px;
box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);
color:#333;
}
.page-id-32 .cpm-warning-card,
.postid-32 .cpm-warning-card{
.cpm-reason-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:25px;
margin:40px 0;
}
.cpm-reason-card{
background:#fff;
border:1px solid #f1f5f9;
padding:25px;
border-radius:12px;
box-shadow:0 4px 6px rgba(0, 0, 0, 0.02);
transition:transform 0.2s, box-shadow 0.2s;
border-top:3px solid #3b82f6;
}
.cpm-reason-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 20px rgba(0, 0, 0, 0.08);
}
.cpm-reason-card h3{
margin-top:0;
color:#1e293b;
font-size:1.15rem;
margin-bottom:10px;
}
.cpm-reason-card p{
color:#64748b;
font-size:0.95rem;
line-height:1.6;
margin:0;
}
.page-slug-download-old-versions-of-car-parking-multiplayer .cpm-article-container{
max-width:1100px;
margin:0 auto;
color:#333;
font-family:"Inter", sans-serif;
}
.cpm-version-wrapper{
background:#fff;
border-radius:16px;
box-shadow:0 5px 20px rgba(0, 0, 0, 0.05);
overflow:hidden;
margin:40px 0;
border:1px solid #e5e7eb;
}
.cpm-version-table{
width:100%;
border-collapse:collapse;
font-size:0.95rem;
}
.cpm-version-table thead th{
background:#f8fafc;
color:#475569;
font-weight:700;
padding:18px 20px;
text-align:left;
text-transform:uppercase;
font-size:0.8rem;
letter-spacing:0.5px;
border-bottom:2px solid #e2e8f0;
}
.cpm-version-table td{
padding:18px 20px;
border-bottom:1px solid #f1f5f9;
vertical-align:middle;
color:#333;
}
.cpm-version-table tr:hover{
background:#f8fafc;
}
.cpm-version-main{
font-weight:700;
color:#1e293b;
font-size:1rem;
}
.cpm-version-date{
color:#64748b;
font-size:0.85rem;
}
.cpm-status-stable{
background:#dcfce7;
color:#166534;
padding:4px 10px;
border-radius:20px;
font-size:0.75rem;
font-weight:700;
text-transform:uppercase;
}
.cpm-status-legacy{
background:#fff7ed;
color:#9a3412;
padding:4px 10px;
border-radius:20px;
font-size:0.75rem;
font-weight:700;
text-transform:uppercase;
}
.cpm-download-btn-sm{
display:inline-block;
padding:8px 16px;
background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
color:#fff;
text-decoration:none;
border-radius:6px;
font-weight:600;
font-size:0.85rem;
transition:transform 0.2s;
box-shadow:0 4px 6px rgba(37, 99, 235, 0.2);
}
.cpm-download-btn-sm:hover{
transform:translateY(-2px);
color:#fff;
box-shadow:0 6px 12px rgba(37, 99, 235, 0.3);
}
.cpm-tech-specs{
background:#1e293b;
color:#e2e8f0;
padding:30px;
border-radius:12px;
margin:40px 0;
font-family:monospace;
display:grid;
grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
gap:20px;
}
.cpm-tech-item span{
display:block;
font-size:0.75rem;
color:#94a3b8;
text-transform:uppercase;
margin-bottom:5px;
}
.cpm-tech-item strong{
display:block;
font-size:1.1rem;
color:#fff;
}
.cpm-install-step{
background:#fff;
border:1px solid #e2e8f0;
padding:20px;
border-radius:12px;
margin-bottom:20px;
display:flex;
align-items:flex-start;
gap:20px;
}
.cpm-step-num{
background:#e0f2fe;
color:#0284c7;
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
flex-shrink:0;
}
.page-id-32 .cpm-summary-card,
.postid-32 .cpm-summary-card{
background:linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
padding:30px;
border-radius:12px;
color:#ffffff !important;
box-shadow:0 10px 30px rgba(30, 60, 114, 0.3);
}
.page-id-32 .cpm-summary-card h3,
.page-id-32 .cpm-summary-card p,
.page-id-32 .cpm-summary-card li{
color:#ffffff !important;
}
.page-id-32 .cpm-step-list,
.postid-32 .cpm-step-list{
list-style:none;
padding:0;
}
.page-id-32 .cpm-step-list li,
.postid-32 .cpm-step-list li{
position:relative;
padding-left:30px;
margin-bottom:10px;
font-weight:500;
color:#444;
}
.page-id-32 .cpm-step-list li::before,
.postid-32 .cpm-step-list li::before{
content:"✔";
position:absolute;
left:0;
color:#00d2ff;
font-weight:bold;
}
.page-id-32 .cpm-faq,
.postid-32 .cpm-faq{
background:#ffffff;
border:1px solid #eef2f6;
margin-bottom:15px;
border-radius:12px;
box-shadow:0 2px 8px rgba(0, 0, 0, 0.03);
overflow:hidden;
transition:all 0.3s ease;
}
.page-id-32 .cpm-faq:hover,
.postid-32 .cpm-faq:hover{
box-shadow:0 5px 15px rgba(0, 0, 0, 0.06);
transform:translateY(-1px);
border-color:#e0e7ff;
}
.page-id-32 .cpm-faq summary,
.postid-32 .cpm-faq summary{
padding:20px;
font-weight:700;
cursor:pointer;
color:#1e293b;
background:#ffffff;
position:relative;
list-style:none;
display:flex;
justify-content:space-between;
align-items:center;
font-size:1.05rem;
}
.page-id-32 .cpm-faq summary::-webkit-details-marker,
.postid-32 .cpm-faq summary::-webkit-details-marker{
display:none;
}
.page-id-32 .cpm-faq summary::after,
.postid-32 .cpm-faq summary::after{
content:'+';
font-size:1.5rem;
font-weight:300;
color:#3b82f6;
line-height:1;
margin-left:15px;
transition:transform 0.3s ease;
}
.page-id-32 .cpm-faq[open] summary,
.postid-32 .cpm-faq[open] summary{
background:#f8fafc;
border-bottom:1px solid #f1f5f9;
color:#0f172a;
}
.page-id-32 .cpm-faq[open] summary::after,
.postid-32 .cpm-faq[open] summary::after{
transform:rotate(45deg);
color:#ef4444;
}
.page-id-32 .cpm-faq div,
.postid-32 .cpm-faq div{
padding:20px 25px;
color:#475569;
line-height:1.7;
background:#ffffff;
font-size:0.95rem;
animation:fadeIn 0.3s ease-in;
}
@keyframes fadeIn{
from{
opacity:0;
transform:translateY(-5px);
}
to{
opacity:1;
transform:translateY(0);
}
}
.cpm-download-hero-btn{
display:inline-flex;
align-items:center;
gap:15px;
background:linear-gradient(135deg, #00C853 0%, #00e676 100%);
padding:10px 35px 10px 20px;
border-radius:60px;
color:#fff;
text-decoration:none;
position:relative;
box-shadow:0 15px 35px rgba(0, 200, 83, 0.4);
border:4px solid rgba(255, 255, 255, 0.2);
transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
background-size:200% auto;
}
.cpm-download-hero-btn:hover{
transform:translateY(-5px) scale(1.02);
box-shadow:0 20px 40px rgba(0, 200, 83, 0.5);
color:#fff;
background-position:right center;
}
.cpm-btn-icon{
font-size:1.4rem;
background:rgba(255, 255, 255, 0.2);
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
backdrop-filter:blur(5px);
}
.cpm-btn-content{
display:flex;
flex-direction:column;
align-items:flex-start;
line-height:1.1;
}
.cpm-btn-title{
font-size:1.3rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:0.5px;
font-style:italic;
}
.cpm-btn-subtitle{
font-size:0.75rem;
opacity:0.9;
font-weight:600;
text-transform:uppercase;
letter-spacing:1px;
}
.cpm-download-hero-btn::after{
content:"UNLOCKED";
position:absolute;
top:-14px;
right:20px;
background:#ffeb3b;
color:#000;
font-size:0.7rem;
font-weight:800;
padding:4px 10px;
border-radius:6px;
transform:rotate(6deg);
box-shadow:0 4px 10px rgba(0, 0, 0, 0.15);
border:2px solid #fff;
z-index:10;
}
}
.cpm-articles-hub{
padding:0 0 40px;
}
.cpm-page-link-card:hover{
border-color:rgba(0, 212, 255, 0.4) !important;
transform:translateY(-4px);
box-shadow:0 12px 30px rgba(0, 212, 255, 0.15);
}
.cpm-article-card:hover{
border-color:#00d4ff !important;
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0, 212, 255, 0.12);
}
.cpm-article-card:hover h4{
color:#00d4ff !important;
}
.cpm-articles-grid{
margin-bottom:30px;
}
@media (max-width:768px){
.cpm-pages-grid{
grid-template-columns:repeat(2, 1fr) !important;
gap:10px !important;
}
.cpm-articles-grid{
grid-template-columns:1fr !important;
}
.cpm-articles-hub h2{
font-size:1.6rem !important;
}
}
@media (max-width:480px){
.cpm-pages-grid{
grid-template-columns:repeat(2, 1fr) !important;
}
}
/* ============================================================
BLOG POST PREMIUM ELEMENTS
Used across guide posts (Design Copy Paste, Gift Location, etc.)
============================================================ */
.cpm-post-body{
max-width:820px;
margin:0 auto;
padding:10px 0;
line-height:1.85;
font-size:1.05rem;
color:#333;
}
.cpm-post-body h2{
font-size:1.7rem;
font-weight:800;
color:#1a202c;
margin-top:50px;
margin-bottom:18px;
padding-bottom:12px;
border-bottom:3px solid var(--primary-color);
line-height:1.3;
}
.cpm-post-body h3{
font-size:1.3rem;
font-weight:700;
color:#2d3748;
margin-top:35px;
margin-bottom:12px;
}
.cpm-post-body p{
margin-bottom:18px;
color:#4a5568;
}
.cpm-post-body ul,
.cpm-post-body ol{
padding-left:24px;
margin-bottom:20px;
}
.cpm-post-body li{
margin-bottom:8px;
color:#4a5568;
}
.cpm-post-body a{
color:var(--primary-color);
font-weight:600;
text-decoration:none;
border-bottom:1px dashed var(--primary-color);
transition:color 0.2s, border-color 0.2s;
}
.cpm-post-body a:hover{
color:#009944;
border-color:#009944;
}
.cpm-post-body .lead{
font-size:1.15rem;
line-height:1.9;
color:#2d3748;
background:linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
border:1px solid rgba(0, 200, 83, 0.15);
border-radius:14px;
padding:24px 28px;
margin-bottom:28px;
}
.cpm-alert{
background:linear-gradient(135deg, #fffbe6 0%, #fff9db 100%);
border-left:5px solid #f59e0b;
border-radius:10px;
padding:18px 22px;
margin:25px 0;
font-size:0.95rem;
color:#78350f;
box-shadow:0 2px 8px rgba(245, 158, 11, 0.08);
}
.cpm-alert strong{
color:#92400e;
}
.cpm-vip-card{
background:linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
border:1px solid rgba(0, 200, 83, 0.2);
border-left:5px solid var(--primary-color);
border-radius:14px;
padding:22px 26px;
margin:28px 0;
box-shadow:0 4px 12px rgba(0, 200, 83, 0.06);
}
.cpm-vip-card h3{
margin-top:0 !important;
font-size:1.15rem !important;
color:#166534 !important;
margin-bottom:10px !important;
}
.cpm-vip-card p{
margin-bottom:0;
color:#15803d;
font-size:0.95rem;
}
.cpm-vip-card ul{
margin-bottom:0;
}
.cpm-vip-card li{
color:#15803d;
}
.cpm-data-table{
width:100%;
border-collapse:separate;
border-spacing:0;
margin:25px 0;
border-radius:12px;
overflow:hidden;
box-shadow:0 2px 12px rgba(0, 0, 0, 0.05);
font-size:0.95rem;
}
.cpm-data-table th{
background:linear-gradient(135deg, #065f46 0%, #047857 100%);
color:#fff;
padding:14px 18px;
text-align:left;
font-weight:700;
font-size:0.85rem;
text-transform:uppercase;
letter-spacing:0.5px;
}
.cpm-data-table td{
background:#fff;
padding:13px 18px;
border-bottom:1px solid #f3f4f6;
color:#374151;
vertical-align:middle;
}
.cpm-data-table tr:last-child td{
border-bottom:none;
}
.cpm-data-table tr:hover td{
background:#f0fdf4;
}
.cpm-data-table .color-swatch{
display:inline-block;
width:22px;
height:22px;
border-radius:6px;
vertical-align:middle;
margin-right:8px;
border:2px solid rgba(0, 0, 0, 0.08);
box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);
}
.cpm-highlight{
background:rgba(0, 200, 83, 0.12);
color:#047857;
font-weight:700;
padding:2px 10px;
border-radius:6px;
display:inline-block;
}
.cpm-faq-section{
margin:30px 0;
}
.cpm-faq-section h3{
background:#f9fafb;
border:1px solid #e5e7eb;
border-radius:10px;
padding:16px 20px;
margin-top:12px !important;
margin-bottom:0 !important;
font-size:1.05rem !important;
color:#1f2937 !important;
cursor:default;
transition:background 0.2s;
}
.cpm-faq-section h3:hover{
background:#f0fdf4;
border-color:rgba(0, 200, 83, 0.3);
}
.cpm-faq-section p{
padding:14px 20px;
margin-top:0;
margin-bottom:0;
background:#fff;
border:1px solid #e5e7eb;
border-top:none;
border-radius:0 0 10px 10px;
color:#4b5563;
font-size:0.95rem;
line-height:1.7;
}
.cpm-post-body .cpm-step-list{
counter-reset:cpm-step;
list-style:none;
padding:0;
margin:20px 0;
}
.cpm-post-body .cpm-step-list li{
counter-increment:cpm-step;
position:relative;
padding:14px 16px 14px 55px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:10px;
margin-bottom:10px;
transition:transform 0.2s, box-shadow 0.2s;
}
.cpm-post-body .cpm-step-list li:hover{
transform:translateY(-2px);
box-shadow:0 6px 16px rgba(0, 200, 83, 0.1);
border-color:var(--primary-color);
}
.cpm-post-body .cpm-step-list li::before{
content:counter(cpm-step);
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
background:var(--primary-color);
color:#fff;
font-weight:800;
width:28px;
height:28px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:0.85rem;
}
@media (max-width:768px){
.cpm-post-body{
padding:0 5px;
font-size:1rem;
}
.cpm-post-body h2{
font-size:1.4rem;
}
.cpm-data-table{
display:block;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.cpm-post-body .lead{
padding:18px 16px;
font-size:1.05rem;
}
}
/* ============================================================
v4.9.7 ARTICLE PAGE STYLES (Post ID 317)
============================================================ */
.cpm-article-wrap{
max-width:820px;
margin:0 auto;
padding:10px 0;
line-height:1.85;
font-size:1.05rem;
color:#333;
}
.cpm-article-wrap h1{
font-size:2rem;
font-weight:900;
color:#0f172a;
margin-bottom:20px;
line-height:1.25;
}
.cpm-article-wrap h2{
font-size:1.7rem;
font-weight:800;
color:#1a202c;
margin-top:50px;
margin-bottom:18px;
padding-bottom:12px;
border-bottom:3px solid var(--primary-color);
line-height:1.3;
}
.cpm-article-wrap h3{
font-size:1.3rem;
font-weight:700;
color:#2d3748;
margin-top:35px;
margin-bottom:12px;
}
.cpm-article-wrap p{
margin-bottom:18px;
color:#4a5568;
}
.cpm-article-wrap a{
color:var(--primary-color);
font-weight:600;
text-decoration:none;
border-bottom:1px dashed var(--primary-color);
transition:color 0.2s, border-color 0.2s;
}
.cpm-article-wrap a:hover{
color:#009944;
border-color:#009944;
}
.cpm-car-list{
list-style:none;
padding:0;
display:grid;
grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
gap:10px;
margin:20px 0 28px;
}
.cpm-car-list li{
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:10px;
padding:12px 16px;
font-weight:600;
color:#1e293b;
transition:transform 0.2s, border-color 0.2s;
}
.cpm-car-list li:hover{
transform:translateY(-2px);
border-color:var(--primary-color);
box-shadow:0 4px 12px rgba(0, 200, 83, 0.1);
}
.cpm-feature-list{
list-style:none;
padding:0;
margin:20px 0 28px;
}
.cpm-feature-list li{
background:#fff;
border:1px solid #f1f5f9;
border-radius:10px;
padding:14px 18px;
margin-bottom:8px;
color:#334155;
font-weight:500;
transition:transform 0.2s, background 0.2s;
}
.cpm-feature-list li:hover{
background:#f0fdf4;
transform:translateX(4px);
border-color:rgba(0, 200, 83, 0.25);
}
.cpm-table-wrap{
margin:25px 0;
border-radius:14px;
overflow:hidden;
box-shadow:0 4px 20px rgba(0, 0, 0, 0.06);
}
.cpm-styled-table{
width:100%;
border-collapse:collapse;
font-size:0.95rem;
}
.cpm-styled-table thead th{
padding:16px 22px;
font-weight:800;
font-size:1rem;
text-align:left;
letter-spacing:0.3px;
}
.cpm-styled-table thead th:first-child{
background:linear-gradient(135deg, #065f46 0%, #047857 100%);
color:#fff;
}
.cpm-styled-table thead th:last-child{
background:linear-gradient(135deg, #991b1b 0%, #dc2626 100%);
color:#fff;
}
.cpm-styled-table td{
padding:14px 22px;
border-bottom:1px solid #f3f4f6;
background:#fff;
color:#374151;
vertical-align:middle;
}
.cpm-styled-table tbody tr:hover td{
background:#f0fdf4;
}
.cpm-styled-table tbody tr:last-child td{
border-bottom:none;
}
.cpm-cta-box{
text-align:center;
margin:35px 0;
}
.cpm-cta-btn{
display:inline-block;
padding:16px 40px;
background:linear-gradient(135deg, #00C853 0%, #00e676 100%);
color:#fff !important;
font-size:1.15rem;
font-weight:800;
text-decoration:none !important;
border:none !important;
border-bottom:none !important;
border-radius:50px;
box-shadow:0 10px 30px rgba(0, 200, 83, 0.35);
transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
letter-spacing:0.3px;
text-transform:uppercase;
}
.cpm-cta-btn:hover{
transform:translateY(-4px) scale(1.03);
box-shadow:0 15px 40px rgba(0, 200, 83, 0.5);
color:#fff !important;
border-bottom:none !important;
}
.cpm-install-steps{
counter-reset:install-step;
list-style:none;
padding:0;
margin:20px 0 28px;
}
.cpm-install-steps li{
counter-increment:install-step;
position:relative;
padding:16px 18px 16px 58px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
margin-bottom:10px;
color:#374151;
font-weight:500;
transition:transform 0.2s, box-shadow 0.2s;
}
.cpm-install-steps li:hover{
transform:translateY(-2px);
box-shadow:0 6px 16px rgba(0, 200, 83, 0.1);
border-color:var(--primary-color);
}
.cpm-install-steps li::before{
content:counter(install-step);
position:absolute;
left:16px;
top:50%;
transform:translateY(-50%);
background:var(--primary-color);
color:#fff;
font-weight:800;
width:30px;
height:30px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:0.85rem;
}
.cpm-article-wrap .cpm-faq-item{
margin-bottom:12px;
}
.cpm-article-wrap .cpm-faq-item h3{
background:#f9fafb;
border:1px solid #e5e7eb;
border-radius:10px 10px 0 0;
padding:16px 20px;
margin-top:0;
margin-bottom:0;
font-size:1.05rem;
color:#1f2937;
cursor:default;
transition:background 0.2s;
}
.cpm-article-wrap .cpm-faq-item h3:hover{
background:#f0fdf4;
border-color:rgba(0, 200, 83, 0.3);
}
.cpm-article-wrap .cpm-faq-item p{
padding:14px 20px;
margin-top:0;
margin-bottom:0;
background:#fff;
border:1px solid #e5e7eb;
border-top:none;
border-radius:0 0 10px 10px;
color:#4b5563;
font-size:0.95rem;
line-height:1.7;
}
@media (max-width:768px){
.cpm-article-wrap{
padding:0 5px;
font-size:1rem;
}
.cpm-article-wrap h2{
font-size:1.4rem;
}
.cpm-car-list{
grid-template-columns:1fr;
}
.cpm-styled-table{
display:block;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.cpm-styled-table{
display:block;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.cpm-cta-btn{
font-size:1rem;
padding:14px 28px;
}
}
/* ============================================================
GEARBOX SETTINGS ARTICLE STYLES (Post ID 174)
============================================================ */
.cpm-gearbox-table tbody tr:nth-child(even) td{
background:#f9fffb;
}
.cpm-gearbox-table td:first-child{
font-weight:700;
color:#064e3b;
min-width:140px;
}
.cpm-gearbox-table td:last-child{
color:#dc2626;
font-weight:600;
font-size:0.9rem;
text-transform:uppercase;
letter-spacing:0.5px;
}
.cpm-hero-v2{
position:relative;
background:linear-gradient(135deg, #0b1021 0%, #1e113a 50%, #2a0845 100%);
padding:80px 20px 60px;
text-align:center;
color:#fff;
overflow:hidden;
margin-bottom:40px;
}
.cpm-hero-v2::before{
content:"";
position:absolute;
top:-50%;left:-50%;width:200%;height:200%;
background:radial-gradient(circle, rgba(103,61,230,0.15) 0%, transparent 60%);
animation:rotateGradient 15s linear infinite;
}
@keyframes rotateGradient{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.cpm-hero-v2 .cpm-hero-content{
position:relative;
z-index:2;
max-width:900px;
margin:0 auto;
}
.cpm-hero-badge{
display:inline-flex;
align-items:center;
background:rgba(255, 69, 0, 0.1);
border:1px solid rgba(255, 69, 0, 0.3);
padding:6px 16px;
border-radius:30px;
margin-bottom:25px;
font-weight:600;
font-size:0.9rem;
color:#ff5e3a;
}
.badge-pulse{
width:8px;height:8px;
background-color:#ff4500;
border-radius:50%;
margin-right:10px;
box-shadow:0 0 10px #ff4500;
animation:pulse 1.5s infinite;
}
@keyframes pulse{
0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255, 69, 0, 0.7)}
70%{transform:scale(1);box-shadow:0 0 0 6px rgba(255, 69, 0, 0)}
100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255, 69, 0, 0)}
}
.cpm-hero-v2 h1{
font-size:3.5rem;
font-weight:800;
line-height:1.2;
margin-bottom:15px;
color:#fff;
text-shadow:0 2px 10px rgba(0,0,0,0.5);
}
.cpm-hero-v2 h1 .highlight{
background:linear-gradient(90deg, #ff8a00, #e52e71);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.version-tag{
font-size:1.2rem;
background:#673de6;
padding:4px 12px;
border-radius:8px;
vertical-align:middle;
margin-left:10px;
}
.cpm-hero-v2 .hero-subtitle{
font-size:1.1rem;
color:#c4cce8;
margin-bottom:35px;
}
.hero-info-cards{
display:flex;
justify-content:center;
gap:15px;
margin-bottom:40px;
flex-wrap:wrap;
}
.hero-info-card{
background:rgba(255, 255, 255, 0.05);
border:1px solid rgba(255, 255, 255, 0.1);
border-radius:12px;
padding:12px 20px;
display:flex;
flex-direction:column;
align-items:center;
backdrop-filter:blur(10px);
}
.hero-info-card .info-icon{font-size:1.5rem;margin-bottom:5px}
.hero-info-card .info-label{font-size:0.8rem;color:#a1aabf;text-transform:uppercase}
.hero-info-card .info-val{font-size:1.1rem;font-weight:700;color:#fff}
.cpm-hero-v2 .hero-buttons{margin-bottom:40px}
.cpm-trust-ribbon{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
font-size:0.85rem;
color:#8c9ac2;
background:rgba(0,0,0,0.3);
padding:15px;
border-radius:20px;
}
.trust-item span{margin-right:5px}
@media (max-width:768px){
.cpm-hero-v2 h1{font-size:2.2rem}
.hero-info-cards{gap:10px}
.hero-info-card{padding:10px;min-width:45%}
}
.cpm-pros-cons-grid{
display:flex !important;
flex-direction:row !important;
flex-wrap:nowrap !important;
justify-content:space-between !important;
gap:40px !important;
width:100% !important;
align-items:stretch !important;
}
.cpm-pros-column, .cpm-cons-column{
background:#ffffff !important;
border-radius:20px !important;
padding:40px !important;
box-shadow:0 15px 40px rgba(0,0,0,0.06) !important;
text-align:left !important;
flex:1 1 50% !important;
box-sizing:border-box !important;
}
.cpm-pros-column{
border-top:8px solid #10b981 !important;
border-bottom:8px solid #10b981 !important;
}
.cpm-cons-column{
border-top:8px solid #ef4444 !important;
border-bottom:8px solid #ef4444 !important;
}
.cpm-pc-header{
font-size:1.8rem !important;
font-weight:800 !important;
margin-top:0 !important;
margin-bottom:30px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:12px !important;
text-transform:uppercase !important;
letter-spacing:0.5px !important;
line-height:1.3 !important;
}
.cpm-pros-header{color:#047857 !important}
.cpm-cons-header{color:#991b1b !important}
ul.cpm-pc-list{
list-style-type:none !important;
padding:0 !important;
margin:0 !important;
display:flex !important;
flex-direction:column !important;
gap:25px !important;
}
li.cpm-pc-item{
display:flex !important;
flex-direction:row !important;
gap:15px !important;
align-items:flex-start !important;
padding-bottom:15px !important;
border-bottom:1px dashed #e2e8f0 !important;
margin:0 !important;
padding-left:0 !important;
}
li.cpm-pc-item:before{
content:none !important;
}
li.cpm-pc-item:last-child{
border-bottom:none !important;
padding-bottom:0 !important;
}
.cpm-pc-icon{
flex:0 0 32px !important;
width:32px !important;
height:32px !important;
border-radius:50% !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-weight:900 !important;
font-size:1.1rem !important;
color:#fff !important;
margin-top:2px !important;
box-shadow:0 4px 10px rgba(0,0,0,0.1) !important;
line-height:1 !important;
}
.cpm-pros-icon{background:linear-gradient(135deg, #34d399, #059669) !important}
.cpm-cons-icon{background:linear-gradient(135deg, #f87171, #dc2626) !important}
.cpm-pc-text{
display:block !important;
text-align:left !important;
}
.cpm-pc-text strong{
display:block !important;
font-size:1.2rem !important;
margin-bottom:6px !important;
line-height:1.4 !important;
}
.cpm-pros-text strong{color:#065f46 !important}
.cpm-cons-text strong{color:#7f1d1d !important}
.cpm-pc-text span{
display:block !important;
color:#475569 !important;
font-size:1.05rem !important;
line-height:1.7 !important;
}
@media (max-width:900px){
.cpm-pros-cons-grid{
flex-direction:column !important;
gap:30px !important;
}
.cpm-pros-column, .cpm-cons-column{
flex:1 1 100% !important;
width:100% !important;
}
.cpm-hamburger{
display:none;
background:none;
border:none;
cursor:pointer;
padding:8px;
flex-direction:column;
gap:5px;
z-index:1001;
}
.cpm-hamburger span{
display:block;
width:24px;
height:2.5px;
background:#0f172a;
border-radius:3px;
transition:all .3s;
}
.cpm-hamburger.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.cpm-hamburger.active span:nth-child(2){opacity:0}
.cpm-hamburger.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.cpm-mobile-menu{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background:rgba(255,255,255,.98);
backdrop-filter:blur(20px);
z-index:999;
display:none;
padding:80px 20px 30px;
overflow-y:auto;
}
.cpm-mobile-menu.open{display:block}
.cpm-mobile-menu-inner{max-width:400px;margin:0 auto}
.cpm-mobile-links{
list-style:none;
padding:0;
margin:0 0 20px;
display:flex;
flex-direction:column;
gap:2px;
}
.cpm-mobile-links li a{
display:block;
padding:14px 16px;
font-size:1.05rem;
font-weight:600;
color:#0f172a;
text-decoration:none;
border-radius:10px;
transition:background .2s;
}
.cpm-mobile-links li a:hover{background:#f1f5f9}
.cpm-mobile-download-btn{
display:block;
text-align:center;
background:#2563eb;
color:#fff !important;
padding:14px 24px;
border-radius:10px;
font-weight:700;
font-size:1.1rem;
text-decoration:none;
box-shadow:0 4px 12px rgba(37,99,235,.3);
}
@media (max-width:768px){
.cpm-hamburger{display:flex !important}
.nav-right-side{display:none !important}
.nav-container{padding:8px 15px}
.nav-logo-img{height:45px}
}

/* Custom Download Page Styles (Post 78) */
.page-id-78 .entry-title, .page-id-78 .entry-header .entry-title { display: none !important; }
.page-id-78 .entry-meta { display: none !important; }
.dlp-w { max-width: 800px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }
.dlp-w * { box-sizing: border-box; }
.dlp-w h2 { font-size: 1.5rem; font-weight: 800; color: #0f172a; margin: 35px 0 15px; border-bottom: 3px solid #10b981; padding-bottom: 10px; }
.dlp-w p { font-size: 1.05rem; color: #475569; line-height: 1.8; margin-bottom: 16px; }
@media (max-width: 768px) {
  .dlp-hero-h1 { font-size: 1.8rem !important; }
  .dlp-stats { grid-template-columns: repeat(3, 1fr) !important; }
}

/* Responsive Download Buttons (Post 78) - Premium Fail-proof Style */
.cpm-dl-btn-wrapper {
  text-align: center;
  margin: 25px 0;
}
.cpm-dl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background-color: #10b981; /* Solid Fallback */
  color: #ffffff !important;
  padding: 16px 40px;
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.cpm-dl-btn-latest {
  background-color: #10b981 !important;
  background: linear-gradient(135deg, #10b981, #047857) !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4) !important;
}
.cpm-dl-btn-old {
  background-color: #4b5563 !important;
  background: linear-gradient(135deg, #4b5563, #1f2937) !important;
  box-shadow: 0 8px 20px rgba(75, 85, 99, 0.4) !important;
}
.cpm-dl-btn:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
}
.cpm-dl-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg);
  animation: shine 3s infinite;
}
@keyframes shine {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}
.btn-icon {
  font-size: 1.4rem;
  animation: bounceDown 2s infinite;
}
@keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-5px); }
  60% { transform: translateY(-3px); }
}
.btn-text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.btn-title {
  font-size: 1.15rem;
  font-weight: 800;
  color: #ffffff !important;
  line-height: 1.2;
}
.btn-subtitle {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9) !important;
  margin-top: 2px;
}

@media (max-width: 768px) {
  .cpm-dl-btn {
    padding: 14px 20px;
    width: 95%;
    max-width: 400px;
    border-radius: 12px;
    gap: 10px;
  }
  .btn-title {
    font-size: 1rem;
  }
  .btn-subtitle {
    font-size: 0.75rem;
  }
  .btn-icon {
    font-size: 1.3rem;
  }
}