/* =========================================================
   Google Ads Case Studies / Results
   Unique prefix: gacr-
   ========================================================= */

.gacr-premium{
    --gacr-navy:#08265c;
    --gacr-blue:#1268f3;
    --gacr-blue2:#2e8cff;
    --gacr-text:#14284c;
    --gacr-muted:#5c6d87;
    --gacr-border:#dfe9f7;
    --gacr-soft:#f4f8ff;
    position:relative;
    overflow:hidden;
    padding:88px 0 74px;
    background:#f8fbff;
    color:var(--gacr-text);
}

.gacr-bg{
    position:absolute;
    inset:0;
    z-index:0;
    background-image:linear-gradient(rgba(248,251,255,var(--gacr-overlay)),rgba(248,251,255,var(--gacr-overlay))),var(--gacr-bg-image);
    background-position:var(--gacr-bg-position);
    background-size:cover;
    background-repeat:no-repeat;
    pointer-events:none;
}

.gacr-premium .container{position:relative;z-index:1}

.gacr-head{text-align:left;max-width:900px;margin:0 auto 28px}
.gacr-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:9px 17px;
    border:1px solid #78aaff;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    color:var(--gacr-blue);
    font-size:13px;
    font-weight:800;
    letter-spacing:.4px;
    margin-bottom:16px;
}
.gacr-head h2{
    margin:0 0 13px;
    color:var(--gacr-navy);
    font-size:clamp(34px,4vw,56px);
    line-height:1.05;
    font-weight:900;
    letter-spacing:-1.5px;
}
.gacr-head h2::first-line{color:var(--gacr-navy)}
.gacr-head p{
    max-width:800px;
    margin:0;
    color:var(--gacr-muted);
    font-size:17px;
    line-height:1.7;
}

.gacr-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin:30px 0 34px;
}
.gacr-stat{
    display:flex;
    align-items:center;
    gap:13px;
    padding:17px 18px;
    border:1px solid rgba(205,220,242,.9);
    border-radius:18px;
    background:rgba(255,255,255,.88);
    box-shadow:0 10px 28px rgba(22,69,130,.07);
}
.gacr-stat-icon{
    flex:0 0 48px;
    width:48px;height:48px;
    display:grid;place-items:center;
    border-radius:50%;
    background:#edf5ff;
    color:var(--gacr-blue);
    font-size:20px;
}
.gacr-stat strong{display:block;color:var(--gacr-navy);font-size:25px;line-height:1.1;font-weight:900}
.gacr-stat span{display:block;margin-top:3px;color:var(--gacr-muted);font-size:12px;font-weight:700}

.gacr-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:14px 4px;
    margin-bottom:20px;
}
.gacr-filters{display:flex;flex-wrap:wrap;gap:8px}
.gacr-filter{
    border:0;
    padding:11px 18px;
    border-radius:999px;
    background:#edf4fd;
    color:var(--gacr-navy);
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:.25s ease;
}
.gacr-filter:hover,.gacr-filter.is-active{
    background:var(--gacr-blue);
    color:#fff;
    box-shadow:0 8px 20px rgba(18,104,243,.2);
}
.gacr-view-all{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:11px 19px;
    border:1px solid #70a6ff;
    border-radius:999px;
    color:var(--gacr-blue);
    background:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    transition:.25s ease;
}
.gacr-view-all:hover{background:var(--gacr-blue);color:#fff}

.gacr-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.gacr-card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--gacr-border);
    border-radius:18px;
    background:#fff;
    box-shadow:0 13px 35px rgba(25,66,120,.08);
    transition:transform .28s ease,box-shadow .28s ease;
}
.gacr-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(25,66,120,.14);
}
.gacr-card[hidden]{display:none!important}

