/* =====================================================================
   BrikPanel sign-up popup and its side tab, restyled in ModusTech colours. Since 23 Oct 2026 it offers
   free delivery with no code (discount 0); the coupon-ticket rules stay for if a code ever returns.
   Loaded right after the plugin's own stylesheet, only on pages where the popup runs.
   The plugin marks its rules !important, so these do too; the extra body selector makes ours win.
   ===================================================================== */
body .brikpanel-cartab-popup-overlay,
body .brikpanel-cartab-teaser { --mtp-navy: #1A1A2E; --mtp-teal: #008A94; --mtp-teal-dark: #00727A; --mtp-amber: #F59E0B; --mtp-text: #4B5160; --mtp-font: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

/* Backdrop: deeper navy tint and a softer blur, so the card stands out from the page */
body .brikpanel-cartab-popup-overlay { padding: 20px !important; background: rgba(26, 26, 46, .58) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* Card */
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup { max-width: 460px !important; padding: 48px 40px 36px !important; border: 0 !important; border-radius: 20px !important; box-shadow: 0 32px 80px rgba(26, 26, 46, .35), 0 2px 8px rgba(26, 26, 46, .08) !important; font-family: var(--mtp-font) !important; color: var(--mtp-navy) !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup::before { height: 150px; background-image: radial-gradient(circle, rgba(0, 138, 148, .16) 1px, transparent 1.6px); background-size: 16px 16px; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-close { top: 12px !important; right: 12px !important; width: 40px !important; height: 40px !important; font-size: 28px !important; color: #6B7280 !important; border-radius: 50% !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-close:hover { color: var(--mtp-navy) !important; background: #F1F3F5 !important; }

/* Coupon ticket: navy with an amber "OFF", bigger number */
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-ticket-wrap { margin: 4px 0 26px !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-ticket { gap: 12px !important; padding: 14px 28px !important; border-radius: 12px !important; background: linear-gradient(135deg, #24243D 0%, var(--mtp-navy) 100%) !important; box-shadow: 0 12px 28px rgba(26, 26, 46, .3), inset 0 1px 0 rgba(255, 255, 255, .12) !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-ticket-pct { font-family: var(--mtp-font) !important; font-size: 36px !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-ticket-off { font-family: var(--mtp-font) !important; font-size: 13px !important; color: var(--mtp-amber) !important; opacity: 1; padding-left: 12px !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-ticket-notch { width: 16px !important; height: 16px !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-ticket-notch-l { left: -8px !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-ticket-notch-r { right: -8px !important; }

/* Text: larger and easier to read */
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-title { margin: 0 0 10px !important; font-family: var(--mtp-font) !important; font-size: 30px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -.01em !important; color: var(--mtp-navy) !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-message { max-width: 36ch; margin: 0 auto 26px !important; font-family: var(--mtp-font) !important; font-size: 17px !important; line-height: 1.55 !important; color: var(--mtp-text) !important; }

/* Form: tall, roomy field and a teal pill button like the rest of the site.
   16px text in the field also stops iPhones zooming in when it is tapped. */
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-form { gap: 12px !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-input { min-height: 54px !important; padding: 14px 18px !important; font-family: var(--mtp-font) !important; font-size: 16px !important; color: var(--mtp-navy) !important; border: 1.5px solid #CBD2D9 !important; border-radius: 12px !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-input::placeholder { color: #8A919C !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-input:focus { border-color: var(--mtp-teal) !important; box-shadow: 0 0 0 4px rgba(0, 138, 148, .16) !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-button { min-height: 54px !important; padding: 14px 24px !important; gap: 8px !important; font-family: var(--mtp-font) !important; font-size: 17px !important; font-weight: 600 !important; background: var(--mtp-teal) !important; border-radius: 999px !important; box-shadow: 0 8px 20px rgba(0, 138, 148, .28) !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-button:hover { background: var(--mtp-teal-dark) !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-note { margin-top: 12px !important; font-family: var(--mtp-font) !important; font-size: 15px !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup--code .brikpanel-cartab-popup-title { font-size: 22px !important; }
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-coupon-saved { font-size: 14px !important; }

@media (max-width: 480px) {
	body .brikpanel-cartab-popup-overlay { padding: 16px !important; }
	body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup { padding: 40px 22px 24px !important; border-radius: 18px !important; }
	body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-title { font-size: 25px !important; }
	body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-message { font-size: 16px !important; margin-bottom: 22px !important; }
	body .brikpanel-cartab-popup-overlay .brikpanel-cartab-ticket-pct { font-size: 32px !important; }
}

/* =====================================================================
   "Get 5% off" tab (bottom left)
   ===================================================================== */
body .brikpanel-cartab-teaser { left: 20px !important; bottom: 24px !important; font-family: var(--mtp-font) !important; transition: transform .35s cubic-bezier(.34, 1.3, .64, 1), bottom .25s ease; }
body .brikpanel-cartab-teaser .brikpanel-cartab-teaser-btn { gap: 10px !important; padding: 9px 18px 9px 9px !important; font-family: var(--mtp-font) !important; font-size: 15px !important; font-weight: 600 !important; background: var(--mtp-navy) !important; box-shadow: 0 8px 24px rgba(26, 26, 46, .3), inset 0 1px 0 rgba(255, 255, 255, .12) !important; }
body .brikpanel-cartab-teaser .brikpanel-cartab-teaser-btn:hover { background: #0F0F1E !important; }
body .brikpanel-cartab-teaser .brikpanel-cartab-teaser-ticket { width: 28px !important; height: 28px !important; background: var(--mtp-amber) !important; color: var(--mtp-navy) !important; font-size: 14px !important; }
body .brikpanel-cartab-teaser .brikpanel-cartab-teaser-close { width: 24px !important; height: 24px !important; top: -8px !important; right: -8px !important; font-size: 15px !important; }
/* Phones have no hover, so the tab's close button would never appear: always show it there. */
@media (hover: none) { body .brikpanel-cartab-teaser .brikpanel-cartab-teaser-close { opacity: 1; transform: scale(1); } }

/* Product pages: when the sticky "Choose options" bar is up, the tab sits above it instead of covering it. */
body.mt-bar-on .brikpanel-cartab-teaser { bottom: 92px !important; }
@media (max-width: 767px) {
	body .brikpanel-cartab-teaser { left: 14px !important; bottom: 30px !important; }
	body.mt-bar-on .brikpanel-cartab-teaser { bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
}

/* =====================================================================
   Free-delivery van icon (since 23 Oct the popup offers free delivery, not a code).
   Drawn here as an image, so screen readers skip it. Van: Lucide "truck" (ISC licence).
   ===================================================================== */
body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-title::before {
	content: ""; display: block; width: 68px; height: 68px; margin: 0 auto 18px;
	border-radius: 50%; background: rgba(0, 138, 148, .12) no-repeat center / 34px 34px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008A94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
}
body .brikpanel-cartab-teaser .brikpanel-cartab-teaser-btn::before {
	content: ""; flex: 0 0 auto; width: 28px; height: 28px;
	border-radius: 50%; background: var(--mtp-amber) no-repeat center / 17px 17px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A2E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
}
@media (max-width: 480px) {
	body .brikpanel-cartab-popup-overlay .brikpanel-cartab-popup-title::before { width: 58px; height: 58px; margin-bottom: 14px; background-size: 29px 29px; }
}