/* SYL Diesel V37 · gerçek rotalar, aktif menü ve ödeme merkezi */
:root{--v37-orange:#ff6a00;--v37-ink:#111214;--v37-navy:#092a42;--v37-line:#d9dee3;--v37-soft:#f4f6f8}
.skip-link{position:fixed;z-index:10000;top:10px;left:10px;padding:12px 16px;border-radius:7px;background:#fff;color:#111214;font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25);transform:translateY(-160%);transition:transform .16s ease}
.skip-link:focus{transform:translateY(0);outline:3px solid var(--v37-orange);outline-offset:2px}
.sr-only{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}
#main-content:focus{outline:none}.route-page-hero h1:focus-visible{outline:3px solid var(--v37-orange);outline-offset:8px;border-radius:4px}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--v37-orange);outline-offset:3px}
.demo-payment-form :where(input,select):focus-visible{outline:2px solid var(--v37-orange);outline-offset:1px}
.main-nav a{position:relative;border-radius:7px;transition:background .18s ease,color .18s ease,transform .18s ease}
.main-nav a:hover{transform:translateY(-1px)}
.main-nav a.active,.main-nav a[aria-current="page"],.main-nav a[aria-current="location"]{color:#fff!important;background:var(--v37-orange);box-shadow:0 8px 22px rgba(255,106,0,.24)}
.main-nav a.active:after,.main-nav a[aria-current="page"]:after,.main-nav a[aria-current="location"]:after{content:"";position:absolute;left:18%;right:18%;bottom:-8px;height:3px;border-radius:99px;background:var(--v37-orange)}
.route-page-hero{position:relative;overflow:hidden;padding:54px 0 46px;background:linear-gradient(115deg,#101214 0%,#1e2429 68%,#42210b 100%);color:#fff}
.route-page-hero:after{content:"SYL";position:absolute;right:-16px;top:-62px;font-size:210px;font-weight:1000;letter-spacing:-18px;color:rgba(255,255,255,.035);pointer-events:none}
.route-page-hero .container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.route-page-hero small{display:block;color:var(--v37-orange);font-weight:900;letter-spacing:.15em;margin-bottom:9px}
.route-page-hero h1{max-width:900px;margin:0;font-size:clamp(34px,5vw,66px);line-height:.98;letter-spacing:-.045em}
.route-page-hero p{max-width:570px;margin:14px 0 0;color:#cbd1d5;line-height:1.65}
.route-page-hero a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.23);padding:13px 18px;border-radius:8px;font-weight:900;white-space:nowrap}
.route-page-hero a:hover{border-color:var(--v37-orange);background:var(--v37-orange)}
.route-hidden{display:none!important}
.payment-center{padding:76px 0;background:linear-gradient(145deg,#fff 0%,#f4f6f8 55%,#edf1f3 100%)}
.payment-center-shell{display:grid;grid-template-columns:minmax(0,.88fr) minmax(300px,.72fr) minmax(390px,1fr);gap:28px;align-items:center}
.payment-intro h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px;color:#111214}
.payment-intro>p{max-width:560px;color:#626971;line-height:1.7;margin:0 0 20px}
.demo-payment-notice{display:grid;gap:6px;border-left:4px solid var(--v37-orange);padding:14px 16px;background:#fff;box-shadow:0 12px 35px rgba(17,18,20,.07)}
.demo-payment-notice b{font-size:12px;letter-spacing:.09em;color:#b44700}.demo-payment-notice span{font-size:12px;color:#646b72;line-height:1.55}
.payment-provider-roadmap{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.payment-provider-roadmap span{padding:8px 10px;border:1px solid #d8dde1;border-radius:999px;background:#fff;color:#4c5359;font-size:11px;font-weight:900}
.demo-card{position:relative;min-height:238px;padding:26px;border-radius:20px;color:#fff;background:radial-gradient(circle at 80% 0,rgba(255,151,64,.42),transparent 36%),linear-gradient(145deg,#19232b,#080a0c 65%,#301606);box-shadow:0 28px 58px rgba(8,10,12,.3);overflow:hidden;transform:rotate(-2deg)}
.demo-card:before,.demo-card:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.demo-card:before{width:250px;height:250px;right:-100px;bottom:-155px}.demo-card:after{width:150px;height:150px;right:-30px;bottom:-100px}
.demo-card-top{display:flex;align-items:center;justify-content:space-between}.demo-card-top>b{font-size:13px;letter-spacing:.12em}.demo-card-chip{width:42px;height:31px;border-radius:7px;background:linear-gradient(135deg,#e6b66e,#fff1bb 52%,#a87735)}
.demo-card>strong{display:block;margin:48px 0 26px;font-size:clamp(18px,2vw,25px);letter-spacing:.08em;font-family:ui-monospace,Consolas,monospace}
.demo-card>div:nth-of-type(2){display:flex;justify-content:space-between;gap:20px}.demo-card small{display:block;color:#aeb5ba;font-size:9px;letter-spacing:.13em;margin-bottom:5px}.demo-card span b{font-size:11px;letter-spacing:.06em}.demo-card>em{display:block;margin-top:20px;color:var(--v37-orange);font-size:9px;font-style:normal;font-weight:900;letter-spacing:.13em}
.demo-payment-form{padding:26px;background:#fff;border:1px solid #e1e5e8;border-top:4px solid var(--v37-orange);border-radius:14px;box-shadow:0 20px 55px rgba(17,18,20,.1)}
.payment-form-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.payment-form-head span{font-size:10px;color:#8a9197;font-weight:900;letter-spacing:.12em}.payment-form-head h3{font-size:23px;margin:5px 0 0;color:#151719}.payment-form-head>b{font-size:9px;padding:7px 8px;border-radius:5px;color:#14733d;background:#eaf8f0;letter-spacing:.08em}
.demo-payment-form label{display:grid;gap:7px;margin-top:13px;color:#343a40;font-size:12px;font-weight:800}.demo-payment-form input,.demo-payment-form select{width:100%;height:46px;border:1px solid #cfd5da;border-radius:7px;background:#fff;padding:0 12px;font:inherit;font-size:14px;color:#17191b;outline:0}.demo-payment-form input:focus,.demo-payment-form select:focus{border-color:var(--v37-orange);box-shadow:0 0 0 3px rgba(255,106,0,.12)}
.demo-payment-form input[aria-invalid="true"],.demo-payment-form select[aria-invalid="true"]{border-color:#c73535;background:#fff8f8}.demo-payment-form label>small{min-height:14px;color:#b52a2a;font-size:10px;font-weight:700}
.payment-amount>span{position:relative}.payment-amount input{padding-right:45px;font-size:20px;font-weight:900}.payment-amount i{position:absolute;right:16px;top:11px;font-size:19px;font-style:normal;color:var(--v37-orange)}
.payment-form-row{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:10px}.payment-consent{grid-template-columns:auto 1fr!important;align-items:start;gap:9px!important;margin:18px 0!important}.payment-consent input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--v37-orange)}.payment-consent span{font-size:11px;line-height:1.45;color:#656b70;font-weight:600}
.payment-consent input[aria-invalid="true"]{outline:2px solid #c73535;outline-offset:2px}.payment-consent-error{display:block;min-height:14px;margin:-12px 0 12px;color:#b52a2a;font-size:10px;font-weight:700}
.payment-submit{width:100%;border:0;cursor:pointer}.payment-result{display:none;margin-top:12px;padding:12px;border-radius:7px;font-size:12px;line-height:1.5}.payment-result.show{display:block}.payment-result.ok{background:#eaf8f0;color:#17663a}.payment-result.error{background:#fff0f0;color:#9c2626}.payment-privacy{font-size:10px;color:#8b9196;line-height:1.5;margin:13px 0 0}
.public-bank-card .bank-copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.public-bank-card .bank-copy-actions button{min-height:44px;margin:0;font-size:10px;padding-inline:8px}.public-bank-card .bank-copy-actions button.secondary{background:#fff;color:#222;border:1px solid #d7dde1}.public-bank-card .bank-copy-actions button.secondary:hover{border-color:var(--v37-orange);color:var(--v37-orange)}
body[data-page="payment"] #bank-accounts{padding-top:62px}body[data-page="payment"] #payment-center{padding-bottom:62px}

/* V37.1 · daha görünür arama, kompakt filtreler ve kesintisiz ürün akışı */
body[data-page="products"] .products-section{padding-top:58px}
.products-section .products-head{margin-bottom:22px}
.catalog-search-banner{grid-template-columns:minmax(205px,.7fr) minmax(350px,1.35fr) auto;gap:18px;margin-bottom:12px;padding:16px 18px;background:linear-gradient(108deg,#fff 0 42%,#fff7f0 100%)}
.catalog-search-intro{display:flex;flex-direction:column;gap:3px;min-width:0}
.catalog-search-intro span{font-size:9px;letter-spacing:.17em;font-weight:950;color:var(--v37-orange)}
.catalog-search-intro strong{font-size:17px;line-height:1.2;color:#17191c}
.catalog-search-intro small{font-size:10.5px;line-height:1.45;color:#676d73}
.catalog-search-primary{position:relative;min-width:0}
.catalog-search-primary>span{position:absolute;left:17px;top:50%;z-index:1;transform:translateY(-50%);font-size:25px;line-height:1;color:var(--v37-orange);pointer-events:none}
.catalog-search-primary input{width:100%;height:58px;padding:0 18px 0 50px;border:2px solid #1a1c1f;border-radius:12px;background:#fff;color:#17191c;font-size:15px;font-weight:750;outline:0;box-shadow:0 12px 28px rgba(17,18,20,.08)}
.catalog-search-primary input::placeholder{color:#747a80;font-weight:650}
.catalog-search-primary:focus-within input{border-color:var(--v37-orange);box-shadow:0 0 0 4px rgba(255,106,0,.13),0 12px 28px rgba(17,18,20,.08)}
.catalog-search-banner .excel-catalog-kpis{justify-self:end;border-radius:8px;overflow:hidden}
.catalog-search-banner .excel-catalog-kpis b{justify-content:center;min-height:59px;padding:10px 13px}
.catalog-toolbar{grid-template-columns:minmax(145px,.78fr) minmax(190px,1.22fr) minmax(150px,.82fr) auto auto auto;gap:8px;align-items:stretch;margin-bottom:9px;padding:10px}
.catalog-toolbar select{width:100%;min-height:46px;padding-block:9px}
.compact-filter-toggle{min-height:46px;padding:0 10px;border:1px solid #dfe2e5;border-radius:10px;background:#fff;gap:7px}
.compact-filter-toggle span{flex:0 0 auto;width:34px;height:20px}
.compact-filter-toggle span:after{width:14px;height:14px}
.compact-filter-toggle input:checked+span:after{transform:translateX(14px)}
.compact-filter-toggle b{font-size:10px;line-height:1.2}
.catalog-toolbar #clear-filter{min-height:46px;padding-inline:14px;white-space:nowrap}
.catalog-availability-note{margin:0 0 9px;padding:8px 12px;border:1px solid #ece1d7;border-left:3px solid var(--v37-orange);border-radius:8px;background:#fffaf6;color:#656b71;font-size:10.5px;line-height:1.5}
.catalog-availability-note b{color:#17191c}
.catalog-status{scroll-margin-top:102px;margin:0 0 13px;padding:9px 12px}
.pagination{margin-top:22px}
@media(max-width:1250px){.main-nav{gap:2px}.main-nav a{padding-left:8px!important;padding-right:8px!important;font-size:10px!important}.payment-center-shell{grid-template-columns:1fr 1fr}.payment-intro{grid-column:1/-1}.demo-card{align-self:start}}
@media(max-width:1250px){.catalog-search-banner{grid-template-columns:minmax(190px,.7fr) minmax(330px,1.3fr)}.catalog-search-banner .excel-catalog-kpis{grid-column:1/-1;justify-self:stretch}.catalog-search-banner .excel-catalog-kpis b{flex:1}.catalog-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-filter-toggle{justify-content:center}.catalog-toolbar #clear-filter{grid-column:auto}}
@media(max-width:820px){.route-page-hero{padding:34px 0}.route-page-hero .container{grid-template-columns:1fr}.route-page-hero a{justify-self:start}.payment-center{padding:46px 0}.payment-center-shell{grid-template-columns:1fr}.payment-intro{grid-column:auto}.demo-card{min-height:210px;transform:none}.demo-payment-form{padding:20px}.public-bank-card .bank-copy-actions{grid-template-columns:1fr}.main-nav a.active:after,.main-nav a[aria-current="page"]:after,.main-nav a[aria-current="location"]:after{display:none}.main-nav a.active,.main-nav a[aria-current="page"],.main-nav a[aria-current="location"]{box-shadow:none}.mobile-toggle[aria-expanded="true"]{background:var(--v37-orange);color:#fff}.catalog-search-banner{grid-template-columns:1fr}.catalog-search-banner .excel-catalog-kpis{grid-column:auto}.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-toolbar #clear-filter{grid-column:1/-1}.products-section .products-head{margin-bottom:18px}}
@media(max-width:560px){body[data-page="products"] .products-section{padding-top:42px}.catalog-search-banner{gap:12px;padding:14px}.catalog-search-primary input{height:54px;font-size:13px}.catalog-search-banner .excel-catalog-kpis b{min-width:0;padding:9px 7px;font-size:15px}.catalog-search-banner .excel-catalog-kpis b small{font-size:7.5px}.catalog-toolbar{display:flex;padding:9px}.compact-filter-toggle{justify-content:flex-start;width:100%}.catalog-toolbar #clear-filter{width:100%}.catalog-availability-note{font-size:10px}.catalog-status{scroll-margin-top:82px}.pagination{margin-top:18px}}
@media(max-width:440px){.payment-form-row{grid-template-columns:1fr 1fr}.payment-form-row label:last-child{grid-column:1/-1}.demo-card>strong{font-size:17px;letter-spacing:.04em}.route-page-hero h1{font-size:38px}.payment-form-head{gap:10px}.payment-form-head h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.main-nav a,.skip-link{transition:none}.demo-card{transform:none}}