.gacr-media{
    position:relative;
    height:190px;
    overflow:hidden;
    background:#eaf2ff;
}
.gacr-media img{
    width:100%;height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease;
}
.gacr-card:hover .gacr-media img{transform:scale(1.045)}
.gacr-placeholder{
    width:100%;height:100%;
    display:grid;place-items:center;
    color:var(--gacr-blue);
    font-size:48px;
    background:linear-gradient(135deg,#edf5ff,#fff);
}
.gacr-category{
    position:absolute;
    top:13px;left:13px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:var(--gacr-blue);
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    font-size:11px;
    font-weight:900;
}

.gacr-card-body{padding:20px}
.gacr-card-body h3{
    margin:0 0 8px;
    color:var(--gacr-navy);
    font-size:20px;
    line-height:1.25;
    font-weight:900;
}
.gacr-card-body>p{
    min-height:66px;
    margin:0 0 16px;
    color:var(--gacr-muted);
    font-size:13px;
    line-height:1.6;
}
.gacr-metrics{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
    margin-bottom:18px;
}
.gacr-metric{
    min-width:0;
    padding:10px 7px;
    border-radius:10px;
    background:#f3f8ff;
    text-align:center;
}
.gacr-metric strong{
    display:block;
    color:#123f91;
    font-size:17px;
    font-weight:900;
}
.gacr-metric span{
    display:block;
    margin-top:3px;
    color:#6a7890;
    font-size:9px;
    line-height:1.2;
    font-weight:700;
}
.gacr-case-link{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    color:var(--gacr-blue);
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}
.gacr-case-link:hover{text-decoration:underline}

.gacr-trust{
    margin-top:36px;
    padding:24px 25px;
    border-radius:20px;
    background:rgba(240,247,255,.9);
    border:1px solid #e0ecfa;
    text-align:center;
}
.gacr-trust h3{
    margin:0 0 18px;
    color:var(--gacr-navy);
    font-size:16px;
    font-weight:900;
}
.gacr-logo-row{
    display:flex;
    align-items:center;
    justify-content:space-around;
    flex-wrap:wrap;
    gap:18px 28px;
}
.gacr-logo-row span{
    color:#53627a;
    font-size:20px;
    font-weight:900;
    letter-spacing:-.5px;
    opacity:.9;
}

.gacr-cta{
    display:grid;
    grid-template-columns:auto 1fr auto auto;
    align-items:center;
    gap:18px;
    margin-top:20px;
    padding:22px 28px;
    border:1px solid #d8e8ff;
    border-radius:20px;
    background:linear-gradient(100deg,#eef7ff,#f8fbff);
}
.gacr-cta-icon{
    width:56px;height:56px;
    display:grid;place-items:center;
    border-radius:15px;
    background:#d9ebff;
    color:var(--gacr-blue);
    font-size:25px;
}
.gacr-cta-copy h3{margin:0 0 5px;color:var(--gacr-navy);font-size:24px;font-weight:900}
.gacr-cta-copy p{margin:0;color:var(--gacr-muted);font-size:14px}
.gacr-cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:48px;
    padding:0 22px;
    border-radius:999px;
    background:var(--gacr-blue);
    color:#fff;
    text-decoration:none;
    font-weight:900;
    box-shadow:0 10px 24px rgba(18,104,243,.2);
}
.gacr-cta-btn:hover{background:#0958d7;color:#fff}
.gacr-phone{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--gacr-blue);
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
}
.gacr-phone:hover{text-decoration:underline}

@media (max-width:1199px){
    .gacr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .gacr-stats{grid-template-columns:repeat(2,1fr)}
    .gacr-cta{grid-template-columns:auto 1fr auto}
    .gacr-phone{grid-column:2}
}
@media (max-width:767px){
    .gacr-premium{padding:60px 0 52px}
    .gacr-head{text-align:center}
    .gacr-head h2{font-size:34px;letter-spacing:-.7px}
    .gacr-head p{font-size:15px}
    .gacr-stats{grid-template-columns:1fr 1fr;gap:9px}
    .gacr-stat{padding:13px 11px}
    .gacr-stat-icon{flex-basis:40px;width:40px;height:40px;font-size:16px}
    .gacr-stat strong{font-size:20px}
    .gacr-toolbar{align-items:stretch;flex-direction:column}
    .gacr-view-all{justify-content:center}
    .gacr-grid{grid-template-columns:1fr}
    .gacr-media{height:210px}
    .gacr-card-body>p{min-height:0}
    .gacr-cta{grid-template-columns:1fr;text-align:center}
    .gacr-cta-icon{margin:auto}
    .gacr-cta-btn{width:100%}
    .gacr-phone{grid-column:auto;justify-content:center}
}
@media (max-width:430px){
    .gacr-stats{grid-template-columns:1fr}
    .gacr-filters{justify-content:center}
    .gacr-filter{padding:9px 13px}
    .gacr-logo-row span{font-size:17px}
}