.sf-brand-home{--sfb-petrol: var(--sfc-petrol, #073f43);--sfb-petrol-2: var(--sfc-petrol-2, #0b5960);--sfb-orange: var(--sfc-orange, #f58a1f);--sfb-ink: var(--sfc-ink, #101719);--sfb-muted: var(--sfc-muted, #617174);--sfb-line: var(--sfc-line, #dce7e8);padding:clamp(15px,2.4vw,26px) 12px clamp(20px,3vw,34px);color:var(--sfb-ink);background:radial-gradient(circle at 100% 0,rgba(11,89,96,.07),transparent 24rem),#fff;text-align:start}.sf-brand-home *,.sf-brand-home *:before,.sf-brand-home *:after{box-sizing:border-box}.sf-brand-home__shell{position:relative;isolation:isolate;width:min(100%,1180px);margin-inline:auto;padding:clamp(15px,2.8vw,28px);color:#fff;background:linear-gradient(135deg,#073f43,#064b50 53%,#0b5960);border:1px solid rgba(255,255,255,.14);border-radius:24px;box-shadow:0 22px 54px #032f332e,inset 0 1px #ffffff1f;overflow:hidden}.sf-brand-home__shell:before{content:"";position:absolute;z-index:-2;width:360px;aspect-ratio:1;inset-block-start:-245px;inset-inline-end:-110px;background:radial-gradient(circle,#f58a1f4f,#f58a1f00 68%);pointer-events:none}.sf-brand-home__shell:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(135deg,#000 0,transparent 68%);mask-image:linear-gradient(135deg,#000 0,transparent 68%);pointer-events:none}.sf-brand-home__top{display:grid;gap:13px;align-items:center}.sf-brand-home__heading{max-width:720px;margin:0 auto;text-align:center}.sf-brand-home__eyebrow{display:inline-flex;align-items:center;gap:7px;min-height:27px;padding:4px 10px;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sf-brand-home__eyebrow:before{content:"";width:7px;height:7px;background:var(--sfb-orange);border-radius:50%;box-shadow:0 0 0 4px #f58a1f24}.sf-brand-home__heading h1{margin:8px 0 4px;color:#fff;font-size:clamp(25px,5.2vw,42px);line-height:1.14;letter-spacing:-.025em}.sf-brand-home__heading p{max-width:620px;margin:0 auto;color:#ffffffba;font-size:clamp(12px,2vw,15px);line-height:1.62}.sf-brand-engineering{position:relative;min-width:0;min-height:62px;padding:7px 9px;display:grid;grid-template-columns:46px minmax(0,1fr) 40px;align-items:center;gap:9px;color:#fff;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(135deg,#ffffff1a,#ffffff0b);background-size:15px 15px,15px 15px,auto;border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 13px 30px #011c1f33,inset 0 1px #ffffff1a;overflow:hidden}.sf-brand-engineering:after{content:"";position:absolute;width:110px;height:110px;inset-block-start:-68px;inset-inline-end:-30px;background:radial-gradient(circle,rgba(245,138,31,.3),transparent 68%);pointer-events:none}.sf-brand-engineering__vehicle,.sf-brand-engineering__target{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.13);border-radius:13px}.sf-brand-engineering__vehicle svg{width:34px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sf-brand-engineering__flow,.sf-brand-engineering__copy{min-width:0;display:grid;gap:4px}.sf-brand-engineering__copy{gap:1px}.sf-brand-engineering__copy strong{color:#fff;font-size:clamp(12px,2vw,15px);line-height:1.3}.sf-brand-engineering__copy small{color:#ffffff9e;font-size:9px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-brand-engineering__rail{position:relative;height:10px;display:flex;align-items:center;justify-content:space-between}.sf-brand-engineering__rail:before,.sf-brand-engineering__rail b{content:"";position:absolute;height:1px;inset-inline:2px;inset-block-start:50%;background:#fff3}.sf-brand-engineering__rail b{background:linear-gradient(90deg,transparent,var(--sfb-orange),transparent);transform-origin:center;animation:sfBrandEngineeringScan 2.2s ease-in-out infinite}.sf-brand-engineering__rail i{position:relative;z-index:1;width:6px;height:6px;background:#fff;border:2px solid rgba(7,63,67,.75);border-radius:50%;box-shadow:0 0 0 2px #ffffff1f}.sf-brand-engineering__rail i:nth-child(2){background:var(--sfb-orange);box-shadow:0 0 0 3px #f58a1f26}.sf-brand-engineering__target{width:38px;height:38px;color:var(--sfb-orange);background:#f58a1f1a;border-color:#f58a1f3d}.sf-brand-engineering__target svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes sfBrandEngineeringScan{0%,to{opacity:.25;transform:scaleX(.15)}50%{opacity:1;transform:scaleX(1)}}.sf-brand-home__group{margin-block-start:15px}.sf-brand-home__group-heading{margin-block-end:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sf-brand-home__group-heading h2{margin:0;color:#fff;font-size:clamp(16px,2.4vw,21px);line-height:1.35}.sf-brand-home__group-heading>span{min-height:28px;padding:5px 10px;display:inline-flex;align-items:center;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:10px;font-weight:800}.sf-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sf-brand-grid--priority{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}.sf-brand-grid--priority .sf-brand-card{min-height:90px;grid-template-rows:48px auto}.sf-brand-grid--priority .sf-brand-card__mark{height:48px;padding-inline:8px}.sf-brand-grid--priority .sf-brand-mark{width:min(100%,78px);height:44px}.sf-brand-card{position:relative;min-width:0;min-height:86px;padding:6px 4px 7px;display:grid;grid-template-rows:44px auto;place-items:center;align-content:center;color:var(--sfb-petrol);text-align:center;text-decoration:none;background:linear-gradient(180deg,#fff,#f9fbfb);border:1px solid rgba(255,255,255,.94);border-radius:14px;box-shadow:0 8px 19px #011e2129,inset 0 -1px #073f430f;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sf-brand-card:after{content:"";position:absolute;inset-block-start:0;inset-inline:23%;height:2px;background:var(--sfb-orange);border-radius:0 0 3px 3px;opacity:0;transform:scaleX(.5);transition:opacity .16s ease,transform .16s ease}.sf-brand-card__mark{width:100%;height:44px;display:grid;place-items:center;color:var(--sfb-petrol)}.sf-brand-mark{width:min(100%,70px);height:40px;display:block;object-fit:contain;object-position:center;overflow:visible}.sf-brand-card strong{max-width:100%;color:var(--sfb-ink);font-size:clamp(10px,2.7vw,13px);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-brand-card small{display:none}.sf-brand-regions{margin-top:11px}.sf-brand-region{color:#fff;background:#ffffff13;border:1px solid rgba(255,255,255,.13);border-radius:15px;overflow:clip;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sf-brand-region summary{min-height:48px;padding:7px 10px 7px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:8px;color:#fff;cursor:pointer;list-style:none}.sf-brand-region summary::-webkit-details-marker{display:none}.sf-brand-region__title{color:#fff;font-size:13px;font-weight:850}.sf-brand-region__count{min-height:25px;padding:4px 9px;display:inline-flex;align-items:center;color:#ffe0bf;background:#f58a1f24;border:1px solid rgba(245,138,31,.25);border-radius:999px;font-size:10px;font-weight:800}.sf-brand-region__toggle{width:30px;height:30px;display:grid;place-items:center;color:var(--sfb-orange);background:#ffffff17;border:1px solid rgba(255,255,255,.12);border-radius:10px}.sf-brand-region__toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .16s ease}.sf-brand-region[open] summary{border-block-end:1px solid rgba(255,255,255,.1)}.sf-brand-region[open] .sf-brand-region__toggle svg{transform:rotate(180deg)}.sf-brand-slider{padding:8px 9px 10px}.sf-brand-slider__head{min-height:34px;margin-block-end:6px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sf-brand-slider__head>span{color:#ffffffb8;font-size:10px;font-weight:700}.sf-brand-slider__controls{display:flex;gap:6px}.sf-brand-slider__controls button{width:32px;height:32px;padding:0;display:grid;place-items:center;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer;transition:opacity .14s ease,background-color .14s ease,transform .14s ease}.sf-brand-slider__controls button[data-sf-brand-slider-next]{color:var(--sfb-petrol);background:var(--sfb-orange);border-color:var(--sfb-orange);box-shadow:0 6px 14px #f58a1f3d}.sf-brand-slider__controls button:disabled{opacity:.32;cursor:default;box-shadow:none}.sf-brand-slider__controls svg,.sf-brand-slider__cue svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sf-brand-home[dir=rtl] [data-sf-brand-slider-prev] svg,.sf-brand-home[dir=ltr] [data-sf-brand-slider-next] svg,.sf-brand-home[dir=ltr] .sf-brand-slider__cue svg{transform:rotate(180deg)}.sf-brand-slider__track{position:relative}.sf-brand-slider__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scroll-padding-inline:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x}.sf-brand-slider__viewport::-webkit-scrollbar{display:none}.sf-brand-slider__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.sf-brand-grid--nested{width:max-content;min-width:100%;display:flex;gap:7px;padding:2px 3px 5px}.sf-brand-grid--nested .sf-brand-card{flex:0 0 82px;min-height:70px;padding:4px 4px 5px;grid-template-rows:37px auto;border-radius:12px;scroll-snap-align:start;box-shadow:0 5px 13px #011d2029}.sf-brand-grid--nested .sf-brand-card__mark{height:37px}.sf-brand-grid--nested .sf-brand-mark{width:62px;height:34px}.sf-brand-grid--nested .sf-brand-card strong{font-size:9.5px}.sf-brand-slider__cue{position:absolute;inset-block-start:50%;inset-inline-end:3px;z-index:3;width:52px;height:35px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:1px;color:var(--sfb-petrol);background:var(--sfb-orange);border:2px solid rgba(255,255,255,.88);border-radius:999px;box-shadow:0 8px 20px #011b1e52;pointer-events:none;animation:sfBrandCuePulse 1.35s ease-in-out infinite}.sf-brand-slider__cue span{font-size:8px;font-weight:900}.sf-brand-slider__cue[hidden]{display:none}.sf-brand-home :where(a,summary,button,[tabindex]):focus-visible{outline:3px solid rgba(245,138,31,.82);outline-offset:3px}@keyframes sfBrandCuePulse{0%,to{box-shadow:0 8px 20px #011b1e52}50%{box-shadow:0 8px 20px #011b1e52,0 0 0 5px #f58a1f29}}body.template-index .sf5-parts-catalog-hub{display:none!important}@media(hover:hover)and (pointer:fine){.sf-brand-card:hover{color:var(--sfb-petrol);border-color:#f58a1fb8;box-shadow:0 13px 25px #011e213b;transform:translateY(-2px)}.sf-brand-card:hover:after{opacity:1;transform:scaleX(1)}.sf-brand-slider__controls button:not(:disabled):hover{transform:translateY(-1px)}}@media(min-width:680px){.sf-brand-grid--priority{gap:10px}.sf-brand-card{min-height:91px}}@media(min-width:900px){.sf-brand-home__top{grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:24px}.sf-brand-home__heading{width:100%;margin:0;text-align:start}.sf-brand-home__heading p{margin-inline:0}.sf-brand-home__group{margin-block-start:19px}}@media(min-width:990px){.sf-brand-grid--priority{width:min(100%,760px);margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:390px){.sf-brand-home{padding-inline:8px}.sf-brand-home__shell{padding:14px 9px;border-radius:20px}.sf-brand-home__top{gap:11px}.sf-brand-home__heading p{font-size:11.5px}.sf-brand-engineering{min-height:58px;padding:6px 7px;grid-template-columns:40px minmax(0,1fr) 35px;gap:7px}.sf-brand-engineering__vehicle{width:38px;height:38px}.sf-brand-engineering__vehicle svg{width:31px}.sf-brand-engineering__target{width:34px;height:34px}.sf-brand-engineering__copy strong{font-size:11.5px}.sf-brand-engineering__copy small{font-size:8px}.sf-brand-grid{gap:6px}.sf-brand-card{min-height:80px;padding-inline:3px;grid-template-rows:40px auto;border-radius:12px}.sf-brand-card__mark{height:40px}.sf-brand-mark{width:min(100%,60px);height:36px}.sf-brand-grid--priority .sf-brand-card{min-height:82px;grid-template-rows:42px auto}.sf-brand-grid--priority .sf-brand-card__mark{height:42px;padding-inline:5px}.sf-brand-grid--priority .sf-brand-mark{width:min(100%,68px);height:38px}.sf-brand-card strong{font-size:9.7px}.sf-brand-region__count{padding-inline:7px;font-size:9px}.sf-brand-grid--nested .sf-brand-card{flex-basis:76px}}@media(prefers-reduced-motion:reduce){.sf-brand-home *,.sf-brand-home *:before,.sf-brand-home *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/senfineco-brand-first-home.css.map */