/* Lasmeesters Actiebox: alle vormgeving blijft binnen deze tool. */
#bluedeal {--accent:#df8025;--ink:#202326;--muted:#687078;--line:#e8e9ec;background:#fff !important;color:var(--ink) !important;font:15px/1.6 Arial,Helvetica,sans-serif !important;-webkit-font-smoothing:antialiased}
#bluedeal *,#bluedeal *::before,#bluedeal *::after {box-sizing:border-box}
#bluedeal * {font-family:Arial,Helvetica,sans-serif !important;color:var(--ink) !important;-webkit-text-fill-color:currentColor !important;text-shadow:none !important}
#bluedeal [hidden] {display:none !important}
#bluedeal .wrap {max-width:1260px;margin:0 auto;padding:36px 24px 64px}
#bluedeal h1,#bluedeal h2,#bluedeal h3,#bluedeal h4,#bluedeal p {padding:0;letter-spacing:normal}
#bluedeal h1 {font-size:clamp(34px,4.6vw,58px);font-weight:800;line-height:1.08;letter-spacing:-2px;margin:18px 0 20px;max-width:760px}
#bluedeal h1 span {color:var(--accent) !important}
#bluedeal h2 {font-size:24px;line-height:1.3;font-weight:800;margin:0 0 12px}
#bluedeal h3 {font-size:16px;line-height:1.45;font-weight:700;margin:0 0 8px}
#bluedeal h4 {font-size:17px;line-height:1.4;font-weight:700;margin:0 0 10px}
#bluedeal p {margin:8px 0}
#bluedeal .muted {color:#687078 !important;font-size:12px;line-height:1.65}
#bluedeal .intro {padding:16px 0 36px;margin:0 0 30px;border-bottom:1px solid var(--line)}
#bluedeal .eyebrow {display:inline-flex;align-items:center;gap:10px;color:#945018 !important;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
#bluedeal .eyebrow::before {content:'';width:22px;height:3px;border-radius:3px;background:var(--accent)}
#bluedeal .intro>p {max-width:720px;font-size:16px;line-height:1.75;color:#687078 !important}
#bluedeal .intro .stock-notice {display:inline-block;margin:12px 0 0;padding:7px 12px;background:#faf5ee;border:1px solid #f1e3d2;border-radius:7px;font-size:12px}
#bluedeal .stock-notice strong {font-weight:600;color:#895126 !important}
#bluedeal .layout {display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
#bluedeal main {min-width:0}
#bluedeal .card {padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}
#bluedeal .pill {display:inline-block;border:1px solid #f3e0ce;background:#fff7ef;border-radius:6px;padding:4px 9px;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.35px;color:#92501a !important;vertical-align:middle}
#bluedeal h2 .pill {margin-left:8px;background:#f5f6f7;border-color:#eceef0;color:#69717a !important;letter-spacing:0}
#bluedeal .start {position:relative;display:flow-root;margin-bottom:36px;padding:28px;border-color:#efd6bd;background:linear-gradient(130deg,#fffaf4 0%,#fff 80%);box-shadow:0 8px 28px #262b3005}
#bluedeal .start h3 {font-size:22px;font-weight:800;line-height:1.3;margin-top:18px;letter-spacing:-.4px}
#bluedeal .quality-level {display:inline-block;color:var(--accent) !important;font-size:12px;font-weight:700;line-height:1.5;margin:2px 0 8px}
#bluedeal #start-price {margin:14px 0 10px}
#bluedeal #start-price .product-price {font-size:14px}
#bluedeal #start-price .product-price b {font-size:30px;letter-spacing:-1px}
#bluedeal .category {display:flex;align-items:center;gap:12px;margin:32px 0 14px;font-size:21px;font-weight:800 !important;letter-spacing:-.5px}
#bluedeal .category::after {content:'';height:1px;background:var(--line);flex:1}
#bluedeal .product {display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px 24px;align-items:start;margin:12px 0;padding:22px;transition:border-color .18s,box-shadow .18s,background .18s}
#bluedeal .product.selected {border-color:#df8025;background:#fffcf8;box-shadow:0 3px 14px #df802508}
#bluedeal .product-info {min-width:0}
#bluedeal .product h3 {font-size:15px;font-weight:700;overflow-wrap:anywhere}
#bluedeal .product-info>p {margin:4px 0}
#bluedeal .product .product-price {margin-top:12px;font-size:12px;color:#687078 !important}
#bluedeal .product-price b {font-size:23px;line-height:1.2;font-weight:800;letter-spacing:-.5px;color:#202326 !important;white-space:nowrap}
#bluedeal .original-price {display:inline-block;margin-right:8px;color:#899099 !important;font-size:12px;font-weight:400;white-space:nowrap}
#bluedeal .original-price del {color:#899099 !important;text-decoration:line-through !important}
#bluedeal .discount-note {color:#9a541c !important;font-size:12px;font-weight:600}
#bluedeal button,#bluedeal input,#bluedeal select {font:inherit;touch-action:manipulation}
#bluedeal button {cursor:pointer;transition:background .18s,box-shadow .18s;appearance:none}
#bluedeal button:disabled {cursor:not-allowed;opacity:.4}
#bluedeal :focus-visible {outline:3px solid #bd631c;outline-offset:4px}
#bluedeal .stepper {display:flex;align-items:center;gap:0;flex-shrink:0;width:max-content;border:1px solid #e5e6e8;border-radius:10px;background:#fff;overflow:hidden}
#bluedeal .product .stepper {grid-column:2;margin-top:2px}
#bluedeal .stepper button {width:44px;height:44px;padding:0;border:0;background:#f7f8f9;color:#202326 !important;font-size:22px;line-height:1;border-radius:0}
#bluedeal .stepper button:last-child {background:var(--accent);color:#fff !important}
#bluedeal .stepper output {min-width:58px;text-align:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
#bluedeal .quantity-note {grid-column:2;margin:0 !important;font-size:11px}
#bluedeal .image-zoom {display:block;position:relative;width:140px;padding:0;border:1px solid #eff0f2;border-radius:12px;background:#fff;overflow:hidden;cursor:zoom-in}
#bluedeal .product-image {display:block;width:140px;height:140px;max-width:100%;object-fit:contain;margin:0;background:white;transition:transform .2s}
#bluedeal .zoom-hint {display:block;padding:5px;background:#f8f9fa;font-size:10px;line-height:1.6;text-align:center;color:#7d858e !important}
#bluedeal .box-zoom {float:right;width:205px;max-width:43%;margin:0 0 18px 24px;box-shadow:0 4px 12px #20232604}
#bluedeal .box-image {display:block;float:none;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;margin:0}
#bluedeal .fiber-promo {padding:20px;margin:0 0 16px;border:1px solid #f0dfcc;border-radius:12px;background:#fff9f1}
#bluedeal .fiber-promo h4 {font-size:16px;margin-bottom:8px}
#bluedeal .fiber-promo p {font-size:13px;line-height:1.65}
#bluedeal .fiber-promo p.muted {font-size:12px}
#bluedeal .gift-label {color:#a85a1a !important;font-size:12px;font-weight:700}
#bluedeal .gift-choice {margin-top:14px}
#bluedeal label {display:block;font-size:11px;font-weight:700;line-height:1.5}
#bluedeal select,#bluedeal input {width:100%;min-width:0;min-height:44px;height:auto;padding:11px 12px;border:1px solid #dfe2e6;border-radius:8px;background:#fff !important;color:#202326 !important;font-size:14px;margin-top:6px;box-shadow:none}
#bluedeal input::placeholder {color:#9299a1 !important;opacity:1}
#bluedeal select {max-width:100%;white-space:normal}
#bluedeal .summary {position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:26px;background:#f8f9fb;border:1px solid #e9ebee;box-shadow:0 12px 36px #20232606;border-radius:18px;scrollbar-width:thin}
#bluedeal .summary>h2 {font-size:23px;letter-spacing:-.65px;margin-bottom:12px}
#bluedeal .line {display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid #e4e7eb;padding:15px 0;font-size:12px;line-height:1.55}
#bluedeal .line>div {min-width:0;overflow-wrap:anywhere}
#bluedeal .line strong {flex-shrink:0;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
#bluedeal .line .muted {display:inline-block;margin-top:4px;font-size:11px}
#bluedeal .total {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 0}
#bluedeal .total>span {font-weight:700;font-size:13px}
#bluedeal .total strong {font-size:30px;letter-spacing:-1px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
#bluedeal .status {margin:18px 0 10px;border:1px solid #ecdac6;border-radius:9px;padding:12px 14px;background:#fff7eb;color:#815428 !important;font-size:12px;line-height:1.6}
#bluedeal progress {width:100%;height:6px;border:0;border-radius:20px;background:#e9ebee;accent-color:var(--accent);overflow:hidden}
#bluedeal progress::-webkit-progress-bar {background:#e9ebee;border-radius:20px}
#bluedeal progress::-webkit-progress-value {background:var(--accent);border-radius:20px}
#bluedeal progress::-moz-progress-bar {background:var(--accent)}
#bluedeal .fields {display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin-top:22px;padding-top:20px;border-top:1px solid #e4e7eb}
#bluedeal .primary {padding:15px 18px;border:0;border-radius:10px;background:var(--accent) !important;color:#fff !important;font-size:14px;font-weight:700;line-height:1.5;box-shadow:0 4px 10px #df802518}
#bluedeal .order {width:100%;margin-top:20px;min-height:50px}
#bluedeal .secondary {border:1px solid #dfe2e6;border-radius:8px;padding:10px 14px;background:#fff;color:#596168 !important;font-size:12px;font-weight:600;min-height:42px}
#bluedeal #reset {margin-top:12px;font-size:11px;padding:7px 11px;min-height:36px}
#bluedeal .shipping-options {margin-top:18px;padding:14px;background:#fff;border:1px solid #e4e7eb;border-radius:10px}
#bluedeal .shipping-options .muted {font-size:11px}
#bluedeal dialog {position:fixed;inset:0;margin:auto;max-width:650px;width:calc(100% - 32px);max-height:90vh;max-height:90dvh;overflow:auto;padding:26px;background:#fff;border:0;border-radius:18px;box-shadow:0 24px 80px #0003}
#bluedeal dialog::backdrop {background:rgba(20,25,30,.7)}
#bluedeal #image-viewer {max-width:850px}
#bluedeal .viewer-top {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
#bluedeal #image-viewer-title {font-size:18px;line-height:1.5;margin:0;overflow-wrap:anywhere}
#bluedeal #image-viewer-close {flex-shrink:0;min-height:44px}
#bluedeal #image-viewer-image {display:block;width:100%;height:auto;max-height:65vh;max-height:65dvh;object-fit:contain;margin:auto;background:#fff}
#bluedeal pre {white-space:pre-wrap;font:13px/1.6 Arial,sans-serif;max-height:55vh;overflow:auto;background:#f7f8fa;padding:18px;border-radius:10px}
@media(hover:hover){#bluedeal .product:hover {border-color:#d7dbe0;box-shadow:0 5px 20px #20232606}#bluedeal .product.selected:hover {border-color:var(--accent)}#bluedeal .primary:hover:not(:disabled),#bluedeal .stepper button:last-child:hover:not(:disabled) {background:#c9701f !important}#bluedeal .secondary:hover {background:#f3f4f6}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#bluedeal .image-zoom:hover .product-image {transform:scale(1.06)}}
@media(max-width:1000px){#bluedeal .layout {grid-template-columns:minmax(0,1fr) 330px;gap:22px}#bluedeal .product {grid-template-columns:110px minmax(0,1fr);gap:12px 16px;padding:18px}#bluedeal .image-zoom {width:110px}#bluedeal .product-image {width:110px;height:110px}#bluedeal .box-zoom {width:170px}#bluedeal .summary {padding:22px}}
@media(max-width:850px){#bluedeal .layout {grid-template-columns:1fr;gap:28px}#bluedeal .summary {position:static;max-height:none}#bluedeal .product {grid-template-columns:140px minmax(0,1fr);gap:12px 24px}#bluedeal .image-zoom {width:140px}#bluedeal .product-image {width:140px;height:140px}#bluedeal .box-zoom {width:205px}}
@media(max-width:520px){#bluedeal .wrap {padding:20px 12px 36px}#bluedeal .intro {padding:8px 0 24px;margin-bottom:24px}#bluedeal h1 {font-size:36px;letter-spacing:-1.2px}#bluedeal .intro>p {font-size:14px}#bluedeal .eyebrow {font-size:9px;letter-spacing:.7px}#bluedeal .start {padding:20px;margin-bottom:28px}#bluedeal .box-zoom {width:140px;max-width:42%;margin:0 0 14px 12px}#bluedeal .start h3 {font-size:18px}#bluedeal .product {grid-template-columns:100px minmax(0,1fr);gap:12px 14px;padding:16px}#bluedeal .image-zoom {width:100px}#bluedeal .box-zoom {width:140px}#bluedeal .product-image {width:100px;height:100px}#bluedeal .product h3 {font-size:13px}#bluedeal .quality-level {font-size:11px}#bluedeal .product-price b {font-size:21px}#bluedeal .original-price {display:block;margin-bottom:5px}#bluedeal .category {font-size:19px}#bluedeal .fiber-promo {padding:16px}#bluedeal .summary {padding:22px}#bluedeal .total strong {font-size:28px}#bluedeal #image-viewer {padding:16px}#bluedeal #image-viewer-title {font-size:14px}}
@media(max-width:360px){#bluedeal .product {grid-template-columns:80px minmax(0,1fr);gap:10px;padding:12px}#bluedeal .image-zoom {width:80px}#bluedeal .product-image {width:80px;height:80px}#bluedeal .box-zoom {width:120px}#bluedeal .fields {grid-template-columns:1fr}#bluedeal .stepper output {min-width:44px}}
@media(prefers-reduced-motion:reduce){#bluedeal *,#bluedeal *::before,#bluedeal *::after {transition:none !important}}

#bluedeal .lm-trap {position:absolute !important;left:-10000px !important;width:1px;height:1px;overflow:hidden}
#bluedeal #send-result {margin-top:16px;padding:14px;border:1px solid #df8025;border-radius:8px;background:#fff8ef;font-size:13px}

/* Versie 1.1.0: oranje sterren in plaats van kwaliteitslabels. */
#bluedeal .quality-stars {display:inline-block;margin:2px 0 8px;line-height:1.3;white-space:nowrap}
#bluedeal .quality-stars,#bluedeal .quality-stars span {color:#df8025 !important;font-size:21px;font-weight:400;letter-spacing:2px;-webkit-text-fill-color:#df8025 !important}
#bluedeal .delivery-info {font-size:12px;line-height:1.65;margin-top:12px;padding-top:12px;border-top:1px solid #e4e7eb;color:#687078 !important}

#bluedeal #delivery-address {padding:16px;margin:18px 0 0;border:1px solid #e4e7eb;border-radius:10px;min-width:0}
#bluedeal #delivery-address legend {font-size:14px;font-weight:700;padding:0 6px}
#bluedeal #delivery-address .fields {border:0;margin:0;padding:0}
#bluedeal .payment-notice {margin:18px 0 0;padding:12px 14px;border:1px solid #efd5bb;border-radius:8px;background:#fff5e9;font-size:13px;line-height:1.6}