/* Elbfolien Outlet 1.4 – Bildkarten wie die LED-Musterauswahl.
   Sämtliche Regeln bewusst auf #ef-outlet-modal begrenzt (Woodmart/Elementor). */
.ef-outlet-trigger.button{margin:8px 0 8px 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:12px!important;padding:13px 17px!important;background:#1067bf!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;white-space:normal!important;box-shadow:none!important;cursor:pointer!important}
.ef-outlet-trigger:hover,.ef-outlet-trigger:focus{background:#084d9a!important;color:#fff!important}
.ef-outlet-no-scroll{overflow:hidden!important}
#ef-outlet-modal[hidden]{display:none!important}
#ef-outlet-modal{position:fixed!important;inset:0!important;z-index:999999!important;background:rgba(12,24,40,.67)!important;display:grid!important;place-items:center!important;padding:16px!important;box-sizing:border-box!important}
#ef-outlet-modal .ef-outlet-dialog{background:#fff!important;color:#1d2a38!important;width:min(1180px,100%)!important;max-height:min(94dvh,1000px)!important;border-radius:19px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 24px 90px rgba(0,0,0,.26)!important;font-family:inherit!important;box-sizing:border-box!important}
#ef-outlet-modal *,#ef-outlet-modal *::before,#ef-outlet-modal *::after{box-sizing:border-box!important}
#ef-outlet-modal .ef-outlet-head{padding:20px 25px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:none}
#ef-outlet-modal .ef-outlet-eyebrow{color:#1764a8;font-size:11px;font-weight:800;letter-spacing:.11em}
#ef-outlet-modal .ef-outlet-head h2{margin:5px 0!important;color:#162b3f!important;font-size:clamp(23px,2.8vw,31px)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.02em}
#ef-outlet-modal .ef-outlet-head p{margin:7px 0 0!important;color:#627385!important;font-size:13px!important;line-height:1.45!important}
#ef-outlet-modal .ef-outlet-close{flex:none;display:grid;place-items:center;width:40px!important;height:40px!important;background:#f0f4f8!important;color:#2c3b49!important;border:0!important;border-radius:10px!important;font-size:25px!important;line-height:1!important;cursor:pointer!important;padding:0!important}
#ef-outlet-modal .ef-outlet-tariffs{margin:0 25px 12px;padding:10px 16px;background:#eaf5ff;display:flex;gap:7px 20px;flex-wrap:wrap;border-radius:11px;color:#23415f;font-size:13px;flex:none}
#ef-outlet-modal .ef-outlet-tariffs strong{color:#0756a0;font-size:14px}
#ef-outlet-modal .ef-outlet-toolbar{display:flex;align-items:center;gap:10px;padding:0 25px 12px;flex-wrap:wrap;flex:none}
#ef-outlet-modal .ef-outlet-toolbar label{font-weight:700;font-size:13px!important;color:#253746}
#ef-outlet-modal .ef-outlet-toolbar input{min-width:180px!important;width:310px!important;max-width:100%!important;border-radius:9px!important;border:1px solid #cfdae5!important;padding:9px 13px!important;min-height:42px!important;background:#fff!important;color:#1b2936!important;font-size:14px!important;line-height:1.3!important}
#ef-outlet-modal #ef-outlet-count{color:#74808c;font-size:12px;margin-left:auto}
#ef-outlet-modal .ef-outlet-message{padding:0 25px;color:#456484;font-size:13px;min-height:0;flex:none}
#ef-outlet-modal .ef-outlet-message:not(:empty){padding-bottom:9px}
#ef-outlet-modal .ef-outlet-message.is-error{color:#a62126;font-weight:700}
/* Vier Fotos pro Reihe am Desktop, drei auf mittlerem Tablet, zwei am Handy. */
#ef-outlet-modal .ef-outlet-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:max-content!important;align-content:start!important;align-items:start!important;gap:13px!important;flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:0 25px 21px!important;scrollbar-gutter:stable}
#ef-outlet-modal .ef-outlet-card{min-width:0!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;align-self:start!important;overflow:hidden!important;border:1.5px solid #dbe7f1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 10px rgba(27,61,89,.035)!important;transition:border-color .15s ease,box-shadow .15s ease!important}
#ef-outlet-modal .ef-outlet-card.is-selected{border:2px solid #1374c7!important;background:#f5faff!important;box-shadow:0 0 0 1px rgba(20,112,200,.1)!important}
#ef-outlet-modal .ef-outlet-photo{width:100%!important;height:auto!important;aspect-ratio:4 / 3!important;flex:none!important;display:block!important;position:relative!important;margin:0!important;overflow:hidden!important;background:#f2f6fa!important}
#ef-outlet-modal .ef-outlet-photo-button{display:block!important;position:relative!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;line-height:0!important;overflow:hidden!important}
#ef-outlet-modal .ef-outlet-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;position:static!important;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;transition:transform .16s ease!important}
@media(hover:hover){#ef-outlet-modal .ef-outlet-photo-button:hover img{transform:scale(1.025)!important}}
#ef-outlet-modal .ef-outlet-tick{position:absolute!important;right:10px!important;top:10px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#fff!important;border:2px solid #d8e6f1!important;display:grid!important;place-items:center!important;color:transparent!important;font-size:17px!important;font-weight:800!important;line-height:1!important;box-shadow:0 1px 4px rgba(0,0,0,.1)!important;pointer-events:none!important}
#ef-outlet-modal .ef-outlet-card.is-selected .ef-outlet-tick{background:#126bbc!important;color:#fff!important;border-color:#126bbc!important}
#ef-outlet-modal .ef-outlet-image-fallback{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;color:#557084!important;line-height:1.4!important;font-size:12px!important;padding:13px!important}
#ef-outlet-modal .ef-outlet-info{width:100%!important;min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;padding:13px 13px 14px!important}
#ef-outlet-modal .ef-outlet-info h3{margin:0!important;color:#193149!important;font-size:13.5px!important;line-height:1.35!important;font-weight:800!important;overflow-wrap:anywhere!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:3.9em!important}
/* Lange HTML-Kurzbeschreibungen sind für die visuelle Auswahl nicht nötig. */
#ef-outlet-modal .ef-outlet-info p{display:none!important}
#ef-outlet-modal .ef-outlet-stock{font-size:12px!important;line-height:1.4!important;color:#36724d!important;font-weight:700!important;margin:9px 0 11px!important}
#ef-outlet-modal .ef-outlet-quantity-label{font-size:11px!important;font-weight:750!important;color:#295476!important;margin:0 0 6px!important;line-height:1.3!important}
#ef-outlet-modal .ef-outlet-controls{display:flex!important;align-items:center!important;gap:8px!important;flex:none!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important;min-height:42px!important}
#ef-outlet-modal .ef-outlet-controls button{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:42px!important;min-height:42px!important;padding:0!important;border:1px solid #d4e3f1!important;border-radius:9px!important;background:#e8f2fb!important;color:#175a96!important;box-shadow:none!important;font-size:22px!important;line-height:1!important;font-weight:750!important;cursor:pointer!important}
#ef-outlet-modal .ef-outlet-controls button:hover:not(:disabled){background:#d6eafa!important}
#ef-outlet-modal .ef-outlet-controls button:disabled{opacity:.38!important;cursor:not-allowed!important}
#ef-outlet-modal .ef-outlet-controls input{display:block!important;flex:1 1 48px!important;width:48px!important;min-width:0!important;max-width:74px!important;height:42px!important;min-height:42px!important;border:1px solid #d4e3f1!important;border-radius:9px!important;background:#fff!important;color:#143c60!important;font-size:15px!important;line-height:1!important;text-align:center!important;padding:0 2px!important;margin:0!important;box-shadow:none!important}
#ef-outlet-modal .ef-outlet-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#ef-outlet-modal .ef-outlet-qty{-moz-appearance:textfield;appearance:textfield}
#ef-outlet-modal .ef-outlet-empty{grid-column:1/-1;text-align:center;padding:40px 15px;color:#657382}
#ef-outlet-modal .ef-outlet-footer{flex:none!important;padding:14px 25px!important;background:#f4f9fd!important;border-top:1px solid #dae6ef!important;display:flex!important;gap:20px!important;justify-content:space-between!important;align-items:center!important}
#ef-outlet-modal .ef-outlet-total{display:flex!important;flex-direction:column!important;gap:2px!important;font-size:13px!important;line-height:1.35!important;color:#4a5d70!important}
#ef-outlet-modal .ef-outlet-total strong{font-size:26px!important;line-height:1.2!important;color:#0d3e71!important}
#ef-outlet-modal .ef-outlet-total small{color:#357048!important;font-size:11px!important}
#ef-outlet-modal .ef-outlet-add{flex:0 1 auto!important;border:0!important;border-radius:10px!important;background:#1168bf!important;color:#fff!important;padding:14px 20px!important;min-height:51px!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important;line-height:1.25!important;text-align:center!important}
#ef-outlet-modal .ef-outlet-add:disabled{background:#a9b8c6!important;cursor:not-allowed!important}
#ef-outlet-modal :is(button,input):focus-visible{outline:3px solid #0d70d7!important;outline-offset:2px!important}
@media(max-width:970px){#ef-outlet-modal .ef-outlet-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){#ef-outlet-modal .ef-outlet-overlay{padding:0!important}#ef-outlet-modal .ef-outlet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#ef-outlet-modal .ef-outlet-head{padding:16px 16px 10px}#ef-outlet-modal .ef-outlet-tariffs{margin:0 16px 10px;padding:9px 12px}#ef-outlet-modal .ef-outlet-toolbar{padding:0 16px 10px}#ef-outlet-modal .ef-outlet-message{padding-left:16px;padding-right:16px}#ef-outlet-modal .ef-outlet-grid{padding:0 16px 15px!important}#ef-outlet-modal .ef-outlet-footer{padding:12px 16px!important}}
@media(max-width:530px){#ef-outlet-modal{padding:0!important}#ef-outlet-modal .ef-outlet-dialog{width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}#ef-outlet-modal .ef-outlet-head h2{font-size:22px!important}#ef-outlet-modal .ef-outlet-head p{font-size:12px!important}#ef-outlet-modal .ef-outlet-tariffs{font-size:11px!important;gap:5px 13px}#ef-outlet-modal .ef-outlet-tariffs strong{font-size:12px}#ef-outlet-modal .ef-outlet-toolbar label{display:none}#ef-outlet-modal .ef-outlet-toolbar input{width:100%!important;min-width:0!important}#ef-outlet-modal #ef-outlet-count{margin-left:0}#ef-outlet-modal .ef-outlet-info{padding:10px 9px 12px!important}#ef-outlet-modal .ef-outlet-info h3{font-size:12px!important;-webkit-line-clamp:3!important;min-height:4em!important}#ef-outlet-modal .ef-outlet-stock{font-size:11px!important;margin:8px 0!important}#ef-outlet-modal .ef-outlet-controls{gap:5px!important}#ef-outlet-modal .ef-outlet-controls button{width:34px!important;min-width:34px!important;flex-basis:34px!important;height:40px!important;min-height:40px!important}#ef-outlet-modal .ef-outlet-controls input{flex-basis:36px!important;height:40px!important;min-height:40px!important}#ef-outlet-modal .ef-outlet-footer{gap:9px!important}#ef-outlet-modal .ef-outlet-total strong{font-size:22px!important}#ef-outlet-modal .ef-outlet-add{padding:11px 12px!important;font-size:12px!important;min-height:48px!important}}
@media(max-width:350px){#ef-outlet-modal .ef-outlet-grid{grid-template-columns:minmax(0,1fr)!important}#ef-outlet-modal .ef-outlet-info h3{-webkit-line-clamp:2!important;min-height:0!important}}
@media(prefers-reduced-motion:reduce){#ef-outlet-modal .ef-outlet-card,#ef-outlet-modal .ef-outlet-photo img{transition:none!important}}