/*
 * IPEK OTO STOREFRONT HOME — CANONICAL BUNDLE V1
 * Generated by tools/storefront/build_storefront_home_canonical_v1.py
 * Source order is part of the visual contract. Do not edit by hand.
 */

/* === HOME SOURCE 01: backend/app/static/css/storefront/storefront_home_concept_v1.css === */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
:root{--r:#e31b23;--n:#061d3a;--i:#101828;--m:#667085;--l:#e4e8ee}*{box-sizing:border-box}.c5{margin:0;color:var(--i);font:14px Manrope,Arial,sans-serif}.c5-wrap{width:min(1480px,calc(100% - 64px));margin:auto}.c5-top{height:38px;background:var(--n);color:#fff;font-size:11px}.c5-top>div{height:100%;display:flex;align-items:center;justify-content:space-between}.c5 header{border-bottom:1px solid var(--l)}.c5-head{height:116px;display:grid;grid-template-columns:250px 1fr 410px;align-items:center;gap:35px}.c5-logo{display:flex;align-items:center;gap:12px}.c5-logo img{width:68px;height:68px;object-fit:contain}.c5-logo>b{font-size:25px;display:flex;flex-direction:column}.c5-logo small{font-size:9px;letter-spacing:4px}.c5-search{height:58px;border:1px solid #d4dae2;border-radius:9px;display:flex;align-items:center;gap:16px;padding:0 18px;font-size:24px;box-shadow:0 2px 8px #001a3810}.c5-search span{font-size:13px;color:#98a2b3;flex:1}.c5-user{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:23px}.c5-user b{font-size:12px;display:flex;flex-direction:column;border-right:1px solid var(--l);padding-right:12px}.c5-user small{font-size:9px;color:var(--m);font-weight:400}.c5 nav{border-top:1px solid var(--l)}.c5 nav>div{height:58px;display:flex;align-items:center;justify-content:space-between;font-size:11px;white-space:nowrap}.c5-hero{display:grid;grid-template-columns:320px 1fr;gap:18px;padding-top:24px}.c5-hero aside{border:1px solid var(--l);border-radius:11px;padding:20px;box-shadow:0 5px 20px #001a3808}.c5-hero aside h2{font-size:19px;margin:0 0 18px}.c5-hero label{height:50px;border:1px solid var(--l);border-radius:7px;margin:9px 0;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.c5-hero aside>small{display:block;margin:14px 0 7px;font-size:10px}.c5-plate{height:42px;border:1px solid var(--l);border-radius:6px;color:#929baa;display:flex;align-items:center;gap:12px;overflow:hidden}.c5-plate b{align-self:stretch;background:#1656a5;color:#fff;display:grid;place-items:center;padding:0 7px;font-size:9px}.c5 button{border:0;border-radius:6px;background:var(--r);color:#fff;font:700 12px Manrope;height:46px;padding:0 20px}.c5-hero aside>button{width:100%;margin-top:11px;display:flex;justify-content:space-between;align-items:center}.c5-banner{height:450px;border-radius:11px;overflow:hidden;position:relative}.c5-banner>img{width:100%;height:100%;object-fit:cover}.c5-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f3f3f2 0%,#f3f3f2e8 30%,transparent 66%)}.c5-copy{position:absolute;left:58px;top:52px;width:390px}.c5-copy>small,.c5-promo>div>small{font-size:9px;color:var(--r);font-weight:800;letter-spacing:1.5px}.c5-copy h1{font-size:41px;line-height:1.1;letter-spacing:-1.8px;margin:11px 0 17px}.c5 mark{background:none;color:var(--r)}.c5-copy p{max-width:350px;line-height:1.65;font-size:13px}.c5-banner>i{position:absolute;top:46%;width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:27px;font-style:normal}.c5-banner>i:first-of-type{left:14px}.c5-banner>i:last-of-type{right:14px}.c5-cats{height:78px;margin-top:18px;border:1px solid var(--l);border-radius:9px;display:grid;grid-template-columns:repeat(10,1fr)}.c5-cats div{display:grid;place-items:center;border-right:1px solid var(--l);font-size:11px}.c5-products{padding-top:28px}.c5-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.c5-title h2,.c5-how h2,.c5-brands h2{font-size:20px;margin:0}.c5-title h2 small{font-weight:400;font-size:9px;border:1px solid var(--l);padding:8px 12px;border-radius:5px;margin-left:15px}.c5-title>span{font-size:10px}.c5-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.c5-grid article{height:405px;border:1px solid var(--l);border-radius:9px;padding:17px;position:relative;display:flex;flex-direction:column}.c5-grid article>strong{font-size:13px;color:#16712a}.c5-grid article:nth-child(2)>strong,.c5-grid article:nth-child(3)>strong{color:var(--r)}.c5-grid article:nth-child(4)>strong{color:#1763ab}.c5-grid article:nth-child(5)>strong{color:#75b817;font-size:17px;font-style:italic}.c5-grid article>em{position:absolute;right:15px;top:12px;font-size:22px;font-style:normal}.c5-art{height:172px;position:relative;display:grid;place-items:center}.c5-art i{position:absolute;display:block}.c5-art.oil i:first-child{width:82px;height:105px;background:linear-gradient(90deg,#222,#555 45%,#111);border-radius:8px 8px 18px 18px}.c5-art.oil i:nth-child(2){width:88px;height:17px;background:#222;border-radius:50%;top:28px}.c5-art.air i:first-child{width:145px;height:85px;background:repeating-linear-gradient(90deg,#ecd47f 0 5px,#cda83a 5px 8px);border:12px solid #f06b18;transform:skewY(-8deg)}.c5-art.disc i:first-child{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#222 0 13%,#aaa 14% 23%,#ddd 24% 63%,#999 65% 68%,#ddd 70%)}.c5-art.belt i:first-child{width:135px;height:80px;border:15px solid #222;border-radius:50%;transform:rotate(-20deg)}.c5-art.belt i:nth-child(2),.c5-art.belt i:nth-child(3){width:48px;height:48px;border:9px solid #555;border-radius:50%;bottom:24px}.c5-art.belt i:nth-child(2){left:53px}.c5-art.belt i:nth-child(3){right:48px}.c5-art.wiper i:first-child,.c5-art.wiper i:nth-child(2){width:150px;height:8px;background:#222;border-radius:8px;transform:rotate(-29deg)}.c5-art.wiper i:nth-child(2){top:92px}.c5-grid h3{font-size:12px;margin:0 0 5px}.c5-grid article>small,.c5-grid article>p{font-size:9px;color:var(--m)}.stock{font-size:9px;color:#299447;margin-top:7px}.c5-grid article>p{margin:7px 0}.price{display:flex;gap:12px;align-items:end;margin-top:auto}.price b{font-size:16px}.price small{font-size:8px;color:var(--m)}.c5-grid article>button{height:40px;margin-top:11px}.c5-trust{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--l);border-radius:9px;margin-top:20px}.c5-trust article{min-height:102px;padding:20px;display:flex;align-items:center;gap:16px;border-right:1px solid var(--l)}.c5-trust article>b{font-size:28px}.c5-trust span{display:flex;flex-direction:column}.c5-trust strong{font-size:11px}.c5-trust small{font-size:8px;color:var(--m);line-height:1.6;margin-top:5px}.c5-promo{height:265px;margin-top:20px;border-radius:10px;overflow:hidden;background:#edf0f3;position:relative;display:flex;align-items:center}.c5-promo>div{padding-left:46px;z-index:2}.c5-promo h2{font-size:30px;line-height:1.15;margin:8px 0}.c5-promo p{font-size:11px}.c5-promo>img{position:absolute;right:0;width:70%;height:100%;object-fit:cover}.c5-promo>b{position:absolute;right:32px;top:24px;width:75px;height:75px;border-radius:50%;background:var(--r);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:21px}.c5-promo>b small{font-size:8px}.c5-how{padding-top:30px}.c5-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}.c5-how article{height:108px;border:1px solid var(--l);border-radius:9px;padding:19px;display:flex;align-items:center;gap:18px}.c5-how article>b{font-size:29px}.c5-how article span{display:grid;grid-template-columns:22px 1fr;align-items:center;flex:1}.c5-how i{font-style:normal;background:#1763ab;color:#fff;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:8px}.c5-how strong{font-size:11px}.c5-how small{grid-column:2;font-size:8px;color:var(--m);line-height:1.5;margin-top:5px}.c5-how em{font-size:24px;font-style:normal}.c5-brands{padding:30px 0 38px}.c5-brands h2{display:flex;justify-content:space-between}.c5-brands h2 small{font-size:9px}.c5-brands>div{height:72px;margin-top:13px;border:1px solid var(--l);border-radius:9px;display:grid;grid-template-columns:repeat(8,1fr);align-items:center}.c5-brands>div b{text-align:center;border-right:1px solid var(--l)}.c5 footer{background:var(--n);color:#fff}.c5-foot{padding:52px 0;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:55px}.c5-foot section{display:flex;flex-direction:column;gap:11px}.c5-foot .c5-logo img{filter:brightness(0) invert(1);width:58px;height:58px}.c5-foot .c5-logo>b{font-size:19px}.c5-foot p{font-size:9px;color:#aeb9c7;line-height:1.8;max-width:260px}.c5-foot section>b{font-size:11px;margin-bottom:5px}.c5-foot section>span{font-size:9px;color:#c7d0db}.c5-bottom{border-top:1px solid #ffffff1c}.c5-bottom>div{height:68px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#9caabd}.c5-bottom b{font-size:13px;color:#fff}@media(max-width:1050px){.c5-head{grid-template-columns:220px 1fr}.c5-user{display:none}.c5 nav span:nth-last-child(-n+5){display:none}.c5-grid{grid-template-columns:repeat(3,1fr)}.c5-grid article:nth-child(n+4){display:none}.c5-cats{grid-template-columns:repeat(5,1fr);height:auto}.c5-cats div{height:60px}.c5-foot{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.c5-wrap{width:calc(100% - 28px)}.c5-top span:not(:first-child){display:none}.c5-head{grid-template-columns:145px 1fr;height:88px;gap:10px}.c5-logo img{width:45px;height:45px}.c5-logo>b{font-size:17px}.c5-search{height:45px}.c5-search span{font-size:9px}.c5 nav>div{gap:18px;overflow:hidden;justify-content:flex-start}.c5-hero{grid-template-columns:1fr}.c5-hero aside{display:none}.c5-banner{height:380px}.c5-copy{left:28px;top:45px;width:75%}.c5-copy h1{font-size:33px}.c5-cats{grid-template-columns:repeat(2,1fr)}.c5-grid{display:flex;overflow:auto}.c5-grid article{display:flex!important;min-width:245px}.c5-trust{grid-template-columns:1fr 1fr}.c5-promo>img{width:100%;opacity:.35}.c5-how>div{grid-template-columns:1fr}.c5-brands>div{grid-template-columns:repeat(4,1fr);height:auto}.c5-brands>div b{padding:18px 3px}.c5-foot{grid-template-columns:1fr 1fr;gap:30px}.c5-foot section:first-child{grid-column:1/-1}}
/* Live-system adapter */
.c5-logo,.c5-user a,.c5 nav a,.c5-title>a,.c5-cats a,.c5-cardlink{color:inherit;text-decoration:none}.c5-user a{display:flex;align-items:center;gap:8px}.c5-search input{font:13px Manrope;border:0;outline:0;flex:1;min-width:0}.c5-search button{height:36px;width:40px;padding:0}.c5-hero select{border:0;outline:0;background:transparent;width:100%;font:12px Manrope;color:var(--i)}.c5-button{border:0;border-radius:6px;background:var(--r);color:#fff!important;font:700 12px Manrope;height:46px;padding:0 20px;display:inline-flex;align-items:center;text-decoration:none}.c5 button:disabled{background:#aeb4bd;cursor:not-allowed}.c5-cats a{display:grid;place-items:center;border-right:1px solid var(--l);font-size:11px}.c5-cardlink{display:flex;flex-direction:column;flex:1;min-height:0}.c5-cardlink>strong{font-size:13px;color:#16712a}.c5-grid article:nth-child(2) .c5-cardlink>strong,.c5-grid article:nth-child(3) .c5-cardlink>strong{color:var(--r)}.c5-grid article:nth-child(4) .c5-cardlink>strong{color:#1763ab}.c5-liveart{height:172px;display:grid;place-items:center}.c5-liveart img{width:100%;height:100%;object-fit:contain}.c5-art-placeholder{width:100%;height:145px;background:#f6f7f8;color:#98a2b3;display:grid;place-items:center;border-radius:7px;font-size:10px}.stock.out{color:#a13a3a}.c5-grid article>button{flex:none}.c5-loaderror{grid-column:1/-1;text-align:center;padding:50px}.c5-toast{position:fixed;right:24px;bottom:24px;z-index:20;background:var(--n);color:#fff;padding:14px 20px;border-radius:8px;box-shadow:0 10px 30px #0003;font-size:12px}
.c5-hero form>small{display:block;margin:14px 0 7px;font-size:10px;color:var(--m);min-height:14px}.c5-hero form>button{width:100%;margin-top:8px;display:flex;justify-content:space-between;align-items:center}
.c5-foot a,.c5-bottom a{font-size:9px;color:#c7d0db;text-decoration:none}.c5-foot a:hover,.c5-bottom a:hover{color:#fff}
.c5-grid article{position:relative}.c5-heart{position:absolute;z-index:3;right:13px;top:10px;width:34px;height:34px!important;padding:0!important;margin:0!important;border:1px solid var(--l)!important;border-radius:50%!important;background:#fff!important;color:var(--i)!important;font-size:21px!important}.c5-heart.is-saved{color:var(--r)!important;border-color:#f3b8bb!important}.c5-search{position:relative}.c5-suggestions{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);padding:7px;background:#fff;border:1px solid var(--l);border-radius:9px;box-shadow:0 16px 45px #061d3a24}.c5-suggestions a{display:grid;grid-template-columns:44px 1fr;column-gap:10px;align-items:center;padding:9px;color:inherit;text-decoration:none;border-radius:6px}.c5-suggestions a:hover{background:#f6f8fa}.c5-suggestions a>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;background:#f5f6f7;border-radius:5px}.c5-suggestions img{width:100%;height:100%;object-fit:contain}.c5-suggestions b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c5-suggestions small{font-size:9px;color:var(--m)}.c5-suggestions .c5-suggestions__all{display:block;color:var(--r);font-weight:700;text-align:center;border-top:1px solid var(--l);border-radius:0}.c5-suggestions p{font-size:11px;color:var(--m);padding:12px;text-align:center}.c5-active-vehicle{height:55px;margin-top:12px;border:1px solid #cfe0f2;border-radius:8px;background:#f5f9fd;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px}.c5-active-vehicle button{height:34px;background:#fff;color:var(--r);border:1px solid #f0b7ba;padding:0 13px}
.c5-brands>div a{height:72px;display:grid;place-items:center;border-right:1px solid var(--l);color:inherit;text-decoration:none;padding:12px}.c5-brands>div img{max-width:110px;max-height:42px;object-fit:contain}.c5-brands h2 a{color:inherit;text-decoration:none}.c5-banner>img,.c5-banner .c5-copy{transition:opacity .18s ease}.c5-banner.is-changing>img,.c5-banner.is-changing .c5-copy{opacity:.2}.c5-banner>i{cursor:pointer;user-select:none}
.c5-user{position:relative}.c5-cart-panel{position:absolute;z-index:50;right:0;top:55px;width:430px;background:#fff;border:1px solid var(--l);border-radius:10px;box-shadow:0 20px 60px #061d3a2b;color:var(--i);font-size:12px}.c5-cart-panel__head,.c5-cart-panel__foot{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.c5-cart-panel__head{border-bottom:1px solid var(--l)}.c5-cart-panel__head button{width:30px;height:30px;padding:0;background:#f3f5f7;color:var(--i);font-size:20px}.c5-cart-panel__body{max-height:365px;overflow:auto;padding:0 14px}.c5-cart-panel__body article{display:grid;grid-template-columns:60px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--l)}.c5-cart-panel__body article a{color:inherit;text-decoration:none}.c5-cart-panel__body article>strong{font-size:11px}.c5-cart-thumb{width:58px;height:58px;background:#f5f6f7;border-radius:6px;display:grid;place-items:center}.c5-cart-thumb img{width:100%;height:100%;object-fit:contain}.c5-cart-panel__body article>div{display:flex;flex-direction:column;gap:4px;min-width:0}.c5-cart-panel__body article>div>a b{display:block;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.c5-cart-panel__body small{font-size:8px;color:var(--m)}.c5-cart-qty{display:flex;align-items:center;gap:7px}.c5-cart-qty button{width:24px;height:24px;padding:0;background:#f1f3f5;color:var(--i)}.c5-cart-qty .remove{width:auto;background:none;color:var(--r);font-size:8px}.c5-cart-panel__foot{border-top:1px solid var(--l)}.c5-cart-panel__foot span{display:flex;flex-direction:column;color:var(--m)}.c5-cart-panel__foot span b{color:var(--i);font-size:16px}.c5-cart-panel__foot>a{height:38px;padding:0 16px;background:var(--r);color:#fff;border-radius:5px;display:flex;align-items:center;text-decoration:none;font-weight:700}.c5-cart-empty,.c5-cart-loading{padding:30px 10px;text-align:center;color:var(--m)}.c5-cart-empty a{display:block!important;color:var(--r)!important;margin-top:8px;font-weight:700}
.c5-action-panel{position:absolute;z-index:51;top:55px;width:300px;background:#fff;border:1px solid var(--l);border-radius:10px;box-shadow:0 20px 60px #061d3a2b;color:var(--i);font-size:11px}.c5-account-panel{right:245px}.c5-favorites-panel{right:105px;width:340px}.c5-action-panel__head{display:flex;flex-direction:column;gap:4px;padding:16px;border-bottom:1px solid var(--l)}.c5-action-panel__head b{font-size:13px}.c5-action-panel__head small{font-size:9px;color:var(--m)}.c5-action-panel nav{border:0;padding:7px}.c5-action-panel nav a{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:5px;color:inherit;text-decoration:none}.c5-action-panel nav a:hover{background:#f5f7f9}.c5-action-panel__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.c5-action-panel__actions a,.c5-panel-all{height:38px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--r);color:#fff!important;text-decoration:none;font-weight:700}.c5-action-panel__actions a:last-child{background:#fff;color:var(--i)!important;border:1px solid var(--l)}.c5-favorite-list{padding:7px}.c5-favorite-list>a{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:8px;border-radius:6px;color:inherit!important;text-decoration:none}.c5-favorite-list>a:hover{background:#f5f7f9}.c5-favorite-list>a>span{width:46px;height:46px;display:grid;place-items:center;background:#f5f6f7;border-radius:5px}.c5-favorite-list img{width:100%;height:100%;object-fit:contain}.c5-favorite-list div{display:flex;flex-direction:column;min-width:0}.c5-favorite-list div b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c5-favorite-list div small{font-size:8px;color:var(--m)}.c5-panel-empty{padding:22px;text-align:center;color:var(--m)}.c5-panel-all{margin:7px 14px 14px;height:34px}

/* IPEK OTO VISUAL LANGUAGE LOCK V1
   Navy/blue is the permanent corporate shell; red is reserved for commerce CTAs. */
:root{--brand-navy:#05234a;--brand-blue:#0d69c8;--brand-blue-dark:#0b4b86;--brand-blue-soft:#eef6ff;--commerce-red:#e31b23}.c5-top{height:44px;background:var(--brand-blue-dark);font-size:11px}.c5-top>div{padding:0 2px}.c5-head{height:125px;grid-template-columns:285px minmax(480px,1fr) 410px;gap:34px}.c5-logo img{width:76px;height:76px}.c5-logo>b{color:#06152e;font-size:27px}.c5-search{height:54px;padding:0;border-color:#ccd7e4;border-radius:3px;gap:0;box-shadow:none;overflow:visible}.c5-search-category{height:100%;min-width:176px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-right:1px solid #d5deea;color:var(--brand-navy)!important;text-decoration:none;font-size:11px;font-weight:700}.c5-search-category span{color:var(--brand-navy);font-size:13px}.c5-search input{height:100%;padding:0 20px;color:var(--brand-navy)}.c5-search input::placeholder{color:#9aaec6}.c5-search>button{width:62px;height:54px;border-radius:0;background:var(--brand-blue);font-size:25px}.c5-user{color:var(--brand-navy);gap:19px}.c5-user>a{font-size:25px}.c5-user b{font-size:11px;padding-right:10px}.c5-user small{color:#71829a}.c5 nav{border-top:1px solid #dce4ed;background:#fff}.c5 nav>div{height:58px;gap:22px;justify-content:flex-start}.c5 nav a{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--brand-navy);font-size:10px}.c5 nav a i{font-style:normal;font-size:15px}.c5 nav .c5-nav-all{height:44px;min-width:220px;padding:0 20px;margin-right:8px;border-radius:7px;background:var(--brand-blue);color:#fff;box-shadow:0 5px 12px #0d69c82b;font-size:11px}.c5-action-panel__head{background:var(--brand-blue-soft)}.c5-action-panel__actions a,.c5-panel-all,.c5-cart-panel__foot>a{background:var(--brand-blue)}.c5-action-panel nav a:hover,.c5-favorite-list>a:hover{background:var(--brand-blue-soft)}.c5-cart-panel__head{background:var(--brand-blue-soft)}.c5-title h2,.c5-how h2,.c5-brands h2{color:var(--brand-navy)}
@media(max-width:1400px){.c5-head{grid-template-columns:250px minmax(420px,1fr) 360px;gap:24px}.c5-user{gap:11px}.c5-user>a{font-size:22px}.c5-search-category{min-width:160px}}
@media(max-width:1200px){.c5-head{grid-template-columns:230px 1fr 340px}.c5-user{gap:10px}.c5-search-category{min-width:145px}.c5 nav>div{gap:14px}.c5 nav a:nth-last-child(-n+3){display:none}}
@media(max-width:1050px){.c5-head{grid-template-columns:220px 1fr}.c5-user{display:none}.c5 nav a:nth-last-child(-n+5){display:none}}
@media(max-width:720px){.c5-head{grid-template-columns:145px 1fr}.c5-search-category{display:none}.c5-search input{padding:0 10px}.c5-search>button{width:45px}.c5 nav .c5-nav-all{min-width:180px}}

/* === HOME SOURCE 02: backend/app/static/css/storefront/storefront_trust_promotional_unification_v1.css === */
/* IPEKERP_STOREFRONT_TRUST_PROMOTIONAL_UNIFICATION_CSS_V1
   Additive trust/campaign acceptance layer.
   No backend, pricing, stock, cart or account behavior mutation. */

.c5-banner[aria-roledescription="carousel"]:focus-within {
  outline: 2px solid rgba(4, 70, 129, 0.24);
  outline-offset: 3px;
}

.c5-banner > i[role="button"]:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 2px;
}

.c5-trust[aria-label="Alışveriş güveni"] article > b {
  user-select: none;
}

.c5-promo[aria-label="Bakım ürünleri"] > b {
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .c5-banner,
  .c5-banner *,
  .c5-promo,
  .c5-promo * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* === HOME SOURCE 03: backend/app/static/css/storefront/storefront_responsive_mobile_unification_v1.css === */
/* IPEKERP_STOREFRONT_RESPONSIVE_MOBILE_UNIFICATION_CSS_V1
   Additive responsive acceptance layer for the live storefront home.
   Desktop visual locks remain untouched.
   No backend, pricing, stock, cart, favorites, account or vehicle behavior mutation. */

body.sf-home-concept {
  overflow-x: clip;
}

@media (max-width: 1050px) {
  body.sf-home-concept .c5-wrap {
    width: min(100% - 40px, 1480px);
  }

  body.sf-home-concept .c5-hero {
    grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
    align-items: stretch;
  }

  body.sf-home-concept .c5-banner {
    min-width: 0;
  }

  body.sf-home-concept .c5-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.sf-home-concept .c5-grid article:nth-child(n+4) {
    display: flex;
  }

  body.sf-home-concept .c5-cats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: auto;
  }

  body.sf-home-concept .c5-cats > a {
    min-height: 60px;
    padding: 8px 6px;
    text-align: center;
  }

  body.sf-home-concept .c5-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.sf-home-concept .c5-trust article:nth-child(2n) {
    border-right: 0;
  }

  body.sf-home-concept .c5-how > div {
    grid-template-columns: 1fr;
  }

  body.sf-home-concept .c5-brands > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    height: auto;
  }
}

@media (max-width: 820px) {
  body.sf-home-concept .c5-wrap {
    width: calc(100% - 28px);
  }

  /* Preserve the complete Marka -> Model -> Yıl -> Motor/Varyant flow on mobile. */
  body.sf-home-concept .c5-hero {
    grid-template-columns: 1fr;
    gap: 14px;
    padding-top: 16px;
  }

  body.sf-home-concept .c5-hero > aside {
    display: block !important;
    order: 1;
    width: 100%;
    padding: 16px;
  }

  body.sf-home-concept .c5-hero > .c5-banner {
    order: 2;
  }

  body.sf-home-concept .c5-hero aside h2 {
    font-size: 17px;
    margin-bottom: 12px;
  }

  body.sf-home-concept .c5-hero label {
    min-height: 48px;
    height: auto;
    margin: 8px 0;
  }

  body.sf-home-concept .c5-hero select {
    min-height: 46px;
    font-size: 16px;
  }

  body.sf-home-concept .c5-hero form > button {
    min-height: 48px;
    font-size: 13px;
  }

  body.sf-home-concept .c5-banner {
    height: clamp(300px, 72vw, 380px);
  }

  body.sf-home-concept .c5-copy {
    left: 22px;
    top: 34px;
    width: min(76%, 390px);
  }

  body.sf-home-concept .c5-copy h1 {
    font-size: clamp(28px, 8vw, 35px);
  }

  body.sf-home-concept .c5-copy p {
    font-size: 12px;
  }

  body.sf-home-concept .c5-banner > i {
    width: 44px;
    height: 44px;
    font-size: 26px;
  }

  body.sf-home-concept .c5-banner > i:first-of-type {
    left: 8px;
  }

  body.sf-home-concept .c5-banner > i:last-of-type {
    right: 8px;
  }

  body.sf-home-concept .c5-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }

  body.sf-home-concept .c5-cats > a {
    min-height: 58px;
    border-bottom: 1px solid var(--l);
  }

  body.sf-home-concept .c5-products {
    padding-top: 22px;
  }

  body.sf-home-concept .c5-title {
    align-items: flex-start;
    gap: 12px;
  }

  body.sf-home-concept .c5-title h2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  body.sf-home-concept .c5-title h2 small {
    margin-left: 0;
  }

  body.sf-home-concept .c5-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 12px;
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  body.sf-home-concept .c5-grid article {
    display: flex !important;
    flex: 0 0 min(78vw, 290px);
    min-width: min(78vw, 290px);
    height: auto;
    min-height: 395px;
    scroll-snap-align: start;
  }

  body.sf-home-concept .c5-liveart {
    height: 160px;
  }

  body.sf-home-concept .c5-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.sf-home-concept .c5-trust article {
    min-height: 118px;
    padding: 16px;
  }

  body.sf-home-concept .c5-promo {
    min-height: 280px;
    height: auto;
    align-items: flex-end;
  }

  body.sf-home-concept .c5-promo > div {
    width: 100%;
    padding: 24px;
  }

  body.sf-home-concept .c5-promo > img {
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .30;
  }

  body.sf-home-concept .c5-promo > b {
    top: 16px;
    right: 16px;
  }

  body.sf-home-concept .c5-how article {
    height: auto;
    min-height: 104px;
  }

  body.sf-home-concept .c5-brands > div {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.sf-home-concept .c5-brands > div a {
    min-width: 0;
    height: 68px;
  }

  body.sf-home-concept .c5-active-vehicle {
    height: auto;
    min-height: 55px;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 14px;
  }

  body.sf-home-concept .c5-active-vehicle button {
    flex: 0 0 auto;
  }

  body.sf-home-concept .c5-toast {
    right: 14px;
    bottom: 14px;
    left: 14px;
    max-width: none;
    text-align: center;
  }

  body.sf-home-concept .sf-footer-benefits__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.sf-home-concept .sf-site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.sf-home-concept .sf-site-footer__brand {
    grid-column: 1 / -1;
  }

  body.sf-home-concept .sf-site-footer__bottom .sf-shell {
    gap: 10px;
    flex-wrap: wrap;
  }
}

@media (max-width: 520px) {
  body.sf-home-concept .c5-wrap {
    width: calc(100% - 20px);
  }

  body.sf-home-concept .c5-hero > aside {
    padding: 14px;
  }

  body.sf-home-concept .c5-banner {
    height: 330px;
  }

  body.sf-home-concept .c5-copy {
    left: 18px;
    top: 28px;
    width: calc(100% - 72px);
  }

  body.sf-home-concept .c5-copy h1 {
    font-size: 28px;
    letter-spacing: -1.1px;
  }

  body.sf-home-concept .c5-copy p {
    max-width: 260px;
    line-height: 1.5;
  }

  body.sf-home-concept .c5-copy .c5-button {
    min-height: 44px;
    height: auto;
    padding: 10px 14px;
  }

  body.sf-home-concept .c5-title {
    flex-direction: column;
  }

  body.sf-home-concept .c5-grid article {
    flex-basis: min(84vw, 285px);
    min-width: min(84vw, 285px);
  }

  body.sf-home-concept .c5-trust {
    grid-template-columns: 1fr;
  }

  body.sf-home-concept .c5-trust article,
  body.sf-home-concept .c5-trust article:nth-child(2n) {
    min-height: 92px;
    border-right: 0;
    border-bottom: 1px solid var(--l);
  }

  body.sf-home-concept .c5-trust article:last-child {
    border-bottom: 0;
  }

  body.sf-home-concept .c5-promo {
    min-height: 305px;
  }

  body.sf-home-concept .c5-promo h2 {
    font-size: 27px;
  }

  body.sf-home-concept .c5-promo > b {
    width: 64px;
    height: 64px;
    font-size: 15px;
  }

  body.sf-home-concept .c5-brands > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.sf-home-concept .c5-brands > div a {
    height: 64px;
  }

  body.sf-home-concept .sf-footer-benefits__grid,
  body.sf-home-concept .sf-site-footer__grid {
    grid-template-columns: 1fr;
  }

  body.sf-home-concept .sf-site-footer__brand {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sf-home-concept .c5-grid {
    scroll-behavior: auto;
  }
}

/* IPEKERP_STAGE12_HOME_MIDWIDTH_ROOT_OVERFLOW_FIX_V1
   Exact diagnostic interval: 761px-819px.
*/
@media (min-width: 761px) and (max-width: 819px){
  html{overflow-x:clip!important}
}

/* === HOME SOURCE 04: backend/app/static/css/storefront_design_system_stage1_v1.css === */
/* =================================================================================================
   İPEK OTO — STOREFRONT DESIGN SYSTEM / STAGE 1 / SCOPED V1
   Safe scope: storefront only. No substring class selectors. No header structure changes.
   ================================================================================================= */

:root {
  --io-navy-950: #062B55;
  --io-navy-900: #0B315C;
  --io-navy-800: #123C68;
  --io-blue-600: #0B6EDC;
  --io-blue-700: #075CB8;
  --io-red-600: #E31B23;
  --io-red-700: #C9141B;
  --io-green-600: #169B62;
  --io-green-700: #0F7E4E;
  --io-error-600: #D92D20;
  --io-bg: #F5F7FA;
  --io-surface: #FFFFFF;
  --io-surface-soft: #F8FAFC;
  --io-border: #E3E8EF;
  --io-border-strong: #D4DCE6;
  --io-text: #0B1F33;
  --io-text-2: #536273;
  --io-text-3: #7A8796;
  --io-disabled-bg: #E8EDF3;
  --io-disabled-text: #8F9AA8;
  --io-container-max: 1680px;
  --io-page-x: 24px;
  --io-page-x-mobile: 16px;
  --io-section-y: 24px;
  --io-section-y-mobile: 18px;
  --io-grid-gap: 16px;
  --io-control-h: 48px;
  --io-touch-min: 44px;
  --io-icon: 20px;
  --io-radius-sm: 8px;
  --io-radius: 10px;
  --io-radius-lg: 12px;
  --io-radius-xl: 16px;
  --io-shadow-card: 0 4px 14px rgba(6, 43, 85, .055);
  --io-shadow-hover: 0 9px 24px rgba(6, 43, 85, .09);
  --io-shadow-focus: 0 0 0 3px rgba(11, 110, 220, .15);
  --io-font: "Inter", "Segoe UI", Arial, sans-serif;
  --io-body: 15px;
  --io-small: 13px;
  --io-xs: 12px;
}

.sf-body {
  background: var(--io-bg);
  color: var(--io-text);
  font-family: var(--io-font);
  font-size: var(--io-body);
  line-height: 1.5;
}

.sf-body :focus-visible {
  outline: 2px solid var(--io-blue-600);
  outline-offset: 2px;
}

.sf-home-concept .c5-title h2,
.sf-home-concept .c5-how > h2,
.sf-home-concept .c5-brands > h2 {
  color: var(--io-navy-950);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -.018em;
}

.sf-home-concept [data-c5-vehicle] h2 {
  color: var(--io-navy-950);
  font-size: 18px;
  line-height: 1.3;
  font-weight: 800;
}

.sf-home-concept [data-c5-vehicle] select {
  min-height: var(--io-control-h);
  border: 1px solid var(--io-border);
  border-radius: var(--io-radius);
  background: var(--io-surface);
  color: var(--io-text);
  padding-inline: 14px;
  font: inherit;
  font-size: 14px;
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.sf-home-concept [data-c5-vehicle] select:hover:not(:disabled) {
  border-color: var(--io-border-strong);
}

.sf-home-concept [data-c5-vehicle] select:focus {
  border-color: var(--io-blue-600);
  box-shadow: var(--io-shadow-focus);
}

.sf-home-concept [data-c5-vehicle] select:disabled {
  background: #F7F9FC;
  border-color: var(--io-border);
  color: var(--io-disabled-text);
  opacity: 1;
  cursor: not-allowed;
}

.sf-home-concept [data-c5-vehicle] > small,
.sf-home-concept [data-c5-vehicle-status] {
  color: var(--io-text-3);
  font-size: var(--io-small);
  line-height: 1.45;
}

.sf-home-concept [data-c5-vehicle-submit] {
  min-height: var(--io-control-h);
  border: 1px solid var(--io-blue-600);
  border-radius: var(--io-radius);
  background: var(--io-blue-600);
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.sf-home-concept [data-c5-vehicle-submit]:hover:not(:disabled) {
  background: var(--io-blue-700);
  border-color: var(--io-blue-700);
  box-shadow: 0 6px 16px rgba(11, 110, 220, .16);
}

.sf-home-concept [data-c5-vehicle-submit]:disabled {
  background: #AEB8C6;
  border-color: #AEB8C6;
  color: #fff;
  box-shadow: none;
  cursor: not-allowed;
}

.sf-home-concept .c5-button,
.sf-home-concept .c5-banner a {
  border-radius: var(--io-radius);
  background: var(--io-red-600);
  color: #fff;
  font-weight: 800;
}

.sf-home-concept .c5-button:hover,
.sf-home-concept .c5-banner a:hover {
  background: var(--io-red-700);
}

.sf-home-concept .c5-hero > aside,
.sf-home-concept .c5-banner,
.sf-home-concept .c5-cats,
.sf-home-concept .c5-trust,
.sf-home-concept .c5-promo,
.sf-home-concept .c5-how article,
.sf-home-concept .c5-brands > div {
  border-color: var(--io-border);
}

.sf-home-concept .c5-hero > aside,
.sf-home-concept .c5-banner,
.sf-home-concept .c5-promo {
  border-radius: var(--io-radius-xl);
}

.sf-home-concept .c5-cats,
.sf-home-concept .c5-trust,
.sf-home-concept .c5-how article,
.sf-home-concept .c5-brands > div {
  border-radius: var(--io-radius-lg);
}

.sf-home-concept .c5-cats a {
  color: var(--io-navy-950);
  font-size: var(--io-small);
  font-weight: 650;
}

.sf-home-concept [data-c5-product-grid] {
  gap: var(--io-grid-gap);
}

.sf-home-concept [data-c5-product-grid] > article {
  position: relative;
  min-width: 0;
  background: var(--io-surface);
  border: 1px solid var(--io-border);
  border-radius: var(--io-radius-lg);
  box-shadow: var(--io-shadow-card);
  overflow: hidden;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.sf-home-concept [data-c5-product-grid] > article:hover {
  border-color: var(--io-border-strong);
  box-shadow: var(--io-shadow-hover);
  transform: translateY(-1px);
}

.sf-home-concept [data-c5-product-grid] > article h2,
.sf-home-concept [data-c5-product-grid] > article h3 {
  color: var(--io-text);
  font-size: 16px;
  line-height: 1.34;
  font-weight: 750;
  letter-spacing: -.008em;
}

.sf-home-concept [data-c5-product-grid] > article small {
  font-size: var(--io-xs);
  line-height: 1.4;
}

.sf-home-concept [data-c5-product-grid] [data-c5-favorite],
.sf-home-concept [data-c5-product-grid] [data-favorite],
.sf-home-concept [data-c5-product-grid] .c5-favorite,
.sf-home-concept [data-c5-product-grid] .c5-fav,
.sf-home-concept [data-c5-product-grid] .favorite-button,
.sf-home-concept [data-c5-product-grid] .sf-favorite-button,
.sf-home-concept [data-c5-product-grid] button[aria-label*="favori" i],
.sf-home-concept [data-c5-product-grid] button[title*="favori" i] {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  z-index: 4 !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--io-navy-900) !important;
  box-shadow: 0 2px 8px rgba(6,43,85,.08) !important;
}

.sf-home-concept [data-c5-product-grid] > article > button:first-of-type {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  z-index: 4 !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--io-navy-900) !important;
  box-shadow: 0 2px 8px rgba(6,43,85,.08) !important;
}

.sf-home-concept [data-c5-product-grid] > article > button:first-of-type:hover {
  background: #F7FAFD !important;
  color: var(--io-red-600) !important;
}

.sf-home-concept [data-c5-product-grid] > article img {
  max-width: 100%;
}

.sf-home-concept .c5-trust {
  background: var(--io-surface);
  border: 1px solid var(--io-border);
  box-shadow: none;
}

.sf-home-concept .c5-trust article {
  min-width: 0;
}

.sf-home-concept .c5-trust article > span {
  min-width: 0;
}

.sf-home-concept .c5-trust strong {
  color: var(--io-navy-950);
  font-size: 13px;
  font-weight: 800;
}

.sf-home-concept .c5-trust small {
  color: var(--io-text-2);
  font-size: 11px;
  line-height: 1.45;
}

.sf-home-concept .c5-how article {
  background: var(--io-surface);
  border: 1px solid var(--io-border);
  box-shadow: none;
}

.sf-home-concept .c5-how article strong {
  color: var(--io-navy-950);
  font-weight: 800;
}

.sf-home-concept .c5-how article small {
  color: var(--io-text-2);
}

.sf-home-concept .c5-brands > div {
  background: var(--io-surface);
  border: 1px solid var(--io-border);
  overflow: hidden;
}

.sf-home-concept .c5-brands a {
  color: var(--io-navy-950);
  font-weight: 750;
}

[data-sf-ds-footer-benefits] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;
}

[data-sf-ds-footer-benefits] > * {
  min-width: 0 !important;
}

[data-sf-ds-footer-benefits] strong,
[data-sf-ds-footer-benefits] b {
  color: var(--io-navy-950);
  font-weight: 800;
}

[data-sf-ds-footer-benefits] small,
[data-sf-ds-footer-benefits] span,
[data-sf-ds-footer-benefits] p {
  color: var(--io-text-2);
}

.sf-body .io-text-success { color: var(--io-green-700); }
.sf-body .io-text-error { color: var(--io-error-600); }
.sf-body .io-text-muted { color: var(--io-text-2); }

.sf-body .io-surface {
  background: var(--io-surface);
  border: 1px solid var(--io-border);
  border-radius: var(--io-radius-lg);
}

@media (max-width: 760px) {
  :root {
    --io-page-x: var(--io-page-x-mobile);
    --io-section-y: var(--io-section-y-mobile);
    --io-grid-gap: 12px;
  }

  .sf-home-concept [data-c5-vehicle] select,
  .sf-home-concept [data-c5-vehicle-submit] {
    min-height: 48px;
  }

  [data-sf-ds-footer-benefits] {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }
}

/* Canonical circular vehicle-brand rail below the approved header. */
.sf-home-concept .c5-vehicle-brand-rail{display:block!important;width:100%!important;min-height:118px!important;margin:0!important;padding:13px 0 12px!important;overflow:hidden!important;border:0!important;border-bottom:1px solid #e3e9f0!important;background:#fff!important;box-shadow:0 7px 20px rgba(9,40,79,.035)!important;opacity:1!important;visibility:visible!important}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__inner{width:min(calc(100% - 48px),1720px)!important;min-height:92px!important;margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;align-items:center!important;gap:10px!important;overflow:visible!important;background:transparent!important}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__viewport{min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__viewport::-webkit-scrollbar{display:none}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__track{width:max-content!important;min-width:100%!important;min-height:92px!important;display:flex!important;align-items:flex-start!important;gap:18px!important;padding:0 3px!important;transform:none}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand{width:76px!important;min-width:76px!important;min-height:90px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#40516a!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand__logo{width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;display:grid!important;place-items:center!important;overflow:hidden!important;padding:10px!important;border:1px solid #dce4ed!important;border-radius:50%!important;background:#fff!important;box-shadow:0 4px 14px rgba(9,40,79,.05)!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease!important}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand__asset{width:100%!important;height:100%!important;max-width:50px!important;max-height:44px!important;display:block!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:multiply;filter:none!important}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand__name{width:92px!important;overflow:hidden!important;color:#40516a!important;font-size:10px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand:hover .sf4-brand__logo,.sf-home-concept .c5-vehicle-brand-rail .sf4-brand:focus-visible .sf4-brand__logo{border-color:#0d67c9!important;background:#f6faff!important;box-shadow:0 8px 20px rgba(13,103,201,.13)!important;transform:translateY(-2px)!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand:hover .sf4-brand__name,.sf-home-concept .c5-vehicle-brand-rail .sf4-brand:focus-visible .sf4-brand__name{color:#0d67c9!important}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand__logo--all{color:#0d67c9!important;background:#f6faff!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand__logo--all svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6}
.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__arrow{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid #dce4ed!important;border-radius:50%!important;background:#fff!important;color:#0b315e!important;box-shadow:0 4px 12px rgba(9,40,79,.055)!important;cursor:pointer!important;transition:border-color .16s ease,color .16s ease,background .16s ease!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__arrow svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__arrow:hover:not(:disabled){border-color:#0d67c9!important;background:#f1f7fe!important;color:#0d67c9!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__arrow:disabled{opacity:.38!important;cursor:default!important}
@media(max-width:760px){.sf-home-concept .c5-vehicle-brand-rail{min-height:101px!important;padding:10px 0 8px!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__inner{width:100%!important;min-height:82px!important;display:block!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__arrow{display:none!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__viewport{padding:0 14px!important;scroll-snap-type:x proximity}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__track{min-height:82px!important;gap:13px!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand{width:66px!important;min-width:66px!important;min-height:80px!important;scroll-snap-align:start}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand__logo{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;padding:9px!important}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand__name{width:72px!important;font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.sf-home-concept .c5-vehicle-brand-rail .sf4-brand-rail__viewport{scroll-behavior:auto}.sf-home-concept .c5-vehicle-brand-rail .sf4-brand__logo{transition:none!important}}

@media (max-width: 480px) {
  [data-sf-ds-footer-benefits] {
    grid-template-columns: 1fr !important;
  }
}

/* === IPEKERP STOREFRONT DESIGN SYSTEM STAGE1 FINAL START === */

/* -------------------------------------------------------------------------------------------------
   AŞAMA 1 FINAL — APPROVED HOME VISUAL NORMALIZATION
   Scope only: live storefront home + annotated footer benefit row.
   Header structure / hero structure / backend behavior are intentionally untouched.
   ------------------------------------------------------------------------------------------------- */

/* 1) Category rail — icon + readable label, compact and aligned */
.sf-home-concept .c5-cats {
  min-height: 70px;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  background: var(--io-surface);
  border: 1px solid var(--io-border);
  border-radius: var(--io-radius-lg);
  scrollbar-width: thin;
}

.sf-home-concept .c5-cats > a {
  flex: 0 0 168px !important;
  min-width: 168px !important;
  min-height: 68px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  color: var(--io-navy-950) !important;
  font-family: var(--io-font) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;

  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--io-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.sf-home-concept .c5-cats > a:last-child {
  border-right: 0 !important;
}

.sf-home-concept .c5-cats > a:hover {
  color: var(--io-blue-700) !important;
  background: #F8FBFF !important;
}

.sf-home-concept .c5-cats > a::before,
.sf-home-concept .c5-cats > a::after {
  font-size: 14px !important;
  line-height: 1 !important;
}

/* 2) Popular products — equal card rhythm, fixed title area, no vertical overflow */
.sf-home-concept .c5-products .c5-title {
  margin-bottom: 14px !important;
}

.sf-home-concept [data-c5-product-grid] {
  align-items: stretch !important;
  gap: 16px !important;
}

.sf-home-concept [data-c5-product-grid] > article {
  height: 100% !important;
  min-height: 404px !important;
  max-height: 404px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;

  background: var(--io-surface) !important;
  border: 1px solid var(--io-border) !important;
  border-radius: var(--io-radius-lg) !important;
  box-shadow: var(--io-shadow-card) !important;
}

.sf-home-concept [data-c5-product-grid] > article:hover {
  border-color: var(--io-border-strong) !important;
  box-shadow: var(--io-shadow-hover) !important;
}

.sf-home-concept [data-c5-product-grid] > article h2,
.sf-home-concept [data-c5-product-grid] > article h3 {
  min-height: 64px !important;
  max-height: 64px !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;

  color: var(--io-text) !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.32 !important;
  letter-spacing: -.008em !important;
}

.sf-home-concept [data-c5-product-grid] > article small {
  color: var(--io-text-2);
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.sf-home-concept [data-c5-product-grid] > article [class~="price"],
.sf-home-concept [data-c5-product-grid] > article [class~="product-price"],
.sf-home-concept [data-c5-product-grid] > article [data-price] {
  color: var(--io-navy-950) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.sf-home-concept [data-c5-product-grid] > article [class~="stock"],
.sf-home-concept [data-c5-product-grid] > article [data-stock] {
  font-size: 12px !important;
  font-weight: 750 !important;
}

/* Favorite control — approved target: small white circle at top right */
.sf-home-concept [data-c5-product-grid] > article > button:first-of-type,
.sf-home-concept [data-c5-product-grid] [data-c5-favorite],
.sf-home-concept [data-c5-product-grid] [data-favorite],
.sf-home-concept [data-c5-product-grid] .c5-favorite,
.sf-home-concept [data-c5-product-grid] .c5-fav,
.sf-home-concept [data-c5-product-grid] .favorite-button,
.sf-home-concept [data-c5-product-grid] .sf-favorite-button,
.sf-home-concept [data-c5-product-grid] button[aria-label*="favori" i],
.sf-home-concept [data-c5-product-grid] button[title*="favori" i] {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  z-index: 5 !important;

  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;

  display: inline-grid !important;
  place-items: center !important;

  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--io-navy-900) !important;
  box-shadow: 0 2px 8px rgba(6,43,85,.08) !important;
}

/* 3) Trust row — consistent four-column card language */
.sf-home-concept .c5-trust {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;

  background: var(--io-surface) !important;
  border: 1px solid var(--io-border) !important;
  border-radius: var(--io-radius-lg) !important;
}

.sf-home-concept .c5-trust > article {
  min-width: 0 !important;
  min-height: 98px !important;
  padding: 18px 22px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  border-right: 1px solid var(--io-border) !important;
}

.sf-home-concept .c5-trust > article:last-child {
  border-right: 0 !important;
}

.sf-home-concept .c5-trust > article > b {
  flex: 0 0 auto !important;
}

.sf-home-concept .c5-trust > article > span {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.sf-home-concept .c5-trust strong {
  display: block !important;
  color: var(--io-navy-950) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.sf-home-concept .c5-trust small {
  display: block !important;
  color: var(--io-text-2) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

/* 4) Footer support strip — title and explanation must never stick together */
[data-sf-ds-footer-benefits] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: start !important;
}

[data-sf-ds-footer-benefits] > * {
  min-width: 0 !important;
}

[data-sf-ds-footer-benefits] strong,
[data-sf-ds-footer-benefits] b {
  display: block !important;
  margin: 0 0 5px 0 !important;
  color: var(--io-navy-950) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

[data-sf-ds-footer-benefits] small,
[data-sf-ds-footer-benefits] span,
[data-sf-ds-footer-benefits] p {
  display: block !important;
  margin: 0 !important;
  color: var(--io-text-2) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* 5) Final shared visual rhythm */
.sf-home-concept .c5-how article,
.sf-home-concept .c5-brands > div {
  border: 1px solid var(--io-border) !important;
  border-radius: var(--io-radius-lg) !important;
  background: var(--io-surface) !important;
  box-shadow: none !important;
}

.sf-home-concept .c5-how article:hover,
.sf-home-concept .c5-brands a:hover {
  background: #FBFCFE !important;
}

.sf-home-concept .c5-how article strong,
.sf-home-concept .c5-brands a {
  color: var(--io-navy-950) !important;
}

/* Mobile / tablet */
@media (max-width: 900px) {
  .sf-home-concept .c5-cats > a {
    flex-basis: 150px !important;
    min-width: 150px !important;
  }

  .sf-home-concept .c5-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sf-home-concept .c5-trust > article:nth-child(2) {
    border-right: 0 !important;
  }

  .sf-home-concept .c5-trust > article:nth-child(-n+2) {
    border-bottom: 1px solid var(--io-border) !important;
  }

  [data-sf-ds-footer-benefits] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 24px !important;
  }
}

@media (max-width: 560px) {
  .sf-home-concept .c5-cats {
    min-height: 60px !important;
  }

  .sf-home-concept .c5-cats > a {
    flex-basis: 138px !important;
    min-width: 138px !important;
    min-height: 58px !important;
    padding-inline: 12px !important;
    font-size: 12px !important;
  }

  .sf-home-concept [data-c5-product-grid] > article {
    min-height: 390px !important;
    max-height: none !important;
  }

  .sf-home-concept .c5-trust {
    grid-template-columns: 1fr !important;
  }

  .sf-home-concept .c5-trust > article {
    border-right: 0 !important;
    border-bottom: 1px solid var(--io-border) !important;
  }

  .sf-home-concept .c5-trust > article:last-child {
    border-bottom: 0 !important;
  }

  [data-sf-ds-footer-benefits] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* === IPEKERP STOREFRONT DESIGN SYSTEM STAGE1 FINAL END === */

/* === IPEKERP STOREFRONT STAGE1 CATEGORY RAIL FINAL START === */

/*
  Final acceptance fix:
  category rail text is explicit markup, never dependent on anonymous text-node styling.
*/
.sf-home-concept .c5-cats > a {
  flex: 0 0 168px !important;
  min-width: 168px !important;
  min-height: 68px !important;
  padding: 10px 16px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  overflow: visible !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  color: var(--io-navy-950) !important;
}

.sf-home-concept .c5-cats .c5-cat-icon {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 16px !important;
  height: auto !important;

  font-size: 14px !important;
  line-height: 1 !important;
  color: var(--io-navy-950) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sf-home-concept .c5-cats .c5-cat-label {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;

  color: var(--io-navy-950) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  position: static !important;
  transform: none !important;
}

.sf-home-concept .c5-cats > a:hover .c5-cat-icon,
.sf-home-concept .c5-cats > a:hover .c5-cat-label {
  color: var(--io-blue-700) !important;
}

@media (max-width: 760px) {
  .sf-home-concept .c5-cats > a {
    flex-basis: 150px !important;
    min-width: 150px !important;
    padding-inline: 12px !important;
  }

  .sf-home-concept .c5-cats .c5-cat-label {
    font-size: 12px !important;
  }
}

/* === IPEKERP STOREFRONT STAGE1 CATEGORY RAIL FINAL END === */

/* === IPEKERP STOREFRONT STAGE1 CATEGORY CONFLICT CLOSE START === */

/*
  Final conflict resolution.
  Existing stage2 visual CSS has a higher-specificity C5 category selector.
  Keep its generated category icon language, but guarantee the explicit
  .c5-cat-label introduced by Stage 1 remains visible.
*/

body.sf-home-concept[data-c5-live-home] .c5-cats {
  min-height: 70px !important;
  height: 70px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: var(--io-surface) !important;
  border: 1px solid var(--io-border) !important;
  border-radius: var(--io-radius-lg) !important;
  box-shadow: none !important;
}

body.sf-home-concept[data-c5-live-home] .c5-cats > a {
  flex: 0 0 168px !important;
  min-width: 168px !important;
  width: 168px !important;
  min-height: 68px !important;
  height: 68px !important;
  padding: 0 16px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  color: var(--io-navy-950) !important;
  font-family: var(--io-font) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;

  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--io-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Stage2 already produces the approved line icon. Suppress only our fallback icon token. */
body.sf-home-concept[data-c5-live-home] .c5-cats > a > span.c5-cat-icon {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* This is the acceptance-critical rule: category names must be visible. */
body.sf-home-concept[data-c5-live-home] .c5-cats > a > span.c5-cat-label {
  display: inline-block !important;
  position: static !important;
  float: none !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--io-navy-950) !important;
  background: transparent !important;
  font-family: var(--io-font) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
  filter: none !important;
}

body.sf-home-concept[data-c5-live-home] .c5-cats > a:hover > span.c5-cat-label {
  color: var(--io-blue-700) !important;
}

body.sf-home-concept[data-c5-live-home] .c5-cats > a:last-child {
  border-right: 0 !important;
}

@media (max-width: 760px) {
  body.sf-home-concept[data-c5-live-home] .c5-cats {
    height: 62px !important;
    min-height: 62px !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-cats > a {
    flex-basis: 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    height: 60px !important;
    min-height: 60px !important;
    padding-inline: 12px !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-cats > a > span.c5-cat-label {
    font-size: 12px !important;
  }
}

/* === IPEKERP STOREFRONT STAGE1 CATEGORY CONFLICT CLOSE END === */

/* === IPEKERP STOREFRONT STAGE1 MOBILE FINAL START === */

/*
  Stage 1 final mobile acceptance.
  Reason: legacy Stage2 has high-specificity !important hero grid rules,
  so the old low-specificity 720px rule cannot collapse the hero on 390px.
  This block fixes only the mobile cascade in the design-system layer.
*/

@media (max-width: 720px) {
  body.sf-home-concept[data-c5-live-home] .c5-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 14px !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-top: 14px !important;
    padding-top: 0 !important;
  }

  /* Keep vehicle selection on mobile, but stack it above the hero. */
  body.sf-home-concept[data-c5-live-home] .c5-hero > aside {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;

    padding: 16px !important;
    overflow: visible !important;
  }

  body.sf-home-concept[data-c5-live-home] [data-c5-vehicle] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.sf-home-concept[data-c5-live-home] [data-c5-vehicle] select,
  body.sf-home-concept[data-c5-live-home] [data-c5-vehicle-submit] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Hero banner becomes a full-width second row instead of overflowing right. */
  body.sf-home-concept[data-c5-live-home] .c5-hero > :not(aside) {
    grid-column: 1 !important;
    grid-row: 2 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;

    overflow: hidden !important;
    border-radius: var(--io-radius-xl) !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-banner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;

    overflow: hidden !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-banner > img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: 62% center !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-wash {
    background: linear-gradient(
      90deg,
      rgba(243,243,242,.98) 0%,
      rgba(243,243,242,.92) 42%,
      rgba(243,243,242,.28) 72%,
      transparent 100%
    ) !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-copy {
    left: 18px !important;
    right: auto !important;
    top: 24px !important;

    width: min(68%, 238px) !important;
    max-width: 238px !important;

    transform: none !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-copy > small {
    font-size: 8px !important;
    letter-spacing: 1.2px !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-copy h1 {
    max-width: 220px !important;
    margin: 8px 0 10px !important;

    font-size: 28px !important;
    line-height: 1.04 !important;
    letter-spacing: -1px !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-copy p {
    max-width: 205px !important;
    margin: 0 0 12px !important;

    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-copy .c5-button {
    min-height: 40px !important;
    height: 40px !important;
    padding-inline: 14px !important;
    font-size: 11px !important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-banner > i {
    width: 34px !important;
    height: 34px !important;
    font-size: 22px !important;
  }

  /* No page-level horizontal overflow after responsive normalization. */
  body.sf-home-concept {
    overflow-x: clip !important;
  }
}

/* === IPEKERP STOREFRONT STAGE1 MOBILE FINAL END === */

/* === HOME SOURCE 05: backend/app/static/css/storefront/storefront_stage2_final_cascade_override_v1.css === */
/* ==========================================================================
   İPEK OTO — AŞAMA 2 FINAL CASCADE OVERRIDE V1
   Loaded after Design System Stage 1 on the live C5 homepage.
   Purpose: win the intended Stage-2 category-rail rules without changing
   the global Stage-1 design-system stylesheet.
   ========================================================================== */

/* Desktop / tablet:
   The live rail has 4 categories today. Fill the available rail width
   using flex, matching the layout mode already enforced by Stage 1. */
body.sf-home-concept[data-c5-live-home] .c5-cats{
  display:flex!important;
  width:min(calc(100% - 40px),1380px)!important;
  max-width:1380px!important;
  align-items:stretch!important;
  overflow:hidden!important;
}

body.sf-home-concept[data-c5-live-home] .c5-cats>a{
  flex:1 1 0!important;
  flex-basis:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  align-self:stretch!important;
}

/* 1280 target */
@media (max-width:1320px) and (min-width:761px){
  body.sf-home-concept[data-c5-live-home] .c5-cats{
    width:min(calc(100% - 32px),1248px)!important;
  }
}

/* 390 / mobile:
   Keep the rail horizontally scrollable and restore the intended compact
   card width that Stage-1's later 150px rule otherwise overrides. */
@media (max-width:760px){
  body.sf-home-concept[data-c5-live-home] .c5-cats{
    display:flex!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-cats::-webkit-scrollbar{
    display:none!important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-cats>a{
    flex:0 0 88px!important;
    flex-basis:88px!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
  }
}

/* === HOME SOURCE 06: backend/app/static/css/storefront/storefront_stage4_lower_home_visual_v1.css === */
/* ==========================================================================
   İPEK OTO — AŞAMA 4 LOWER HOME VISUAL V1
   Scope: trust + promo + how + brands + home-only footer-pre + shared footer CSS
   Shared footer source is NOT modified.
   ========================================================================== */

:root{
  --s4-navy:#071b3a;
  --s4-blue:#0867cf;
  --s4-red:#e30613;
  --s4-text:#10213f;
  --s4-muted:#69778b;
  --s4-line:#dfe6ee;
  --s4-soft:#f6f8fb;
  --s4-white:#fff;
  --s4-radius:10px;
  --s4-shadow:0 8px 24px rgba(14,34,66,.045);
}

/* shared SVG icon system */
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon{
  --s4-icon:none;
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:block;
  background:var(--s4-navy);
  -webkit-mask:var(--s4-icon) center/contain no-repeat;
  mask:var(--s4-icon) center/contain no-repeat;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--fit{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%203l9%204v7c0%206-3.8%2011.2-9%2014-5.2-2.8-9-8-9-14V7z%22%2F%3E%3Cpath%20d%3D%22m11.5%2015.5%203%203%206-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--stock{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%209%2011-6%2011%206-11%206z%22%2F%3E%3Cpath%20d%3D%22M5%209v14l11%206%2011-6V9M16%2015v14%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--truck{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h17v16H3zM20%2013h5l4%205v5h-9z%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2224%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--secure{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%203l10%204v8c0%206.2-4.1%2011.2-10%2014-5.9-2.8-10-7.8-10-14V7z%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2214%22%20width%3D%228%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M14%2014v-2a2%202%200%200%201%204%200v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--car{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019l2-7%204-4h10l4%204%202%207v6H5z%22%2F%3E%3Cpath%20d%3D%22M8%2018h16M10%2012h12%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2224%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2224%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--search{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m19%2019%209%209M10%2013h6M13%2010v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--cart{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h4l3%2015h14l4-10H8%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2226%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--range{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2010%2011-6%2011%206-11%206z%22%2F%3E%3Cpath%20d%3D%22M5%2010v13l11%206%2011-6V10M16%2016v13%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--support{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2018v-4a10%2010%200%200%201%2020%200v4%22%2F%3E%3Cpath%20d%3D%22M6%2017H3v7h5v-7zM26%2017h3v7h-5v-7zM24%2025c-2%203-5%204-9%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--return{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%209H4v-4%22%2F%3E%3Cpath%20d%3D%22M5%209a12%2012%200%201%201-1%2012%22%2F%3E%3Cpath%20d%3D%22M12%2016h10M17%2011l5%205-5%205%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
body.sf-home-concept[data-c5-live-home] .c5-stage4-icon--business{--s4-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2028V8h12v20M17%2014h10v14M9%2012h4M9%2017h4M9%2022h4M21%2018h2M21%2022h2M3%2028h26%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

/* 1 — Primary trust component: one strong trust location */
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust{
  width:min(calc(100% - 40px),1380px)!important;
  margin:18px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(220px,.9fr) repeat(4,minmax(0,1fr))!important;
  border:1px solid var(--s4-line)!important;
  border-radius:var(--s4-radius)!important;
  background:#fff!important;
  box-shadow:var(--s4-shadow)!important;
  overflow:hidden!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust__intro{
  min-width:0;
  padding:22px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid var(--s4-line);
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust__intro small{
  color:var(--s4-red)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust__intro h2{
  margin:6px 0 6px!important;
  color:var(--s4-navy)!important;
  font-size:20px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust__intro p{
  margin:0!important;
  color:var(--s4-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust>article{
  min-width:0!important;
  min-height:128px!important;
  padding:18px 16px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  border-right:1px solid var(--s4-line)!important;
  background:#fff!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust>article:last-child{border-right:0!important}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust>article>.c5-stage4-icon{
  width:36px!important;height:36px!important;flex-basis:36px!important;
  padding:8px;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust>article>span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust em{
  margin-bottom:4px!important;
  color:var(--s4-blue)!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:750!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust strong{
  margin:0 0 5px!important;
  color:var(--s4-navy)!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-trust article small{
  color:var(--s4-muted)!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}

/* 2 — Maintenance campaign, same site language, calmer hierarchy */
body.sf-home-concept[data-c5-live-home] .c5-promo{
  width:min(calc(100% - 40px),1380px)!important;
  min-height:286px!important;
  margin:22px auto 0!important;
  border:1px solid #e7ebf0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:var(--s4-shadow)!important;
  align-items:center!important;
}
body.sf-home-concept[data-c5-live-home] .c5-promo>div{
  width:min(430px,46%)!important;
  padding-left:46px!important;
  position:relative!important;
  z-index:2!important;
}
body.sf-home-concept[data-c5-live-home] .c5-promo small{
  color:var(--s4-red)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-promo h2{
  margin:10px 0 10px!important;
  color:var(--s4-navy)!important;
  font-size:31px!important;
  line-height:1.04!important;
  letter-spacing:-.03em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-promo mark{
  padding:0!important;
  background:transparent!important;
  color:var(--s4-red)!important;
}
body.sf-home-concept[data-c5-live-home] .c5-promo p{
  max-width:390px!important;
  margin:0 0 18px!important;
  color:#41506a!important;
  font-size:12px!important;
  line-height:1.55!important;
}
body.sf-home-concept[data-c5-live-home] .c5-promo .c5-button{
  min-height:44px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:6px!important;
  background:var(--s4-red)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:0 6px 16px rgba(227,6,19,.12)!important;
}

/* 3 — Three-step process */
body.sf-home-concept[data-c5-live-home] .c5-stage4-how{
  width:min(calc(100% - 40px),1380px)!important;
  margin:22px auto 0!important;
  padding:0!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 12px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__head h2{
  margin:0!important;
  color:var(--s4-navy)!important;
  font-size:19px!important;
  letter-spacing:-.02em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__head a{
  color:var(--s4-blue)!important;
  font-size:11px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid>article{
  position:relative!important;
  min-width:0!important;
  min-height:118px!important;
  padding:18px 42px 18px 18px!important;
  display:grid!important;
  grid-template-columns:30px 40px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  border:1px solid var(--s4-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__num{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#eef5ff;
  color:var(--s4-blue);
  font-size:12px;
  font-weight:850;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid .c5-stage4-icon{
  width:34px!important;height:34px!important;flex-basis:34px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid article>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid strong{
  margin-bottom:5px!important;
  color:var(--s4-navy)!important;
  font-size:13px!important;
  line-height:1.2!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid small{
  color:var(--s4-muted)!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid article>b{
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:var(--s4-navy)!important;
  font-size:24px!important;
  font-weight:400!important;
}

/* 4 — Brands: equal optical size + text fallback */
body.sf-home-concept[data-c5-live-home] .c5-brands{
  width:min(calc(100% - 40px),1380px)!important;
  margin:22px auto 0!important;
}
body.sf-home-concept[data-c5-live-home] .c5-brands>h2{
  margin:0 0 12px!important;
  color:var(--s4-navy)!important;
  font-size:19px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
}
body.sf-home-concept[data-c5-live-home] .c5-brands>h2 small,
body.sf-home-concept[data-c5-live-home] .c5-brands>h2 a{
  color:var(--s4-blue)!important;
  font-size:11px!important;
  font-weight:750!important;
}
body.sf-home-concept[data-c5-live-home] .c5-brands>div{
  min-height:78px!important;
  display:flex!important;
  align-items:stretch!important;
  border:1px solid var(--s4-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.sf-home-concept[data-c5-live-home] .c5-brands>div>a{
  flex:0 0 178px!important;
  width:178px!important;
  min-width:178px!important;
  height:76px!important;
  padding:14px 18px!important;
  display:grid!important;
  place-items:center!important;
  border-right:1px solid #e8ecf1!important;
  color:var(--s4-navy)!important;
  font-size:12px!important;
  font-weight:850!important;
  text-transform:none!important;
  letter-spacing:0!important;
  background:#fff!important;
}
body.sf-home-concept[data-c5-live-home] .c5-brands>div>a img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:112px!important;
  max-height:32px!important;
  object-fit:contain!important;
}
body.sf-home-concept[data-c5-live-home] .c5-brands>div>a:not(:has(img)){
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}

/* 5 — Home-only footer-pre: complementary, no trust-message repetition */
body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre{
  width:min(calc(100% - 40px),1380px)!important;
  margin:22px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  border:1px solid var(--s4-line)!important;
  border-radius:9px!important;
  background:#f8faff!important;
  overflow:hidden!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre>article{
  min-width:0!important;
  min-height:92px!important;
  padding:16px 18px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  border-right:1px solid var(--s4-line)!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre>article:last-child{border-right:0!important}
body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre .c5-stage4-icon{
  width:32px!important;height:32px!important;flex-basis:32px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre span{
  display:flex;flex-direction:column;min-width:0;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre strong{
  color:var(--s4-navy)!important;
  font-size:12px!important;
  line-height:1.2!important;
  margin-bottom:4px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre small{
  color:var(--s4-muted)!important;
  font-size:10px!important;
  line-height:1.4!important;
}

/* The shared footer source stays untouched.
   On the homepage, its old benefit strip is hidden because Stage 4 provides
   a non-repeating home-only footer-pre immediately above it. */
body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer)>.sf-footer-benefits{
  display:none!important;
}
body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer){
  margin-top:0!important;
  border-top:0!important;
  background:#fff!important;
}
body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__grid{
  width:min(calc(100% - 40px),1380px)!important;
  max-width:1380px!important;
  margin-inline:auto!important;
  padding:42px 0 38px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.15fr) repeat(3,minmax(150px,.8fr))!important;
  gap:48px!important;
  align-items:start!important;
}
body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__grid>*{
  min-width:0!important;
  align-self:start!important;
}
body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__column{
  padding-top:2px!important;
  align-content:start!important;
}
body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__column>strong{
  margin-bottom:16px!important;
  color:var(--s4-navy)!important;
  font-size:11px!important;
  letter-spacing:.02em!important;
}
body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__column>a{
  min-height:25px!important;
  color:#66758a!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__bottom .sf-shell{
  width:min(calc(100% - 40px),1380px)!important;
  max-width:1380px!important;
  margin-inline:auto!important;
  min-height:52px!important;
  justify-content:flex-start!important;
}
body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__bottom .sf-shell>span:last-child{
  display:none!important;
}

/* 1280 */
@media (max-width:1320px) and (min-width:761px){
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust,
  body.sf-home-concept[data-c5-live-home] .c5-promo,
  body.sf-home-concept[data-c5-live-home] .c5-stage4-how,
  body.sf-home-concept[data-c5-live-home] .c5-brands,
  body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre,
  body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__grid,
  body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__bottom .sf-shell{
    width:min(calc(100% - 32px),1248px)!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust{
    grid-template-columns:200px repeat(4,minmax(0,1fr))!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust__intro{padding-inline:16px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust>article{
    padding-inline:12px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust article small{font-size:9.8px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid>article{
    grid-template-columns:28px 34px minmax(0,1fr)!important;
    padding-left:14px!important;
  }
  body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__grid{
    grid-template-columns:minmax(220px,1.05fr) repeat(3,minmax(140px,.8fr))!important;
    gap:34px!important;
  }
}

/* 390 / mobile */
@media (max-width:760px){
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust,
  body.sf-home-concept[data-c5-live-home] .c5-promo,
  body.sf-home-concept[data-c5-live-home] .c5-stage4-how,
  body.sf-home-concept[data-c5-live-home] .c5-brands,
  body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre,
  body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__grid,
  body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__bottom .sf-shell{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-top:14px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust__intro{
    grid-column:1/-1!important;
    padding:16px 14px!important;
    border-right:0!important;
    border-bottom:1px solid var(--s4-line)!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust__intro h2{font-size:18px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust>article{
    min-height:132px!important;
    padding:14px 11px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-content:start!important;
    border-bottom:1px solid var(--s4-line)!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust>article:nth-of-type(2n){border-right:0!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust>article>.c5-stage4-icon{
    width:28px!important;height:28px!important;flex-basis:28px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust strong{font-size:11.5px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-trust article small{font-size:9.5px!important}

  body.sf-home-concept[data-c5-live-home] .c5-promo{
    min-height:250px!important;
    margin-top:14px!important;
    background-position:68% center!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-promo>div{
    width:65%!important;
    padding-left:14px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-promo h2{
    margin:7px 0 8px!important;
    font-size:23px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-promo p{
    max-width:200px!important;
    margin-bottom:13px!important;
    font-size:9.7px!important;
    line-height:1.45!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-promo .c5-button{
    min-height:38px!important;
    padding-inline:12px!important;
    font-size:10px!important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-stage4-how{margin-top:16px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-how__head h2{font-size:17px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-how__head a{font-size:9.5px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-how__grid>article{
    min-height:94px!important;
    grid-template-columns:27px 32px minmax(0,1fr)!important;
    padding:13px 36px 13px 12px!important;
    gap:9px!important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-brands{margin-top:16px!important}
  body.sf-home-concept[data-c5-live-home] .c5-brands>h2{font-size:17px!important}
  body.sf-home-concept[data-c5-live-home] .c5-brands>div{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-brands>div::-webkit-scrollbar{display:none!important}
  body.sf-home-concept[data-c5-live-home] .c5-brands>div>a{
    flex:0 0 124px!important;
    width:124px!important;
    min-width:124px!important;
    height:68px!important;
    padding:12px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-brands>div>a img{
    max-width:94px!important;
    max-height:27px!important;
  }

  body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre{
    margin-top:16px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre>article{
    min-height:112px!important;
    padding:13px 11px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-content:start!important;
    border-bottom:1px solid var(--s4-line)!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre>article:nth-child(2n){border-right:0!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre .c5-stage4-icon{
    width:27px!important;height:27px!important;flex-basis:27px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre strong{font-size:11px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage4-footer-pre small{font-size:9.3px!important}

  body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__grid{
    padding:30px 0 26px!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__column{
    padding-top:14px!important;
    border-top:1px solid #e7ebf0!important;
  }
  body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__column>strong{
    margin-bottom:10px!important;
  }
  body.sf-home-concept[data-c5-live-home] .sf-site-footer:not(.sf8-footer) .sf-site-footer__bottom .sf-shell{
    min-height:44px!important;
  }
}

/* === HOME SOURCE 07: backend/app/static/css/storefront/storefront_stage3_home_product_visual_final_v1.css === */
/* IPEKERP STOREFRONT STAGE 3 HOME PRODUCT VISUAL FINAL V1
   Scope:
   - Desktop home product cards only: remove the legacy 404px clipping.
   - Exact stray "ad>" pseudo-content guard classes only.
   No catalog, pricing, stock, cart, favorite, search or category behavior changes.
*/
@media (min-width: 761px) {
  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3 {
    height: 584px !important;
    min-height: 584px !important;
    max-height: 584px !important;
    overflow: hidden !important;
  }
}

.sf-stage3-hide-before::before {
  content: none !important;
  display: none !important;
}

.sf-stage3-hide-after::after {
  content: none !important;
  display: none !important;
}

/* === HOME SOURCE 08: backend/app/static/css/storefront/storefront_stage7_brand_showcase_v1.css === */
/* ==========================================================================
   İPEK OTO — AŞAMA 7 MARKA VİTRİNİ + MARKA KEŞFİ V1
   Scope: ONLY home brand showcase. Campaign, process, trust, footer untouched.
   ========================================================================== */

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{
  --s7-navy:#071b3a;
  --s7-blue:#0867cf;
  --s7-red:#e30613;
  --s7-muted:#68768a;
  --s7-line:#dfe6ee;
  --s7-soft:#f8faff;
  width:min(calc(100% - 40px),1380px)!important;
  margin:22px auto 0!important;
  padding:20px 18px 16px!important;
  border:1px solid var(--s7-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(14,34,66,.035)!important;
  overflow:hidden!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__head{
  margin:0 0 16px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy{
  min-width:0!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__eyebrow{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--s7-red)!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy h2{
  margin:0!important;
  color:var(--s7-navy)!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy p{
  margin:5px 0 0!important;
  color:var(--s7-muted)!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__all{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 2px!important;
  color:var(--s7-navy)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__all:hover{
  color:var(--s7-blue)!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__carousel{
  position:relative!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 30px!important;
  gap:9px!important;
  align-items:center!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track{
  min-width:0!important;
  display:flex!important;
  align-items:stretch!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  outline:none!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track::-webkit-scrollbar{display:none!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track:focus-visible{
  box-shadow:0 0 0 3px rgba(8,103,207,.14)!important;
  border-radius:8px!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{
  flex:1 0 150px!important;
  min-width:150px!important;
  height:110px!important;
  padding:12px 9px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  scroll-snap-align:start!important;
  border:1px solid #e3e9f0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--s7-navy)!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  box-shadow:0 1px 2px rgba(14,34,66,.02)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card:hover{
  transform:translateY(-3px)!important;
  border-color:#ccd8e7!important;
  box-shadow:0 8px 18px rgba(10,34,66,.075)!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card:focus-visible{
  outline:2px solid var(--s7-blue)!important;
  outline-offset:2px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo{
  width:100%!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:112px!important;
  max-height:34px!important;
  object-fit:contain!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo b{
  color:var(--s7-navy)!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:3px 5px!important;
  border-radius:3px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--mann{background:#ffd900!important;color:#057331!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--bosch{color:#e30613!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--brembo{color:#e30613!important;text-transform:lowercase!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--skf{color:#0b66c3!important;font-size:17px!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--valeo{color:#56a82f!important;font-size:17px!important;font-style:italic!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--filtron{color:#172b52!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--purflux{color:#1768c6!important;font-size:13px!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--mahle{color:#163d7b!important;font-size:16px!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__group{
  display:block!important;
  max-width:100%!important;
  color:#66758a!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d7e0ea!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--s7-blue)!important;
  box-shadow:0 3px 9px rgba(10,34,66,.045)!important;
  cursor:pointer!important;
  transition:background .15s ease, border-color .15s ease, transform .15s ease, opacity .15s ease!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow:hover:not(:disabled){
  transform:translateY(-1px)!important;
  border-color:#b9cae0!important;
  background:#f7fbff!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow:disabled{
  opacity:.34!important;
  cursor:default!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance{
  min-height:34px!important;
  margin:13px 34px 0!important;
  padding-top:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-top:1px solid #edf1f5!important;
  color:#58677b!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  font-weight:650!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  fill:none!important;
  stroke:var(--s7-navy)!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media (max-width:1320px) and (min-width:761px){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{
    width:min(calc(100% - 32px),1248px)!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{
    flex-basis:142px!important;
    min-width:142px!important;
  }
}

@media (max-width:760px){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-top:16px!important;
    padding:16px 12px 13px!important;
    border-radius:9px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__head{
    margin-bottom:13px!important;
    align-items:flex-start!important;
    gap:12px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy h2{font-size:18px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy p{
    max-width:230px!important;
    font-size:9.5px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__all{
    margin-top:15px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__carousel{
    grid-template-columns:26px minmax(0,1fr) 26px!important;
    gap:6px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow{
    width:26px!important;
    height:26px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{
    flex:0 0 132px!important;
    min-width:132px!important;
    height:98px!important;
    padding:10px 8px 9px!important;
    gap:7px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo{height:40px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo img{
    max-width:98px!important;
    max-height:29px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__group{font-size:8.4px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance{
    margin:11px 0 0!important;
    padding:9px 5px 0!important;
    justify-content:flex-start!important;
    font-size:8.8px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track{scroll-behavior:auto!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card,
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow{transition:none!important}
}

/* === HOME SOURCE 09: backend/app/static/css/storefront/storefront_stage7_brand_showcase_visual_lock_v1.css === */
/* ==========================================================================
   İPEK OTO — AŞAMA 7 MARKA VİTRİNİ VISUAL LOCK V1
   Approved reference lock.
   Scope: ONLY .c5-stage7-brands on storefront home.
   Campaign / process / trust / footer source / backend untouched.
   ========================================================================== */

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{
  --s7l-navy:#071b3a;
  --s7l-blue:#0867cf;
  --s7l-red:#e30613;
  --s7l-muted:#68768a;
  --s7l-line:#dfe6ee;
  --s7l-card-line:#e2e8ef;
  width:min(calc(100% - 40px),1380px)!important;
  margin:20px auto 0!important;
  padding:18px 16px 14px!important;
  border:1px solid var(--s7l-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(14,34,66,.025)!important;
  overflow:visible!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__head{
  min-height:48px!important;
  margin:0 2px 14px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy{
  min-width:0!important;
  display:block!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__eyebrow{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--s7l-red)!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy h2{
  margin:0!important;
  color:var(--s7l-navy)!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy p{
  margin:5px 0 0!important;
  color:var(--s7l-muted)!important;
  font-size:10.2px!important;
  line-height:1.4!important;
  font-weight:500!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__all{
  margin:0 1px 3px 0!important;
  padding:5px 0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:var(--s7l-navy)!important;
  font-size:9.8px!important;
  line-height:1!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__all:hover{
  color:var(--s7l-blue)!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__carousel{
  width:100%!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 28px!important;
  gap:8px!important;
  align-items:center!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track{
  width:100%!important;
  min-width:0!important;
  padding:1px!important;
  display:flex!important;
  align-items:stretch!important;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track::-webkit-scrollbar{display:none!important}

/* Approved desktop reference: all eight cards fit in one clean row. */
@media (min-width:1101px){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{
    flex:0 0 calc((100% - 63px)/8)!important;
    width:calc((100% - 63px)/8)!important;
    min-width:0!important;
  }
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{
  box-sizing:border-box!important;
  height:104px!important;
  padding:10px 8px 9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  scroll-snap-align:start!important;
  border:1px solid var(--s7l-card-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--s7l-navy)!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  box-shadow:0 1px 2px rgba(10,34,66,.015)!important;
  transform:translateY(0)!important;
  transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card:hover{
  transform:translateY(-3px)!important;
  border-color:#cdd8e5!important;
  box-shadow:0 8px 18px rgba(10,34,66,.07)!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card:focus-visible{
  outline:2px solid var(--s7l-blue)!important;
  outline-offset:2px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo{
  width:100%!important;
  height:43px!important;
  min-height:43px!important;
  display:grid!important;
  place-items:center!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:108px!important;
  max-height:31px!important;
  object-fit:contain!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark{
  max-width:100%!important;
  min-height:28px!important;
  padding:3px 5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:3px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--mann{background:#ffd900!important;color:#057331!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--bosch{color:#e30613!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--brembo{color:#e30613!important;text-transform:lowercase!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--skf{color:#0b66c3!important;font-size:17px!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--valeo{color:#56a82f!important;font-size:17px!important;font-style:italic!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--filtron{color:#172b52!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--purflux{color:#1768c6!important;font-size:13px!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-wordmark--mahle{color:#163d7b!important;font-size:16px!important}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__group{
  width:100%!important;
  min-height:12px!important;
  display:block!important;
  color:#65748a!important;
  font-size:8.8px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d6e0eb!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--s7l-blue)!important;
  box-shadow:0 2px 7px rgba(10,34,66,.04)!important;
  cursor:pointer!important;
  opacity:1!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow:hover:not(:disabled){
  border-color:#b8cbe2!important;
  background:#f7fbff!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow:disabled{
  opacity:.46!important;
  cursor:default!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow svg{
  width:13px!important;
  height:13px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance{
  min-height:29px!important;
  margin:10px 35px 0!important;
  padding:9px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-top:1px solid #edf1f5!important;
  color:#58677b!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:650!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:var(--s7l-navy)!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media (max-width:1320px) and (min-width:1101px){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{
    width:min(calc(100% - 32px),1248px)!important;
    padding-inline:14px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__carousel{
    grid-template-columns:27px minmax(0,1fr) 27px!important;
    gap:7px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track{gap:8px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{
    flex-basis:calc((100% - 56px)/8)!important;
    width:calc((100% - 56px)/8)!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo img{
    max-width:100px!important;
    max-height:29px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__group{font-size:8.2px!important}
}

/* Tablet: carousel becomes useful instead of squeezing the brand identities. */
@media (max-width:1100px) and (min-width:761px){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{
    width:min(calc(100% - 32px),1030px)!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{
    flex:0 0 145px!important;
    width:145px!important;
    min-width:145px!important;
  }
}

@media (max-width:760px){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-top:16px!important;
    padding:15px 11px 12px!important;
    border-radius:9px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__head{
    min-height:0!important;
    margin:0 1px 12px!important;
    align-items:flex-start!important;
    gap:10px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy h2{font-size:18px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy p{
    max-width:215px!important;
    font-size:9.2px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__all{
    margin-top:14px!important;
    font-size:8.7px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__carousel{
    grid-template-columns:25px minmax(0,1fr) 25px!important;
    gap:5px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track{gap:8px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{
    flex:0 0 130px!important;
    width:130px!important;
    min-width:130px!important;
    height:96px!important;
    padding:9px 7px 8px!important;
    gap:6px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo{
    height:39px!important;
    min-height:39px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo img{
    max-width:96px!important;
    max-height:28px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__group{font-size:8.1px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance{
    min-height:26px!important;
    margin:9px 0 0!important;
    padding:8px 3px 0!important;
    justify-content:flex-start!important;
    font-size:8.5px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track{scroll-behavior:auto!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{transition:none!important}
}

/* === HOME SOURCE 10: backend/app/static/css/storefront/storefront_stage7_brand_showcase_pixel_polish_v1.css === */
/* ==========================================================================
   İPEK OTO — AŞAMA 7 MARKA VİTRİNİ PIXEL POLISH V1
   Scope: ONLY Stage 7 brand showcase.
   Campaign / process / footer / backend / brand data untouched.
   ========================================================================== */

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{
  padding:17px 16px 12px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__head{
  margin-bottom:12px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{
  height:102px!important;
  padding:10px 8px 8px!important;
  gap:7px!important;
  border-color:#dfe6ee!important;
  box-shadow:0 1px 2px rgba(8,29,58,.018)!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card:hover{
  transform:translateY(-3px)!important;
  border-color:#c7d5e4!important;
  box-shadow:0 9px 20px rgba(8,29,58,.075)!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo{
  height:42px!important;
  min-height:42px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo img{
  max-width:112px!important;
  max-height:32px!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__group{
  width:100%!important;
  min-height:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#4f6075!important;
  font-size:9.6px!important;
  line-height:1.22!important;
  font-weight:760!important;
  letter-spacing:.005em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:28px!important;
  margin:9px 35px 0!important;
  padding:8px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-top:1px solid #edf1f5!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#4f6075!important;
  font-size:9.2px!important;
  line-height:1.25!important;
  font-weight:680!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance::before,
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance::after{
  box-shadow:none!important;
}
body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}

@media (max-width:1320px) and (min-width:1101px){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{padding:16px 14px 11px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{height:100px!important;gap:6px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo{height:41px!important;min-height:41px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo img{max-width:104px!important;max-height:30px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__group{font-size:9px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance{min-height:27px!important;margin-top:8px!important;padding-top:7px!important;font-size:8.9px!important}
}

@media (max-width:1100px) and (min-width:761px){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__group{font-size:9.3px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance{min-height:27px!important;margin:8px 28px 0!important;padding-top:7px!important}
}

@media (max-width:760px){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands{padding:14px 10px 10px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    column-gap:8px!important;
    row-gap:2px!important;
    margin:0 1px 10px!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy{min-width:0!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__eyebrow{margin-bottom:4px!important;font-size:8.8px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy h2{font-size:17px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__copy p{max-width:215px!important;margin-top:4px!important;font-size:9px!important;line-height:1.35!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__all{align-self:start!important;margin:15px 0 0!important;padding:2px 0!important;gap:4px!important;font-size:8.2px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__carousel{grid-template-columns:24px minmax(0,1fr) 24px!important;gap:4px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow{width:24px!important;height:24px!important;min-width:24px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__arrow svg{width:11px!important;height:11px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__track{gap:7px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{flex:0 0 126px!important;width:126px!important;min-width:126px!important;height:94px!important;padding:8px 6px 7px!important;gap:5px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo{height:38px!important;min-height:38px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__logo img{max-width:93px!important;max-height:27px!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card__group{min-height:12px!important;font-size:8.7px!important;font-weight:750!important}
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance{
    width:auto!important;
    height:auto!important;
    min-height:25px!important;
    margin:7px 1px 0!important;
    padding:7px 1px 0!important;
    justify-content:flex-start!important;
    gap:6px!important;
    border-top:1px solid #edf1f5!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:8.2px!important;
    line-height:1.2!important;
  }
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brands__assurance svg{width:13px!important;height:13px!important;flex-basis:13px!important}
}

@media (prefers-reduced-motion:reduce){
  body.sf-home-concept[data-c5-live-home] .c5-stage7-brand-card{transition:none!important}
}

/* === HOME SOURCE 11: backend/app/static/css/storefront/storefront_stage7_brand_showcase_legacy_collision_fix_v1.css === */
/* ==========================================================================
   İPEK OTO — STAGE 7 BRAND SHOWCASE LEGACY DIRECT-DIV COLLISION FIX V1

   Root cause:
   Older storefront CSS uses generic selectors such as .c5-brands > div and
   .c5-brands > div a. The new Stage 7 markup contains two direct DIV children
   (carousel + assurance), so legacy height/border/radius rules leak into them.

   Scope: neutralize that legacy leakage ONLY inside c5-stage7-brands.
   ========================================================================== */

/* The carousel is a direct child of .c5-brands. Keep legacy rail rules out. */
body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__carousel{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:104px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 28px!important;
  gap:8px!important;
  align-items:center!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Direct-child generic anchor rules must not force Stage 7 card dimensions. */
body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__carousel a.c5-stage7-brand-card{
  display:flex!important;
  place-items:initial!important;
  border-right:1px solid #dfe6ee!important;
}

/* The assurance is also a direct DIV child: remove legacy 78px box styling. */
body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__assurance{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:28px!important;
  margin:9px 35px 0!important;
  padding:8px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:visible!important;
  border-top:1px solid #edf1f5!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#4f6075!important;
  font-size:9.2px!important;
  line-height:1.25!important;
  font-weight:680!important;
}

body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__assurance svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}

@media (max-width:1320px) and (min-width:1101px){
  body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__carousel{
    min-height:102px!important;
    grid-template-columns:27px minmax(0,1fr) 27px!important;
    gap:7px!important;
  }
  body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__assurance{
    min-height:27px!important;
    margin:8px 35px 0!important;
    padding-top:7px!important;
    font-size:8.9px!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__carousel{
    min-height:102px!important;
    grid-template-columns:26px minmax(0,1fr) 26px!important;
    gap:6px!important;
  }
  body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__assurance{
    min-height:27px!important;
    margin:8px 28px 0!important;
    padding-top:7px!important;
  }
}

@media (max-width:760px){
  body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__carousel{
    height:auto!important;
    min-height:96px!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:24px minmax(0,1fr) 24px!important;
    gap:4px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.sf-home-concept[data-c5-live-home] section.c5-wrap.c5-brands.c5-stage7-brands > div.c5-stage7-brands__assurance{
    height:auto!important;
    min-height:25px!important;
    margin:7px 1px 0!important;
    padding:7px 1px 0!important;
    justify-content:flex-start!important;
    gap:6px!important;
    overflow:visible!important;
    border-top:1px solid #edf1f5!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:8.2px!important;
  }
}

/* === HOME SOURCE 12: backend/app/static/css/storefront/storefront_stage7_brand_anchor_offset_v1.css === */
/* IPEKERP STOREFRONT STAGE 7 BRAND ANCHOR OFFSET V1
   Scope: #markalar anchor positioning only.
   Prevents the sticky desktop category navigation from covering the
   Stage 7 brand-section heading when /storefront#markalar is opened. */

body.sf-home-concept[data-c5-live-home] #markalar.c5-stage7-brands{
  scroll-margin-top:84px!important;
}

@media (max-width:1100px) and (min-width:761px){
  body.sf-home-concept[data-c5-live-home] #markalar.c5-stage7-brands{
    scroll-margin-top:76px!important;
  }
}

@media (max-width:760px){
  body.sf-home-concept[data-c5-live-home] #markalar.c5-stage7-brands{
    scroll-margin-top:16px!important;
  }
}

/* === HOME SOURCE 13: backend/app/static/css/storefront/storefront_stage11_managed_live_v1.css === */
/* IPEKERP_STAGE11_LIVE_CONTENT_BINDING_V1 */
body.sf-home-concept [data-s11-managed-hidden="1"]{display:none!important}
body.sf-home-concept .c5-hero.c5-hero--campaign-hidden{
  grid-template-columns:minmax(0,520px)!important;
  justify-content:start!important;
}
body.sf-home-concept .c5-banner[data-s11-managed-campaign] .c5-copy h1{
  white-space:normal;
}
body.sf-home-concept .s11-live-preview-ribbon{
  position:sticky;
  top:0;
  z-index:9999;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  min-height:36px;
  padding:7px 16px;
  background:#132239;
  color:#fff;
  font:700 12px/1.2 Inter,Arial,sans-serif;
  letter-spacing:.03em;
  box-shadow:0 2px 12px rgba(0,0,0,.15);
}
body.sf-home-concept .s11-live-preview-ribbon b{color:#ffb2b5}

/* === HOME SOURCE 14: backend/app/static/css/storefront/storefront_home_simplification_v1.css === */
/* IPEKERP_STOREFRONT_HOME_SIMPLIFICATION_V1 */

/* Vehicle selector: the select is the control; its label must not look like a second control. */
body.sf-home-concept [data-c5-vehicle] {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
}

body.sf-home-concept [data-c5-vehicle] h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px !important;
}

body.sf-home-concept [data-c5-vehicle] h2 svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: #0b67c9;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.sf-home-concept .c5-hero [data-c5-vehicle] > label {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sf-home-concept .c5-hero [data-c5-vehicle] select {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  padding: 0 38px 0 13px !important;
}

body.sf-home-concept .c5-hero [data-c5-vehicle] select:disabled {
  background-color: #f6f8fb !important;
}

body.sf-home-concept [data-c5-vehicle-status] {
  min-height: 30px;
  margin: 2px 0 0 !important;
  display: flex !important;
  align-items: center;
  font-size: 11px !important;
}

body.sf-home-concept [data-c5-vehicle-submit] {
  width: 100% !important;
  margin: 8px 0 0 !important;
}

/* Category rail: use the icon shipped with the category, never index-based symbols. */
body.sf-home-concept[data-c5-live-home] .c5-cats > a::before {
  display: none !important;
  content: none !important;
}

body.sf-home-concept[data-c5-live-home] .c5-cats > a > span.c5-cat-icon {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.sf-home-concept .c5-cat-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #0b3c70;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Product image: one clean canvas, without a second framed panel. */
body.sf-home-concept .c5-grid .sf-product-card__image {
  height: 220px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sf-home-concept .c5-grid .sf-product-card__image img {
  width: 100% !important;
  height: 100% !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

body.sf-home-concept .c5-grid .sf-product-card__image::before,
body.sf-home-concept .c5-grid .sf-product-card__image::after {
  display: none !important;
  content: none !important;
}

/* Keep the remaining trust block compact; the duplicated lower blocks were removed. */
body.sf-home-concept .c5-stage4-trust {
  margin-top: 18px !important;
}

body.sf-home-concept .c5-title h2 small {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.sf-home-concept .c5-stage4-trust__intro {
  display: none !important;
}

body.sf-home-concept .c5-stage4-trust article {
  min-height: 82px !important;
  padding: 15px 17px !important;
}

body.sf-home-concept .c5-stage4-trust article em,
body.sf-home-concept .c5-stage4-trust article small {
  display: none !important;
}

body.sf-home-concept .c5-stage4-trust article strong {
  font-size: 12px !important;
}

body.sf-home-concept .c5-stage7-brands__copy p,
body.sf-home-concept .c5-stage7-brands__assurance {
  display: none !important;
}

@media (max-width: 760px) {
  body.sf-home-concept .c5-grid .sf-product-card__image {
    height: 180px !important;
  }

  body.sf-home-concept .c5-stage4-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* IPEKERP_POPULAR_PRODUCTS_CARD_VISUAL_BALANCE_V1:BEGIN */
/*
  Scope: homepage Popular Products only.
  Global rule; no product-id / SKU exceptions.
  Goal: equal visual rhythm without clipping variable content.
*/
@media (min-width: 761px) {
  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3 {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 584px !important;
    max-height: none !important;
    padding-bottom: 14px !important;
    overflow: hidden !important;
  }

  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3
  .sf-product-card__link {
    min-height: 0 !important;
  }

  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3
  .sf-product-card__image {
    box-sizing: border-box !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    margin: 0 !important;
    padding: 8px 10px 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3
  .sf-product-card__image > img {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 6px !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3
  :is(h2, h3) {
    min-height: 64px !important;
    max-height: 64px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3
  :is(.sf-product-card__compatibility,
      .sf-product-card__compatibility-count,
      [data-compatibility-count]) {
    min-height: 22px !important;
    display: flex !important;
    align-items: center !important;
  }

  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3
  .sf-product-card__actions {
    margin-top: auto !important;
  }
}

@media (max-width: 760px) {
  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3 {
    height: auto !important;
    max-height: none !important;
    padding-bottom: 12px !important;
  }

  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3
  .sf-product-card__image {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    padding: 6px 8px 0 !important;
  }

  body.sf-home-concept[data-c5-live-home]
  #urunler [data-c5-product-grid] > .sf-product-card.sf-product-card--stage3
  .sf-product-card__image > img {
    padding: 5px !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}
/* IPEKERP_POPULAR_PRODUCTS_CARD_VISUAL_BALANCE_V1:END */

/* IPEKERP_STOREFRONT_STAGE4_CATEGORY_SHOWCASE_V1_START */
.c5-stage4-categories{
  margin-top:18px;
  padding:30px 24px 24px;
  border:1px solid #dbe3ef;
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(220, 20, 34, 0.045), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f6f8fc 100%);
  box-shadow:0 12px 34px rgba(15, 35, 70, 0.04);
}
.c5-stage4-categories__head{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
.c5-stage4-categories__eyebrow{display:inline-flex;width:max-content;font-size:11px;font-weight:800;letter-spacing:.14em;color:#e1262f;}
.c5-stage4-categories__head h2{margin:0;font-size:clamp(30px, 3vw, 40px);line-height:1.05;color:#12284a;font-weight:800;}
.c5-stage4-categories__head p{margin:0;max-width:560px;color:#4f607b;font-size:15px;line-height:1.55;}
.c5-stage4-categories__grid{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:16px;}
.c5-stage4-catcard{
  --card-accent:#295fb6;
  --card-soft:rgba(41,95,182,.09);
  position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:246px;padding:16px 16px 14px;border-radius:20px;border:1px solid #d8e1ef;background:linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);text-decoration:none;color:#12284a;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;box-shadow:0 8px 22px rgba(15, 35, 70, 0.04);
}
.c5-stage4-catcard:hover{transform:translateY(-3px);border-color:rgba(18,40,74,.16);box-shadow:0 18px 32px rgba(15, 35, 70, 0.10);}
.c5-stage4-catcard__badge{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--card-soft);color:var(--card-accent);border:1px solid rgba(18,40,74,.08);backdrop-filter:blur(2px);}
.c5-stage4-catcard__badge-icon{width:22px;height:22px;}
.c5-stage4-catcard__visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:136px;margin:8px 0 12px;}
.c5-stage4-catcard__shape{position:absolute;inset:12px 16px 10px;border-radius:26px;background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.85), transparent 32%),radial-gradient(circle at 75% 80%, rgba(255,255,255,.68), transparent 28%),linear-gradient(180deg, var(--card-soft) 0%, rgba(255,255,255,.18) 100%);}
.c5-stage4-catcard__shape::before,.c5-stage4-catcard__shape::after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.68);}
.c5-stage4-catcard__shape::before{width:18px;height:18px;top:20px;right:22px;}
.c5-stage4-catcard__shape::after{width:12px;height:12px;bottom:18px;left:20px;}
.c5-stage4-catcard__visual-icon{position:relative;z-index:1;width:86px;height:86px;color:var(--card-accent);filter:drop-shadow(0 10px 20px rgba(18,40,74,.12));}
.c5-stage4-catcard__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;}
.c5-stage4-catcard__footer strong{display:block;font-size:20px;line-height:1.2;font-weight:800;color:#12284a;}
.c5-stage4-catcard__arrow{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#12284a;background:#eef3fb;font-size:18px;}
.c5-stage4-catcard--brake{--card-accent:#cf2432;--card-soft:rgba(207,36,50,.11);}
.c5-stage4-catcard--suspension{--card-accent:#173d7a;--card-soft:rgba(23,61,122,.10);}
.c5-stage4-catcard--filters{--card-accent:#234c95;--card-soft:rgba(35,76,149,.10);}
.c5-stage4-catcard--oils{--card-accent:#a7700d;--card-soft:rgba(167,112,13,.11);}
.c5-stage4-catcard--clutch{--card-accent:#3a4d73;--card-soft:rgba(58,77,115,.10);}
.c5-stage4-catcard--electric{--card-accent:#1c4f90;--card-soft:rgba(28,79,144,.10);}
.c5-stage4-catcard--lighting{--card-accent:#2d5c9c;--card-soft:rgba(45,92,156,.10);}
.c5-stage4-catcard--ignition{--card-accent:#295fb6;--card-soft:rgba(41,95,182,.10);}
.c5-stage4-catcard--fuel{--card-accent:#35548a;--card-soft:rgba(53,84,138,.10);}
.c5-stage4-catcard--engine{--card-accent:#204671;--card-soft:rgba(32,70,113,.10);}
.c5-stage4-catcard--all{--card-accent:#12284a;--card-soft:rgba(18,40,74,.08);}
@media (max-width: 1399px){.c5-stage4-categories__grid{grid-template-columns:repeat(4, minmax(0, 1fr));}}
@media (max-width: 1099px){
  .c5-stage4-categories{padding:24px 18px 18px;border-radius:20px;}
  .c5-stage4-categories__grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
  .c5-stage4-catcard{min-height:224px;}
  .c5-stage4-catcard__footer strong{font-size:18px;}
}
@media (max-width: 767px){
  .c5-stage4-categories__grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;}
  .c5-stage4-categories__head h2{font-size:28px;}
  .c5-stage4-catcard{min-height:196px;padding:14px;border-radius:18px;}
  .c5-stage4-catcard__visual{min-height:106px;}
  .c5-stage4-catcard__visual-icon{width:64px;height:64px;}
  .c5-stage4-catcard__footer strong{font-size:16px;}
  .c5-stage4-catcard__arrow{width:28px;height:28px;font-size:16px;}
}
@media (max-width: 479px){
  .c5-stage4-categories{padding:20px 14px 14px;}
  .c5-stage4-categories__grid{grid-template-columns:1fr;}
}
/* IPEKERP_STOREFRONT_STAGE4_CATEGORY_SHOWCASE_V1_END */

/* IPEKERP_STOREFRONT_STAGE4_CATEGORY_SHOWCASE_REAL_VISUALS_V1_START */
.c5-stage4-categories--real{padding:28px 24px 24px;background:radial-gradient(circle at 97% 0%,rgba(227,28,47,.04),transparent 23%),linear-gradient(180deg,#fff 0%,#f8fafe 100%)}
.c5-stage4-categories__grid--fixed10{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.c5-stage4-catcard--real{min-height:0;padding:0;overflow:hidden;background:#fff;border:1px solid #d8e1ee;border-radius:20px;box-shadow:0 9px 24px rgba(15,35,70,.045)}
.c5-stage4-catcard--real:hover{transform:translateY(-3px);border-color:#c6d2e2;box-shadow:0 18px 34px rgba(15,35,70,.105)}
.c5-stage4-catcard__media{position:relative;display:flex;align-items:center;justify-content:center;height:188px;margin:12px 12px 0;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.95),transparent 28%),linear-gradient(180deg,#f7f9fc 0%,#eef3f9 100%)}
.c5-stage4-catcard__media::after{content:"";position:absolute;left:16%;right:16%;bottom:14px;height:18px;border-radius:50%;background:rgba(19,40,73,.10);filter:blur(10px)}
.c5-stage4-catcard__media img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(.92);transition:transform .2s ease}
.c5-stage4-catcard--real:hover .c5-stage4-catcard__media img{transform:scale(.97)}
.c5-stage4-catcard--real .c5-stage4-catcard__footer{padding:14px 16px 16px;min-height:62px}
.c5-stage4-catcard--real .c5-stage4-catcard__footer strong{font-size:18px;color:#102a4f;letter-spacing:-.01em}
.c5-stage4-catcard--real .c5-stage4-catcard__arrow{width:30px;height:30px;background:#eef3fa;color:#12305a}
.c5-stage4-catcard--brake .c5-stage4-catcard__media{background:linear-gradient(180deg,#fff 0%,#f4f6f9 100%)}
.c5-stage4-catcard--all .c5-stage4-catcard__media{background:linear-gradient(180deg,#f5f8fc 0%,#edf2f8 100%)}
@media (max-width:1399px){.c5-stage4-categories__grid--fixed10{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.c5-stage4-catcard__media{height:164px}.c5-stage4-catcard--real .c5-stage4-catcard__footer strong{font-size:17px}}
@media (max-width:1099px){.c5-stage4-categories__grid--fixed10{grid-template-columns:repeat(3,minmax(0,1fr))}.c5-stage4-catcard__media{height:180px}}
@media (max-width:767px){.c5-stage4-categories--real{padding:22px 14px 16px}.c5-stage4-categories__grid--fixed10{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.c5-stage4-catcard__media{height:142px;margin:9px 9px 0}.c5-stage4-catcard--real .c5-stage4-catcard__footer{padding:12px 12px 14px}.c5-stage4-catcard--real .c5-stage4-catcard__footer strong{font-size:15px}}
@media (max-width:479px){.c5-stage4-categories__grid--fixed10{grid-template-columns:1fr}.c5-stage4-catcard__media{height:190px}}
/* IPEKERP_STOREFRONT_STAGE4_CATEGORY_SHOWCASE_REAL_VISUALS_V1_END */

/* IPEKERP_421_17_CATEGORY_SHOWCASE_COMPACT_VISUAL_POLISH_V1_START */
.c5-stage4-categories--real{padding:24px 24px 20px;}
.c5-stage4-categories--real .c5-stage4-categories__head{gap:7px;margin-bottom:16px;}
.c5-stage4-categories--real .c5-stage4-categories__eyebrow{font-size:10px;letter-spacing:.13em;}
.c5-stage4-categories--real .c5-stage4-categories__head h2{font-size:clamp(28px,2.5vw,36px);line-height:1.02;}
.c5-stage4-categories--real .c5-stage4-categories__head p{font-size:14px;line-height:1.45;}
.c5-stage4-categories__grid--fixed10{gap:14px;}
.c5-stage4-catcard--real{border-radius:18px;box-shadow:0 7px 20px rgba(15,35,70,.04);}
.c5-stage4-catcard__media{
  height:168px;margin:10px 10px 0;border-radius:14px;
  background:radial-gradient(circle at 28% 15%,rgba(255,255,255,.98),transparent 30%),linear-gradient(180deg,#fbfcfe 0%,#f3f6fa 100%);
}
.c5-stage4-catcard__media::after{left:20%;right:20%;bottom:10px;height:13px;opacity:.62;filter:blur(9px);}
.c5-stage4-catcard__media img{transform:scale(.98);}
.c5-stage4-catcard--real:hover .c5-stage4-catcard__media img{transform:scale(1.025);}
.c5-stage4-catcard--real .c5-stage4-catcard__footer{min-height:56px;padding:12px 14px 14px;}
.c5-stage4-catcard--real .c5-stage4-catcard__footer strong{font-size:17px;}
.c5-stage4-catcard--real .c5-stage4-catcard__arrow{width:28px;height:28px;font-size:16px;}

@media (max-width:1399px){
  .c5-stage4-categories--real{padding:22px 20px 18px;}
  .c5-stage4-categories__grid--fixed10{gap:12px;}
  .c5-stage4-catcard__media{height:150px;margin:9px 9px 0;}
  .c5-stage4-catcard--real .c5-stage4-catcard__footer{min-height:52px;padding:11px 12px 13px;}
  .c5-stage4-catcard--real .c5-stage4-catcard__footer strong{font-size:16px;}
}
@media (max-width:1099px){
  .c5-stage4-categories--real .c5-stage4-categories__head{margin-bottom:14px;}
  .c5-stage4-catcard__media{height:160px;}
}
@media (max-width:767px){
  .c5-stage4-categories--real{padding:18px 12px 14px;}
  .c5-stage4-categories--real .c5-stage4-categories__head{gap:6px;margin-bottom:12px;}
  .c5-stage4-catcard__media{height:132px;margin:8px 8px 0;}
  .c5-stage4-catcard--real .c5-stage4-catcard__footer{min-height:48px;padding:10px 11px 12px;}
}
/* IPEKERP_421_17_CATEGORY_SHOWCASE_COMPACT_VISUAL_POLISH_V1_END */

/* IPEKERP_421_18_CATEGORY_SHOWCASE_PHOTOREALISTIC_ASSET_CONSISTENCY_V1_START */
.c5-stage4-categories--real{
  border-color:#dfe6ef;
  box-shadow:0 10px 28px rgba(15,35,70,.035);
}

.c5-stage4-catcard--real{
  background:#fff;
}

.c5-stage4-catcard__media{
  overflow:hidden;
  background:#f7f9fc;
}

.c5-stage4-catcard__media::after{
  display:none;
}

.c5-stage4-catcard__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:12px;
  transform:scale(1);
  filter:none;
}

.c5-stage4-catcard--real:hover .c5-stage4-catcard__media img{
  transform:scale(1.025);
}

.c5-stage4-catcard--real .c5-stage4-catcard__footer{
  background:#fff;
}

@media (max-width:767px){
  .c5-stage4-catcard__media img{
    border-radius:10px;
  }
}
/* IPEKERP_421_18_CATEGORY_SHOWCASE_PHOTOREALISTIC_ASSET_CONSISTENCY_V1_END */

/* IPEKERP_PHASE18_ITEM12_HOME_BRAND_RAIL_VIEWPORT_CONTAINMENT_REPAIR_V1
 * Real Chrome 1366px attribution:
 * - brand rail track is intentionally max-content (~3602px)
 * - root document expanded because the grid/viewport could not shrink
 * - keep track max-content and existing viewport scroll JS contract intact
 */
.sf-home-concept
.c5-vehicle-brand-rail[data-brand-rail="v2"]
> .sf4-brand-rail__inner {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.sf-home-concept
.c5-vehicle-brand-rail[data-brand-rail="v2"]
.sf4-brand-rail__viewport[data-brand-rail-viewport] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.sf-home-concept
.c5-vehicle-brand-rail[data-brand-rail="v2"]
.sf4-brand-rail__viewport[data-brand-rail-viewport]::-webkit-scrollbar {
  display: none !important;
}

.sf-home-concept
.c5-vehicle-brand-rail[data-brand-rail="v2"]
.sf4-brand-rail__track[data-brand-rail-track] {
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
}