/* Electric Blue storefront */
:root {
    --sv-electric: #2449ff;
    --sv-electric-deep: #152ab2;
    --sv-navy: #0a1433;
    --sv-mint: #69f6da;
    --sv-coral: #ff785f;
    --ink: #101b39;
    --dark: var(--sv-navy);
    --aqua: #1939c2;
    --teal: var(--sv-mint);
    --muted: #4f5e78;
    --paper: #f3f6fc;
    --line: #dbe3f3;
}
a:hover { color: #102999; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible, textarea:focus-visible { outline-color: var(--sv-electric); }
.sv-notice, .sv-footer { background: var(--sv-navy); color: #e4ebff; }
.sv-search { background: #f2f5ff; }
.sv-mega summary, .sv-basket { background: #e9efff; color: var(--sv-electric-deep); }
.sv-navigation { border-color: var(--line); }
.sv-button { background: var(--sv-mint); color: var(--sv-navy); }
.sv-button:hover { background: #a0ffe8; color: var(--sv-navy); }
.sv-secondary { background: transparent; color: #fff; border-color: #ffffff88; }
.sv-secondary:hover { background: #ffffff18; color: #fff; }

.sv-whatsapp { display: inline-flex; align-items: center; gap: 7px; font-weight: 750; }
.sv-whatsapp > svg { flex: none; }
.sv-notice .sv-whatsapp-header { margin-inline-start: auto; color: var(--sv-mint); white-space: nowrap; }
.sv-notice .sv-whatsapp-header > svg { width: 17px; height: 17px; }
.sv-footer .sv-whatsapp-footer { color: var(--sv-mint); }
.sv-whatsapp-button {
    min-height: 44px;
    padding: 9px 14px;
    border-radius: 10px;
    background: #087844;
    color: #fff;
    font-size: .88rem;
    line-height: 1.25;
    text-decoration: none;
}
.sv-whatsapp-button:hover { background: #086438; color: #fff; }
.sv-whatsapp-contact { margin-block-end: 12px; }
.sv-whatsapp-floating {
    position: fixed;
    inset-inline-end: max(16px, env(safe-area-inset-right));
    inset-block-end: max(16px, calc(env(safe-area-inset-bottom) + 10px));
    z-index: 30;
    border: 2px solid #fff;
    border-radius: 100px;
    box-shadow: 0 4px 18px #08281345;
}

.sv-electric-home { padding-top: 22px; }
.sv-electric-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
    align-items: center;
    gap: clamp(16px, 4vw, 56px);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: clamp(405px, 39vw, 540px);
    padding: clamp(28px, 5vw, 69px);
    border-radius: 26px;
    color: #fff;
    background: radial-gradient(ellipse at 78% 44%, #315bff 0%, transparent 54%),
        linear-gradient(115deg, #10174d 0%, #17278d 44%, #193fd9 82%, #274fff);
}
.sv-electric-ripple {
    position: absolute;
    z-index: -1;
    right: -22%;
    top: -40%;
    width: 90%;
    height: 156%;
    border-radius: 50%;
    transform: rotate(-31deg);
    opacity: .34;
    pointer-events: none;
    background: repeating-radial-gradient(ellipse, transparent 0 62px, #95dcff 63px, transparent 65px 81px);
    mask-image: linear-gradient(95deg, transparent 4%, #000 53%);
}
.sv-electric-copy { position: relative; min-width: 0; }
.sv-electric-copy .sv-kicker { color: var(--sv-mint); margin-bottom: 16px; }
.sv-electric-copy h1 {
    max-width: 8ch;
    font-size: clamp(3.6rem, 8.2vw, 8rem);
    line-height: .89;
    letter-spacing: -.087em;
    font-weight: 880;
    margin: 0 0 22px;
}
.sv-electric-copy h1.sv-electric-home-title {
    max-width: 100%;
    font-size: clamp(2.2rem, 4.65vw, 4.2rem);
    line-height: 1.02;
    letter-spacing: -.055em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
.sv-electric-copy > p:not(.sv-kicker) { max-width: 38ch; color: #f0f4ff; font-size: clamp(1rem, 1.55vw, 1.26rem); }
.sv-electric-hero :is(a,button):focus-visible, .sv-electric-detail-endustri .sv-showcase-summary a:focus-visible { outline-color: #fff; }
.sv-electric-hero-product {
    display: grid;
    justify-items: center;
    align-content: center;
    min-width: 0;
    width: 100%;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
}
.sv-electric-hero-product:hover { color: #fff; }
.sv-electric-hero-stage {
    display: grid;
    place-items: center;
    position: relative;
    isolation: isolate;
    width: 100%;
    background: radial-gradient(ellipse, #7bc4ff66, transparent 66%);
}
.sv-electric-hero-stage::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 3.5%;
    width: 78%;
    height: 13%;
    border-radius: 50%;
    background: radial-gradient(ellipse, #080d49bd 8%, #14278880 45%, transparent 71%);
}
.sv-electric-hero-mask { position: absolute; pointer-events: none; }
.sv-electric-hero-device {
    display: block;
    width: min(100%, clamp(250px, 28vw, 400px));
    height: auto;
}
.sv-electric-hero-cutout { clip-path: url(#sv-iconic-cutout); }
.sv-electric-hero-label {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 5px 12px;
    padding: 8px 12px;
    border: 1px solid #d9ecff66;
    border-radius: 11px;
    background: #101b59;
}
.sv-electric-hero-label small { color: var(--sv-mint); font-weight: 800; font-size: .65rem; letter-spacing: .09em; }
.sv-electric-hero-label strong { display: flex; gap: 9px; align-items: center; font-size: .9rem; }
.sv-electric-hero-label b { color: var(--sv-mint); }
.sv-electric-cover { width: 100%; height: clamp(210px, 30vw, 365px); object-fit: cover; border-radius: 22px; }
.sv-header.sv-intro-header .sv-bar { display: flex; }
.sv-intro-hero { min-height: 0; padding: clamp(20px, 4vw, 56px); }
.sv-intro-hero .sv-electric-cover { height: clamp(180px, 27vw, 340px); }
.sv-intro-hero .sv-whatsapp-button { padding-inline: 12px; }
@media (max-width: 690px) {
    .sv-nav .sv-intro-nav { display: block; }
    .sv-intro-nav ul { white-space: normal; flex-wrap: wrap; gap: 4px 14px; padding: 0; }
    .sv-intro-nav a { display: inline-flex; align-items: center; min-height: 44px; }
    .sv-intro-hero .sv-electric-cover { height: clamp(102px, 29vw, 166px); }
    .sv-intro-hero .sv-electric-routes .sv-whatsapp-button { grid-column: 1 / -1; justify-content: center; }
}
.sv-electric-routes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.sv-electric-route {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    min-height: 46px;
    padding: 9px 13px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--sv-navy);
    text-decoration: none;
    background: var(--route);
}
.sv-electric-route:hover { color: var(--sv-navy); background: color-mix(in srgb,var(--route) 85%,white); }
.sv-electric-route:focus-visible { outline-offset: 2px; }
.sv-electric-route-evsel { --route: var(--sv-mint); }
.sv-electric-route-parca { color: #fff; --route: #e1eaff14; border-color: #d5e3ff85; }
.sv-electric-route-parca:hover { color: #fff; background: #e1eaff28; }
.sv-electric-route-endustri { --route: #ff977f; }
.sv-electric-route strong { font-size: .88rem; line-height: 1.22; }
.sv-electric-route b { flex: none; }
.sv-electric-home .sv-section { margin-top: clamp(38px,5.25vw,73px); }
.sv-electric-home .sv-section-head h2 { font-size: clamp(1.65rem, 3.65vw, 3rem); letter-spacing: -.049em; text-wrap: balance; }
.sv-electric-home :is(#sv-kategoriler, #sv-secki, #sv-parca-bul, #sv-proje-ve-bayi, #sv-ana-sayfa-rehberi, #sv-home-brands-title) { scroll-margin-top: 42px; }
.sv-electric-mosaic { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 11px; }
.sv-mosaic-tile {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 13px;
    min-height: 140px;
    grid-column: span 3;
    border-radius: 17px;
    overflow: hidden;
    padding: 17px 19px;
    color: #101b39;
    background: var(--tile-bg,#e7efff);
    text-decoration: none;
}
.sv-mosaic-tile > b { position: absolute; z-index: 1; top: 13px; right: 14px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #ffffffeb; color: var(--sv-navy); }
.sv-mosaic-copy { display: grid; gap: 4px; }
.sv-mosaic-copy strong { font-size: clamp(.96rem,1.7vw,1.32rem); line-height: 1.13; letter-spacing: -.024em; overflow-wrap: anywhere; }
.sv-mosaic-copy small { font-size: .76rem; font-weight: 650; }
.sv-mosaic-tile > svg { width: 37px; height: 37px; color: var(--sv-electric-deep); }
.sv-mosaic-product {
    display: grid;
    place-items: center;
    grid-template: minmax(0,1fr) / minmax(0,1fr);
    width: 100%;
    height: 110px;
    padding-inline: 22px;
    background: #ffffffa8;
    border-radius: 11px;
}
.sv-mosaic-product > img { width: 100%; max-width: 172px; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.sv-mosaic-tile.sv-kind-membrane { --tile-bg: #ccfbf1; }
.sv-mosaic-tile.sv-kind-parts { --tile-bg: #ffe1d9; }
.sv-mosaic-tile.sv-kind-tank { --tile-bg: #dfebff; }
.sv-mosaic-tile.sv-kind-valve { --tile-bg: #ede4ff; }
.sv-mosaic-tile.sv-mosaic-scene { justify-content: end; min-height: clamp(190px,22vw,295px); color: #fff; background: var(--sv-navy); }
.sv-mosaic-scene.sv-kind-unit { grid-column: span 5; }
.sv-mosaic-scene.sv-kind-filter { grid-column: span 3; }
.sv-mosaic-scene.sv-kind-plant { grid-column: span 4; }
.sv-mosaic-scene::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg,#091536 1%,#0a1955a0 41%,transparent 84%); }
.sv-mosaic-scene > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .28s ease; }
.sv-mosaic-scene:hover > img { transform: scale(1.045); }
.sv-mosaic-scene .sv-mosaic-copy strong { font-size: clamp(1rem, 2.5vw, 2.08rem); max-width: 15ch; }
.sv-electric-home .sv-renew { background: linear-gradient(120deg,#102268,#233dc5); }
.sv-electric-home .sv-renew h2 { margin-bottom: .32em; line-height: 1.12; }
.sv-electric-home .sv-renew nav a { min-height: 44px; border-color: #c4d2ff75; background: #ffffff0d; color: #fff; font-size: .91rem; }
.sv-electric-home .sv-renew nav a:hover { background: #ffffff24; }
.sv-electric-home .sv-renew :is(a,input,button):focus-visible { outline-color: #fff; }
.sv-home-page .sv-footer .sv-logo { color: #fff; }
.sv-home-page .sv-footer .sv-brand-mark { width: 30px; height: 30px; }
.sv-home-page .sv-footer p { margin-bottom: 0; }
.sv-home-page .sv-footer nav a { display: inline-flex; align-items: center; min-height: 36px; }
.sv-home-page .sv-footer a:hover { color: var(--sv-mint); }
.sv-home-professional {
    display: grid;
    grid-template-columns: minmax(0, 3.25fr) minmax(0, 1fr);
    align-items: center;
    gap: 14px;
}
.sv-home-professional > :only-child { grid-column: 1 / -1; }
.sv-home-quote {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
    overflow: hidden;
    min-height: 305px;
    border-radius: 21px;
    background: linear-gradient(125deg, #0d1745, #182c8d);
    color: #fff;
}
.sv-home-quote-copy { align-self: center; padding: clamp(20px, 3.4vw, 46px); }
.sv-home-quote .sv-kicker { color: #ffb4a2; }
.sv-home-quote h2 { margin: 0 0 12px; font-size: clamp(1.75rem, 3.1vw, 3.1rem); line-height: 1.07; text-wrap: balance; }
.sv-home-quote-copy > p:not(.sv-kicker) { color: #e6edff; max-width: 39ch; }
.sv-home-quote > img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: 57% center; }
.sv-home-quote .sv-button { background: #ff987f; }
.sv-home-quote .sv-button:hover { background: #ffbaa8; }
.sv-home-quote .sv-button:focus-visible { outline-color: #fff; }
.sv-home-dealer {
    padding: clamp(15px, 2vw, 27px);
    border: 1px solid #cbd8f8;
    border-radius: 16px;
    background: #fff;
}
.sv-home-dealer h2 { font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1.12; margin: 0 0 8px; }
.sv-home-dealer > p:not(.sv-kicker) { color: #445574; font-size: .9rem; }
.sv-home-dealer a, .sv-home-guide-card a { display: inline-flex; gap: 6px; align-items: center; min-height: 44px; color: #1737a4; font-size: .88rem; font-weight: 780; text-underline-offset: .2em; }
.sv-home-brand-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 8px;
    list-style: none;
    border: 1px solid #cbd8f8;
    border-radius: 14px;
    background: #fff;
}
.sv-home-brand-strip li { flex: 1 0 auto; }
.sv-home-brand-strip a {
    display: grid;
    place-items: center;
    min-height: 44px;
    padding: 4px 11px;
    border-radius: 8px;
    background: #eff3ff;
    color: var(--sv-navy);
    font-size: .87rem;
    font-weight: 770;
    text-decoration: none;
}
.sv-home-brand-strip a:hover { background: #dbe6ff; color: #1635a0; text-decoration: underline; }
.sv-home-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sv-home-guide-grid:empty { display: none; }
.sv-home-guide-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: clamp(15px, 2.4vw, 29px);
    border: 1px solid #d5def5;
    border-radius: 16px;
    background: var(--sv-guide-tint, #e6edff);
}
.sv-home-guide-card.sv-kind-filter { --sv-guide-tint: #dbfaf3; }
.sv-home-guide-card.sv-kind-plant { --sv-guide-tint: #ffe8e1; }
.sv-home-guide-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 14px; border-radius: 10px; background: #ffffffb8; color: #1737a4; }
.sv-home-guide-icon svg { width: 29px; height: 29px; }
.sv-home-guide-card h3 { margin: 0 0 6px; font-size: clamp(1.07rem, 1.65vw, 1.4rem); line-height: 1.2; }
.sv-home-guide-card p { margin: 0 0 5px; max-width: 42ch; color: #35445f; font-size: .94rem; }
.sv-home-guide-card a { margin-top: auto; }
.sv-home-guide-more { margin-top: 12px; border: 1px solid #cbd8f8; border-radius: 14px; background: #fff; }
.sv-home-guide-more summary { cursor: pointer; padding: 13px 16px; color: #1737a4; font-weight: 750; }
.sv-home-guide-more > div { max-width: 75ch; padding: 0 16px 16px; }

@media (max-width: 900px) {
    .sv-home-professional { grid-template-columns: minmax(0,1fr); }
    .sv-home-dealer { width: min(100%, 430px); }
}

.sv-electric-category .sv-catalog-heading {
    background: repeating-linear-gradient(115deg,transparent 0 26px,#b1c6ff16 27px 28px), linear-gradient(115deg,#102262,#2449ff);
}
.sv-electric-category .sv-catalog-heading .sv-kicker { color: var(--sv-mint); }
.sv-electric-category .sv-catalog-heading > div:first-child { min-width: 0; }
.sv-electric-category .sv-catalog-heading h1 { text-wrap: balance; overflow-wrap: break-word; line-height: 1.12; }
.sv-electric-category .sv-category-intro { max-width: 68ch; color: #e6eeff; }
.sv-electric-category .sv-catalog-count { border-color: #c4d4ff80; background: #111f644d; }
.sv-electric-category .sv-debimak-category {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.sv-debimak-category::before,
.sv-debimak-catalog-label::before,
.sv-debimak-card-signature::before,
.sv-debimak-detail-label::before {
    content: "";
    display: block;
    flex: none;
    background: currentColor;
    mask: var(--sv-debimak-icon) center / contain no-repeat;
}
.sv-debimak-category::before {
    position: absolute;
    z-index: -1;
    inset-inline-end: clamp(3%, 10vw, 12%);
    width: clamp(170px, 27vw, 360px);
    aspect-ratio: 1;
    opacity: .19;
    pointer-events: none;
}
.sv-electric-category .sv-debimak-catalog-label,
.sv-debimak-detail-label,
.sv-debimak-card-signature {
    display: inline-flex;
    align-items: center;
    gap: .48em;
    line-height: 1.3;
    font-weight: 800;
}
.sv-debimak-catalog-label::before,
.sv-debimak-card-signature::before,
.sv-debimak-detail-label::before {
    width: 1.35em;
    height: 1.35em;
}
.sv-debimak-card-signature {
    padding-top: 7px;
    border-top: 1px solid #e2e9fb;
    color: #29449d;
    font-size: .73rem;
}
.sv-debimak-detail-label {
    margin: 0 0 9px;
    padding: 6px 9px;
    border-radius: 7px;
    background: #dce7ff;
    color: #173397;
    font-size: .72rem;
    letter-spacing: .065em;
}
.sv-debimak-support-label {
    margin: 14px 0 7px;
    color: inherit;
    font-size: .95rem;
}
.sv-debimak-support-label + .sv-detail-contact { margin-top: 0; }
@media (max-width: 690px) {
    .sv-debimak-category::before {
        inset-inline-end: -17px;
        width: clamp(124px, 39vw, 200px);
        opacity: .12;
    }
}
.sv-electric-category .sv-category-tree a:hover, .sv-electric-category .sv-category-tree a[aria-current] { background: #e8efff; color: #142d90; }
.sv-category-shortcuts-title { margin: 0 0 6px; color: #435579; font-size: .8rem; font-weight: 760; }
.sv-electric-category .sv-category-chips a { display: inline-flex; align-items: center; min-height: 36px; max-width: 100%; color: #153398; overflow-wrap: anywhere; }
.sv-electric-category .sv-category-chips a[aria-current] { background: var(--sv-electric-deep); border-color: var(--sv-electric-deep); color: #fff; }
.sv-electric-category .sv-category-chips a:hover:not([aria-current]) { background: #e9efff; }
.sv-electric-category .sv-refine { padding: clamp(11px, 1.6vw, 19px); border-color: #ccd8f4; }
.sv-electric-category .sv-refine label { gap: 5px; color: #283b66; font-size: .84rem; }
.sv-electric-category .sv-refine button { background: var(--sv-electric-deep); }
.sv-electric-category .sv-refine button:hover { background: #10217f; }
.sv-electric-category .sv-refine :is(input,select,button,summary) { min-height: 44px; }
.sv-electric-category .sv-refine :is(input,select,summary) { background: #f4f7ff; border-color: #aabce7; }
.sv-electric-category .sv-refine input::placeholder { color: #526385; opacity: 1; }
.sv-electric-category .sv-refine summary { padding: 10px 12px; border: 1px solid #aabce7; border-radius: 8px; color: #162f91; font-size: .9rem; }
.sv-electric-category .sv-refine details[open] summary { background: #e7eeff; }
.sv-electric-category .sv-facet-fields { grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr)); }
.sv-electric-category .sv-apply-facets { margin-top: 10px; }
.sv-electric-category .sv-reset { display: inline-flex; align-items: center; min-height: 44px; margin-top: 4px; font-weight: 730; }
.sv-electric-category .sv-result-count { font-size: .9rem; margin-block: 0 9px; }
.sv-electric-category .sv-item h3 { line-height: 1.35; }
.sv-electric-category .sv-item-link { min-height: 44px; }
.sv-electric-category .sv-category-guide { scroll-margin-top: 55px; }
.sv-electric-card {
    border-color: #d5def2;
    border-radius: 16px;
    background: #fff;
}
.sv-electric-card:hover, .sv-electric-card:focus-within {
    border-color: #7692f7;
    box-shadow: 0 7px 20px #142d7617;
}
.sv-electric-card .sv-item-media {
    min-height: 0;
    padding: 12px 12px 10px;
    border-bottom: 1px solid #e3ebff;
    background: radial-gradient(ellipse at center, #fff, #eaf0ff);
    color: var(--sv-electric-deep);
}
.sv-electric-card .sv-item-media:has(img) { background: #fff; }
.sv-electric-card .sv-item-media > img,
.sv-electric-card .sv-item-media > svg { height: clamp(130px, 13vw, 190px); }
.sv-electric-card .sv-item-media > img { object-fit: contain; }
.sv-electric-card .sv-item-media > svg { width: 47px; }
.sv-electric-card .sv-item-info { gap: 8px; }
.sv-electric-card .sv-item-meta { color: #465778; }
.sv-electric-card .sv-item-meta code { color: #1735a1; background: #e9efff; }
.sv-electric-card .sv-item-meta span { white-space: normal; overflow-wrap: anywhere; }
.sv-electric-card h3 { margin: 0; font-weight: 780; }
.sv-electric-card-fact {
    display: grid;
    gap: 2px;
    margin: auto 0 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: linear-gradient(115deg,#102262,#2449ff);
    color: #fff;
    overflow-wrap: anywhere;
}
.sv-electric-card-fact dt { font-size: .71rem; color: #dbe8ff; }
.sv-electric-card-fact dd { margin: 0; color: var(--sv-mint); font-size: .96rem; line-height: 1.25; font-weight: 800; }
.sv-electric-card-fact-empty { color: #425476; background: #eef3ff; font-size: .75rem; }
.sv-electric-card .sv-item-link {
    padding: 5px 0 1px;
    margin-top: 0;
    border-top: 0;
    color: var(--aqua);
}
.sv-electric-card .sv-item-link > span { display: grid; place-items: center; width: 26px; height: 26px; flex: none; border-radius: 50%; background: #e9efff; }

.sv-home-showcase-card {
    --sv-showcase-stage: clamp(166px, 16.5vw, 226px);
    --sv-showcase-photo: 80%;
}
.sv-home-showcase-card[data-sku="70270012"] { --sv-showcase-photo: 76%; }
.sv-home-showcase-card[data-sku="07301080"] { --sv-showcase-photo: 100%; }
.sv-home-showcase-card[data-sku="09000001"] { --sv-showcase-photo: 93%; }
.sv-home-showcase-card .sv-item-media:has(img) {
    box-sizing: border-box;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    height: var(--sv-showcase-stage);
    padding: 4px;
    background: radial-gradient(ellipse at 50% 44%, #fff 20%, #eef3ff 100%);
}
.sv-electric-card.sv-home-showcase-card .sv-item-media > img {
    width: 100%;
    height: var(--sv-showcase-photo);
    object-fit: contain;
    mix-blend-mode: multiply;
}
.sv-home-showcase-card .sv-electric-card-fact {
    align-self: flex-start;
    max-width: 100%;
    padding: 4px 9px;
    border: 1px solid #cbd9ff;
    border-radius: 99px;
    background: #edf3ff;
    color: #142e91;
}
.sv-home-showcase-card .sv-electric-card-fact dd {
    color: inherit;
    font-size: .78rem;
    line-height: 1.3;
}
.sv-home-showcase-card .sv-item-meta { font-size: .8rem; }
.sv-home-showcase-card .sv-item-link { min-height: 44px; padding-block: 7px; font-size: .86rem; }
.sv-home-showcase-card h3 { line-height: 1.36; overflow-wrap: break-word; }

.sv-electric-detail {
    background: radial-gradient(ellipse at 94% 8%,#c7ebff,transparent 61%),linear-gradient(130deg,#eef7ff,#e5f3ff);
    border-color: #d4e5ff;
    column-gap: clamp(18px, 3vw, 44px);
}
.sv-electric-detail-endustri {
    background: repeating-linear-gradient(119deg,transparent 0 31px,#96baff13 32px 33px),linear-gradient(113deg,#0a1433,#132870 68%,#1938c4);
    color: #fff;
    border-color: transparent;
}
.sv-electric-detail-endustri .sv-showcase-title .sv-kicker { color: var(--sv-mint); }
.sv-electric-detail .sv-showcase-title { min-width: 0; padding-top: 0; }
.sv-electric-detail .sv-showcase-title h1 { max-width: 22ch; text-wrap: balance; line-height: 1.1; letter-spacing: -.05em; }
.sv-electric-detail .sv-showcase-title .sv-electric-long-title { max-width: none; font-size: clamp(1.75rem, 3.1vw, 3.15rem); text-wrap: wrap; }
.sv-electric-detail .sv-showcase-meta code { background: #fff; color: var(--sv-navy); }
.sv-electric-detail .sv-showcase-meta .sv-detail-code { min-width: 0; overflow-wrap: anywhere; }
.sv-electric-detail-endustri .sv-review-status { background: #dbe7ff; color: #14275e; }
.sv-electric-detail .sv-showcase-facts > div { min-width: 0; background: #fff; border-color: #d5e1f7; }
.sv-electric-detail .sv-showcase-facts dt { color: #435579; font-size: .8rem; overflow-wrap: anywhere; }
.sv-electric-detail .sv-showcase-facts .sv-electric-wide-fact { grid-column: 1 / -1; }
.sv-electric-detail .sv-showcase-facts dd { font-size: clamp(.89rem, 1.55vw, 1.25rem); }
.sv-electric-detail .sv-showcase-media { align-self: start; min-width: 0; grid-template: auto auto / minmax(0,1fr); border: 1px solid #dbe5f8; border-radius: 15px; padding: clamp(12px,2.4vw,28px); gap: 10px; }
.sv-electric-detail .sv-showcase-media > img { object-fit: contain; }
.sv-electric-detail .sv-showcase-media:not(:has(img)) { background: radial-gradient(ellipse at center,#f9fbff,#e4edff); color: var(--sv-electric-deep); }
.sv-electric-detail .sv-showcase-media:not(:has(img)) > svg { width: 64px; height: 64px; }
.sv-electric-photo-caption { display: flex; flex-wrap: wrap; align-items: center; justify-self: stretch; justify-content: space-between; gap: 5px 9px; padding-top: 6px; border-top: 1px solid #e1e9fa; color: #344567; font-size: .82rem; overflow-wrap: anywhere; }
.sv-electric-photo-caption.sv-electric-photo-missing { justify-content: center; }
.sv-electric-photo-caption > span { flex: 1 1 130px; }
.sv-electric-photo-caption .sv-showcase-zoom { position: static; display: inline-flex; align-items: center; min-height: 44px; margin-inline-start: auto; padding-inline: 9px; color: #1737a4; }
.sv-electric-photo-caption .sv-showcase-zoom:hover { background: #edf3ff; }
.sv-electric-detail .sv-showcase-summary { min-width: 0; padding-top: 14px; }
.sv-detail-contact, .sv-detail-jumps { display: flex; flex-wrap: wrap; gap: 8px; }
.sv-detail-contact { margin-top: 14px; }
.sv-detail-jumps { margin-top: 9px; }
.sv-detail-contact > a, .sv-detail-jumps > a { min-width: 0; max-width: 100%; min-height: 44px; font-size: .88rem; line-height: 1.3; overflow-wrap: anywhere; }
.sv-detail-contact > a { flex: 1 1 auto; justify-content: center; text-align: center; }
.sv-detail-jumps > a { justify-content: space-between; }
.sv-detail-jumps > a > span { flex: none; }
.sv-electric-detail .sv-outline { gap: 5px; }
.sv-electric-detail-endustri .sv-outline { border-color: #a7b8fd; background: transparent; color: #fff; }
.sv-electric-detail-endustri .sv-outline:hover { background: #ffffff19; }
.sv-electric-detail .sv-electric-quote { background: var(--sv-coral); }
.sv-electric-detail .sv-electric-quote:hover { background: #ffa490; }
.sv-electric-specs { border-top: 3px solid var(--sv-electric); scroll-margin-top: 48px; }
.sv-electric-specs .sv-specs > div { padding: 10px 11px; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); font-size: .94rem; line-height: 1.45; }
.sv-electric-specs .sv-specs > div:nth-child(odd) { background: #f2f6ff; }
.sv-electric-specs .sv-specs dt { color: #3d5073; font-weight: 650; overflow-wrap: anywhere; }
.sv-electric-specs :is(.sv-spec-sources,.sv-product-description) { overflow-wrap: anywhere; }
.sv-product-guide { background: #fff; border: 1px solid var(--line); border-top: 3px solid var(--sv-electric); border-radius: 14px; padding: clamp(18px, 3vw, 33px); scroll-margin-top: 7rem; }
.sv-product-guide .sv-product-description, .sv-guide-related { max-width: 72ch; line-height: 1.65; overflow-wrap: anywhere; }
.sv-product-guide h3 { margin: 1.35em 0 .35em; }
.sv-product-guide p { margin: .4em 0 .85em; }
.sv-guide-related { border-top: 1px solid var(--line); margin-top: 1.5rem; }
.sv-guide-related ul { padding-inline-start: 1.25rem; }
.sv-guide-related li + li { margin-top: .45em; }
.sv-guide-related a { color: #1741bf; text-decoration: underline; text-underline-offset: .2em; }
.sv-category-guide { margin-block: clamp(18px, 3vw, 34px); }
.sv-category-guide-link {
    display: inline-flex;
    align-items: center;
    gap: .45em;
    min-height: 44px;
    margin-top: .35rem;
    padding: .45rem .8rem;
    border: 1px solid #dbe8ff;
    border-radius: 9px;
    background: #f3f7ff;
    color: var(--sv-navy);
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: .2em;
}
.sv-category-guide-link:hover { background: #dbe8ff; color: var(--sv-navy); }
.sv-category-guide-link:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
    box-shadow: 0 0 0 8px var(--sv-navy);
}
.sv-site-guide > p { max-width: 72ch; line-height: 1.65; overflow-wrap: anywhere; }

@media (max-width: 690px) {
    .sv-electric-home .sv-section-head { display: grid; justify-content: start; gap: 3px; }
    .sv-electric-home .sv-section-head > a { justify-self: start; display: inline-flex; align-items: center; min-height: 40px; margin: 0; font-size: .87rem; }
    .sv-electric-home .sv-section-head .sv-kicker { margin-bottom: 6px; }
    .sv-electric-home :is(#sv-kategoriler, #sv-secki, #sv-parca-bul, #sv-proje-ve-bayi, #sv-ana-sayfa-rehberi, #sv-home-brands-title) { scroll-margin-top: 12px; }
    .sv-electric-home :is(#sv-kategoriler, #sv-secki, #sv-home-brands-title) { scroll-margin-top: 34px; }
    .sv-electric-home .sv-mosaic-copy small { font-size: .8rem; }
    .sv-home-page .sv-footer { padding-block: 29px; }
    .sv-home-page .sv-footer-grid { gap: 18px; }
    .sv-home-page .sv-footer nav ul { gap: 2px 14px; }
    .sv-home-quote { grid-template-columns: minmax(0,1fr); min-height: 0; border-radius: 15px; }
    .sv-home-quote > img { order: -1; height: clamp(124px, 42vw, 215px); object-position: center 55%; }
    .sv-home-brand-strip { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
    .sv-home-brand-strip a { padding-inline: 3px; font-size: .77rem; text-align: center; overflow-wrap: anywhere; }
    .sv-home-guide-grid { grid-template-columns: minmax(0,1fr); gap: 8px; }
    .sv-home-guide-card { display: grid; grid-template-columns: 39px minmax(0,1fr); column-gap: 11px; }
    .sv-home-guide-card .sv-home-guide-icon { grid-row: 1 / span 3; width: 39px; height: 39px; margin: 0; }
    .sv-home-guide-card :is(h3,p,a) { grid-column: 2; }
    .sv-home-showcase-card { --sv-showcase-stage: clamp(120px, 37vw, 162px); }
    html { scroll-padding-top: 44px; }
    .sv-notice { position: sticky; top: 0; z-index: 30; }
    .sv-notice .sv-notice-announcement { display: none; }
    .sv-notice .sv-whatsapp-header { margin-inline-start: 0; min-height: 44px; }
    .sv-whatsapp-floating { display: none; }
    .sv-electric-home { padding-top: 12px; }
    .sv-electric-detail ~ #sv-benzer-urunler {
        content-visibility: auto;
        contain-intrinsic-block-size: auto 340px;
    }
    .sv-electric-hero { grid-template-columns: minmax(0,1fr); gap: 13px; padding: 21px 16px 17px; min-height: 0; border-radius: 17px; }
    .sv-electric-copy .sv-kicker { font-size: .67rem; margin-bottom: 10px; }
    .sv-electric-copy h1 { font-size: clamp(3.45rem,12vw,5.2rem); max-width: 12ch; margin-bottom: 12px; }
    .sv-electric-copy > p:not(.sv-kicker) { margin-bottom: 8px; font-size: .93rem; }
    .sv-electric-copy h1.sv-electric-home-title { font-size: clamp(1.8rem, 7.6vw, 2.85rem); line-height: 1.1; }
    .sv-electric-hero-device { width: clamp(154px, 52vw, 238px); }
    .sv-electric-hero-label strong { font-size: .8rem; }
    .sv-electric-cover { height: clamp(140px, 44vw, 225px); border-radius: 12px; }
    .sv-electric-ripple { right: -54%; top: 11%; width: 157%; height: 99%; opacity: .27; }
    .sv-electric-routes { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 14px; }
    .sv-electric-route { min-height: 44px; padding: 7px 9px; gap: 5px; }
    .sv-electric-route strong { font-size: clamp(.75rem,3.2vw,.92rem); }
    .sv-electric-route-parca { grid-column: 1 / -1; }
    .sv-electric-mosaic { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
    .sv-electric-mosaic .sv-mosaic-tile { grid-column: span 1; min-height: 112px; padding: 11px 12px; border-radius: 12px; }
    .sv-electric-mosaic .sv-mosaic-scene { min-height: 143px; }
    .sv-electric-mosaic .sv-mosaic-scene:is(.sv-kind-unit,.sv-kind-plant,.sv-kind-filter) { grid-column: span 2; min-height: 136px; }
    .sv-mosaic-scene .sv-mosaic-copy strong { max-width: 24ch; padding-right: 14px; }
    .sv-mosaic-product { height: 78px; padding-inline: 14px; }
    .sv-mosaic-product > img { max-width: 114px; }
    .sv-mosaic-tile > b { width: 25px; height: 25px; top: 8px; right: 8px; font-size: .82rem; }
    .sv-mosaic-tile > svg { width: 30px; height: 30px; }
    .sv-electric-category .sv-header .sv-search, .sv-electric-category .sv-catalog-sidebar { display: none; }
    .sv-electric-category .sv-catalog-heading { min-height: 0; padding: 15px 13px; }
    .sv-electric-category .sv-catalog-layout { grid-template-columns: minmax(0,1fr); }
    .sv-electric-category .sv-product-grid > .sv-item:nth-child(n+5) {
        content-visibility: auto;
        contain-intrinsic-block-size: auto 250px;
    }
    .sv-electric-category .sv-category-chips {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 6px;
        padding: 4px 3px 7px;
        margin-bottom: 4px;
        scrollbar-width: thin;
        scrollbar-color: #a5b7fa transparent;
    }
    .sv-electric-category .sv-category-chips a { flex: none; max-width: min(82%, 24ch); min-height: 44px; padding-block: 6px; line-height: 1.25; border-color: #d3def9; }
    .sv-electric-category .sv-category-chips a[aria-current] { color: #fff; }
    .sv-electric-category .sv-refine { display: block; margin-block: 8px 11px; border-radius: 12px; }
    .sv-electric-category .sv-refine-top { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
    .sv-electric-category .sv-refine-top > label:first-child { grid-area: 1 / 1; }
    .sv-electric-category .sv-refine-top > button { grid-area: 1 / 2; }
    .sv-electric-category .sv-refine-top > label:nth-child(2) { grid-area: 2 / 1 / 3 / -1; }
    .sv-electric-category .sv-refine details { margin-top: 9px; }
    .sv-electric-category .sv-refine input[type="search"] { font-size: 1rem; }
    .sv-electric-category .sv-refine select { font-size: .9rem; }
    .sv-electric-category .sv-refine .sv-facet-fields { grid-template-columns: repeat(auto-fit,minmax(min(100%, 125px),1fr)); }
    .sv-electric-category .sv-apply-facets { width: 100%; }
    .sv-electric-category .sv-category-guide { scroll-margin-top: 12px; }
    .sv-electric-card { border-radius: 12px; }
    .sv-electric-card .sv-item-media { padding: 8px; }
    .sv-electric-card .sv-item-media > img,
    .sv-electric-card .sv-item-media > svg { height: clamp(96px,28vw,144px); }
    .sv-electric-card .sv-item-info { gap: 6px; }
    .sv-electric-card-fact { padding: 6px 7px; }
    .sv-electric-card-fact dd { font-size: .85rem; }
    .sv-electric-detail .sv-showcase-title h1 { font-size: clamp(1.75rem,8.25vw,2.6rem); }
    .sv-electric-detail .sv-showcase-title .sv-electric-long-title { font-size: clamp(1.48rem,6.9vw,2.2rem); }
    .sv-electric-detail .sv-showcase-media { padding: 10px; }
    .sv-electric-detail .sv-showcase-summary { padding-top: 0; }
    .sv-detail-contact { display: grid; grid-template-columns: minmax(0,1fr); }
    .sv-detail-jumps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sv-detail-jumps > .sv-detail-category-link, .sv-detail-jumps > a:only-child { grid-column: 1 / -1; }
    .sv-detail-jumps > a { padding: 7px 8px; font-size: .8rem; }
    .sv-electric-detail .sv-showcase-facts > div { padding: 8px; }
    .sv-electric-specs .sv-specs > div { gap: 9px; padding: 9px 8px; font-size: .88rem; }
    .sv-electric-specs, .sv-electric-detail ~ #sv-urun-rehberi { scroll-margin-top: 12px; }
}

@media (max-width: 360px) {
    .sv-home-page .sv-header .sv-bar { column-gap: 7px; }
    .sv-home-page .sv-header .sv-logo { gap: 5px; font-size: .86rem; line-height: 1.2; }
    .sv-home-page .sv-header .sv-utilities { gap: 5px; }
    .sv-electric-hero-label { grid-template-columns: minmax(0,1fr); gap: 0; }
    .sv-electric-home .sv-part-search { display: grid; grid-template-columns: minmax(0,1fr); }
    .sv-electric-home .sv-part-search input { width: 100%; min-height: 44px; }
    .sv-electric-home .sv-part-search button { justify-self: start; min-height: 44px; }
}


.sv-debimak-logo {
    display: flex;
    width: min(258px, 100%);
    padding-block: 5px;
}
.sv-debimak-logo img {
    display: block;
    width: 100%;
    height: auto;
}
.sv-header .sv-identity { min-width: 0; }
.sv-header .sv-bar {
    grid-template-columns: minmax(200px, 1.18fr) minmax(210px, 2.25fr) minmax(155px, 1fr);
}
.sv-footer .sv-debimak-logo { width: min(242px, 100%); }
.sv-debimak-hero-mark {
    position: absolute;
    z-index: -1;
    inset-inline-end: -3%;
    inset-block-start: 50%;
    width: min(55%, 600px);
    height: auto;
    transform: translateY(-50%);
    filter: brightness(0) invert(1);
    opacity: .12;
    pointer-events: none;
}
.sv-debimak-page-mark { display: block; margin-bottom: 10px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .sv-debimak-logo img { transition: transform .2s ease-out; }
    .sv-debimak-logo:hover img { transform: translateX(3px); }
}
@media (max-width: 690px) {
    .sv-header .sv-bar { grid-template-columns: minmax(0, 1fr) auto; }
    .sv-header .sv-debimak-logo { width: min(194px, 100%); }
    .sv-footer .sv-debimak-logo { width: min(212px, 100%); }
    .sv-debimak-hero-mark {
        inset-inline-end: -12%;
        inset-block: auto -12%;
        width: 88%;
        transform: none;
    }
}

/* Evsel cihaz vitrini */
.sv-electric-detail.sv-device-hero {
    background: radial-gradient(ellipse at 16% 10%, #3454ef, transparent 62%), linear-gradient(132deg, #0c1649, #192e9e);
    color: #fff;
    border-color: transparent;
}
.sv-device-hero .sv-kicker { color: var(--sv-mint); }
.sv-device-hero .sv-device-lead { max-width: 54ch; margin: 0 0 12px; color: #e4ecff; line-height: 1.56; }
.sv-device-hero .sv-showcase-media { box-shadow: 0 15px 35px #09154344; }
.sv-device-hero .sv-outline { color: #fff; background: #ffffff0a; border-color: #a5b7f3; }
.sv-device-hero .sv-outline:hover { background: #ffffff22; color: #fff; }
.sv-device-hero .sv-showcase-summary a:focus-visible { outline-color: #fff; }
.sv-device-hero .sv-showcase-facts > div { border-radius: 10px; background: #f3f6ff; }
.sv-device-guide { scroll-margin-top: 46px; }
.sv-device-guide-head { margin-bottom: 15px; }
.sv-device-guide-head h2 { margin-bottom: 8px; font-size: clamp(1.65rem, 3.1vw, 2.75rem); }
.sv-device-guide-head > p:not(.sv-kicker) { max-width: 76ch; color: #36496e; }
.sv-device-steps, .sv-device-bottom { display: grid; gap: 13px; }
.sv-device-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
.sv-device-steps > article, .sv-device-faq, .sv-device-compare {
    min-width: 0; padding: clamp(15px, 2.4vw, 27px); border: 1px solid #d2ddfb; border-radius: 16px; overflow-wrap: anywhere;
}
.sv-device-steps > article { background: #e6eeff; }
.sv-device-steps > article:first-child { background: #e2f9f4; }
.sv-device-steps > article:last-child { background: #f0eaff; }
.sv-device-step-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; color: #223eb1; font-size: .81rem; font-weight: 800; }
.sv-device-step-top svg { width: 33px; height: 33px; }
.sv-device-steps h3, .sv-device-bottom h3 { margin: 0 0 8px; line-height: 1.22; }
.sv-device-steps p, .sv-device-bottom p { margin: 0; color: #3c4b6c; }
.sv-device-bottom { grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); margin-top: 13px; }
.sv-device-faq { background: #fff; }
.sv-device-faq details { border-top: 1px solid #e1e8fa; }
.sv-device-faq summary { padding: 11px 2px; cursor: pointer; color: #163590; font-weight: 760; }
.sv-device-faq details > p { padding: 0 2px 13px; }
.sv-device-compare { background: #e9efff; }
.sv-device-compare .sv-kicker { color: #243ea5; margin-bottom: 8px; }
.sv-device-compare > p:not(.sv-kicker) { font-size: .88rem; }
.sv-device-compare a { display: block; margin-top: 9px; padding: 8px 10px; border: 1px solid #c9d6fc; border-radius: 8px; background: #fff; color: #1a399e; font-weight: 730; }
.sv-device-compare a small { display: block; color: #4a5b80; font-weight: 600; }
@media (max-width: 690px) {
    .sv-device-guide { scroll-margin-top: 12px; }
    .sv-device-steps, .sv-device-bottom { grid-template-columns: minmax(0,1fr); gap: 8px; }
    .sv-device-hero .sv-device-lead { font-size: .93rem; }
}