/* NIZIP TAKSI - GALERI REFERANS TASARIM */
.gallery-exact{background:#fff;color:#111}
.gallery-exact *{box-sizing:border-box}
.gallery-exact + .finalcta{display:none!important}

/* HERO */
.gallery-hero-final{
    position:relative;
    min-height:330px;
    display:flex;
    align-items:center;
    background:url('/assets/img/gallery-final/hero.jpg') center/cover no-repeat;
    overflow:hidden
}
.gallery-hero-overlay{
    position:absolute;inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.48) 55%,rgba(0,0,0,.23))
}
.gallery-hero-inner{position:relative;z-index:2;padding:36px 0}
.gallery-breadcrumb{display:flex;gap:9px;align-items:center;color:#fff;font-size:14px;margin-bottom:14px}
.gallery-breadcrumb strong{color:var(--yellow)}
.gallery-hero-final h1{font-size:clamp(58px,6.2vw,82px);line-height:.95;letter-spacing:-.045em;color:#fff;margin:0}
.gallery-title-line{display:block;width:72px;height:5px;border-radius:99px;background:var(--yellow);margin:13px 0 15px}
.gallery-hero-final p{max-width:560px;color:#f3f3f3;font-size:17px;line-height:1.58;margin:0}
.gallery-hero-script{
    position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(-4deg);
    color:#fff;font-family:"Segoe Script","Brush Script MT",cursive;
    font-size:42px;line-height:.95;text-align:center;text-shadow:0 5px 20px rgba(0,0,0,.35)
}
.gallery-hero-script:after{content:"";display:block;width:145px;height:5px;background:var(--yellow);margin:12px auto 0;transform:rotate(-8deg)}

/* CONTENT HEAD + FILTERS */
.gallery-content-final{padding:24px 0 26px}
.gallery-head-row{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;margin-bottom:18px}
.gallery-kicker{position:relative;display:inline-block;padding-left:17px;font-weight:900;font-size:12px;letter-spacing:.04em}
.gallery-kicker:before{content:"";position:absolute;left:0;top:6px;width:11px;height:2px;background:var(--yellow)}
.gallery-head-row h2{font-size:clamp(38px,4vw,54px);line-height:1;letter-spacing:-.04em;margin:8px 0 8px}
.gallery-head-row p{max-width:560px;margin:0;color:#666;font-size:14.5px;line-height:1.55}
.gallery-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.gallery-filters button{
    border:1px solid #e6e6e6;background:#f7f7f7;color:#111;border-radius:8px;
    padding:9px 12px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer
}
.gallery-filters button.active{background:var(--yellow);border-color:var(--yellow)}
.gallery-filters button span{margin-left:4px}

/* EXACT-LIKE GALLERY GRID */
.gallery-grid-final{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:8px;
}
.gallery-tile{margin:0;position:relative;overflow:hidden;border-radius:8px;background:#111;min-height:168px}
.gallery-tile img{width:100%;height:100%;display:block;object-fit:cover;transition:.25s}
.gallery-tile:hover img{transform:scale(1.025)}
.gallery-tile:after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:58px;
    background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none
}
.gallery-tile figcaption{
    position:absolute;left:12px;right:12px;bottom:10px;z-index:2;
    display:flex;align-items:center;gap:8px;color:#fff;font-size:13px
}
.tile-icon{font-size:17px;min-width:19px}
.gallery-tile figcaption b{font-size:13px}
.tile-1,.tile-2,.tile-3{grid-column:span 4;height:205px}
.tile-4,.tile-5,.tile-6{grid-column:span 4;height:190px}
.tile-7,.tile-8,.tile-9,.tile-10{grid-column:span 3;height:170px}

/* FEATURE STRIP */
.gallery-benefits{
    margin-top:16px;background:#f7f7f7;border:1px solid #eee;border-radius:9px;
    display:grid;grid-template-columns:repeat(4,1fr);padding:0 10px
}
.gallery-benefits>div{display:flex;align-items:center;gap:14px;min-height:82px;padding:13px 22px;position:relative}
.gallery-benefits>div:not(:last-child):after{content:"";position:absolute;right:0;height:48%;width:1px;background:#d7d7d7}
.gallery-benefits>div>span{font-size:34px;color:#f5c400}
.gallery-benefits b,.gallery-benefits small{display:block}
.gallery-benefits b{font-size:16px}.gallery-benefits small{font-size:12px;color:#777;margin-top:3px}

/* CTA */
.gallery-cta-final{display:grid;grid-template-columns:1.1fr .75fr .62fr;min-height:235px;background:var(--yellow);overflow:hidden}
.gallery-cta-copy{padding:30px 18px 28px max(5%,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center}
.cta-kicker{font-size:12px;font-weight:900;letter-spacing:.06em;margin-bottom:8px}
.cta-kicker:before{content:"— ";font-weight:900}
.gallery-cta-copy h2{font-size:clamp(34px,3.5vw,50px);line-height:1.02;letter-spacing:-.04em;margin:0 0 9px}
.gallery-cta-copy p{max-width:470px;font-size:15px;line-height:1.5;margin:0 0 17px}
.gallery-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.gallery-cta-actions .btn{padding:13px 23px;border-radius:7px}
.gallery-cta-actions .call{background:#090909;color:#fff}
.gallery-cta-actions .wa{background:#17b85d;color:#fff}
.gallery-cta-bridge{
    position:relative;
    background:
        linear-gradient(90deg,rgba(247,198,0,.76),rgba(247,198,0,.18)),
        url('/assets/img/gallery-final/bridge.webp') center/cover no-repeat
}
.gallery-phone{position:absolute;height:285px;right:-10px;bottom:-26px;z-index:2;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}
.gallery-cta-right{background:url('/assets/img/gallery-final/cta-right.jpg') center/cover no-repeat}

@media(max-width:1000px){
    .gallery-hero-script{display:none}
    .gallery-head-row{grid-template-columns:1fr}
    .gallery-filters{justify-content:flex-start}
    .gallery-cta-final{grid-template-columns:1fr .7fr}
    .gallery-cta-right{display:none}
}
@media(max-width:780px){
    .gallery-hero-final{min-height:300px}
    .gallery-hero-final h1{font-size:54px}
    .gallery-head-row h2{font-size:40px}
    .tile-1,.tile-2,.tile-3,.tile-4,.tile-5,.tile-6{grid-column:span 6;height:185px}
    .tile-7,.tile-8,.tile-9,.tile-10{grid-column:span 6;height:165px}
    .gallery-benefits{grid-template-columns:repeat(2,1fr)}
    .gallery-benefits>div:nth-child(2):after{display:none}
    .gallery-benefits>div:nth-child(-n+2){border-bottom:1px solid #e4e4e4}
    .gallery-cta-final{grid-template-columns:1fr}
    .gallery-cta-copy{padding:28px 5%}
    .gallery-cta-bridge{min-height:245px}
    .gallery-phone{height:270px;right:8%;bottom:-22px}
}
@media(max-width:520px){
    .gallery-hero-final{min-height:270px;background-position:center}
    .gallery-hero-inner{padding:30px 0}
    .gallery-hero-final h1{font-size:48px}
    .gallery-hero-final p{font-size:15px;max-width:92%}
    .gallery-filters{gap:6px}
    .gallery-filters button{padding:8px 9px;font-size:11.5px}
    .tile-1,.tile-2,.tile-3,.tile-4,.tile-5,.tile-6,.tile-7,.tile-8,.tile-9,.tile-10{grid-column:span 12;height:185px}
    .gallery-benefits>div{padding:12px 10px;gap:9px}.gallery-benefits>div>span{font-size:28px}
    .gallery-cta-copy h2{font-size:36px}
    .gallery-cta-actions .btn{width:100%}
    .gallery-cta-bridge{min-height:220px}
    .gallery-phone{height:235px;right:10%;bottom:-18px}
}