.dealer-portal-demo{--dp-duration:10s;--dp-ease:cubic-bezier(.22, 1, .36, 1);position:absolute;inset:0}.dp{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.dp__canvas{--u:calc(100cqw / 760);--c-bg:#f9fafb;--c-elevated:#fff;--c-subtle:#f3f4f6;--c-text:#111827;--c-text-2:#4b5563;--c-text-3:#9ca3af;--c-border:#e5e7eb;--c-primary:#2563eb;--c-primary-hover:#1f54c8;--c-primary-active:#1a45a5;--c-primary-subtle:#eef3fd;--c-focus:#92b1f5;--c-success:#22c55e;--c-warning:#f19024;--c-warning-hover:#d97706;--c-warning-text:#1c1917;--c-danger:#ef4444;--c-danger-subtle:#fef2f2;--c-shadow:#0000001f;background:var(--c-bg);width:100%;height:100%;color:var(--c-text);font-family:var(--font-family-body);font-size:calc(11 * var(--u));-webkit-font-smoothing:antialiased;user-select:none;flex-direction:column;line-height:1.2;display:flex}.dp__canvas ul{margin:0;padding:0;list-style:none}.dp__canvas dl,.dp__canvas dd{margin:0}.dp .demo-icon{width:calc(var(--icon-size) * var(--u));height:calc(var(--icon-size) * var(--u));flex:none}.dp-header{flex:none}.dp-bar{align-items:center;gap:calc(12 * var(--u));height:calc(44 * var(--u));padding:0 calc(14 * var(--u));background:linear-gradient(180deg, var(--c-primary-hover), var(--c-primary-active));box-shadow:inset 0 1px 0 #ffffff14, 0 calc(2 * var(--u)) calc(10 * var(--u)) #0003;color:#fff;display:flex}.dp-logo{flex:none;align-items:center;display:flex}.dp-logo img{width:auto;height:calc(19 * var(--u));filter:brightness(0)invert();display:block}.dp-search{align-items:center;gap:calc(6 * var(--u));min-width:0;max-width:calc(350 * var(--u));height:calc(28 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(8 * var(--u));box-shadow:0 1px calc(4 * var(--u)) #0000001a;color:var(--c-text-3);background:#fff;flex:1 1 0;display:flex}.dp-search__text{font-size:calc(11 * var(--u));white-space:nowrap}.dp-actions{align-items:center;gap:calc(4 * var(--u));flex:none;margin-left:auto;display:flex}.dp-action{align-items:center;gap:calc(5 * var(--u));padding:calc(5 * var(--u)) calc(7 * var(--u));font-size:calc(11.5 * var(--u));white-space:nowrap;font-weight:700;display:flex}.dp-action__chevron{opacity:.7}.dp-cart{align-items:center;gap:calc(6 * var(--u));margin-left:calc(4 * var(--u));padding:calc(6 * var(--u)) calc(11 * var(--u));border-radius:calc(8 * var(--u));background:var(--c-warning);box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #f1902466;color:#111827;font-size:calc(11.5 * var(--u));white-space:nowrap;font-weight:800;display:flex;position:relative}.dp-badge{top:calc(-6 * var(--u));right:calc(-6 * var(--u));min-width:calc(18 * var(--u));height:calc(18 * var(--u));padding:0 calc(4 * var(--u));border:calc(2 * var(--u)) solid var(--c-warning);background:var(--c-danger);color:#fff;font-size:calc(11 * var(--u));border-radius:999px;place-items:center;font-weight:800;line-height:1;display:grid;position:absolute}.dp-badge>*{grid-area:1/1}.dp-badge__a{opacity:0}.dp-nav{justify-content:center;align-items:center;gap:calc(2 * var(--u));height:calc(26 * var(--u));border-bottom:1px solid var(--c-border);background:var(--c-elevated);display:flex}.dp-nav__item{align-items:center;gap:calc(4 * var(--u));padding:calc(5 * var(--u)) calc(10 * var(--u));color:var(--c-text-2);font-size:calc(11.5 * var(--u));white-space:nowrap;font-weight:700;display:flex}.dp-nav__divider{width:1px;height:calc(14 * var(--u));margin:0 calc(2 * var(--u));background:var(--c-border)}.dp-row{flex:1;min-height:0;display:flex}.dp-main{gap:calc(7 * var(--u));min-width:0;padding:calc(9 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));flex-direction:column;flex:1 1 0;display:flex}.dp-toolbar{flex:none;justify-content:space-between;align-items:center;display:flex}.dp-toolbar__count{font-size:calc(12 * var(--u));font-weight:600}.dp-view{border:1px solid var(--c-border);border-radius:calc(5 * var(--u));display:flex;overflow:hidden}.dp-view__btn{width:calc(22 * var(--u));height:calc(20 * var(--u));background:var(--c-elevated);color:var(--c-text-2);place-items:center;display:grid}.dp-view__btn:not(:last-child){border-right:1px solid var(--c-border)}.dp-view__btn.is-active{background:var(--c-primary-subtle);color:var(--c-primary)}.dp-grid{gap:calc(8 * var(--u));flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.dp-card{border:1px solid var(--c-border);border-radius:calc(7 * var(--u));background:var(--c-elevated);min-height:0;box-shadow:0 1px calc(3 * var(--u)) var(--c-shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.dp-card__top{padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(3 * var(--u));line-height:1.3}.dp-card__code{color:var(--c-text-2);white-space:nowrap;font-weight:600}.dp-card__name{padding:0 calc(10 * var(--u));margin-bottom:calc(6 * var(--u));font-size:calc(11.5 * var(--u));min-height:calc(2.7 * calc(11.5 * var(--u)));flex:none;font-weight:700;line-height:1.35}.dp-card__image{min-height:calc(60 * var(--u));margin:0 calc(10 * var(--u));border-radius:calc(6 * var(--u));background:radial-gradient(120% 90% at 50% 40%, #fff, var(--c-subtle));flex:1 1 0;position:relative;overflow:hidden}.dp-round{left:calc(6 * var(--u));z-index:2;width:calc(20 * var(--u));height:calc(20 * var(--u));box-shadow:0 1px 2px var(--c-shadow);color:var(--c-text-2);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute}.dp-round--fav{top:calc(6 * var(--u))}.dp-round--compare{top:calc(30 * var(--u))}.dp-discount{top:calc(6 * var(--u));right:calc(6 * var(--u));z-index:2;padding:calc(2 * var(--u)) calc(7 * var(--u));border-radius:calc(4 * var(--u));background:var(--c-danger);box-shadow:0 1px 2px var(--c-shadow);color:#fff;font-size:calc(12 * var(--u));font-weight:700;position:absolute}.dp-pill{top:calc(29 * var(--u));right:calc(6 * var(--u));z-index:2;padding:calc(2 * var(--u)) calc(7 * var(--u));box-shadow:0 1px 2px var(--c-shadow);font-size:calc(11 * var(--u));letter-spacing:.02em;border-radius:999px;font-weight:700;position:absolute}.dp-pill--campaign{background:var(--c-danger-subtle);color:var(--c-danger)}.dp-pill--new{background:var(--c-primary-subtle);color:var(--c-primary)}.dp-stock{bottom:calc(6 * var(--u));left:calc(6 * var(--u));z-index:2;align-items:center;gap:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(7 * var(--u)) calc(2 * var(--u)) calc(6 * var(--u));box-shadow:0 1px 2px var(--c-shadow);color:var(--c-success);font-size:calc(11 * var(--u));white-space:nowrap;background:#ffffffeb;border-radius:999px;font-weight:700;display:flex;position:absolute}.dp-stock i{width:calc(6 * var(--u));height:calc(6 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb, currentcolor 20%, transparent);background:currentColor;border-radius:50%}.dp-stock--low{color:var(--c-warning-hover)}.dp-art{place-items:center;display:grid;position:absolute;inset:0}.dp-art--brake .dp-art__pad{width:calc(64 * var(--u));height:calc(32 * var(--u));border-radius:calc(30 * var(--u)) calc(30 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u))/calc(20 * var(--u)) calc(20 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(6 * var(--u)) #00000038;background:linear-gradient(#b6bcc6 0 36%,#3f3f46 36% 100%);grid-area:1/1}.dp-art--brake .dp-art__pad:first-child{transform:translate(calc(-9 * var(--u)), calc(11 * var(--u))) rotate(-6deg)}.dp-art--brake .dp-art__pad:last-child{transform:translate(calc(9 * var(--u)), calc(-11 * var(--u))) rotate(6deg)}.dp-art--filter .dp-art__can{width:calc(40 * var(--u));height:calc(58 * var(--u));border-radius:calc(5 * var(--u)) calc(5 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(6 * var(--u)) #00000038;background:linear-gradient(#0000 0 40%,#fff 40% 60%,#0000 60%) 50%/100% 100% no-repeat,linear-gradient(90deg,#d97706,#f5a524 38%,#d97706);position:relative}.dp-art--filter .dp-art__can:before{content:"";top:calc(-5 * var(--u));left:calc(-3 * var(--u));width:calc(46 * var(--u));height:calc(9 * var(--u));border-radius:calc(4 * var(--u));background:#1f2937;position:absolute}.dp-art--filter .dp-art__can:after{content:"";right:calc(-2 * var(--u));bottom:calc(-4 * var(--u));left:calc(-2 * var(--u));height:calc(7 * var(--u));border-radius:calc(2 * var(--u));background:#374151;position:absolute}.dp-art--clutch .dp-art__disc{width:calc(76 * var(--u));height:calc(76 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) #00000038;background:radial-gradient(circle,#374151 0 9%,#e5e7eb 10% 24%,#6b7280 25% 28%,#d1d5db 29% 58%,#4b5563 59% 64%,#a8aeb8 65% 100%);border-radius:50%;position:relative}.dp-art--clutch .dp-art__disc:before{content:"";background:repeating-conic-gradient(from 15deg, #374151 0 7deg, transparent 7deg 60deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 30%,#000 31% 56%,#0000 57%);mask:radial-gradient(circle,#0000 0 30%,#000 31% 56%,#0000 57%)}.dp-meta{gap:calc(3 * var(--u)) calc(10 * var(--u));padding:calc(7 * var(--u)) calc(10 * var(--u)) 0;line-height:calc(14 * var(--u));flex:none;grid-template-columns:max-content minmax(0,1fr);display:grid}.dp-meta dt{color:var(--c-text-2);font-weight:600}.dp-meta dd{text-align:right;white-space:nowrap;font-weight:500}.dp-price{gap:calc(6 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u)) 0;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.dp-price__list{color:var(--c-text-2);white-space:nowrap;font-weight:500;line-height:1.35}.dp-price__list s{display:block}.dp-price__net{text-align:right}.dp-price__net small{color:var(--c-text-2);font-size:calc(11 * var(--u));font-weight:600;line-height:1.2;display:block}.dp-price__net b{font-size:calc(12.5 * var(--u));font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;line-height:1.35;display:block}.dp-price__currency{margin-left:calc(2 * var(--u));color:var(--c-text-2);font-size:calc(11 * var(--u));font-weight:500}.dp-price__vat{margin-left:calc(3 * var(--u));color:var(--c-text-2);font-size:calc(11 * var(--u));font-weight:600}.dp-card__actions{align-items:center;gap:calc(5 * var(--u));padding:calc(7 * var(--u)) calc(10 * var(--u)) calc(9 * var(--u));flex:none;display:flex}.dp-stepper{min-width:0;padding:0 calc(2 * var(--u));border:calc(1.5 * var(--u)) solid var(--c-primary);border-radius:calc(6 * var(--u));color:var(--c-primary);flex:1;justify-content:space-between;align-items:center;display:flex}.dp-stepper--card{height:calc(26 * var(--u))}.dp-stepper__btn{width:calc(20 * var(--u));height:calc(20 * var(--u));border-radius:calc(4 * var(--u));place-items:center;display:grid}.dp-qty{font-size:calc(12 * var(--u));font-variant-numeric:tabular-nums;flex:1;justify-items:center;font-weight:700;display:grid}.dp-qty>*{grid-area:1/1}.dp-qty__a{opacity:0}.dp-minus--2{opacity:.45}.dp-add{width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:calc(6 * var(--u));background:var(--c-primary);color:#fff;flex:none;place-items:center;display:grid;position:relative}.dp-quick{width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:calc(6 * var(--u));background:var(--c-warning);color:var(--c-warning-text);flex:none;place-items:center;display:grid}.dp-tip{right:0;bottom:calc(100% + calc(6 * var(--u)));z-index:5;padding:calc(4 * var(--u)) calc(9 * var(--u));border-radius:calc(4 * var(--u));background:var(--c-text);color:#fff;font-size:calc(11 * var(--u));opacity:0;pointer-events:none;white-space:nowrap;font-weight:600;position:absolute}.dp-tip:after{content:"";top:100%;right:calc(9 * var(--u));border:calc(5 * var(--u)) solid transparent;border-top-color:var(--c-text);position:absolute}.dp-side{width:calc(92 * var(--u));background:var(--c-elevated);flex:none;overflow:hidden}.dp-side__panel{width:calc(92 * var(--u));height:100%;padding:calc(4 * var(--u));border-left:1px solid var(--c-border);flex-direction:column;display:flex}.dp-side__head{justify-content:space-between;align-items:center;gap:calc(4 * var(--u));margin-bottom:calc(5 * var(--u));padding:calc(2 * var(--u)) calc(2 * var(--u)) calc(6 * var(--u));border-bottom:1px solid var(--c-border);display:flex}.dp-side__title{font-size:calc(11.5 * var(--u));white-space:nowrap;font-weight:700}.dp-side__close{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--c-text-2);place-items:center;display:grid}.dp-switch{justify-content:center;align-items:center;gap:calc(2 * var(--u));margin-bottom:calc(5 * var(--u));padding:calc(4 * var(--u)) calc(2 * var(--u));border:1px solid var(--c-border);border-radius:calc(5 * var(--u));color:var(--c-text);font-weight:500;display:flex}.dp-switch__label{white-space:nowrap}.dp-side__list{gap:calc(4 * var(--u));flex-direction:column;flex:1;min-height:0;display:flex}.dp-line{align-items:center;gap:calc(4 * var(--u));padding:calc(3 * var(--u));flex-direction:column;flex:none;display:flex}.dp-thumb{width:calc(74 * var(--u));height:calc(74 * var(--u));border:1px solid var(--c-border);border-radius:calc(5 * var(--u));background:#fff;position:relative;overflow:hidden}.dp-thumb .dp-art{transform:scale(.82)}.dp-line__price{font-size:calc(11 * var(--u));font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;font-weight:700}.dp-stepper--side{width:100%;height:calc(22 * var(--u));padding:0 calc(1 * var(--u));flex:none}.dp-stepper--side .dp-stepper__btn{width:calc(16 * var(--u));height:calc(16 * var(--u))}.dp-stepper--side .dp-qty{font-size:calc(11 * var(--u))}.dp-side__footer{gap:calc(5 * var(--u));margin-top:calc(6 * var(--u));padding-top:calc(7 * var(--u));border-top:1px solid var(--c-border);flex-direction:column;flex:none;display:flex}.dp-btn{justify-content:center;align-items:center;gap:calc(4 * var(--u));height:calc(24 * var(--u));border-radius:calc(7 * var(--u));font-size:calc(11 * var(--u));white-space:nowrap;font-weight:600;display:flex}.dp-btn--primary{background:var(--c-primary);color:#fff}.dp-btn--subtle{background:var(--c-subtle);color:var(--c-text-2)}@keyframes dp-qty-a-0{0%,10%{opacity:1}11%,94%{opacity:0}98%,to{opacity:1}}@keyframes dp-qty-b-0{0%,10%{opacity:0}11%,94%{opacity:1}98%,to{opacity:0}}@keyframes dp-qty-a-1{0%,43%{opacity:1}44%,94%{opacity:0}98%,to{opacity:1}}@keyframes dp-qty-b-1{0%,43%{opacity:0}44%,94%{opacity:1}98%,to{opacity:0}}@keyframes dp-minus-0{0%,10%{opacity:.45}11%,94%{opacity:1}98%,to{opacity:.45}}@keyframes dp-minus-1{0%,43%{opacity:.45}44%,94%{opacity:1}98%,to{opacity:.45}}@keyframes dp-plus{0%,7%{background:0 0;transform:none}8.5%,10%{background:var(--c-primary-subtle);transform:scale(.88)}12%,to{background:0 0;transform:none}}@keyframes dp-ring{0%,40%{box-shadow:0 0 #0000}42%,45%{box-shadow:0 0 0 calc(3 * var(--u)) var(--c-focus)}47%,to{box-shadow:0 0 #0000}}@keyframes dp-press-0{0%,19%{background:var(--c-primary);transform:none}20.5%,22%{background:var(--c-primary-hover);transform:scale(.9)}24%,to{background:var(--c-primary);transform:none}}@keyframes dp-press-1{0%,53%{background:var(--c-primary);transform:none}54.5%,56%{background:var(--c-primary-hover);transform:scale(.9)}58%,to{background:var(--c-primary);transform:none}}@keyframes dp-tip-0{0%,16%{opacity:0;transform:translateY(calc(3 * var(--u)))}18%,24%{opacity:1;transform:none}26%,to{opacity:0;transform:translateY(calc(3 * var(--u)))}}@keyframes dp-tip-1{0%,50%{opacity:0;transform:translateY(calc(3 * var(--u)))}52%,58%{opacity:1;transform:none}60%,to{opacity:0;transform:translateY(calc(3 * var(--u)))}}@keyframes dp-side{0%,22%{width:0}30%,94%{width:calc(92 * var(--u))}98%,to{width:0}}@keyframes dp-line-0{0%,25%{opacity:0;transform:translateY(calc(6 * var(--u)))}31%,94%{opacity:1;transform:none}98%,to{opacity:0;transform:translateY(calc(6 * var(--u)))}}@keyframes dp-line-1{0%,57%{opacity:0;transform:translateY(calc(6 * var(--u)))}63%,94%{opacity:1;transform:none}98%,to{opacity:0;transform:translateY(calc(6 * var(--u)))}}@keyframes dp-cart{0%,24%{background-color:var(--c-subtle);color:var(--c-text-2);box-shadow:0 0 #0000}28%,94%{background-color:var(--c-warning);box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #f1902466;color:#111827}98%,to{background-color:var(--c-subtle);color:var(--c-text-2);box-shadow:0 0 #0000}}@keyframes dp-badge{0%,26%{opacity:0;transform:scale(.4)}28.5%{opacity:1;transform:scale(1.2)}30%,94%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.4)}}@keyframes dp-badge-a{0%,57%{opacity:1}58.5%,94%{opacity:0}98%,to{opacity:1}}@keyframes dp-badge-b{0%,57%{opacity:0}58.5%,94%{opacity:1}98%,to{opacity:0}}@media (prefers-reduced-motion:no-preference){.dp-qty__a,.dp-qty__b,.dp-minus,.dp-plus--0,.dp-stepper--card-1,.dp-add,.dp-tip,.dp-side,.dp-line,.dp-cart,.dp-badge,.dp-badge__a,.dp-badge__b{animation:var(--dp-duration) var(--dp-ease) infinite}.dp-qty__a--0{animation-name:dp-qty-a-0}.dp-qty__b--0{animation-name:dp-qty-b-0}.dp-minus--0{animation-name:dp-minus-0}.dp-qty__a--1{animation-name:dp-qty-a-1}.dp-qty__b--1{animation-name:dp-qty-b-1}.dp-minus--1{animation-name:dp-minus-1}.dp-plus--0{animation-name:dp-plus}.dp-stepper--card-1{animation-name:dp-ring}.dp-add--0{animation-name:dp-press-0}.dp-add--1{animation-name:dp-press-1}.dp-tip--0{animation-name:dp-tip-0}.dp-tip--1{animation-name:dp-tip-1}.dp-side{animation-name:dp-side}.dp-line--0{animation-name:dp-line-0}.dp-line--1{animation-name:dp-line-1}.dp-cart{animation-name:dp-cart}.dp-badge{animation-name:dp-badge}.dp-badge__a{animation-name:dp-badge-a}.dp-badge__b{animation-name:dp-badge-b}.dealer-portal-demo:not(.is-playing) *{animation-play-state:paused}}