#matzo-store-app{display:none}#matzo-install-app[hidden],#matzo-network-status[hidden]{display:none!important}
#matzo-install-app{position:relative;display:block;margin:16px auto;min-height:44px;padding:10px 18px;background:#0063d1;color:#fff;border:0;border-radius:8px;box-shadow:0 3px 12px #0002}
#matzo-network-status{position:fixed;top:0;left:0;right:0;z-index:100100;margin:0;padding:12px;background:#fff1c2;color:#122b45;text-align:center;font:600 14px/1.4 system-ui}
@media(max-width:1024px){
html body #page #content .products.matzo-swipe-products{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:min(76vw,300px)!important;gap:16px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;padding:4px 0 16px!important;margin:0!important;width:100%!important;max-width:100%!important;scrollbar-width:thin}
html body #page #content .products.matzo-swipe-products::before,html body #page #content .products.matzo-swipe-products::after{display:none!important}
html body #page #content .products.matzo-swipe-products>.product{float:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;scroll-snap-align:start}
.matzo-swipe-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:8px 0;color:#42566c;font:500 13px system-ui}
.matzo-swipe-controls button{min-width:48px;min-height:44px;padding:8px 12px;border:1px solid #dce5ef;background:#fff;color:#0063d1;border-radius:6px}
.matzo-swipe-controls button:disabled{opacity:.4}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}
#matzo-store-app{position:fixed;display:flex;left:0;right:0;bottom:0;z-index:10010;background:#fff;border-top:1px solid #dce5ef;box-shadow:0 -3px 16px #082f450a;padding:0 8px env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom));box-sizing:border-box}
#matzo-store-app a{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:48px;color:#42566c;font:600 13px/1.2 system-ui;text-decoration:none;border-top:3px solid transparent}
#matzo-store-app a[aria-current=page]{color:#0063d1;border-top-color:#0063d1;background:#f1f6ff}
#matzo-store-app a:focus-visible{outline:2px solid #0063d1;outline-offset:-4px}
}
@media(min-width:1025px){.matzo-swipe-controls{display:none}}
@media(display-mode:standalone){html{background:#fff}body{overscroll-behavior-y:contain}}

/* Keep the footer styled when the desktop homepage bundle is deferred. */
@media(max-width:1024px){ #colophon.site-footer.footer-v1{ width:100%;max-width:none;position:relative;isolation:isolate; background:transparent;color:#d8dde3;padding:0;margin:40px 0 0; overflow-x:clip; } #colophon.site-footer.footer-v1::before{ content:'';position:absolute;top:0;bottom:0;left:0;right:0; background:#1a1a1a;z-index:-1;pointer-events:none; } #colophon.site-footer.footer-v1::after{display:none!important;content:none!important;} #colophon.site-footer.footer-v1 > .col-full{ padding:0!important;max-width:none;width:100%; } #colophon.site-footer.footer-v1 .before-footer-wrap, #colophon.site-footer.footer-v1 .footer-widgets-block{display:none!important;} #colophon.site-footer.footer-v1 .matzo-footer{background:#1a1a1a;color:#d8dde3;font-size:14px;line-height:1.55;} #colophon.site-footer.footer-v1 .matzo-footer *{box-sizing:border-box;} #colophon.site-footer.footer-v1 .matzo-footer a{color:#d8dde3;text-decoration:none;transition:color .15s ease;} #colophon.site-footer.footer-v1 .matzo-footer a:hover, #colophon.site-footer.footer-v1 .matzo-footer a:focus{color:#ffffff;text-decoration:underline;} #colophon.site-footer.footer-v1 .matzo-footer-columns{ max-width:1280px;margin:0 auto;padding:48px 24px 24px; display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px; } #colophon.site-footer.footer-v1 .matzo-footer .matzo-footer-col-title{ margin:0 0 14px;font-size:14px;font-weight:700;color:#ffffff; text-transform:uppercase;letter-spacing:.04em; } #colophon.site-footer.footer-v1 .matzo-footer-col-list{list-style:none;margin:0;padding:0;} #colophon.site-footer.footer-v1 .matzo-footer-col-list li{margin:0 0 8px;padding:0;} #colophon.site-footer.footer-v1 .matzo-footer-col-list a{display:inline-block;line-height:1.45;} #colophon.site-footer.footer-v1 .matzo-footer-contact-strip{ max-width:1280px;margin:0 auto;padding:20px 24px; display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px; border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d; } #colophon.site-footer.footer-v1 .matzo-footer-contact-item{display:flex;flex-direction:column;gap:2px;} #colophon.site-footer.footer-v1 .matzo-footer-contact-label{ font-size:11px;text-transform:uppercase;letter-spacing:.06em; color:#9aa3ad;font-weight:600; } #colophon.site-footer.footer-v1 .matzo-footer-contact-item a, #colophon.site-footer.footer-v1 .matzo-footer-contact-item address{ font-style:normal;color:#ffffff;font-weight:500; } #colophon.site-footer.footer-v1 .matzo-footer-delivery-note{ margin:6px 0 0;font-size:12px;color:#cbd5e1;font-weight:500;letter-spacing:.02em; display:inline-flex;align-items:center;gap:6px; } #colophon.site-footer.footer-v1 .matzo-footer-delivery-note::before{ content:"";display:inline-block;width:14px;height:14px;flex:0 0 14px; background-repeat:no-repeat;background-position:center;background-size:contain; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 7h13v10H3z'/><path d='M16 10h4l2 3v4h-6'/><circle cx='7' cy='17' r='2'/><circle cx='17' cy='17' r='2'/></svg>"); } #colophon.site-footer.footer-v1 .matzo-footer-trust{ list-style:none;max-width:1280px;margin:0 auto;padding:18px 24px; display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px; border-bottom:1px solid #2d2d2d; } #colophon.site-footer.footer-v1 .matzo-footer-trust-item{ margin:0;padding:0;display:flex;align-items:center;gap:10px;min-width:0; } #colophon.site-footer.footer-v1 .matzo-footer-trust-icon{ flex:0 0 30px;width:30px;height:30px;border-radius:8px; background-color:#242424;background-repeat:no-repeat; background-position:center;background-size:16px 16px; } #colophon.site-footer.footer-v1 .matzo-footer-trust-icon--lock{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>"); } #colophon.site-footer.footer-v1 .matzo-footer-trust-icon--shield{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/></svg>"); } #colophon.site-footer.footer-v1 .matzo-footer-trust-icon--truck{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 7h13v10H3z'/><path d='M16 10h4l2 3v4h-6'/><circle cx='7' cy='17' r='2'/><circle cx='17' cy='17' r='2'/></svg>"); } #colophon.site-footer.footer-v1 .matzo-footer-trust-icon--returns{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 4 1 10 7 10'/><path d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/></svg>"); } #colophon.site-footer.footer-v1 .matzo-footer-trust-text{ display:flex;flex-direction:column;gap:1px;min-width:0; } #colophon.site-footer.footer-v1 .matzo-footer-trust-text strong{ font-size:12.5px;font-weight:600;color:#ffffff;line-height:1.3; } #colophon.site-footer.footer-v1 .matzo-footer-trust-text small{ font-size:11px;color:#9aa3ad;line-height:1.3; } #colophon.site-footer.footer-v1 .matzo-footer-payment-social{ width:100%;max-width:1280px;margin:0 auto;padding:20px 24px; display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap; box-sizing:border-box; } #colophon.site-footer.footer-v1 .matzo-footer-payments{display:flex;align-items:center;gap:14px;flex-wrap:wrap;} #colophon.site-footer.footer-v1 .matzo-footer-payments-label{ font-size:11px;text-transform:uppercase;letter-spacing:.06em; color:#9aa3ad;font-weight:600; } #colophon.site-footer.footer-v1 .matzo-footer-payments-list{ list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap; } #colophon.site-footer.footer-v1 .matzo-footer-payments-list li{margin:0;padding:0;display:flex;align-items:center;} #colophon.site-footer.footer-v1 .matzo-footer-pay-img{ display:block;height:28px;width:auto; background:#fff;border-radius:4px;padding:3px 5px; } #colophon.site-footer.footer-v1 .matzo-footer-pay-badge{ display:inline-flex;align-items:center;justify-content:center; height:28px;padding:0 10px;border-radius:4px; font-size:12px;font-weight:700;letter-spacing:.04em; background:#ffffff;color:#1a1a1a;line-height:1; } #colophon.site-footer.footer-v1 .matzo-footer-pay-payfast{background:#0066b2;color:#ffffff;} #colophon.site-footer.footer-v1 .matzo-footer-pay-rcs{background:#e30613;color:#ffffff;} #colophon.site-footer.footer-v1 .matzo-footer-pay-mobicred{background:#1d4ed8;color:#ffffff;} #colophon.site-footer.footer-v1 .matzo-footer-pay-eft{background:#2d2d2d;color:#ffffff;border:1px solid #4a5260;} #colophon.site-footer.footer-v1 .matzo-footer-social .matzotech-social-topbar{ background:transparent;border:0;padding:0; } #colophon.site-footer.footer-v1 .matzo-footer-social .matzotech-social-topbar .col-full{ justify-content:flex-end;padding:0; } #colophon.site-footer.footer-v1 .matzo-footer-social .matzotech-social-label{color:#9aa3ad;} #colophon.site-footer.footer-v1 .matzo-footer-site-info.site-info{ width:100%;max-width:none;margin:0;position:relative;isolation:isolate; left:auto;right:auto;margin-left:0;margin-right:0; background:transparent;color:#9aa3ad;padding:0;border-top:0; min-height:28px;letter-spacing:0;overflow:visible; } #colophon.site-footer.footer-v1 .matzo-footer-site-info.site-info::after{display:none!important;content:none!important;} #colophon.site-footer.footer-v1 .matzo-footer-site-info::before{ content:'';position:absolute;top:0;bottom:0;left:0;right:0; background:#111315;border-top:1px solid #2d2d2d;z-index:-1;pointer-events:none; } #colophon.site-footer.footer-v1 .matzo-footer-site-info .col-full{ max-width:1280px;margin:0 auto;padding:0 24px!important;width:100%; display:flex;flex-direction:row;align-items:center;justify-content:center; text-align:center;min-height:28px;overflow:visible; } #colophon.site-footer.footer-v1 .matzo-footer-site-info .copyright{ width:100%;flex:1 1 100%;text-align:center; font-size:13px;color:#9aa3ad;line-height:28px;margin:0; overflow:visible;white-space:normal; } #colophon.site-footer.footer-v1 .matzo-footer-site-info a{color:#d8dde3;} #colophon.site-footer.footer-v1 .matzo-footer-site-info a:hover{color:#ffffff;} #colophon.site-footer.footer-v1 .matzo-footer-credit-glass{ width:100%;max-width:none;margin:0;position:relative;isolation:isolate; background:transparent;color:#0f172a; min-height:56px;padding:0;padding-bottom:env(safe-area-inset-bottom,0); border-top:0;box-shadow:none; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass::before{ content:'';position:absolute;top:0;bottom:0;left:0;right:0; background:linear-gradient( 135deg, rgba(255,255,255,.94) 0%, rgba(255,248,248,.90) 45%, rgba(255,240,241,.88) 100% ); backdrop-filter:blur(20px) saturate(180%); -webkit-backdrop-filter:blur(20px) saturate(180%); border-top:1px solid rgba(220,38,38,.10); box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 -8px 24px rgba(220,38,38,.04); z-index:-1;pointer-events:none; } @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ #colophon.site-footer.footer-v1 .matzo-footer-credit-glass::before{ background:linear-gradient(135deg,#ffffff 0%,#fff5f6 100%); } } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .col-full{ max-width:1280px;margin:0 auto;padding:0 24px!important;width:100%; display:flex;align-items:center;justify-content:center;text-align:center; min-height:56px; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .credit, #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .credit .site-credit{ font-size:14px;color:#0f172a;line-height:1.45; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass a{ color:inherit;text-decoration:none; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit{ display:inline-flex;align-items:center;justify-content:center; white-space:nowrap; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-link{ display:inline-flex;align-items:center;gap:10px; padding:6px 12px;border-radius:999px; transition:background-color .15s ease,color .15s ease; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-link:hover, #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-link:focus{ background:rgba(220,38,38,.06);text-decoration:none; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-link:hover .matzo-footer-credit-brand, #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-link:focus .matzo-footer-credit-brand{ color:#dc2626; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-text{ display:inline-flex;align-items:baseline;gap:6px; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-prefix{ font-size:12px;font-weight:400;color:#64748b;letter-spacing:.01em; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-brand{ font-size:16px;font-weight:600;color:#0f172a;letter-spacing:.02em; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-logo{ display:block;width:36px;height:36px;flex:0 0 36px;object-fit:contain; } @media (max-width:1024px){ #colophon.site-footer.footer-v1 .matzo-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:36px 20px 20px;} #colophon.site-footer.footer-v1 .matzo-footer-contact-strip{grid-template-columns:repeat(2,minmax(0,1fr));} #colophon.site-footer.footer-v1{max-width:100%;overflow-x:clip;} #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .col-full{ max-width:none;width:100%;padding-left:16px!important;padding-right:16px!important; } } @media (max-width:767px){ #colophon.site-footer.footer-v1 .matzo-footer-columns.matzo-footer--accordion{ grid-template-columns:1fr;gap:0;padding:8px 18px 8px; } #colophon.site-footer.footer-v1 .matzo-footer--accordion .matzo-footer-col{ border-bottom:1px solid #2d2d2d; } #colophon.site-footer.footer-v1 .matzo-footer--accordion .matzo-footer-col-title{ display:flex;align-items:center;justify-content:space-between; margin:0;padding:14px 2px;min-height:48px;cursor:pointer; -webkit-tap-highlight-color:transparent;user-select:none; } #colophon.site-footer.footer-v1 .matzo-footer--accordion .matzo-footer-col-title::after{ content:'';width:10px;height:10px;flex:0 0 10px;margin-left:12px; border-right:2px solid #9aa3ad;border-bottom:2px solid #9aa3ad; transform:rotate(45deg);transition:transform .18s ease; } #colophon.site-footer.footer-v1 .matzo-footer--accordion .matzo-footer-col.is-open .matzo-footer-col-title::after{ transform:rotate(225deg); } #colophon.site-footer.footer-v1 .matzo-footer--accordion .matzo-footer-col-list{ display:none;padding:0 2px 12px; } #colophon.site-footer.footer-v1 .matzo-footer--accordion .matzo-footer-col.is-open .matzo-footer-col-list{ display:block; } #colophon.site-footer.footer-v1 .matzo-footer-trust{ grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px; } } @media (max-width:600px){ #colophon.site-footer.footer-v1 .matzo-footer-columns{grid-template-columns:1fr;gap:24px;padding:28px 18px 12px;} #colophon.site-footer.footer-v1 .matzo-footer-columns.matzo-footer--accordion{gap:0;padding:8px 18px 8px;} #colophon.site-footer.footer-v1 .matzo-footer-contact-strip{grid-template-columns:1fr;padding:16px 18px;gap:12px;} #colophon.site-footer.footer-v1 .matzo-footer-payment-social{flex-direction:column;align-items:flex-start;padding:16px 18px;} #colophon.site-footer.footer-v1 .matzo-footer-social .matzotech-social-topbar .col-full{justify-content:flex-start;} #colophon.site-footer.footer-v1 .matzo-footer-site-info .col-full, #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .col-full{ padding:0 18px; } #colophon.site-footer.footer-v1 .matzo-footer-site-info .col-full{ flex-direction:row;align-items:center;justify-content:center; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit{ flex-wrap:wrap; justify-content:center; white-space:normal; text-align:center; gap:4px 6px; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass{ min-height:52px; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .col-full{ min-height:52px; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-link{ min-height:44px; padding:6px 10px; gap:8px; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-logo{ width:30px;height:30px;flex:0 0 30px; } #colophon.site-footer.footer-v1 .matzo-footer-credit-glass .matzo-footer-credit-brand{ font-size:15px; } #colophon.site-footer.footer-v1 .matzo-footer-columns a, #colophon.site-footer.footer-v1 .matzo-footer-contact-strip a{ display:inline-flex; align-items:center; min-height:44px; padding:4px 0; } } html body.home #colophon.site-footer.footer-v1{padding:0!important;background:transparent!important}#colophon .matzotech-social-topbar .col-full{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:0;margin:0}#colophon .matzotech-socials{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}#colophon .matzotech-socials li{margin:0;padding:0}#colophon .matzotech-socials a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;text-decoration:none}#colophon .matzotech-socials svg{display:block;width:20px;height:20px;max-width:20px;fill:#fff}#colophon .screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}#colophon .matzo-footer-trust-item strong,#colophon .matzo-footer-trust-item span{display:block}}

/* Shared, browser-aware installation invitation. */
#matzo-install-bar{display:flex;align-items:center;justify-content:flex-end;gap:18px;background:#0b213c;color:#d4e4fa;padding:4px max(16px,calc((100vw - 1440px)/2));font:500 12px/1.4 system-ui;min-height:44px;box-sizing:border-box}
#matzo-install-bar[hidden]{display:none!important}
#matzo-install-bar #matzo-install-app{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:36px;padding:8px 14px;border:1px solid #ffffff40;border-radius:999px;background:#ffffff12;color:#fff;box-shadow:none;font:650 12px/1.3 system-ui;cursor:pointer;white-space:nowrap}
html.matzo-install-open{overflow:hidden}
#matzo-install-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:36px 28px 24px;border:1px solid #e4ebf5;border-radius:28px;background:linear-gradient(150deg,#f0f6ff 0%,#fff 55%);color:#112944;box-shadow:0 24px 90px #061b3c45;text-align:center;font:400 15px/1.55 system-ui;overflow:auto}
#matzo-install-dialog::backdrop{background:#07172f99;backdrop-filter:blur(5px)}
#matzo-install-dialog *{box-sizing:border-box}
#matzo-install-dialog [hidden]{display:none!important}
#matzo-install-dialog button{cursor:pointer;font-family:inherit;text-transform:none;letter-spacing:0;min-height:44px}
#matzo-install-dialog button:focus-visible,#matzo-install-app:focus-visible{outline:3px solid #4799ff;outline-offset:3px}
#matzo-install-dialog .matzo-install-close{position:absolute;right:10px;top:10px;width:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#53657d;font-size:28px;line-height:44px}
#matzo-install-dialog .matzo-install-icon{display:block;width:72px;height:72px;border-radius:19px;margin:0 auto 22px;box-shadow:0 8px 25px #0b386b25}
#matzo-install-dialog .matzo-install-eyebrow{margin:0 0 10px;color:#2165b9;font-size:10px;font-weight:750;letter-spacing:1.8px}
#matzo-install-dialog h2{font:750 clamp(26px,6vw,34px)/1.12 system-ui;letter-spacing:-1px;color:#112944;margin:0 0 16px}
#matzo-install-description{color:#51647c;margin:0 0 22px;font-size:15px;line-height:1.6}
#matzo-install-dialog .matzo-install-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px;font-size:11px;font-weight:600;color:#345b81}
#matzo-install-dialog .matzo-install-benefits span{padding:6px 9px;border-radius:30px;background:#edf3fa}
#matzo-install-dialog .matzo-install-primary{width:100%;border:0;border-radius:13px;padding:14px;background:#1261e9;color:#fff;font-size:16px;font-weight:700;box-shadow:0 6px 18px #1261e925}
#matzo-install-dialog .matzo-install-primary:disabled{opacity:.6}
#matzo-install-dialog .matzo-install-later{width:100%;margin-top:7px;background:transparent;border:0;color:#486078;font-size:14px;font-weight:600}
#matzo-install-dialog small{display:block;margin-top:8px;color:#69798c;font-size:11px}
#matzo-install-dialog .matzo-install-guide{text-align:left;padding:16px 18px;margin:0 0 12px;border:1px solid #dce7f6;background:#f5f8fc;border-radius:14px}
#matzo-install-dialog h3{margin:0 0 10px;font:700 16px system-ui;color:#112944}
#matzo-install-dialog ol{margin:0;padding-left:20px;font-size:14px;color:#425973}
#matzo-install-dialog li{padding:0 0 8px 4px}
#matzo-install-dialog .matzo-install-message{font-size:13px;color:#526780;margin:0 0 12px}
#matzo-install-dialog .matzo-install-message:empty{display:none}
@media(max-width:360px){#matzo-install-bar{gap:8px}#matzo-install-bar>span{font-size:10px}#matzo-install-dialog{padding:32px 20px 20px}}

/* Compact install panel aligned with the PC Component Manager dialogs. */
#matzo-install-dialog{padding:0 24px 20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 12px 32px #0f172a1f;text-align:left;color:#0f172a}
#matzo-install-dialog::backdrop{background:#0f172a8c;backdrop-filter:blur(4px)}
#matzo-install-dialog h2{margin:0 -24px 24px;padding:24px 66px 24px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#f8fafc,#fff);font:700 22px/1.3 system-ui;letter-spacing:-.3px;color:#0f172a}
#matzo-install-dialog .matzo-install-close{top:17px;right:16px;width:40px;min-height:40px;line-height:38px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#334155;font-size:24px}
#matzo-install-dialog .matzo-install-primary{border-radius:10px;box-shadow:none}
#matzo-install-dialog .matzo-install-later{border:1px solid #e2e8f0;border-radius:10px;margin-top:10px;background:#f8fafc}
@media(max-width:360px){#matzo-install-dialog h2{font-size:19px}}

/* Place installation beside the existing sale link, never in its own tier. */
.matzo-flash-install-row{display:flex;align-items:center;width:100%;min-width:0;background:#0b213c;gap:12px;padding-right:16px;box-sizing:border-box}
.matzo-flash-install-row>.matzo-premium-flash{flex:1 1 0;min-width:0;width:auto;margin:0;overflow:hidden}
.matzo-flash-install-row>#matzo-install-app,#masthead>#matzo-install-app{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin:0 0 0 auto;min-height:36px;padding:7px 14px;border:1px solid #ffffff40;border-radius:8px;background:#ffffff12;color:#fff;box-shadow:none;font:650 12px/1.3 system-ui;white-space:nowrap;cursor:pointer}
#masthead>#matzo-install-app{background:#0b213c;margin:8px 16px 8px auto;float:right}
@media(max-width:480px){.matzo-flash-install-row{gap:6px;padding-right:8px}.matzo-flash-install-row>#matzo-install-app{padding:7px 10px;font-size:11px}}