/* Client approved sitemap, supplied banners and current model photography. */
.client-header .nav-shell{gap:24px}.client-header .brand{flex:0 0 160px;max-width:160px}.client-header .brand img{width:160px;height:auto;max-height:52px;object-fit:contain}.client-header .desktop-nav{gap:24px;white-space:nowrap}.client-header .nav-actions{gap:16px}.client-header .site-search-open{width:44px;height:44px;flex-shrink:0}.site-search-open svg{width:23px;height:23px}.otopratik-link{display:flex;align-items:center;min-height:44px;flex-shrink:0}.otopratik-link img{width:116px;height:auto;object-fit:contain}.header-catalogue{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.client-menu-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px;flex:1}.client-menu-models>a{padding:15px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8dfd1;font-size:15px}.client-menu-models svg,.mobile-model-links svg{width:19px;height:19px}.client-model-menu{gap:70px}.client-model-menu .menu-intro{width:250px;flex-shrink:0}.client-model-menu .text-link{margin-top:20px}.mobile-model-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:22px}.mobile-model-links>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid #d8dfd1;font-size:14px}.mobile-menu>.eyebrow{margin:22px 0 10px}.client-header+.menu-backdrop{z-index:49}
body .client-hero{height:calc(56.25vw + 180px);min-height:0;max-height:none;background:#eef1ea;color:#17271d;overflow:hidden}
body .client-hero .hero-slide{inset:110px 0 70px}.client-banner-link{display:block;width:100%;height:100%}
body .client-hero .hero-slide .hero-image{position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;mask-image:none!important}
.client-hero .hero-prev,.client-hero .hero-next{top:auto;bottom:13px;transform:none}.client-hero .hero-dots{bottom:13px;height:44px;gap:0;padding:0 10px}.client-hero .hero-dot,.client-hero .hero-dot.is-active{width:30px;height:44px}.client-hero .hero-play{bottom:13px;top:auto;left:calc(50% + 85px);right:auto;width:44px;height:44px}.client-mobile-caption{display:none}
.client-model-panel .model-studio{height:440px;width:90%;margin:20px auto 20px;object-fit:contain;border-radius:4px}.client-model-panel .model-oversize{font-size:clamp(45px,19cqw,250px);line-height:1;white-space:normal;overflow-wrap:normal}.client-model-panel .model-oversize.model-name-long{font-size:clamp(40px,11cqw,150px)}.client-model-panel .model-panel-info h3{margin-bottom:24px}.client-card-count,.client-photo-pending{font-size:13px;color:#4b5e43;margin:15px 0 22px}.vehicle-image img{object-fit:contain}.client-product-hero{padding:160px var(--gutter) 65px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;background:#eef1e9}.client-product-hero h1{font-size:clamp(44px,5.2vw,85px);line-height:1.03;letter-spacing:-.05em;margin:23px 0}.client-product-hero p{font-size:17px;color:#4e5d47;line-height:1.65;margin:25px 0}.client-product-hero .button-row{flex-wrap:wrap}.client-product-image{width:100%;height:490px;object-fit:contain;border-radius:6px}.client-spec-enquiry{padding:80px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:50px;background:#e5eadf}.client-spec-enquiry h2{font-size:40px;letter-spacing:-.04em;margin:18px 0}.client-spec-enquiry p{font-size:16px;color:#4e5d47;line-height:1.65;max-width:620px}.client-spec-enquiry>.button{flex-shrink:0}.gallery-main .gallery-large{object-fit:contain;background:#e9eee4}.client-service{padding:85px var(--gutter);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;background:#e6eadd}.client-service h2{font-size:clamp(40px,4vw,65px);line-height:1.04;letter-spacing:-.05em;margin:24px 0}.client-service p{font-size:17px;line-height:1.6;margin-bottom:30px;color:#4e5d47}.client-service .button-row{flex-wrap:wrap}.client-service img{width:100%;height:auto;border-radius:5px}.client-corporate-feature{padding:95px var(--gutter);background:#173222;color:#f3f6ee}.client-corporate-feature h2{font-size:clamp(45px,5vw,80px);line-height:1.04;letter-spacing:-.05em;margin:24px 0 50px}.client-corporate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.client-corporate-grid a{font-size:16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #769179;padding:22px 0;gap:15px}.client-corporate-grid svg{width:22px;height:22px;flex-shrink:0}.client-reference{padding:35px var(--gutter) 65px;scroll-margin-top:120px}.client-reference h2{font-size:40px;letter-spacing:-.04em}.client-reference p{font-size:16px;color:#4e5d47;margin:16px 0 28px}.client-reference img{display:block;width:100%;height:auto;border-radius:5px}
.site-search-dialog{width:min(700px,calc(100% - 32px));max-height:85dvh;border:none;border-radius:12px;padding:32px;background:#f3f5ed;color:#20341d;margin:auto}.site-search-dialog::backdrop{background:#102416aa;backdrop-filter:blur(5px)}.search-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.search-dialog-head h2{font-size:32px;letter-spacing:-.04em}.site-search-close{font-size:28px;width:44px;height:44px;background:#e3e8dc;border-radius:50%}.site-search-dialog label{display:block;font-size:12px;margin-bottom:10px;color:#40573a}.site-search-dialog input{width:100%;min-height:54px;padding:14px 16px;border:1px solid #a7b79c;border-radius:5px;background:white;font-size:16px;color:#20341d}.site-search-count{font-size:12px;color:#506448;margin:16px 0}.site-search-results{max-height:50dvh;overflow:auto}.site-search-results a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 4px;border-bottom:1px solid #d6ddcf;min-height:48px}.site-search-results small{font-size:11px;color:#506448}.site-search-results a:focus-visible{outline:2px solid #506448;outline-offset:-2px}
@media(max-width:1200px){.client-header .desktop-nav{display:none}.client-header .menu-toggle{display:flex}.client-header .nav-actions{margin-left:auto}.client-header .brand{flex-basis:145px;max-width:145px}.client-header .brand img{width:145px}.client-header .nav-shell{gap:18px}.client-product-hero{grid-template-columns:1fr 1.1fr;gap:30px}.client-product-image{height:390px}}
@media(max-width:768px){.client-header .nav-shell{gap:10px}.client-header .nav-actions{gap:10px}.client-header .brand{flex-basis:125px;max-width:125px}.client-header .brand img{width:125px}.otopratik-link img{width:100px}.client-service{grid-template-columns:1fr;gap:32px;padding:65px 24px}.client-corporate-feature{padding:65px 24px}.client-corporate-grid{grid-template-columns:1fr 1fr;gap:15px 25px}.client-product-hero{padding:125px 24px 50px;grid-template-columns:1fr;gap:25px}.client-product-hero h1{font-size:51px}.client-product-hero p{font-size:16px}.client-product-image{height:auto;max-height:420px;aspect-ratio:4/3}.client-spec-enquiry{padding:60px 24px;flex-direction:column;align-items:flex-start;gap:25px}.client-spec-enquiry h2{font-size:34px}.client-reference{padding:25px 24px 45px}.client-reference h2{font-size:32px}}
@media(max-width:640px){
 .client-header .brand{flex-basis:95px;max-width:95px}.client-header .brand img{width:95px;max-height:36px}.client-header .nav-shell{padding:0 10px;gap:6px}.client-header .nav-actions{gap:6px}.client-header .site-search-open,.client-header .menu-toggle{width:40px;height:44px}.otopratik-link img{width:80px}.header-catalogue{display:none}.client-header .menu-toggle span{width:18px}
 body .client-hero{height:calc(56.25vw + 390px);min-height:0;max-height:none;background:#eef1ea}body .client-hero .hero-slide{inset:96px 0 90px}body .client-hero .hero-slide .hero-image{height:auto!important;aspect-ratio:16/9}.client-mobile-caption{display:flex;flex-direction:column;gap:12px;padding:24px 24px 0;color:#1d3523}.client-mobile-caption>strong{font-size:29px;line-height:1.08;letter-spacing:-.035em}.client-mobile-caption>span:not(.text-link){font-size:14px;line-height:1.5}.client-mobile-caption .text-link{font-size:12px;min-height:44px}.client-mobile-caption .text-link svg{width:20px;height:20px}
 .client-hero .hero-prev{left:16px;bottom:18px}.client-hero .hero-next{right:16px;bottom:18px}.client-hero .hero-dots{bottom:18px;padding:0 8px}.client-hero .hero-dot,.client-hero .hero-dot.is-active{width:26px}.client-hero .hero-play{width:36px;height:36px;left:auto;right:20px;bottom:70px;font-size:13px}
 .client-model-panel .model-studio{height:270px;width:100%;margin:20px 0}.client-model-panel .model-oversize{font-size:19cqw}.client-model-panel .model-oversize.model-name-long{font-size:11cqw}.client-model-panel .model-panel-info h3{font-size:26px}.client-corporate-grid a{font-size:14px}.client-corporate-grid{gap:10px 18px}.client-service h2{font-size:43px}.client-product-hero h1{font-size:45px}.site-search-dialog{padding:24px 20px}.search-dialog-head h2{font-size:27px}.site-search-results{max-height:47dvh}.client-header .mobile-menu{max-height:calc(100dvh - 90px)}
}
@media(max-width:360px){.client-header .brand{flex-basis:83px;max-width:83px}.client-header .brand img{width:83px}.client-header .nav-actions{gap:3px}.otopratik-link img{width:73px}.client-header .nav-shell{gap:3px}.client-mobile-caption>strong{font-size:26px}}

/* Complete, consistently framed model panels and restored discovery sections. */
.restored-models{padding:85px 0;background:#f1f3ed}
.restored-models .showcase-head{padding-bottom:36px;align-items:center;gap:28px}
.restored-models .showcase-head h2{font-size:clamp(32px,3.4vw,50px)}
.restored-models .showcase-head>.text-link{padding:0}
.restored-models .model-carousel{gap:32px;scroll-padding-inline:0;padding-inline:0;margin-inline:var(--gutter)}
.restored-models .client-model-panel{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:5%;align-items:center;text-align:left;scroll-snap-align:start;background:#e7ebdf;border-radius:16px;padding:42px 5%;min-height:460px}
.restored-models .client-model-visual{min-width:0;display:flex;align-items:center;justify-content:center}
.restored-models .client-model-panel .model-studio{display:block;position:static;max-width:100%;width:100%;height:360px;margin:0;object-fit:contain;border-radius:0}
.restored-models .model-panel-info{min-width:0}
.restored-models .model-panel-info h3{font-size:clamp(36px,4vw,68px);line-height:1.08;letter-spacing:-.05em;margin:14px 0 22px;overflow-wrap:normal}
.restored-models .model-panel-info .client-model-summary{max-width:390px;font-size:16px;line-height:1.65;margin:0 0 28px;color:#495943}
.restored-models .model-panel-info .button-row{justify-content:flex-start;gap:10px}
.restored-models .model-panel-info .button{padding-inline:25px;min-height:52px}
.restored-models .carousel-controls{align-items:center}
.restored-models .carousel-controls .round-button{width:44px;height:44px}
.showcase-counter{display:none;font-size:12px;color:#4c5c43;min-width:45px;font-variant-numeric:tabular-nums}
.restored-choose{padding:90px var(--gutter);gap:65px}
.restored-choose .button-row{flex-wrap:wrap}
.restored-story .story-picture{min-width:0;overflow:hidden;border-radius:8px}
.restored-story .story-picture img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
.restored-story .story-tabs{gap:32px}
.restored-story .story-tabs button{min-height:44px}
.restored-journal .news-card img{object-fit:contain;background:#f5f6f0;aspect-ratio:4/3}
.restored-journal .news-card h3{min-height:0;margin-bottom:12px}
.restored-journal .news-card p{font-size:14px;color:#4e5d47;margin-bottom:18px}
.restored-newsletter .campaign-picture{position:absolute;inset:0}
.restored-newsletter .banner-shade{background:linear-gradient(90deg,#102b18df,#102b1830)}
@media(min-width:1600px){.restored-models .client-model-panel{min-height:520px}.restored-models .client-model-panel .model-studio{height:410px}}
@media(max-width:960px){.restored-models .showcase-head{gap:18px}.restored-models .carousel-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.showcase-counter{display:inline}.restored-models .client-model-panel{gap:4%;padding:32px 4%;min-height:390px}.restored-models .client-model-panel .model-studio{height:300px}.restored-models .model-panel-info h3{font-size:38px}.restored-models .model-panel-info .client-model-summary{font-size:14px}.restored-models .model-panel-info .button{padding-inline:18px;font-size:12px}.restored-choose{gap:35px}}
@media(max-width:640px){.restored-models{padding:60px 0}.restored-models .showcase-head{display:grid;grid-template-columns:1fr auto;gap:24px 14px;padding-bottom:25px}.restored-models .showcase-head h2{grid-column:1/-1;margin:0;font-size:34px}.restored-models .showcase-head>.text-link{margin:0;font-size:12px}.restored-models .model-carousel{gap:20px}.restored-models .client-model-panel{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;padding:20px 20px 28px;min-height:540px;border-radius:12px}.restored-models .client-model-panel .model-studio{height:215px;width:100%;margin:0}.restored-models .model-panel-info h3{font-size:35px;margin:10px 0 16px}.restored-models .model-panel-info .eyebrow{font-size:10px}.restored-models .model-panel-info .client-model-summary{font-size:14px;line-height:1.6;margin-bottom:22px}.restored-models .model-panel-info .button-row{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}.restored-models .model-panel-info .button{white-space:normal;padding:12px 10px;font-size:11px;min-height:48px}.restored-choose{padding:60px 24px;gap:28px}.restored-choose .button-row{display:grid;grid-template-columns:1fr}.restored-choose .button{font-size:13px}.restored-story .story-tabs{gap:22px}.restored-story .story-picture img{aspect-ratio:4/5;height:auto;object-position:center}.restored-story .story-copy p{margin-top:20px}.restored-newsletter{min-height:660px}.restored-newsletter .banner-shade{background:linear-gradient(0deg,#102b18ed,#102b1870)}}
@media(max-width:360px){.restored-models .client-model-panel{padding:15px 16px 25px;gap:12px;min-height:530px}.restored-models .client-model-panel .model-studio{height:190px}.restored-models .model-panel-info h3{font-size:31px}.restored-models .model-panel-info .client-model-summary{font-size:13px}}

@media(max-width:640px){body .restored-story .story-picture>.campaign-picture>img{aspect-ratio:4/5;height:auto}}

/* Revisions supplied in Karoval Web Site.docx, 21 October 2026. */
@media(min-width:1101px){
 body .client-hero{height:100svh;min-height:620px;max-height:1200px}
 body .client-hero .hero-slide{inset:0}
 body .client-hero .hero-slide .hero-image{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
 .client-hero .hero-prev,.client-hero .hero-next,.client-hero .hero-dots,.client-hero .hero-play{bottom:26px}
}
.client-menu-models{gap:10px 18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.client-menu-models>a{display:grid;grid-template-columns:95px minmax(0,1fr) 18px;gap:12px;padding:10px 8px;font-size:14px;background:#f1f3ed;border:0;border-radius:8px;min-height:88px}
.client-menu-models>a:hover{background:#e7ecdf}
.client-menu-models .menu-product-photo{width:95px;height:68px;object-fit:contain}
.client-model-menu{gap:35px;padding:32px}
.client-model-menu .menu-intro{width:220px}
.client-model-menu .menu-intro h2{font-size:32px;margin-bottom:22px}
.client-model-menu .menu-intro .text-link{margin-top:15px}
.mobile-model-links{gap:10px}
.mobile-model-links>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 8px;background:#f1f3ed;border:0;border-radius:7px;min-width:0;text-align:center;font-size:13px}
.mobile-model-links .menu-product-photo{width:100%;height:90px;object-fit:contain}
.mobile-model-links>a>svg{display:none}
.vehicle-image{display:flex;align-items:center;justify-content:center;background:#e9ede3!important;padding:22px;aspect-ratio:16/10;overflow:hidden}
.vehicle-image img{width:100%;height:100%!important;max-height:260px;aspect-ratio:16/9;object-fit:contain!important;object-position:center}
.vehicle-card-copy h2{font-size:clamp(26px,2.2vw,34px);min-height:2.2em}
.service-network-intro{display:flex;align-items:center;gap:35px;padding:28px;background:#e7ecdf;border-radius:8px;margin-bottom:30px}
.service-network-intro>img{width:173px;height:auto;flex-shrink:0}
.service-network-intro p{font-size:15px;color:#4e5d47;margin-bottom:14px;max-width:780px}
.otopratik-locations .locations-toolbar{justify-content:flex-start}
.otopratik-locations .location-results>p:first-child{margin-bottom:20px}
.otopratik-locations .dealer-card h2{font-size:25px;line-height:1.2;overflow-wrap:anywhere}
.otopratik-locations .dealer-address{font-size:14px}
.otopratik-locations .dealer-actions{flex-wrap:wrap;gap:15px}
.otopratik-locations .dealer-actions .text-link{font-size:12px}
.service-source{font-size:12px;color:#4e5d47;margin-top:30px}
@media(min-width:641px) and (max-width:1100px){body .client-hero{height:calc(56.25vw + 335px)}body .client-hero .hero-slide{inset:88px 0 70px}body .client-hero .hero-slide .hero-image{height:auto!important;aspect-ratio:16/9}.client-mobile-caption{display:flex;flex-direction:column;gap:12px;padding:25px var(--gutter);max-width:650px}.client-mobile-caption>strong{font-size:32px;line-height:1.1;letter-spacing:-.04em}.client-mobile-caption>span:not(.text-link){font-size:15px}.client-mobile-caption .text-link{min-height:44px}}
@media(max-width:640px){body .client-hero{height:calc(56.25vw + 355px)}body .client-hero .hero-slide{inset:82px 0 75px}.service-network-intro{flex-direction:column;align-items:flex-start;gap:22px;padding:24px}.otopratik-locations .location-filters{width:100%}.vehicle-image{padding:20px}.vehicle-image img{max-height:240px}.vehicle-card-copy h2{min-height:0}.client-mobile-caption>strong{font-size:28px}.client-mobile-caption{padding-top:23px}}
@media(max-width:360px){.mobile-model-links .menu-product-photo{height:75px}.mobile-model-links>a{font-size:12px}.client-mobile-caption>strong{font-size:26px}}
.client-model-menu{grid-template-columns:220px minmax(0,1fr)}
.client-menu-models{width:100%;min-width:0}
@media(min-width:1101px){body .client-hero{min-height:0;max-height:62.5vw}}

/* Ürün bağlantıları fotoğrafın üzerinde durmaz; masaüstünde sağda, mobilde akıştadır. */
.product-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:start;background:#f4f5ef}
.product-detail-content{grid-column:1;grid-row:1;min-width:0}
.product-detail-layout .detail-nav{grid-column:2;grid-row:1;position:sticky;top:100px;z-index:3;display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:30px 24px 30px 0;padding:24px;background:#fff;border:1px solid #e1e6db;border-radius:12px;white-space:normal;overflow:visible}
.product-detail-layout .detail-nav strong{font-size:16px}
.product-detail-layout .detail-nav>div{display:flex;flex-direction:column;align-items:stretch;gap:0}
.product-detail-layout .detail-nav a{display:block;padding:12px 0;border-top:1px solid #e8ece3;font-size:13px}
.product-detail-layout section[id]{scroll-margin-top:100px}
@media(max-width:900px){.product-detail-layout{display:flex;flex-direction:column}.product-detail-layout .detail-nav{position:static;order:0;width:calc(100% - 48px);margin:20px 24px 0;padding:14px 18px;gap:6px}.product-detail-layout .detail-nav>div{flex-direction:row;flex-wrap:wrap;gap:0 18px}.product-detail-layout .detail-nav a{border:0;padding:9px 0}.product-detail-content{order:1;width:100%}}
/* Banner metni menünün altında kalmadan tüm görsel gösterilir. */
@media(min-width:1101px){body .client-hero{height:calc(56.25vw + 174px);min-height:0;max-height:none}body .client-hero .hero-slide{inset:104px 0 70px}body .client-hero .hero-slide .hero-image{position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}}