@font-face{font-family:Display;src:url('/fonts/display.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Body;src:url('/fonts/body.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Body;src:url('/fonts/semibold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--blue:#0099d6;--blue-dark:#0078ac;--yellow:#ffe000;--ink:#181b20;--muted:#67717b;--line:#e3e7eb;--pale:#f4f6f8;--font-body:Body,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:white;color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0087c3;outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.12}h1,h2{font-family:Display,'Arial Narrow',Arial,sans-serif;font-weight:700}h2{font-size:43px;letter-spacing:-.5px}h3{font-weight:600}button{border:0;background:none}svg{flex-shrink:0}::selection{background:var(--yellow);color:var(--ink)}.container{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;line-height:1.5}.blue{color:var(--blue-dark)}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.65}.small-label{display:block;font-size:10px;letter-spacing:1px;font-weight:600;margin-bottom:7px}.button{min-height:48px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:12px;font-weight:600;border:1px solid transparent;border-radius:3px;transition:background .18s,transform .18s,color .18s;line-height:1.5}.button:hover{transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:#171a1e}.button-yellow:hover{background:#f0d200}.button-blue{background:var(--blue-dark);color:white}.button-blue:hover{background:#005c89}.button-outline{border-color:#c7cdd2;background:transparent}.button-outline:hover{background:#f2f5f7}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:600;padding:10px 0}.text-button:hover{color:var(--blue-dark)}.full-width{width:100%}.icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.icon-button:hover{background:#edf1f4}.skip-link{position:fixed;left:15px;top:-70px;padding:12px 20px;background:var(--yellow);z-index:100}.skip-link:focus{top:10px}.event-bar{background:#1b1e22;color:#fff;font-size:9px;font-weight:600;letter-spacing:1.2px}.event-bar-inner{height:32px;display:flex;justify-content:space-between;align-items:center}.event-bar-inner>span{display:flex;align-items:center;gap:12px}.event-bar b{font-weight:400;color:#66717c;margin:0 3px}.event-dot{height:5px;width:5px;background:var(--yellow);display:inline-block}.preview-label{font-size:8px;color:#c8cdd1;letter-spacing:1px}.preview-label>span{width:5px;height:5px;border-radius:50%;background:var(--yellow)}.header{height:90px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:22px}.motaro-logo{width:153px;height:48px;display:block;position:relative;overflow:hidden}.motaro-logo img{width:166px;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-divider{width:1px;height:30px;background:#dce0e4}.bilstein-logo{width:126px;height:auto}.header nav{display:flex;gap:30px;margin-left:auto;margin-right:30px;font-size:12px;font-weight:600}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-9px;left:0;width:0;height:2px;background:var(--blue);transition:width .2s}.header nav a:hover:after{width:100%}.cart-button{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;border-left:1px solid var(--line);padding:8px 0 8px 28px}.cart-button b{font-size:10px;min-width:23px;height:23px;background:var(--yellow);display:grid;place-items:center;border-radius:50%;margin-left:2px}.hero{position:relative;overflow:hidden;background:#fcfcfc}.hero-inner{position:relative;min-height:590px;display:grid;grid-template-columns:1fr 1fr}.hero-copy{z-index:2;padding:59px 0 40px;position:relative}.hero-eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.2px}.hero-eyebrow>span{width:18px;height:3px;background:var(--blue)}h1{font-size:clamp(60px,6.6vw,89px);line-height:.98;letter-spacing:-1.5px;margin:24px 0 23px}h1>span{color:var(--blue)}.hero-description{font-size:12px;line-height:1.9;color:#626970;max-width:400px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:26px;white-space:nowrap}.hero-actions .button{padding-inline:19px;gap:20px}.hero-actions .text-button{font-size:10px;gap:6px}.hero-caption{margin-top:24px;display:flex;align-items:center;gap:7px;font-size:9px;color:#737d86}.little-check{width:15px;height:15px;border-radius:50%;background:#e4f2f7;color:#0080b4;display:grid;place-items:center}.hero-visual{position:relative;isolation:isolate;margin-left:-8px}.hero-blue{position:absolute;z-index:-3;inset:0 -100vw 0 0;background:#0097d0;clip-path:polygon(0 0,100% 0,100% 100%,4.5% 100%,13% 54%)}.hero-yellow{position:absolute;z-index:-2;background:var(--yellow);left:50%;bottom:0;height:190px;width:110vw;clip-path:polygon(7% 0,100% 0,100% 100%,0% 100%)}.hero-outline{position:absolute;z-index:-1;left:16%;top:29%;width:110%;height:2px;transform:rotate(-34deg);background:rgba(255,255,255,.17)}.hero-ghost{position:absolute;right:-124px;top:147px;font-family:Display,sans-serif;font-size:155px;letter-spacing:-2px;opacity:.11;color:white;line-height:1;transform:rotate(-90deg);transform-origin:50% 50%;z-index:-1}.hero-product-label{position:absolute;top:41px;left:34%;color:white}.hero-product-label>span{font-size:8px;letter-spacing:1.6px;display:block}.hero-product-label>strong{font-family:Display,sans-serif;font-size:35px;line-height:1.3}.hero-box{position:absolute;top:165px;left:-9%;width:123%;max-width:none;transform:rotate(-9deg);filter:drop-shadow(0 28px 15px rgba(0,38,62,.2));z-index:1}.hero-product-info{position:absolute;top:426px;left:29%;display:flex;gap:50px;align-items:center;color:white}.hero-product-info span{font-size:8px;letter-spacing:1.3px;display:block;margin-bottom:4px}.hero-product-info strong{font-size:14px}.hero-product-info button{height:36px;width:36px;display:grid;place-items:center;border:1px solid #ffffff75;border-radius:50%;color:white;transition:.2s}.hero-product-info button:hover{background:white;color:var(--blue)}.hero-sticker{position:absolute;right:-25px;bottom:24px;display:flex;align-items:center;gap:12px;color:#1c252a;transform:rotate(-1deg)}.hero-sticker span{font-size:8px;line-height:1.7;letter-spacing:.7px}.hero-sticker strong{font-weight:600;font-size:10px}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.benefits-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:25px}.benefits-inner>div{display:flex;align-items:center;gap:14px;padding-left:20px;border-left:1px solid var(--line)}.benefits-inner>div:first-child{border:0;padding-left:0}.benefits svg{width:22px;color:var(--blue-dark);stroke-width:1.5}.benefits strong{display:block;font-size:11px;font-weight:600}.benefits small{display:block;color:#737b82;font-size:9px;margin-top:2px}.catalog{padding-top:67px;padding-bottom:65px;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:31px}.section-heading h2{margin-top:10px;font-size:44px}.section-heading>p{font-size:11px;color:var(--muted);line-height:1.9;padding-bottom:3px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:27px;gap:20px}.filters{display:flex;gap:26px;align-self:stretch}.filters button{font-size:11px;font-weight:600;padding:13px 0 17px;position:relative;color:#737b82;white-space:nowrap}.filters button.active{color:var(--ink)}.filters button.active:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--blue)}.filters button span{margin-left:7px;font-size:9px;background:#edf1f5;padding:2px 5px;border-radius:3px;color:#64727e}.search-field{display:flex;align-items:center;gap:9px;padding-bottom:5px;color:#6f7a83}.search-field input{width:150px;border:0;outline:none;background:transparent;font-size:11px;color:var(--ink)}.search-field button{display:grid;place-items:center;padding:3px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{min-width:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;transition:box-shadow .25s,transform .25s}.product-card:hover{box-shadow:0 10px 25px #1b33400b;transform:translateY(-3px)}.product-image{width:100%;height:220px;position:relative;overflow:hidden;display:grid;place-items:center;background:#f2f4f6;padding:20px}.product-image:before{content:'';position:absolute;right:-30%;top:0;width:72%;height:100%;background:#edf0f3;transform:skewX(-28deg)}.product-image img{width:105%;max-width:105%;position:relative;z-index:1;margin-top:22px;transition:transform .35s}.product-image:hover img{transform:translateY(-4px) rotate(-3deg)}.product-image.b1 img{width:65%;max-height:160px;object-fit:contain;margin-top:19px}.product-tag{position:absolute;left:19px;top:18px;z-index:2;background:white;font-size:8px;letter-spacing:.8px;font-weight:600;padding:4px 8px;line-height:1.3}.product-index{position:absolute;right:18px;top:17px;font-size:9px;color:#98a1a8;font-family:monospace}.image-arrow{display:grid;place-items:center;position:absolute;bottom:15px;right:17px;width:27px;height:27px;border-radius:50%;border:1px solid #d6dde1;z-index:3;color:#7a858e}.product-content{padding:23px 21px 19px}.product-content>.eyebrow{font-size:8px;letter-spacing:1.15px}.product-content h3{font-size:18px;letter-spacing:-.4px;margin-top:8px}.product-description{font-size:10px;color:var(--muted);margin-top:9px}.product-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;display:flex;justify-content:space-between;gap:9px;align-items:center}.product-bottom strong{font-size:12px;display:block}.product-bottom>div>span{font-size:8px;color:var(--muted);display:block;margin-top:4px}.product-add{background:var(--yellow);display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:2px;font-size:9px;font-weight:600;min-height:37px}.product-add:hover{background:#ebcf00}.catalog-note{font-size:9px;color:#77828b;display:flex;align-items:center;gap:7px;margin:17px 0 30px}.quick-order{border:1px solid var(--line);border-left:3px solid var(--blue);display:flex;align-items:center;gap:20px;padding:24px 28px;background:#fcfcfd;border-radius:2px}.quick-order-icon{display:grid;place-items:center;color:var(--blue-dark);width:48px;height:48px;background:#ecf5fa;border-radius:50%}.quick-order h3{font-size:15px}.quick-order p{font-size:10px;color:var(--muted);margin-top:5px}.quick-order .button{margin-left:auto;font-size:10px;min-height:41px;padding:10px 17px;gap:22px}.how-section{background:#1d2126;color:white;position:relative;overflow:hidden}.how-section:after{content:'';height:4px;position:absolute;width:27%;right:0;bottom:0;background:var(--yellow)}.how-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;padding:53px 0 38px}.how-intro .eyebrow{color:#85cce6;font-size:9px}.how-intro h2{font-size:42px;margin:14px 0 15px}.how-intro p:not(.eyebrow){font-size:11px;color:#a6adb5;line-height:1.8}.how-intro .text-button{font-size:10px;margin-top:14px;color:#d1d8df}.text-button.light:hover{color:var(--yellow)}.steps{display:flex;flex-direction:column;justify-content:center;gap:22px}.steps article{display:flex;align-items:flex-start;gap:22px;border-bottom:1px solid #ffffff12;padding-bottom:21px}.steps article:last-child{border-bottom:0;padding-bottom:0}.steps article>span{font-family:Display,sans-serif;font-size:32px;line-height:1;color:var(--yellow)}.steps h3{font-size:15px;margin:2px 0 9px}.steps p{font-size:10px;color:#a6adb5;line-height:1.8;max-width:360px}.how-note{font-size:8px;color:#a2abb3;padding:15px 0 24px;border-top:1px solid #ffffff12}.question-strip{display:flex;align-items:center;justify-content:space-between;padding:35px 0;gap:25px}.question-strip>div{display:flex;align-items:center;gap:16px}.question-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ccd4da;border-radius:50%;font-weight:600;font-size:20px}.question-strip h3{font-size:12px}.question-strip p{font-size:10px;color:var(--muted);margin-top:5px}.question-strip .text-button{font-size:10px;white-space:nowrap}footer{border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;padding:28px 0;gap:35px}.footer-main .brand{gap:15px}.footer-main .motaro-logo{width:119px;height:35px}.footer-main .motaro-logo img{width:130px}.footer-main .bilstein-logo{width:95px}.footer-main .brand-divider{height:21px}.footer-main>p{font-size:10px;color:var(--muted)}.footer-payments{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:10px;color:#687682}.footer-payments>span:last-child{display:flex;align-items:center;gap:7px}.paypal-word{font-weight:600;font-size:20px;font-style:italic;letter-spacing:-1px;color:#003087}.paypal-word span{color:#009cde}.footer-payments .paypal-word{font-size:17px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0 24px;font-size:9px;color:#7b8289}.footer-bottom>div{display:flex;gap:23px}.footer-bottom button{font-size:9px;display:flex;align-items:center;gap:5px;padding:0}.footer-bottom button:hover{color:var(--blue-dark)}.mobile-cart-bar{display:none}.empty-search{text-align:center;padding:40px 20px;background:var(--pale)}.empty-search svg{color:var(--blue-dark);margin-bottom:14px}.empty-search h3{margin-bottom:10px}.empty-search p{font-size:12px;margin-bottom:20px;color:var(--muted)}
.dialog{border:0;padding:0;max-width:min(560px,calc(100% - 32px));width:560px;max-height:calc(100dvh - 48px);border-radius:7px;box-shadow:0 30px 120px #001e3555;overflow:auto;color:var(--ink);background:white;overscroll-behavior:contain}.dialog::backdrop{background:rgba(13,24,34,.54);backdrop-filter:blur(4px)}.dialog-shell{position:relative}.close-dialog{position:absolute;top:13px;right:13px;background:#fff;z-index:5;box-shadow:0 2px 12px #0e263212}.dialog h2{font-size:34px}.dialog-wide{width:1000px;max-width:min(1000px,calc(100% - 44px))}.dialog-drawer{max-width:min(500px,100%);width:500px;max-height:100dvh;height:100dvh;margin:0 0 0 auto;border-radius:0}.dialog-drawer .dialog-shell{min-height:100%;display:flex;flex-direction:column}.dialog-drawer::backdrop{backdrop-filter:blur(2px)}.detail-image{background:#f1f4f7;height:190px;position:relative;display:flex;align-items:center;justify-content:center;padding:28px 35px 15px;color:var(--blue)}.detail-image>.eyebrow{position:absolute;top:21px;left:30px;color:#637481;font-size:9px}.detail-image>img{height:150px;object-fit:contain;margin-top:15px}.modal-content{padding:28px 32px 32px}.modal-content h2{margin:8px 0 14px}.detail-description{font-size:12px;line-height:1.8}.price-note{border-block:1px solid var(--line);padding:14px 0;margin:21px 0}.price-note strong{display:block;font-size:15px}.price-note span{font-size:10px;color:var(--muted)}.field{display:block;font-size:11px;font-weight:600;margin-top:17px}.field input,.field select,.field textarea{display:block;width:100%;min-height:44px;background:white;border:1px solid #cdd4da;border-radius:3px;padding:11px 12px;margin-top:6px;font-size:12px;font-weight:400;color:var(--ink);transition:border-color .2s;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#8a939a;font-size:11px}.field input:hover,.field select:hover,.field textarea:hover{border-color:#8ca6b6}.field textarea{resize:vertical}.optional{font-size:9px;color:#89919a;font-weight:400;float:right;margin-top:2px}.required{color:var(--blue-dark)}.field-hint{font-size:10px;color:var(--muted);margin-top:9px;line-height:1.7}.detail-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:23px}.detail-actions .button{min-height:42px;font-size:11px;gap:15px}.quantity{display:flex;border:1px solid #d4dbe1;border-radius:3px;align-items:center;background:white;width:106px;height:36px}.quantity button{display:grid;place-items:center;width:32px;height:34px;flex-shrink:0}.quantity button:hover:not(:disabled){background:#edf4f8}.quantity input{width:40px;text-align:center;border:0;padding:2px;appearance:textfield;-moz-appearance:textfield;font-size:12px;font-weight:600;background:transparent;color:var(--ink);border-inline:1px solid #e8ecef}.quantity input::-webkit-inner-spin-button,.quantity input::-webkit-outer-spin-button{appearance:none}.form-error{color:#b52626;font-size:12px;padding:12px 14px;background:#fff1f1;border-left:2px solid #c63131;margin-top:16px}.cart-heading{padding:38px 28px 23px;border-bottom:1px solid var(--line)}.cart-heading h2{margin:9px 0 12px;display:flex;align-items:center;gap:12px}.cart-heading h2 span{font-family:var(--font-body);font-size:13px;display:grid;place-items:center;min-width:29px;height:29px;border-radius:50%;background:var(--yellow)}.cart-heading>p.muted{font-size:11px}.cart-items{padding:0 28px}.cart-item{display:flex;gap:14px;position:relative;padding:23px 0;border-bottom:1px solid var(--line)}.cart-image{width:92px;min-width:92px;height:82px;background:var(--pale);padding:9px;display:flex;align-items:center;justify-content:center;color:var(--blue-dark);border-radius:3px}.cart-image img{max-height:70px;object-fit:contain}.cart-item-info{padding-right:22px;min-width:0;flex:1}.cart-item-info>.eyebrow{font-size:8px;letter-spacing:1px}.cart-item-info h3{font-size:13px;margin:5px 0 7px;line-height:1.5}.cart-item-info p{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.cart-item-info strong{font-size:11px;display:block;margin-top:9px}.cart-item-info .quantity{margin-top:12px}.remove-item{position:absolute;right:-7px;top:24px;color:#83929c}.cart-footer{padding:27px 28px 22px;background:#fafbfc;margin-top:auto}.cart-price{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:10px}.cart-price strong{font-size:16px}.cart-footer>p{margin-bottom:22px}.cart-footer .button+.button{margin-top:10px}.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#70818d;margin-top:14px}.empty-cart{padding:80px 30px;text-align:center}.empty-cart>svg{color:#a2b3bf;margin:0 auto 22px}.empty-cart h3{font-size:20px;margin-bottom:12px}.empty-cart p{font-size:12px;color:var(--muted);margin-bottom:26px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#19252e;color:white;padding:17px 20px;display:flex;align-items:center;gap:12px;border-radius:5px;box-shadow:0 6px 20px #0016292b;z-index:50;max-width:calc(100% - 30px);font-size:12px;width:max-content;animation:toast-in .25s ease}.toast>svg{color:var(--yellow)}.toast>button{margin-left:18px;font-size:11px;color:var(--yellow);display:flex;gap:7px;align-items:center;white-space:nowrap}.checkout{padding:36px}.checkout-heading h2{margin-top:8px;font-size:40px}.checkout-steps{display:flex;align-items:center;gap:15px;margin:25px 0 27px;max-width:480px}.checkout-steps>div{height:1px;background:var(--line);flex:1}.checkout-steps>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#8997a2}.checkout-steps>span.active{color:var(--blue-dark);font-weight:600}.checkout-steps i{font-style:normal;border:1px solid #c4d2db;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;font-size:10px}.checkout-steps .active i{color:white;background:var(--blue-dark);border-color:var(--blue-dark)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:35px}.checkout-form h3{font-size:17px;margin-bottom:8px}.notice{display:flex;align-items:flex-start;gap:9px;background:#edf6fa;color:#3b667c;padding:13px 15px;border-radius:3px;font-size:10px;line-height:1.7}.notice>svg{margin-top:1px}.preview-notice{margin-bottom:23px;background:#fff9de;color:#726321}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.postal-row{grid-template-columns:.6fr 1fr}.checkout-form form>.button{margin-top:17px}.checkout-form form>.small{margin-top:12px}.checkout-summary{background:#f3f5f7;padding:23px;align-self:start;border-radius:4px}.summary-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3e8;padding-bottom:15px}.summary-title h3{font-size:14px}.summary-title>span{font-size:9px;color:var(--muted)}.compact{padding:0}.compact .cart-item{gap:12px;padding:21px 0}.compact .cart-image{width:65px;min-width:65px;height:57px;padding:6px;background:white}.compact .cart-image img{max-height:51px}.compact .cart-item-info{padding:0}.compact .cart-item-info h3{font-size:11px}.compact .cart-item-info p{font-size:9px}.compact .cart-item-info strong{font-size:10px}.item-amount{font-size:10px;color:var(--muted);display:block;margin-top:8px}.summary-total{padding-top:20px;display:flex;flex-direction:column;gap:10px;font-size:11px}.summary-total>div{display:flex;justify-content:space-between;gap:10px}.summary-total .total{font-size:13px;padding:16px 0;margin-top:5px;border-top:1px solid #dce3e8}.checkout-summary>.small{font-size:9px;line-height:1.8}.back-button{font-size:10px;color:var(--blue-dark);padding:0 0 16px}.address-review{background:#f6f8f9;padding:17px 20px;border-radius:3px}.address-review h3{font-size:13px;margin-bottom:9px}.address-review p{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.payment-options{padding:0;border:0;margin:28px 0 22px}.payment-options legend{font-size:15px;font-weight:600;margin-bottom:5px}.payment-options>.small{margin-bottom:15px}.payment-option{display:flex;align-items:center;gap:13px;padding:17px 15px;border:1px solid #d4dce1;margin-top:10px;border-radius:4px;cursor:pointer}.payment-option.selected{border-color:var(--blue-dark);background:#f2f9fc}.payment-option>input{accent-color:var(--blue-dark);width:15px;height:15px;margin:0}.payment-option>div{flex:1}.payment-option strong{font-size:12px}.payment-option small{display:block;font-size:9px;color:#75838d;margin-top:3px}.payment-option>svg{color:#8296a4}.payment-option .paypal-word{font-size:19px}.consent{display:flex;gap:10px;font-size:10px;line-height:1.8;margin:20px 0;align-items:flex-start}.consent input{width:16px;height:16px;flex-shrink:0;margin:2px 0 0;accent-color:var(--blue-dark)}.receipt{padding:60px 45px;text-align:center;max-width:650px;margin:auto}.receipt-icon{height:78px;width:78px;background:var(--yellow);border-radius:50%;display:grid;place-items:center;margin:0 auto 26px;color:#162c39}.receipt h2{font-size:42px;margin:10px 0 16px}.receipt>p:not(.eyebrow){font-size:12px;color:var(--muted)}.receipt-number{border:1px dashed #c6d1d9;padding:19px 20px;border-radius:3px;margin:28px 0}.receipt-number span{font-size:9px;letter-spacing:1.5px;display:block;color:var(--muted);margin-bottom:7px}.receipt-number strong{font-family:monospace;font-size:19px}.receipt .notice{text-align:left;margin-bottom:23px}.receipt .button{width:100%}.receipt>p:last-child{margin-top:15px;font-size:10px}.qr-content{padding:40px 35px;text-align:center}.qr-content h2{margin:10px 0 14px}.qr-content>p.muted{font-size:12px}.qr-image{width:230px;height:230px;margin:23px auto;object-fit:contain}.qr-content .notice{text-align:left;margin-bottom:24px}.qr-url{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--blue-dark);margin-top:15px}.legal-content{padding:40px 35px}.legal-content h2{margin:10px 0 25px}.legal-content>p:not(.eyebrow){font-size:12px;line-height:1.9;margin-bottom:17px;color:var(--muted)}.legal-content .notice{margin-top:25px}.legal-content .button{font-size:10px;gap:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{opacity:0;bottom:15px}to{opacity:1;bottom:25px}}
@media(min-width:1550px){.hero-inner{min-height:640px}.hero-copy{padding-top:75px}h1{font-size:96px}.hero-box{top:180px}.hero-product-info{top:470px}.hero-actions{margin-top:30px}.hero-description{font-size:13px}.hero-yellow{height:210px}.hero-sticker{bottom:30px}}
@media(max-width:1150px){.container{width:calc(100% - 70px)}.header nav{margin-right:5px;gap:20px}.brand{gap:15px}.motaro-logo{width:135px}.motaro-logo img{width:148px}.bilstein-logo{width:113px}.header-inner{gap:15px}.hero-inner{min-height:555px}.hero-copy{padding-top:50px}h1{font-size:72px}.hero-actions{gap:16px;align-items:flex-start;flex-direction:column}.hero-caption{margin-top:12px}.hero-actions .text-button{padding:0}.hero-description{font-size:11px}.hero-box{top:180px;left:-14%;width:130%}.hero-product-info{top:390px;left:25%;gap:25px}.hero-sticker{right:-17px;bottom:25px}.hero-yellow{height:160px}.hero-product-label{left:27%;top:50px}.benefits-inner{gap:13px}.benefits-inner>div{padding-left:13px;gap:10px}.benefits strong{font-size:10px}.benefits small{font-size:8px}.product-grid{gap:17px}.product-content{padding:20px 16px 17px}.product-content h3{font-size:16px}.product-image{height:190px}.product-image.b1 img{max-height:138px}.product-bottom strong{font-size:11px}.product-add{padding:8px;gap:6px}.product-add span{font-size:8px}.product-bottom>div>span{font-size:7px}.how-inner{gap:70px}.question-strip h3{font-size:11px}.question-strip p{font-size:9px}.checkout-grid{grid-template-columns:minmax(0,1fr) 290px;gap:26px}.checkout-summary{padding:18px}.footer-main{gap:25px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.header{height:79px}.header nav{display:none}.hero-inner{min-height:540px}.hero-copy{padding-top:45px}.hero-eyebrow{font-size:7px;letter-spacing:.7px}h1{font-size:65px}.hero-description{font-size:10px}.hero-visual{margin-left:0}.hero-box{top:190px;left:-15%;width:136%}.hero-product-label{left:23%;top:73px}.hero-product-label strong{font-size:30px}.hero-product-info{top:380px;left:24%;gap:20px}.hero-product-info strong{font-size:12px}.hero-product-info span{font-size:6px}.hero-sticker{right:-10px;gap:8px}.hero-sticker strong{font-size:8px}.hero-sticker span{font-size:7px}.hero-ghost{font-size:120px;right:-95px;top:185px}.hero-yellow{left:45%;height:143px}.benefits-inner{grid-template-columns:repeat(2,1fr);gap:20px 30px;padding:24px 0}.benefits-inner>div:nth-child(3){padding-left:0;border:0}.benefits strong{font-size:11px}.benefits small{font-size:9px}.benefits-inner>div{padding-left:25px;gap:12px}.section-heading h2{font-size:39px}.section-heading>p{font-size:10px}.filters{gap:19px}.filters button{font-size:10px}.search-field input{width:130px}.catalog{padding-top:50px;padding-bottom:45px}.product-grid{gap:12px}.product-content{padding:18px 12px 14px}.product-content h3{font-size:15px;min-height:34px;line-height:1.2}.product-description{font-size:9px;min-height:30px}.product-image{height:165px;padding:15px}.product-image.b1 img{max-height:112px}.product-bottom{margin-top:14px;align-items:flex-start;flex-direction:column;gap:14px}.product-add{width:100%;justify-content:space-between;min-height:34px;padding:7px 12px}.product-add span{font-size:10px}.product-bottom>div>span{font-size:8px}.product-tag{font-size:7px;left:12px;top:13px}.product-index{right:12px;top:12px}.image-arrow{display:none}.quick-order{padding:20px;gap:15px}.quick-order h3{font-size:13px}.quick-order p{font-size:9px;max-width:240px}.quick-order .button{font-size:9px;gap:10px;padding:9px 12px;white-space:nowrap}.quick-order-icon{height:40px;width:40px;flex-shrink:0}.how-inner{gap:40px}.how-intro h2{font-size:38px}.steps p{font-size:9px}.steps h3{font-size:13px}.question-strip{align-items:flex-start}.question-strip>div{gap:12px}.question-strip p{max-width:400px}.question-mark{flex-shrink:0}.footer-main>p{display:none}.checkout{padding:30px 25px}.checkout-grid{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.compact .cart-item{flex-direction:column;gap:9px}.checkout-heading h2{font-size:36px}}
@media(max-width:640px){html{scroll-padding-top:80px}.container{width:calc(100% - 36px)}.event-bar-inner{height:28px}.event-bar{font-size:7px;letter-spacing:.9px}.event-bar-inner>span{gap:7px}.event-bar b{margin:0 1px}.preview-label{font-size:6px;letter-spacing:.5px}.header{height:70px}.header-inner{gap:12px}.brand{gap:11px}.motaro-logo{width:110px;height:40px}.motaro-logo img{width:122px}.bilstein-logo{width:88px}.brand-divider{height:22px}.cart-button{padding:7px 0 7px 14px;gap:7px;border-left:0}.cart-button>span{display:none}.cart-button>svg{width:20px}.cart-button b{min-width:21px;height:21px;font-size:9px}.hero-inner{min-height:0;display:flex;flex-direction:column}.hero-copy{padding-top:31px;padding-bottom:28px}.hero-eyebrow{font-size:7px;letter-spacing:.8px;gap:7px}h1{font-size:67px;line-height:.97;margin:19px 0 19px;letter-spacing:-1.4px}.hero-description{font-size:11px;line-height:1.8;max-width:350px}.desktop-break{display:none}.hero-actions{flex-direction:row;align-items:center;gap:19px;margin-top:23px}.hero-actions .button{min-height:45px;font-size:10px;padding:11px 14px;gap:15px}.hero-actions .text-button{font-size:9px;max-width:110px;text-align:left;line-height:1.6;gap:6px}.hero-caption{font-size:8px;margin-top:17px}.hero-visual{height:288px;width:calc(100% + 36px);margin-left:-18px;margin-right:-18px;overflow:hidden}.hero-blue{inset:0;background:#0098d3;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}.hero-yellow{left:70%;height:105px;bottom:0;width:50%;clip-path:polygon(32% 0,100% 0,100% 100%,0 100%)}.hero-product-label{top:41px;left:22px}.hero-product-label>span{font-size:6px;letter-spacing:1.1px}.hero-product-label strong{font-size:23px;line-height:1.5}.hero-box{top:72px;left:6%;width:92%;transform:rotate(-8deg)}.hero-ghost{transform:none;right:-16px;top:86px;font-size:110px;z-index:-1}.hero-outline{top:46%;left:0;transform:rotate(-25deg)}.hero-product-info{left:22px;top:auto;bottom:20px;gap:30px}.hero-product-info span{font-size:6px}.hero-product-info strong{font-size:11px}.hero-product-info button{height:28px;width:28px}.hero-product-info button>svg{width:16px}.hero-sticker{right:16px;bottom:22px;gap:6px}.hero-sticker>svg{width:19px}.hero-sticker span{font-size:6px}.hero-sticker strong{font-size:6px}.benefits-inner{padding:21px 0;gap:20px 13px}.benefits-inner>div{padding-left:14px;gap:10px}.benefits svg{width:20px}.benefits strong{font-size:10px}.benefits small{font-size:7px;line-height:1.6;max-width:130px}.catalog{padding-top:39px;padding-bottom:35px;scroll-margin-top:15px}.section-heading{display:block;margin-bottom:21px}.section-heading .eyebrow{font-size:8px}.section-heading h2{font-size:37px;margin-top:8px}.section-heading>p{font-size:10px;margin-top:14px;line-height:1.7}.section-heading>p br{display:none}.catalog-toolbar{flex-direction:column-reverse;gap:5px;align-items:stretch;margin-bottom:20px}.search-field{border:1px solid var(--line);border-radius:3px;padding:10px 12px;width:100%;margin-bottom:4px;background:#fcfcfd}.search-field input{width:100%;font-size:11px}.filters{justify-content:space-between;gap:12px;overflow-x:auto}.filters button{font-size:9px;padding:12px 0 13px}.filters button span{margin-left:4px;font-size:8px}.product-grid{grid-template-columns:1fr;gap:19px}.product-image{height:221px;padding:20px 28px}.product-image img{max-width:100%;width:100%;margin-top:18px}.product-image.b1 img{max-height:173px;width:65%}.product-content{padding:22px 20px}.product-content h3{font-size:20px;min-height:0;margin-top:8px}.product-content>.eyebrow{font-size:9px}.product-description{font-size:11px;min-height:0;margin-top:9px}.product-bottom{flex-direction:row;align-items:center;padding-top:17px;margin-top:22px}.product-add{width:auto;min-height:40px;padding:9px 14px;gap:20px}.product-add span{font-size:10px}.product-bottom strong{font-size:13px}.product-bottom>div>span{font-size:9px}.product-tag{left:18px;top:18px;font-size:8px}.product-index{right:18px;top:18px}.image-arrow{display:grid;bottom:16px;right:17px}.catalog-note{align-items:flex-start;font-size:8px;line-height:1.7;margin:17px 0 22px}.catalog-note>svg{margin-top:1px}.quick-order{padding:23px 20px;flex-wrap:wrap;gap:15px 13px}.quick-order-icon{width:36px;height:36px}.quick-order-icon>svg{width:21px}.quick-order>div:nth-child(2){flex:1}.quick-order h3{font-size:13px}.quick-order p{font-size:9px;max-width:none;line-height:1.8}.quick-order .button{width:100%;margin-left:0;margin-top:2px;justify-content:space-between;font-size:10px;padding:11px 14px}.how-inner{display:block;padding:36px 0 28px}.how-intro h2{font-size:39px;margin-top:12px}.how-intro .eyebrow{font-size:8px}.how-intro p:not(.eyebrow){font-size:11px}.how-intro .text-button{font-size:10px;margin-top:11px}.steps{margin-top:30px;gap:23px}.steps article{gap:20px;padding-bottom:22px}.steps article>span{font-size:34px}.steps h3{font-size:15px;margin-top:1px;margin-bottom:8px}.steps p{font-size:10px;max-width:290px;line-height:1.8}.how-note{font-size:8px;padding:16px 0 22px}.question-strip{display:block;padding:27px 0}.question-strip h3{font-size:12px;line-height:1.5}.question-strip p{font-size:10px;line-height:1.8;margin-top:7px}.question-strip>div{align-items:flex-start;gap:14px}.question-mark{margin-top:2px}.question-strip>.text-button{margin-left:47px;margin-top:10px}.footer-main{padding:23px 0;gap:20px;justify-content:space-between;flex-wrap:wrap}.footer-main .brand{gap:12px}.footer-main .motaro-logo{width:100px;height:33px}.footer-main .motaro-logo img{width:111px}.footer-main .bilstein-logo{width:81px}.footer-payments{gap:18px;margin-left:0;width:100%;padding:3px 0 0}.footer-payments .paypal-word{font-size:15px}.footer-payments>span:last-child{font-size:9px}.footer-bottom{display:block;font-size:8px;padding:17px 0 25px}.footer-bottom>div{gap:17px;flex-wrap:wrap;margin-top:14px}.footer-bottom button{font-size:8px}.footer-bottom button>svg{width:12px}body:has(.mobile-cart-bar){padding-bottom:79px}.mobile-cart-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:13px 18px calc(13px + env(safe-area-inset-bottom));box-shadow:0 -3px 20px #16293610;z-index:40;border-top:1px solid var(--line);gap:15px}.mobile-cart-bar>span>strong{display:block;font-size:11px}.mobile-cart-bar>span>small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.mobile-cart-bar>.button{font-size:10px;min-height:43px;padding:10px 16px;gap:16px}.toast{font-size:10px;padding:13px 14px;gap:8px;bottom:90px;max-width:calc(100% - 24px)}.toast>button{margin-left:5px;font-size:9px}.toast>svg{width:18px}.toast>span{max-width:195px}.dialog{max-width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:6px}.dialog-drawer{max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.dialog-wide{max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;width:100%}.detail-image{height:170px;padding:30px 24px 13px}.detail-image>img{height:130px}.detail-image>.eyebrow{left:23px;font-size:8px}.modal-content{padding:24px}.dialog h2{font-size:32px}.detail-description{font-size:11px}.price-note span{font-size:9px}.field input,.field select,.field textarea{font-size:16px;min-height:46px;padding:10px 12px}.field input::placeholder,.field textarea::placeholder{font-size:11px}.detail-actions{gap:11px}.detail-actions .button{font-size:10px;padding:11px 13px;gap:10px;flex:1}.quantity{height:39px;width:105px}.quantity button{height:37px}.quantity input{font-size:16px}.cart-heading{padding:37px 23px 23px}.cart-items{padding:0 23px}.cart-item{gap:13px}.cart-image{width:79px;min-width:79px;height:77px}.cart-item-info h3{font-size:12px}.cart-footer{padding:24px 23px}.checkout{padding:30px 20px}.checkout-heading h2{margin-top:8px;font-size:36px}.checkout-heading .eyebrow{font-size:8px}.checkout-steps{gap:9px;margin:22px 0}.checkout-steps>span{font-size:9px;gap:7px;white-space:nowrap}.checkout-steps i{width:21px;height:21px}.checkout-grid{display:flex;flex-direction:column;gap:28px}.checkout-summary{width:100%;padding:20px}.compact{padding:0}.compact .cart-item{flex-direction:row;gap:15px}.compact .cart-image{width:80px;min-width:80px;height:70px}.compact .cart-image img{max-height:60px}.checkout-summary .cart-item-info h3{font-size:12px}.checkout-summary .cart-item-info p{font-size:10px}.checkout-summary .small{font-size:10px}.checkout-form h3{font-size:16px}.notice{font-size:10px;padding:13px}.field-row{gap:12px}.receipt{padding:55px 25px}.receipt h2{font-size:38px}.receipt>p:not(.eyebrow){font-size:11px}.receipt .button{font-size:10px;gap:13px}.qr-content{padding:36px 24px}.qr-content h2{font-size:33px}.qr-image{width:220px;height:220px}.legal-content{padding:37px 24px}.legal-content>p:not(.eyebrow){font-size:11px}.dialog .close-dialog{top:11px;right:11px}.secure-note{font-size:9px}}
@media(max-width:370px){.container{width:calc(100% - 28px)}.brand{gap:8px}.motaro-logo{width:95px}.motaro-logo img{width:106px}.bilstein-logo{width:78px}.header-inner{gap:8px}h1{font-size:61px}.hero-eyebrow{font-size:6px}.hero-actions{gap:12px}.hero-actions .button{gap:11px;padding-inline:13px}.hero-visual{width:calc(100% + 28px);margin-left:-14px;max-height:265px}.hero-product-info{bottom:15px;left:18px;gap:18px}.hero-sticker{right:12px;bottom:18px}.filters{gap:9px}.filters button{font-size:8px}.field-row{grid-template-columns:1fr;gap:0}.postal-row{grid-template-columns:.65fr 1fr;gap:10px}.detail-actions{flex-wrap:wrap}.detail-actions .button{min-width:165px}.checkout-steps>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Compact two-action shop */
.header-delivery{display:flex;align-items:center;gap:11px;color:#5e6c78}.header-delivery>svg{color:var(--blue-dark)}.header-delivery strong{display:block;font-size:11px;color:var(--ink)}.header-delivery small{display:block;font-size:9px;margin-top:1px}.simple-actions{gap:13px}.simple-actions .button{gap:14px;padding-inline:17px;min-height:50px}.simple-actions .action-number{font-size:9px;opacity:.5;border-right:1px solid currentColor;padding-right:11px;line-height:1}.simple-actions .button-outline{background:white;border-color:#c9d4db}.simple-actions .button-outline:hover{background:#eff8fc;border-color:var(--blue)}.hero-price-note{font-size:9px;margin-top:19px;color:#75828c}.hero-price-note>span{padding:0 5px;color:#b5bcc3}.simple-footer{border-top:1px solid var(--line)}.simple-footer>.container{min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#77828a}.simple-footer>.container>div{display:flex;align-items:center;gap:24px}.simple-footer button{padding:8px 0;display:flex;align-items:center;gap:6px;font-size:9px}.simple-footer button:hover{color:var(--blue-dark)}.modal-intro{font-size:12px;line-height:1.8;margin-top:12px}.price-check{padding:39px 34px 27px}.price-check h2{font-size:40px;margin-top:9px}.price-check form{margin-top:23px}.price-search{display:flex;gap:9px;margin-top:7px}.price-search>input{border:1px solid #cbd5dc;border-radius:3px;min-width:0;flex:1;height:48px;padding:11px 13px;font-size:15px;font-family:var(--font-body)}.price-search>input::placeholder{font-size:12px;color:#9aa3aa}.price-search .button{padding:11px 16px;gap:9px;white-space:nowrap;min-height:48px}.price-empty{text-align:center;margin:26px 0;padding:25px 10px;background:#f5f8fa;border-radius:3px}.price-empty>svg{color:#8298a7;margin:0 auto 14px}.price-empty p{font-size:13px;font-weight:600;margin-bottom:6px}.price-empty>span{font-size:10px;color:var(--muted)}.sample-note{color:#89939c;font-size:9px;text-align:center;margin-top:18px}.price-result{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}.result-topline{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-topline .eyebrow{font-size:9px}.found-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#4f7e5c}.price-result h3{font-size:23px;margin-top:11px;letter-spacing:-.5px}.product-name{font-size:12px;margin-top:6px;color:#536573}.product-model{font-size:10px;margin-top:5px;color:#7d8b95;line-height:1.8;overflow-wrap:anywhere}.price-result-main{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0}.unit-price{display:block;font-size:36px;letter-spacing:-1px;font-weight:600;line-height:1.3}.price-result-main>div:first-child>span{font-size:10px;color:var(--muted)}.price-result-main .small-label{font-size:8px;color:#81909a;letter-spacing:.8px}.total-summary{border-top:1px solid #dce3e8;padding-top:16px;display:flex;flex-direction:column;gap:11px;font-size:11px}.total-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.total-summary small{font-size:8px;display:block;color:#85919a;margin-top:3px}.total-summary .grand-total{border-top:1px solid #dce3e8;margin-top:5px;padding-top:15px;font-size:14px}.total-summary .grand-total>strong:last-child{font-size:21px;letter-spacing:-.5px}.total-summary>p{font-size:9px;color:#7b8993;text-align:right;margin-top:-6px}.price-result .button{margin-top:24px}.order-form{padding:35px 34px}.form-heading h2{font-size:39px;margin-top:9px}.form-heading>.eyebrow{font-size:9px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:32px;margin-top:30px;align-items:start}.order-fields{min-width:0}.form-section{padding-bottom:25px;margin-bottom:27px;border-bottom:1px solid var(--line)}.form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.form-section>h3{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:600;margin-bottom:16px}.form-section>h3>span{font-size:10px;display:grid;place-items:center;background:#edf6fa;color:var(--blue-dark);width:22px;height:22px;border-radius:50%}.order-line{padding:15px;border:1px solid #dce3e8;border-radius:4px;margin-top:12px;background:#fff}.order-line:first-of-type{margin-top:0}.order-line.has-error{border-color:#dbb4ac}.order-line-fields{display:flex;align-items:flex-end;gap:12px}.article-field{flex:1;min-width:0;margin:0}.article-field input{height:42px;min-height:42px;margin-top:6px;font-size:13px;padding:9px 11px}.article-field input::placeholder{font-size:11px}.quantity-field{flex-shrink:0}.field-label{font-size:11px;font-weight:600;display:block;margin-bottom:6px}.quantity-field .quantity{height:42px;width:102px}.quantity-field .quantity button{height:40px;width:30px}.quantity-field .quantity input{width:40px}.remove-line{margin-right:-7px;margin-left:-5px;margin-bottom:3px;color:#8a969f;flex-shrink:0;width:28px}.article-feedback{margin-top:12px;min-height:17px}.article-feedback>span{font-size:9px;display:flex;align-items:center;gap:5px;line-height:1.7}.resolved-product{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding-top:2px}.resolved-product>div:first-child{min-width:0}.resolved-product strong{font-size:10px;line-height:1.5;display:block}.resolved-product p{font-size:9px;color:#7b8993;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}.resolved-price{text-align:right;white-space:nowrap}.resolved-price>strong{font-size:12px;color:var(--blue-dark)}.resolved-price small{font-size:8px;color:#7c8c96;display:block;margin-top:3px}.inline-error{color:#b0342e}.add-line{font-size:10px;font-weight:600;color:var(--blue-dark);display:flex;gap:7px;align-items:center;padding:13px 0 0}.add-line:hover{color:#004c75}.address-section .field{margin-top:15px}.country-note{font-size:10px;color:#7a8994;margin-top:13px}.extra-fields{margin-top:16px}.extra-fields>summary{font-size:10px;color:#52748a;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;width:max-content}.extra-fields>summary::-webkit-details-marker{display:none}.extra-fields[open]>summary>svg{transform:rotate(45deg)}.order-form .payment-options{display:flex;gap:10px;margin:0}.order-form .payment-option{flex:1;min-width:0;gap:9px;padding:13px 12px;margin:0;align-items:center}.order-form .payment-option>div{min-width:0}.order-form .payment-option small{font-size:8px;line-height:1.5}.order-form .payment-option>svg{display:none}.order-form .payment-option strong{font-size:11px}.order-form .payment-option .paypal-word{font-size:18px}.order-form .payment-options+.field-hint{font-size:9px}.order-summary{background:#f3f6f8;padding:23px;border-radius:4px;position:sticky;top:20px}.order-summary>.eyebrow{font-size:8px;letter-spacing:1.3px}.order-summary>h3{font-size:16px;margin-top:10px}.summary-lines{padding:19px 0 16px;display:flex;flex-direction:column;gap:15px}.summary-lines>div{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.summary-lines strong{font-size:10px;display:block}.summary-lines span{font-size:8px;display:block;color:#7c8b96;margin-top:2px}.summary-lines b{font-size:11px;font-weight:600;white-space:nowrap}.summary-empty{font-size:11px;line-height:1.8;color:#83909a;margin:19px 0}.order-summary .total-summary{font-size:10px}.order-summary .grand-total{font-size:12px}.order-summary .grand-total>strong:last-child{font-size:20px}.order-summary .total-summary>p{font-size:8px}.preview-hint{display:flex;gap:8px;align-items:flex-start;margin-top:21px;font-size:9px;color:#8a7a43;line-height:1.7}.preview-hint>svg{margin-top:1px;width:14px}.order-summary .consent{font-size:9px;line-height:1.8;margin:18px 0}.order-summary .button{font-size:10px;gap:12px;padding:12px}.order-summary .secure-note{font-size:8px}.order-summary .form-error{font-size:10px;margin-bottom:15px}.order-form .field input{font-size:13px}.receipt .total-summary{margin:28px 0 24px;text-align:left}.receipt-disclaimer{font-size:11px;margin-bottom:24px;line-height:1.8}.receipt>.text-button{margin-top:14px}.qr-content>.muted{font-size:11px;margin-bottom:24px}.legal-content .button{font-size:10px}
@media(min-width:1550px){.simple-actions{margin-top:30px}.simple-actions .button{min-height:51px;padding-inline:20px}.hero-price-note{font-size:10px}}
@media(max-width:1150px){.simple-actions{flex-direction:row;align-items:center;gap:10px}.simple-actions .button{padding-inline:13px;font-size:11px;gap:11px}.simple-actions .action-number{display:none}.order-layout{grid-template-columns:minmax(0,1fr) 285px;gap:25px}}
@media(max-width:900px){.simple-actions .button{font-size:10px;padding-inline:12px;gap:8px;min-height:45px}.hero-price-note{font-size:8px}.hero-description{max-width:350px}.order-form{padding:32px 24px}.form-heading h2{font-size:35px}.order-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.order-summary{padding:18px}.order-line{padding:12px}.order-line-fields{gap:8px}.quantity-field .quantity{width:91px}.quantity-field .quantity button{width:26px}.quantity-field .quantity input{width:37px}.order-form .payment-options{flex-direction:column}.order-form .payment-option{padding:14px}.order-form .payment-option>svg{display:block}}
@media(max-width:640px){.header-delivery{gap:7px}.header-delivery>svg{width:16px}.header-delivery strong{font-size:8px;white-space:nowrap}.header-delivery small{font-size:6px}.header .brand{gap:9px}.header .motaro-logo{width:100px}.header .motaro-logo img{width:111px}.header .bilstein-logo{width:82px}.header .brand-divider{height:21px}.hero-description{font-size:11px;line-height:1.9}.hero-copy{padding-bottom:27px}.simple-actions{gap:11px;margin-top:23px;align-items:stretch}.simple-actions .button{min-height:47px;gap:13px;padding:12px 14px;font-size:10px}.simple-actions .button-outline{flex:1}.hero-price-note{font-size:8px;margin-top:16px;line-height:1.8}.hero-price-note>span{padding:0 3px}.simple-footer>.container{min-height:85px;gap:8px;align-items:flex-start;justify-content:center;flex-direction:column;padding:16px 0;font-size:8px}.simple-footer>.container>div{gap:23px}.simple-footer button{font-size:8px;padding:3px 0}.price-check{padding:35px 24px 25px}.price-check h2{font-size:36px}.price-check>.eyebrow{font-size:9px}.modal-intro{font-size:11px}.price-search{gap:7px}.price-search>input{font-size:16px;height:46px;width:50%}.price-search .button{padding:11px 12px;gap:8px;font-size:10px;min-height:46px}.price-search>input::placeholder{font-size:11px}.price-result{margin-top:23px;padding-top:20px}.unit-price{font-size:33px}.price-result h3{font-size:22px}.product-name{font-size:11px}.price-result-main{gap:15px;padding:20px 0}.price-result-main>div:first-child>span{font-size:9px}.total-summary{font-size:11px}.total-summary .grand-total{font-size:14px}.total-summary .grand-total>strong:last-child{font-size:22px}.price-result .button{font-size:11px;gap:20px}.sample-note{font-size:8px;line-height:1.8}.order-form{padding:32px 20px}.form-heading h2{font-size:35px;max-width:290px}.form-heading .modal-intro{font-size:11px;max-width:310px}.order-layout{display:flex;flex-direction:column;gap:27px;margin-top:25px}.order-fields{width:100%}.order-summary{position:static;width:100%;padding:23px}.order-summary>h3{font-size:19px}.order-summary>.eyebrow{font-size:9px}.summary-lines strong{font-size:11px}.summary-lines span{font-size:9px}.summary-lines b{font-size:12px}.order-summary .total-summary{font-size:11px}.order-summary .grand-total{font-size:14px}.order-summary .grand-total>strong:last-child{font-size:23px}.order-summary .total-summary>p{font-size:9px}.order-summary .preview-hint{font-size:10px}.order-summary .consent{font-size:10px}.order-summary .button{font-size:11px;gap:20px;min-height:49px}.order-summary .secure-note{font-size:9px}.form-section{padding-bottom:23px;margin-bottom:25px}.form-section>h3{font-size:15px}.order-line{padding:14px}.order-line-fields{gap:11px}.quantity-field .quantity{height:44px;width:101px}.quantity-field .quantity button{width:30px;height:42px}.quantity-field .quantity input{width:39px;font-size:16px}.order-form .field input{font-size:16px}.article-field input{height:44px;min-height:44px;padding:10px}.article-field input::placeholder{font-size:10px}.resolved-product{gap:12px}.resolved-product strong{font-size:10px}.resolved-price>strong{font-size:12px}.article-feedback{margin-top:12px}.article-feedback>span{font-size:9px}.remove-line{margin-right:-10px;margin-left:-6px;width:23px}.add-line{font-size:11px;padding-top:14px}.order-form .payment-options{flex-direction:row;gap:10px}.order-form .payment-option{padding:13px 11px;gap:8px}.order-form .payment-option>svg{display:none}.order-form .payment-option small{font-size:8px}.order-form .payment-option strong{font-size:11px}.country-note{font-size:10px}.extra-fields>summary{font-size:11px}.receipt .total-summary>p{font-size:9px}.qr-content>.muted{font-size:11px}}
@media(max-width:370px){.header-delivery>svg{display:none}.header .motaro-logo{width:91px}.header .motaro-logo img{width:101px}.header .bilstein-logo{width:74px}.header .brand{gap:8px}.simple-actions{gap:8px}.simple-actions .button{gap:9px;padding-inline:12px;font-size:10px}.hero-price-note{font-size:7px}.price-check{padding-inline:20px}.price-search .button{gap:6px;padding-inline:11px}.price-search .button span{font-size:9px}.price-result-main{gap:12px}.unit-price{font-size:30px}.order-form{padding-inline:16px}.order-line{padding:12px}.quantity-field .quantity{width:88px}.quantity-field .quantity button{width:25px}.quantity-field .quantity input{width:36px}.order-line-fields{gap:8px}.order-form .payment-options{flex-direction:column}}
/* Motaro × Bilstein Messe PHP — Erweiterungen des originalen Designs */
.header-inner>.cart-top{display:flex;align-items:center;gap:9px;margin-left:12px;font-size:11px;font-weight:600;color:var(--ink);padding:10px 13px;border:1px solid #e0e5e9;border-radius:4px;background:#fff}
.cart-top>span{font-size:18px;color:var(--blue-dark)}.cart-top b,.mobile-cart b{background:var(--yellow);color:#111;display:grid;place-items:center;border-radius:50%;min-width:23px;height:23px;padding:0 4px;font-size:10px}.header-discount{background:var(--yellow);font-weight:800;font-family:Display,sans-serif;font-size:24px;line-height:1;padding:5px 10px;transform:rotate(-3deg)}
.hero-benefit-row{display:flex;flex-wrap:wrap;gap:12px 17px;margin-top:23px;font-size:10px;color:#54616e}.hero-benefit-row b{color:var(--blue-dark)}.hero-benefit-row strong{color:#1e2932}.hero-copy{padding-top:69px}.hero-price-note{font-size:10px}.demo-alert{margin:15px 20px 0 0;color:#6d5b2b;background:#fff4d5;padding:9px 12px;border-left:3px solid #e4bd23;font-size:10px;line-height:1.6}
.hero-sticker{right:-6px}.sticker-icon{display:block;font-size:24px;color:#172530}.hero-actions{white-space:normal}.hero-actions .button{white-space:nowrap}.simple-actions{gap:12px}.simple-actions .button{padding-inline:14px;gap:11px}
.short-benefits{border-block:1px solid var(--line);background:#fff}.short-benefits-inner{padding:23px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.short-benefits-inner>div{display:flex;gap:15px;align-items:center;border-right:1px solid var(--line)}.short-benefits-inner>div:last-child{border:0}.benefit-icon{font-size:12px;font-weight:800;color:var(--blue-dark);border:1px solid #c9e6f3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.short-benefits-inner strong{display:block;font-size:11px}.short-benefits-inner small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.mobile-cart{display:none}
.messe-dialog{border:0;margin:auto;padding:0;width:min(1080px,calc(100vw - 30px));max-width:none;max-height:min(92dvh,1040px);border-radius:7px;box-shadow:0 22px 110px #001e3566;background:white;color:var(--ink);overflow:hidden}.messe-dialog::backdrop{background:#091824ab;backdrop-filter:blur(4px)}.messe-shell{display:flex;flex-direction:column;max-height:min(92dvh,1040px)}.messe-modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 28px;flex:none}.messe-modal-brand{font-size:12px;font-weight:800;letter-spacing:.7px;display:flex;align-items:center;gap:8px}.messe-modal-brand b{font-weight:400;color:#a1a8ad}.messe-modal-brand small{color:#8795a0;font-size:9px;font-weight:600;margin-left:9px}.modal-signal{background:var(--yellow);width:9px;height:9px;transform:skewX(-20deg)}.modal-close{width:37px;height:37px;border:1px solid #e7edf0;font-size:25px;line-height:1;border-radius:50%;color:#617380}.modal-close:hover{background:#f3f6f8}.modal-scroll{overflow-y:auto;overscroll-behavior:contain;padding:30px 35px 37px;min-height:220px}
.messe-view-head{margin-bottom:23px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.messe-view-head h2{font-size:44px;margin-top:7px}.messe-view-head p:last-child{font-size:12px;color:#6c7a85;margin-top:10px;line-height:1.7}.counter-mini{white-space:nowrap;font-size:11px;color:#697985}.counter-mini strong{color:var(--blue-dark);font-size:17px}.view-actions{display:flex;gap:9px;flex-wrap:wrap}.view-actions .button{min-height:40px;gap:8px;padding:9px 13px;font-size:10px}.messe-searchbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #cad8e1;background:#fafdfe;border-radius:4px}.messe-searchbar>.search-icon{font-size:25px;color:var(--blue-dark);line-height:1}.messe-searchbar input{width:100%;min-width:0;border:0;background:transparent;outline:0;font-size:15px;height:27px}.messe-searchbar input:focus-visible{outline:0}.messe-searchbar:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #d5f0fa}.messe-searchbar button{font-size:10px;font-weight:600;color:var(--blue-dark);white-space:nowrap}.hint-line{color:#82909a;font-size:10px;margin:10px 0 22px;line-height:1.7}.series-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 23px}.series-chips button{padding:8px 15px;border-radius:20px;background:#f1f4f7;font-size:11px;font-weight:600;border:1px solid #e8ecef}.series-chips button.active,.series-chips button:hover{background:#daeff8;color:#005e88;border-color:#9bd4ea}.messe-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.messe-card{border:1px solid #dfe6eb;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.messe-card-visual{min-height:165px;background:linear-gradient(133deg,#f3f6f8,#e8eff4);display:grid;place-items:center;position:relative;padding:19px}.messe-card-visual:after{position:absolute;right:-40px;top:0;bottom:0;width:80px;transform:skewX(-25deg);background:#ffffff70;content:''}.messe-card-visual img{max-height:145px;max-width:90%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 8px 6px #415f6c25)}.series-label{position:absolute;left:15px;top:13px;background:white;font-size:9px;font-weight:700;padding:4px 9px;z-index:2;color:#466477}.messe-card-content{padding:16px 17px 18px;display:flex;flex-direction:column;gap:7px;flex:1}.messe-card-code{font-family:Display,Arial,sans-serif;font-size:20px;letter-spacing:.2px}.messe-card-content h3{font-size:12px;font-weight:600;line-height:1.45}.messe-model{font-size:10px;color:#77858e;line-height:1.5;flex:1;overflow-wrap:anywhere}.availability{display:inline-flex;gap:6px;align-items:center;color:#54717d;font-size:9px;line-height:1.4}.availability:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#87aabc;flex:none}.availability.soldout:before{background:#b64f43}.messe-card-bottom{margin-top:8px;padding-top:12px;border-top:1px solid #e8edf0;display:flex;justify-content:space-between;align-items:flex-end;gap:7px}.old-price{text-decoration:line-through;color:#9ca7ad;font-size:10px}.new-price{color:#0d5175;font-family:Display,sans-serif;font-size:25px;font-weight:700;line-height:1.2}.messe-card-bottom button{background:var(--yellow);border-radius:3px;padding:9px 11px;font-size:10px;font-weight:700;white-space:nowrap}.messe-card-bottom button:disabled{background:#ebebeb}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:25px 0 5px;font-size:11px;color:#72808a}.pagination button{font-weight:700;color:var(--blue-dark);padding:8px 12px;border:1px solid #cbdce5;border-radius:3px}.pagination button:disabled{color:#aaa}.inline-cart-button{border:0;background:#f2f8fb;color:#006b99;padding:8px 14px;display:inline-flex;gap:8px;font-weight:700;font-size:11px;border-radius:3px}.empty-result{padding:34px;text-align:center;background:#f2f7fa;color:#657786;border-radius:5px}.empty-result h3{color:var(--ink);font-size:16px;margin-bottom:7px}.lookup-box{max-width:730px;margin:auto}.lookup-box .messe-searchbar{margin-top:22px}.lookup-result{max-width:670px;margin:25px auto 0}.lookup-result>.messe-card{display:grid;grid-template-columns:43% 57%;border-radius:5px}.lookup-result .messe-card-visual{min-height:320px}.lookup-result .messe-card-content{padding:26px}.lookup-result .messe-card-content h3{font-size:17px}.lookup-result .messe-card-code{font-size:32px}.lookup-result .new-price{font-size:35px}.lookup-result .messe-card-bottom{flex-wrap:wrap}.lookup-result .messe-card-bottom button{font-size:12px;padding:11px 17px}.lookup-noresult{text-align:center;padding:34px;background:#f5f7f9;font-size:12px;color:#70818c}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:27px;align-items:start}.cart-lines{display:flex;flex-direction:column;gap:10px}.cart-line{border:1px solid #e0e5e9;padding:14px;display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:15px;align-items:center;border-radius:4px}.cart-line>img{height:60px;width:65px;object-fit:contain;background:#f3f6f8;padding:6px}.cart-line h3{font-size:13px;margin-bottom:5px}.cart-line p{font-size:10px;color:#72838c;line-height:1.6}.cart-line>div:last-child{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.cart-line strong{font-size:14px;color:#035e87}.qty{display:inline-flex;align-items:center;border:1px solid #d4dde3;border-radius:3px;overflow:hidden}.qty button{width:29px;height:29px;background:#f1f4f6;font-size:17px;font-weight:600}.qty span{min-width:28px;text-align:center;font-size:11px;font-weight:700}.trash{color:#95605b;font-size:10px;padding:4px}.cart-addrow{margin-top:15px;font-size:11px;color:#006b99;font-weight:600;padding:12px;border:1px dashed #b6d5e6;border-radius:4px}.order-totals{border-top:1px solid #dce4e9;padding-top:14px;margin-top:16px}.order-totals>div{display:flex;justify-content:space-between;gap:18px;padding:5px 0;font-size:11px}.order-totals .total-row{font-size:14px;border-top:1px solid #dce4e9;margin-top:9px;padding-top:14px}.order-totals .total-row strong:last-child{font-size:23px;color:#005f8a}.order-totals small{font-size:9px;color:#82909a;display:block;text-align:right;margin-top:9px}.cart-side{background:#f3f7f9;border-radius:5px;padding:21px;position:sticky;top:0}.cart-side h3{font-size:17px;margin-bottom:18px}.cart-side .button{margin-top:20px;width:100%;font-size:11px;gap:8px}.cart-side .hint-line{margin-bottom:0}.cart-empty{text-align:center;padding:40px 16px;border:1px dashed #cfdae1}.cart-empty h3{font-size:18px;margin-bottom:12px}.cart-empty p{font-size:12px;color:#798b96;margin-bottom:20px}
.checkout-layout form{min-width:0}.checkout-layout .customer-fieldset{border:1px solid #dde6eb;padding:24px;border-radius:4px}.customer-fieldset legend{font-size:13px;font-weight:700;padding:0 7px}.fields-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.fields-grid .wide{grid-column:span 2}.fields-grid .field{margin-top:13px}.fields-grid input,.fields-grid textarea,.fields-grid select{font-size:12px}.payment-info{margin-top:18px;background:#eef7fb;color:#456679;padding:13px 15px;font-size:11px;line-height:1.6}.checkbox-row{font-size:11px;line-height:1.75;margin:18px 0;display:flex;align-items:flex-start;gap:10px}.checkbox-row input{margin-top:5px;flex:none;accent-color:#0079ad}.checkbox-row a{text-decoration:underline;color:var(--blue-dark)}.form-error-messe{background:#ffefee;border-left:3px solid #c55246;padding:11px;font-size:11px;color:#913f35;margin:12px 0}.checkout-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:16px}.checkout-actions .button{min-width:185px}.success-screen{text-align:center;max-width:590px;margin:0 auto;padding:40px 0}.success-mark{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 23px;background:#e3f3f9;color:#007fac;font-size:30px;border-radius:50%}.success-screen h2{font-size:46px;margin:10px 0}.success-screen p{color:#667985;font-size:12px;line-height:1.9;margin:18px 0}.success-id{font-weight:800;font-size:19px;letter-spacing:.3px;color:#005d86}.success-screen .button{margin-top:18px}.success-note{background:#fff1d2;padding:12px;color:#7a5b24;font-size:11px;margin-top:20px}.messe-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,35px);opacity:0;pointer-events:none;background:#192e3c;color:white;font-size:12px;padding:13px 19px;border-radius:5px;box-shadow:0 6px 30px #0003;z-index:200;transition:.25s}.messe-toast.show{opacity:1;transform:translate(-50%,0)}.legal-contents{max-width:700px;margin:auto}.legal-contents h2{font-size:39px;margin-bottom:20px}.legal-contents p{font-size:12px;line-height:1.9;color:#687883;margin:10px 0}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr .88fr}.hero-copy h1{font-size:clamp(55px,7vw,75px)}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-actions .button{min-width:275px;justify-content:space-between}}
@media(max-width:760px){.container{width:calc(100% - 35px)}.header{height:76px}.header-inner{gap:9px}.motaro-logo{width:104px;height:39px}.motaro-logo img{width:116px}.brand{gap:11px}.brand-divider{height:23px}.bilstein-logo{width:83px}.header-discount{font-size:19px}.header-delivery small{display:none}.header-delivery strong{font-size:9px}.header-inner>.cart-top{font-size:0;padding:8px}.header-inner>.cart-top>span{font-size:18px}.header-inner>.cart-top b{font-size:10px}.event-bar{font-size:8px}.preview-label{font-size:7px}.hero-inner{display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:41px 0 28px}.hero-copy h1{font-size:clamp(57px,12.5vw,81px);margin-top:21px;margin-bottom:21px}.hero-visual{height:280px;margin:0 -20px}.hero-blue{inset:0 -40px 0 -30px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12% 40%)}.hero-yellow{left:30%;height:90px}.hero-box{width:75%;top:27px;left:12%;transform:rotate(-9deg)}.hero-product-label{top:20px;left:14%}.hero-product-label strong{font-size:24px}.hero-sticker{bottom:12px;right:14px}.hero-benefit-row{font-size:9px;gap:9px 15px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.hero-actions .button{min-width:0;flex:1 1 210px}.hero-actions .button:nth-child(2){background:#fff}.short-benefits-inner{grid-template-columns:1fr;gap:0;padding:5px 0}.short-benefits-inner>div{border-right:0;border-bottom:1px solid #edf0f2;padding:9px 0}.short-benefits-inner>div:last-child{border:0}.simple-footer>.container{min-height:unset;padding:17px 0 80px;display:flex;flex-wrap:wrap;gap:12px}.simple-footer>.container>div{gap:16px}.messe-dialog{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.messe-shell{max-height:100dvh;height:100dvh}.modal-scroll{padding:24px 18px 95px}.messe-modal-head{padding:11px 18px}.messe-view-head h2{font-size:35px}.messe-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.messe-card-visual{min-height:133px;padding:11px}.messe-card-visual img{max-height:124px}.messe-card-content{padding:13px}.messe-card-bottom{flex-wrap:wrap}.messe-card-bottom button{width:100%}.lookup-result>.messe-card{grid-template-columns:1fr}.lookup-result .messe-card-visual{min-height:200px}.lookup-result .messe-card-content{padding:20px}.cart-layout,.checkout-layout{grid-template-columns:1fr;gap:18px}.cart-side{position:static}.cart-line{grid-template-columns:47px minmax(0,1fr) auto;gap:9px;padding:9px}.cart-line>img{height:52px;width:47px}.cart-line strong{font-size:12px}.cart-line p{font-size:9px}.cart-line h3{font-size:11px}.mobile-cart{display:block;position:fixed;bottom:0;left:0;right:0;background:white;padding:9px 15px max(9px,env(safe-area-inset-bottom));box-shadow:0 -3px 25px #0002;z-index:33}.mobile-cart button{background:var(--yellow);width:100%;min-height:46px;display:flex;justify-content:center;gap:10px;align-items:center;font-weight:800;font-size:12px}.mobile-cart button span{margin-left:9px}.success-screen{padding:25px 0}.messe-dialog[open]~.mobile-cart{display:none}}
@media(max-width:440px){.header-delivery{display:none}.hero-copy h1{font-size:clamp(52px,13.5vw,65px)}.hero-actions .button{min-height:49px;width:100%}.hero-description{font-size:11px}.hero-visual{height:225px}.hero-box{top:22px;width:74%;left:15%}.hero-product-label{display:none}.hero-sticker{font-size:8px}.messe-cards{grid-template-columns:1fr}.messe-card{display:grid;grid-template-columns:36% 64%}.messe-card-visual{min-height:156px}.messe-card-content{padding:12px}.messe-card-code{font-size:18px}.new-price{font-size:22px}.messe-card-bottom button{width:auto}.fields-grid{grid-template-columns:1fr}.fields-grid .wide{grid-column:auto}.customer-fieldset{padding:14px!important}.messe-view-head h2{font-size:32px}.modal-signal{display:none}}
.hp-trap{position:absolute!important;left:-9999px!important;height:1px!important;width:1px!important;overflow:hidden!important}.checkout-lines{margin-top:15px;border-top:1px solid #e2e9ed;padding-top:13px;display:flex;flex-direction:column;gap:12px}.summary-line{display:flex;justify-content:space-between;gap:9px;font-size:11px}.summary-line span{min-width:0;overflow-wrap:anywhere}.summary-line strong{white-space:nowrap}.discount-line{background:#e4f3f8;color:#086c91;font-size:10px;font-weight:700;margin-top:17px;padding:9px 12px}

/* Produktbilder-Galerie: SKU.webp / SKU_1.webp / SKU_2.webp usw. */
.messe-card-visual .gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;border:1px solid #b5cad7;background:#ffffffed;color:#035c80;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 2px 9px #1232;transition:background .15s,border-color .15s}
.messe-card-visual .gallery-arrow:hover,.messe-card-visual .gallery-arrow:focus-visible{background:#ffda13;border-color:#e5b800;outline-offset:2px}
.messe-card-visual .gallery-prev{left:9px}.messe-card-visual .gallery-next{right:9px}
.messe-card-visual .gallery-count{position:absolute;bottom:8px;right:11px;z-index:4;border-radius:16px;background:#ffffffed;color:#1b546a;padding:3px 9px;font-size:10px;font-weight:700;letter-spacing:.03em}
@media(max-width:760px){.messe-card-visual .gallery-arrow{width:31px;height:31px;font-size:23px}.messe-card-visual .gallery-prev{left:4px}.messe-card-visual .gallery-next{right:4px}}

/* 1.2 — deutlich sichtbare Rückmeldung beim Hinzufügen, ohne Seitenwechsel */
.messe-card{position:relative;transform-origin:center center}
.messe-card.in-cart{border-color:#8db5c5}
.messe-card.in-cart .messe-card-bottom button{outline:1px solid #e1ba03}
.messe-card.is-just-added{z-index:10;animation:messe-add-bounce 1.15s cubic-bezier(.18,.8,.25,1) both;box-shadow:0 12px 30px #006b9940}
@keyframes messe-add-bounce{0%{transform:scale(1)}17%{transform:scale(1.075) translateY(-7px)}35%{transform:scale(1.025) translateY(0)}53%{transform:scale(1.055) translateY(-3px)}76%,100%{transform:scale(1)}}
.cart-inline-status{align-self:flex-start;background:#e7f7e9;color:#176a39;border:1px solid #addcba;border-radius:3px;padding:4px 9px;font-size:10px;font-weight:800;letter-spacing:.01em;line-height:1.4}
.cart-inline-status[hidden]{display:none}
.messe-card-bottom button.add-confirmed{background:#159653;color:#fff;border-color:#159653;box-shadow:0 0 0 3px #15965324}
.cart-added-stamp{position:absolute;z-index:12;top:13px;right:11px;padding:11px 14px;border-radius:5px;background:#159653;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:0 6px 21px #003b2263;animation:messe-added-stamp 1.45s ease forwards;pointer-events:none}
@keyframes messe-added-stamp{0%{opacity:0;transform:scale(.7) rotate(-6deg)}15%,75%{opacity:1;transform:scale(1) rotate(-3deg)}100%{opacity:0;transform:scale(.98) rotate(-3deg)}}
.cart-top.cart-bump b,.mobile-cart.cart-bump b{animation:messe-cart-bump .8s ease both}
@keyframes messe-cart-bump{0%,100%{transform:scale(1)}24%{transform:scale(1.65)}52%{transform:scale(.87)}75%{transform:scale(1.17)}}
.messe-toast.cart-success{display:flex;align-items:center;gap:13px;background:#113a2c;color:white;border:2px solid #2cc878;box-shadow:0 9px 32px #002d2370;padding:13px 17px;max-width:min(94vw,520px);width:max-content}
.messe-toast.cart-success .toast-check{display:grid;place-items:center;flex:none;background:#27be72;color:#062c1b;border-radius:50%;width:35px;height:35px;font-weight:900;font-size:23px}
.messe-toast.cart-success strong{display:block;font-size:14px;line-height:1.4;white-space:nowrap}
.messe-toast.cart-success small{display:block;font-size:10px;color:#b2ead0;margin-top:2px}
.messe-toast.cart-success button{background:#ffe000;color:#182025;font-weight:800;font-size:11px;padding:10px 12px;border-radius:4px;border:0;white-space:nowrap}
@media(max-width:520px){.messe-toast.cart-success{bottom:max(17px,env(safe-area-inset-bottom));gap:9px;padding:11px;max-width:calc(100vw - 24px)}.messe-toast.cart-success strong{font-size:12px}.messe-toast.cart-success small{font-size:9px}.messe-toast.cart-success button{padding:9px;font-size:10px}.cart-added-stamp{font-size:10px;top:8px;right:5px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.messe-card.is-just-added,.cart-added-stamp,.cart-top.cart-bump b,.mobile-cart.cart-bump b{animation:none!important}.messe-card.is-just-added{border:2px solid #159653}.cart-added-stamp{opacity:1}}
/* Im geöffneten nativen Dialog muss die Bestätigung zur Top-Layer gehören,
   damit der Button auch per Touch anklickbar bleibt. */
.messe-dialog .messe-toast{position:absolute;bottom:16px;max-width:calc(100% - 22px)}
@media(max-width:520px){.messe-dialog .messe-toast{bottom:max(12px,env(safe-area-inset-bottom))}}
/* Das Bestätigungsbanner enthält eine echte, antippbare Aktion. */
.messe-toast.cart-success{pointer-events:auto}
/* Rechtliche Seiten / transparenter Checkout – Version 1.3 */
.simple-footer .legal-footer-links{display:flex;flex-wrap:wrap;gap:12px 19px;align-items:center}.simple-footer a{font-size:11px;color:inherit;text-decoration:underline;text-underline-offset:3px}.simple-footer .widerruf-footer{background:#ffe000;color:#111;padding:7px 11px;border-radius:4px;font-weight:800;text-decoration:none}.hero-price-note a{text-decoration:underline}
.checkout-legal-summary{background:#f5f8fa;border:1px solid #dde9ee;padding:15px;margin:16px 0;font-size:11px;line-height:1.7}.checkout-legal-summary>strong{font-size:13px}.checkout-legal-summary p{margin:7px 0}.checkout-legal-summary a{color:#0075ab;text-decoration:underline}.legal-eu-info{border:1px solid #c9dae8;background:#fff;padding:14px;margin:15px 0;font-size:11px}.legal-eu-info>strong{display:block;color:#005f93;font-size:13px}.legal-eu-info p{margin:10px 0}.legal-eu-info img{max-width:340px;width:100%;height:auto;margin:9px auto;border:1px solid #e1e7ed}.legal-eu-info a{color:#006e9d;text-decoration:underline}.checkout-product-name{display:block;max-width:180px;font-size:9px;line-height:1.4;color:#667885;margin-top:2px;font-weight:400}
.legal-page{background:#f3f7f9;color:#1e2a31}.legal-page-header{background:#112c40;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px max(24px,calc((100vw - 1120px)/2));font-size:13px}.legal-page-header span{color:#ffe000}.legal-page-header a{text-decoration:underline}.legal-main{max-width:1120px;margin:28px auto 55px;padding:0 22px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.legal-main.single{display:block;max-width:760px}.legal-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.legal-nav a{font-size:12px;font-weight:700;background:#fff;border:1px solid #dee7ec;padding:8px 12px;border-radius:4px}.legal-nav [aria-current]{background:#007bb5;color:white}.legal-article,.legal-aside{padding:clamp(20px,3vw,40px);background:white;border:1px solid #e0eaf0;border-radius:6px;box-shadow:0 8px 24px #112c400d;overflow-wrap:anywhere}.legal-article h1{font-size:clamp(36px,5vw,55px);line-height:1.05;margin:0 0 22px}.legal-article h2{font-size:22px;margin:27px 0 10px;font-family:Body,Arial,sans-serif}.legal-article p,.legal-article li{font-size:13px;line-height:1.8;margin:10px 0}.legal-article a,.legal-aside a{color:#006a9d;text-decoration:underline;text-underline-offset:2px}.legal-aside{align-self:start;padding:18px}.legal-aside h2{font-size:17px;margin:0 0 10px;font-family:Body,Arial,sans-serif}.legal-aside p{font-size:11px;margin:12px 0}.legal-aside img{width:100%;height:auto;border:1px solid #dfebf2}.legal-form-template{white-space:pre-wrap;word-break:break-word;font-family:Body,Arial,sans-serif;font-size:11px;line-height:1.7;background:#f5f8f9;padding:15px;border:1px solid #dee6ea}.legal-primary{display:inline-block!important;background:#ffe000!important;color:#161a1f!important;text-decoration:none!important;border-radius:3px;padding:9px 14px;font-weight:800}.legal-page-footer{max-width:1120px;margin:0 auto 40px;padding:12px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:13px}.legal-page-footer a{text-decoration:underline}.withdrawal-form{margin-top:24px;border-top:1px solid #e2e9ee;padding-top:24px}.withdrawal-form .fields-grid{gap:14px}.withdrawal-form .field{display:flex;flex-direction:column;font-size:12px;font-weight:700}.withdrawal-form input,.withdrawal-form textarea{margin-top:6px;width:100%;padding:11px;border:1px solid #bdccd7;border-radius:4px}.withdrawal-form p{margin:20px 0!important}.withdrawal-success{padding:20px;margin:18px 0;border:2px solid #159653;background:#f2fcf6}.withdrawal-error{background:#ffefee;border-left:4px solid #cc574b;padding:14px;margin:20px 0}
@media(max-width:760px){.legal-main{display:block;margin-top:16px;padding:0 12px}.legal-nav{margin-bottom:15px}.legal-article,.legal-aside{padding:20px;margin-bottom:15px}.legal-page-header{padding:15px}.legal-page-header strong{font-size:11px}.simple-footer .legal-footer-links{gap:9px}}
@media print{.legal-page-header,.legal-page-footer,.legal-nav,.legal-aside,.withdrawal-form button{display:none!important}.legal-main,.legal-article{margin:0;padding:0;box-shadow:none;border:0}}

.binding-review{border:2px solid #006e9d;padding:17px;margin:20px 0 8px;background:#fff}.binding-review h3{font-size:16px;margin-bottom:10px}.binding-review p{font-size:11px;color:#49616e;line-height:1.8;margin-top:12px}.binding-review .order-totals .total-row{background:#e7f5fb;padding:12px;margin-top:14px}

.gpsr-line{font-size:9px;line-height:1.6;margin:8px 0;color:#61727d;overflow-wrap:anywhere}.gpsr-line a,.checkout-gpsr-note a{text-decoration:underline;color:#006e9c}.checkout-gpsr-note{margin:14px 0;background:#fffce8;border-left:3px solid #e5bf14;padding:11px;font-size:11px;line-height:1.7}
/* Version 1.4: kompakter, gut lesbarer Lieferzeithinweis in der Produktkarte */
.delivery-note-card{font-size:11px;line-height:1.35;color:#52616d;margin:3px 0 7px}
