/* OpenCart layer on top of the verbatim static theme.css (shared header/footer behaviour) */
html, body { margin: 0; padding: 0; }
/* clip (not hidden): body must not become a scroll container, otherwise the sticky header breaks when DaisyUI sets overflow on html (listing lg:drawer-open) */
body { overflow-x: clip; }
/* tester rule: no underline on hover anywhere (overrides per-block a:hover rules and DaisyUI link/btn-link hovers) */
a:hover, a:focus, a:active, a:hover *, .btn-link:hover, .link-hover:hover { text-decoration: none !important; }
.drawer { min-height: 100vh; }
.drawer-content { display: flex; flex-direction: column; min-height: 100vh; }
.drawer-content > main { flex: 1 0 auto; }
/* header badges: hidden at zero, no transitions */
.mk-badge.mk-zero { display: none; }
.mk-badge { transition: none; }
.mk-icon span.hidden.lg\:inline { margin-top: 2px; }
/* search suggestions: no scrollbar, no clipped names */
.mk-suggest { max-height: none; overflow: hidden; }
.mk-suggest span { flex: 1; min-width: 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mk-search .input { color: #1D1D1B; }
.mk-search .input::-webkit-search-cancel-button { display: none; }
/* drawer over sticky header, no scrollbar */
.drawer-side { z-index: 80; overflow-y: auto; scrollbar-width: none; }
.drawer-side::-webkit-scrollbar { display: none; }
/* closed drawers: 86vw width is fractional, at -100% the white panel edge bled a sub-pixel light line along the left edge of every page */
#mk-menu:not(:checked) ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(calc(-100% - 4px)); }
@media (max-width: 1023px) { #mk-filters:not(:checked) ~ .drawer-side > :not(.drawer-overlay) { transform: translateX(calc(-100% - 4px)); } }
/* no "stuck" pressed state on burger / drawer close buttons (touch hover + focus) */
label[for="mk-menu"].btn-ghost, label[for="mk-menu"].btn-ghost:hover, label[for="mk-menu"].btn-ghost:focus, label[for="mk-menu"].btn-ghost:active { background: transparent; border-color: transparent; box-shadow: none; transform: none; }
#alert[hidden] { display: none !important; }
.mk-toast { opacity: 1; }
.mk-toast.is-on { display: block; }
.mk-toast [data-toast-text] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* price never wraps */
.mk-price, .mk-suggest b { white-space: nowrap; }
/* slider arrows: DaisyUI .btn:active sets transform:scale(), which wiped the translateY(-50%) centring, so the arrow dropped on click. Centre with the independent `translate` property and keep the arrow still when pressed */
.btn.mk-arrow, .btn.mk-arrow:hover, .btn.mk-arrow:focus, .btn.mk-arrow:active, .btn.mk-arrow:active:hover, .btn.mk-arrow:active:focus { transform: none !important; animation: none; }
.mk-hero .mk-arrow, .mk-gallery-main .mk-arrow { translate: 0 -50%; }
@media (min-width: 768px) and (max-width: 1023px) { .mk-hero .mk-arrow { translate: none; } }
.btn.mk-arrow:focus-visible { outline: 2px solid var(--mk-red); outline-offset: 2px; }
/* selects: DaisyUI draws the chevron from two 4px gradients; any shifted background-position splits it. Use one SVG chevron site-wide */
.select, select.form-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23333' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 12px 8px !important; background-position: right 14px center !important; padding-right: 2.4rem; }
[dir="rtl"] .select { background-position: left 14px center !important; }

/* paired action buttons (logout / success pages): white button matches the red one in size and type */
.mk-btn-pair > .btn { min-height: 48px; height: 48px; padding: 0 24px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }

/* phone numbers never break between digit groups (info pages, contact, footer) */
a[href^="tel:"] { white-space: nowrap; }