/* Mimosa Key Drop: the Key Drop overlay as a site. Slate keyboard grid, keycap buttons, orange keys as the only accent. */
:root {
	--slate: #232C35; --slate-2: #2B3540; --slate-3: #33404C; --grid: #2E3943; --line: #3A4652; --deep: #1E262E; --shadow: #1B232B;
	--ink: #FFFFFF; --soft: #DCE3EA; --mist: #A9B4BF;
	--orange: #FC7A22; --orange-deep: #C85F17;
	--common: #A9B4BF; --rare: #5FB4E8; --epic: #B98BF0; --legendary: #F2C14E; --mythic: #FF6B9A;
	--display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	--mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
	--wrap: 1200px;
	--gut: max(16px, env(safe-area-inset-left, 0px));
	--gut-r: max(16px, env(safe-area-inset-right, 0px));
	--grid-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Crect x='8' y='8' width='48' height='48' rx='6' fill='none' stroke='%232E3943' stroke-width='2'/%3E%3C/svg%3E");
	color-scheme: dark;
}

/* ---------- base ---------- */
html { background: var(--slate); scroll-behavior: smooth; }
.mk-section[id] { scroll-margin-top: 96px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body.mk { background: var(--slate); color: var(--soft); font-family: var(--display); line-height: 1.5; -webkit-font-smoothing: antialiased; }
body.mk h1, body.mk h2, body.mk h3, body.mk h4, body.mk h5, body.mk h6 { font-family: var(--display); color: var(--ink); font-weight: 800; letter-spacing: 0; }
body.mk a { color: var(--orange); }
body.mk a:hover { color: #FF9A55; }
body.mk :focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
body.mk ::selection { background: var(--orange); color: var(--slate); }
.d-none { display: none !important; }
.mk-wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding-left: var(--gut); padding-right: var(--gut-r); box-sizing: border-box; }
@media (min-width: 768px) { .mk-wrap { padding-left: max(32px, env(safe-area-inset-left, 0px)); padding-right: max(32px, env(safe-area-inset-right, 0px)); } }
.mk-gridbg { background-color: var(--slate); background-image: var(--grid-img); background-size: 64px 64px; }
.mk-eyebrow { margin: 0; font: 700 .76rem/1 var(--mono); letter-spacing: .22em; text-transform: uppercase; color: var(--mist); display: flex; align-items: center; gap: 10px; }
.mk-eyebrow::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--orange); flex: none; }
.mk-h2 { margin: .45em 0 .25em !important; font-weight: 800; font-size: clamp(1.6rem, 3.6vw, 2.5rem) !important; line-height: 1.05 !important; text-wrap: balance; }
.mk-lede { margin: 0; color: var(--soft); max-width: 60ch; }
.mk-section { padding-block: clamp(48px, 7vw, 88px); }
.mk-section + .mk-section { border-top: 1px solid var(--grid); }
.mk-i { width: 18px; height: 18px; fill: currentColor; flex: none; display: block; }
body.mk ol, body.mk ul.mk-nav-list, .mk-sub, .mk-ftr ul, .mk-mini-board { list-style: none; margin: 0; padding: 0; }

/* keycap buttons */
.mk-key, body.mk .button, body.mk button.button, body.mk input[type="submit"], body.mk .added_to_cart, body.mk .wc-block-components-button, body.mk .gform_button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 10px; border: 0; cursor: pointer; text-decoration: none !important;
	font: 700 .82rem/1 var(--mono) !important; letter-spacing: .08em; text-transform: uppercase; background: var(--orange) !important; color: var(--slate) !important;
	box-shadow: 0 5px 0 var(--orange-deep); transition: transform .08s, box-shadow .08s; white-space: nowrap;
}
.mk-key:hover, body.mk .button:hover, body.mk input[type="submit"]:hover, body.mk .gform_button:hover { transform: translateY(-1px); box-shadow: 0 6px 0 var(--orange-deep); color: var(--slate) !important; }
.mk-key:active, body.mk .button:active, body.mk input[type="submit"]:active { transform: translateY(4px); box-shadow: 0 1px 0 var(--orange-deep); }
.mk-key.mk-ghost, body.mk .button.wc-backward, body.mk .woocommerce-MyAccount-navigation a.button { background: var(--slate-2) !important; color: var(--ink) !important; box-shadow: inset 0 0 0 2px var(--slate-3), 0 5px 0 var(--shadow); }
.mk-key.mk-ghost:hover { color: var(--ink) !important; box-shadow: inset 0 0 0 2px var(--orange), 0 6px 0 var(--shadow); }
.mk-key.mk-ghost:active { box-shadow: inset 0 0 0 2px var(--slate-3), 0 1px 0 var(--shadow); }
body.mk .button.disabled, body.mk .button:disabled { opacity: .5; }
.mk-cmd { display: inline-block; font: 700 .76rem/1.7 var(--mono); padding: 0 8px; border-radius: 6px; background: var(--slate-3); color: var(--ink); white-space: nowrap; }

/* form fields */
.mk-field, body.mk input[type="text"], body.mk input[type="email"], body.mk input[type="tel"], body.mk input[type="number"], body.mk input[type="password"], body.mk input[type="search"], body.mk input[type="url"], body.mk textarea, body.mk select, body.mk .select2-container .select2-selection {
	min-height: 48px; border-radius: 10px !important; border: 0 !important; background: var(--slate-2) !important; box-shadow: inset 0 0 0 2px var(--slate-3) !important; color: var(--ink) !important;
	font: 600 1rem var(--display) !important; padding: 0 16px; box-sizing: border-box; max-width: 100%;
}
body.mk textarea { padding: 12px 16px; min-height: 110px; }
body.mk select { padding-right: 36px; }
.mk-field::placeholder, body.mk input::placeholder, body.mk textarea::placeholder { color: var(--mist); opacity: 1; }
.mk-field:focus, body.mk input:focus, body.mk textarea:focus, body.mk select:focus { outline: none; box-shadow: inset 0 0 0 2px var(--orange) !important; }
body.mk label { color: var(--mist); font: 700 .74rem var(--mono); letter-spacing: .12em; text-transform: uppercase; }
body.mk .select2-container .select2-selection__rendered { color: var(--ink) !important; line-height: 48px !important; padding: 0 !important; }
body.mk .select2-dropdown { background: var(--slate-2); border-color: var(--slate-3); color: var(--ink); }
body.mk .select2-results__option--highlighted { background: var(--orange) !important; color: var(--slate) !important; }

/* ---------- header ---------- */
.mk-hdr { position: sticky; top: 0; z-index: 50; background: rgba(35,44,53,.94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-bottom: 1px solid var(--grid); }
/* overflow hidden on these would stop the header sticking; clip still stops sideways scroll. */
html body.mk, body.mk #page { overflow: visible !important; overflow-x: clip !important; }
.admin-bar .mk-hdr { top: 32px; }
@media (max-width: 782px) { .admin-bar .mk-hdr { top: 0; position: relative; } }
.mk-hdr-in { display: flex; align-items: center; gap: 16px; min-height: 72px; }
.mk-brand { display: flex; align-items: center; flex: none; }
.mk-mark { height: 40px; width: auto; display: block; }
.mk-nav { margin-left: 12px; }
.mk-nav-list { display: flex; gap: 4px; align-items: center; }
.mk-nav-list > li { position: relative; }
.mk-nav-list > li > a, .mk-sub-toggle { display: inline-flex; align-items: center; gap: 6px; font: 700 .76rem var(--mono) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--mist) !important; text-decoration: none; padding: 11px 12px; border-radius: 8px; background: none; border: 0; cursor: pointer; min-height: 0; box-shadow: none; }
.mk-nav-list > li > a:hover, .mk-sub-toggle:hover, .mk-has-sub.is-open > .mk-sub-toggle { color: var(--ink) !important; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3); }
.mk-nav-list > li > a[aria-current], .mk-has-sub.is-current > .mk-sub-toggle { color: var(--orange) !important; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3); }
.mk-sub-toggle .mk-i { width: 16px; height: 16px; transition: transform .15s; }
.mk-has-sub.is-open .mk-sub-toggle .mk-i { transform: rotate(180deg); }
.mk-sub { position: absolute; top: calc(100% + 8px); left: 0; min-width: 260px; padding: 8px; border-radius: 14px; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3), 0 20px 50px rgba(0,0,0,.45); display: none; }
.mk-has-sub.is-open .mk-sub { display: grid; gap: 4px; }
@media (hover: hover) and (min-width: 901px) {
	.mk-has-sub:hover .mk-sub { display: grid; gap: 4px; }
	.mk-has-sub::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 10px; }
}
.mk-sub a { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 10px; text-decoration: none; color: var(--ink) !important; }
.mk-sub a:hover, .mk-sub a[aria-current] { background: var(--slate); }
.mk-sub a b { display: block; font: 800 .95rem var(--display); }
.mk-sub a small { display: block; font: 500 .74rem var(--mono); color: var(--mist); letter-spacing: .04em; }
.mk-sub-cap { width: 36px; height: 36px; border-radius: 9px; display: grid; place-items: center; background: var(--orange); color: var(--slate); font: 800 1rem var(--mono); box-shadow: 0 3px 0 var(--orange-deep); flex: none; }
.mk-hdr-r { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.mk-cart { margin-left: 4px; }
.mk-live { display: inline-flex; align-items: center; gap: 8px; font: 700 .7rem var(--mono); letter-spacing: .14em; color: var(--mist) !important; padding: 7px 11px; border-radius: 999px; box-shadow: inset 0 0 0 2px var(--slate-3); white-space: nowrap; text-decoration: none; }
.mk-live i { width: 8px; height: 8px; border-radius: 50%; background: var(--mist); }
.mk-live.is-on { color: var(--ink) !important; box-shadow: inset 0 0 0 2px var(--orange); }
.mk-live.is-on i { background: var(--orange); animation: mk-pulse 1.4s ease-in-out infinite; }
@keyframes mk-pulse { 50% { opacity: .3; } }
.mk-cart { position: relative; width: 44px; padding: 0 !important; }
.mk-cart b { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 4px; box-sizing: border-box; border-radius: 6px; background: var(--orange); color: var(--slate); font: 700 .7rem/20px var(--mono); text-align: center; }
.mk-menu-btn { display: none !important; width: 44px; padding: 0 !important; }
.mk-menu-btn .mk-i-close, .mk-nav-open .mk-menu-btn .mk-i-menu { display: none; }
.mk-nav-open .mk-menu-btn .mk-i-close { display: block; }
@media (max-width: 900px) {
	.mk-menu-btn { display: inline-flex !important; }
	.mk-live, .mk-follow span { display: none; }
	.mk-follow { width: 44px; padding: 0 !important; }
	.mk-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; margin: 0; background: var(--slate); border-bottom: 1px solid var(--grid); padding: 12px var(--gut-r) 18px var(--gut); box-shadow: 0 30px 60px rgba(0,0,0,.4); max-height: calc(100vh - 72px); overflow-y: auto; }
	.mk-nav-open .mk-nav { display: block; }
	.mk-nav-list { flex-direction: column; align-items: stretch; }
	.mk-nav-list > li > a, .mk-sub-toggle { width: 100%; justify-content: space-between; padding: 14px 12px; font-size: .85rem !important; }
	.mk-sub { position: static; display: grid; gap: 4px; box-shadow: none; background: none; padding: 0 0 6px 8px; min-width: 0; }
	.mk-sub-toggle .mk-i { display: none; }
}

/* breadcrumbs and Storefront content column */
body.mk .storefront-breadcrumb { background: none; margin: 0; padding: 22px 0 0; border: 0; }
body.mk .woocommerce-breadcrumb { font: 500 .74rem var(--mono); letter-spacing: .08em; color: var(--mist); margin: 0; padding: 0; border: 0; }
body.mk .woocommerce-breadcrumb a { color: var(--mist); }
body.mk .woocommerce-breadcrumb a:first-of-type::before { content: none; }
body.mk .storefront-breadcrumb .col-full, body.mk .site-content .col-full { max-width: var(--wrap); padding-left: var(--gut); padding-right: var(--gut-r); box-sizing: border-box; margin: 0 auto; }
@media (min-width: 768px) { body.mk .storefront-breadcrumb .col-full, body.mk .site-content .col-full { padding-left: max(32px, env(safe-area-inset-left, 0px)); padding-right: max(32px, env(safe-area-inset-right, 0px)); } }
body.mk .site-content { outline: none; }
body.mk:not(.home) .site-content { padding-bottom: clamp(48px, 7vw, 88px); }
body.mk .content-area, body.mk .site-main { width: 100% !important; float: none !important; margin: 0 !important; }
body.mk .site-main { padding-top: clamp(26px, 4vw, 44px); }
body.mk .hentry { margin: 0; padding: 0; border: 0; }
body.mk .entry-header { padding: 0 0 clamp(22px, 3vw, 34px); margin: 0 0 clamp(22px, 3vw, 34px); border-bottom: 1px solid var(--grid); }
body.mk .mk-page-eyebrow { margin-bottom: 14px; }
body.mk .entry-title, body.mk .woocommerce-products-header__title, body.mk h1.product_title { font-size: clamp(2rem, 5vw, 3.2rem) !important; line-height: 1.04 !important; font-weight: 800 !important; letter-spacing: 0 !important; margin: 0 !important; text-wrap: balance; }
body.mk .entry-content { color: var(--soft); }
body.mk .entry-content > p { max-width: 70ch; }
body.mk.mk-page-bottle-crates .entry-header { display: none; }
body.mk .edit-link { margin-top: 24px; font: 500 .74rem var(--mono); }

/* tables (Olds scoreboards, TablePress, account) */
body.mk table { border-collapse: separate; border-spacing: 0; width: 100%; background: var(--slate-2); border-radius: 14px; overflow: hidden; box-shadow: inset 0 0 0 2px var(--slate-3); color: var(--soft); font-size: .92rem; }
body.mk table th, body.mk table td { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; padding: 10px 14px !important; text-align: left; }
body.mk table thead th, body.mk table th { color: var(--mist) !important; font: 700 .72rem var(--mono) !important; letter-spacing: .12em; text-transform: uppercase; }
body.mk table tbody tr:last-child td { border-bottom: 0 !important; }
body.mk table tbody tr:nth-child(2n) td { background: rgba(255,255,255,.025) !important; }
.olds-tournament-table td a { color: var(--ink) !important; }
.olds-tournament-table .leaders-table .row-1 td { background: rgba(242,193,78,.18) !important; color: var(--ink); }
.olds-tournament-table .leaders-table .row-2 td { background: rgba(201,211,221,.14) !important; color: var(--ink); }
.olds-tournament-table .leaders-table .row-3 td { background: rgba(201,139,90,.18) !important; color: var(--ink); }
.olds-tournament-table .leaders-table .row-1 td.name, .olds-tournament-table .leaders-table .row-2 td.name, .olds-tournament-table .leaders-table .row-3 td.name { font-weight: 700; }
.olds-tournament-table .admin-mode, .olds-tournament-table a.delete { color: #FF8A7A; font-weight: 700; }
.deleted-alert { border-radius: 10px; padding: 10px; text-align: center; font-weight: 700; background: var(--slate-2); color: var(--ink); box-shadow: inset 0 0 0 2px var(--orange); max-width: 500px; margin: 0 auto 30px; }
.overflow-table, .table-wrap { overflow-x: auto; }

/* notices */
body.mk .woocommerce-message, body.mk .woocommerce-info, body.mk .woocommerce-error, body.mk .woocommerce-noreviews, body.mk p.no-comments {
	background: var(--slate-2) !important; color: var(--ink) !important; border-radius: 12px; box-shadow: inset 4px 0 0 var(--orange), inset 0 0 0 2px var(--slate-3); border: 0 !important; padding: 14px 18px 14px 22px !important; margin-bottom: 22px;
}
body.mk .woocommerce-error { box-shadow: inset 4px 0 0 #FF6B5A, inset 0 0 0 2px var(--slate-3); }
body.mk .woocommerce-message::before, body.mk .woocommerce-info::before, body.mk .woocommerce-error::before { color: var(--orange); }
body.mk .woocommerce-message, body.mk .woocommerce-info, body.mk .woocommerce-error { position: relative; padding-left: 56px !important; }
body.mk .woocommerce-message::before, body.mk .woocommerce-info::before, body.mk .woocommerce-error::before { position: absolute !important; left: 22px !important; top: 50% !important; transform: translateY(-50%); margin: 0 !important; line-height: 1; }
body.mk .woocommerce-message a, body.mk .woocommerce-info a { color: var(--orange) !important; }
body.mk .woocommerce-message .button { float: right; margin-left: 12px; }

/* ---------- footer ---------- */
.mk-ftr { background: var(--deep); border-top: 1px solid var(--grid); color: var(--mist); }
.mk-ftr .mk-wrap { padding-block: 48px max(30px, env(safe-area-inset-bottom, 0px)); display: grid; gap: 30px; }
.mk-ftr-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 28px; align-items: start; }
.mk-ftr-logo .mk-logo { width: 120px; height: auto; display: block; }
.mk-ftr h2 { margin: 0 0 12px !important; font: 700 .72rem var(--mono) !important; letter-spacing: .18em; text-transform: uppercase; color: var(--mist) !important; }
.mk-ftr ul { display: grid; gap: 8px; }
.mk-ftr a { text-decoration: none; color: var(--soft) !important; font-size: .92rem; }
.mk-ftr a:hover { color: var(--orange) !important; }
.mk-ftr-cols { display: flex; flex-wrap: wrap; gap: 28px 56px; }
.mk-socials { display: flex; flex-wrap: wrap; gap: 8px; }
.mk-socials a { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3); color: var(--ink) !important; }
.mk-socials a:hover { box-shadow: inset 0 0 0 2px var(--orange); color: var(--orange) !important; }
.mk-ftr-bot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; color: var(--mist); font: 500 .76rem var(--mono); letter-spacing: .08em; border-top: 1px solid var(--line); padding-top: 18px; }
.mk-ftr-bot b { color: var(--orange); }

/* ---------- home ---------- */
.mk-bare { padding: 0 !important; }
.mk-hero { padding-block: clamp(40px, 6vw, 80px); position: relative; overflow: hidden; }
.mk-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 30% 45%, rgba(35,44,53,0) 0%, rgba(35,44,53,.5) 60%, rgba(24,30,37,.9) 100%); }
.mk-hero-in { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.mk-hero-logo { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.mk-logo-hero { width: min(340px, 72%); height: auto; overflow: visible; display: block; }
.mk-logo-hero .mk-k { transform-box: fill-box; transform-origin: 50% 100%; animation: mk-drop .5s cubic-bezier(.3,1.5,.5,1) backwards; }
.mk-logo-hero .mk-k:nth-of-type(2) { animation-delay: .15s; } .mk-logo-hero .mk-k:nth-of-type(3) { animation-delay: .3s; } .mk-logo-hero .mk-k:nth-of-type(4) { animation-delay: .45s; } .mk-logo-hero .mk-k:nth-of-type(5) { animation-delay: .6s; }
@keyframes mk-drop { from { transform: translateY(-120px) scale(.6); opacity: 0; } }
.mk-well { display: inline-flex; align-items: center; gap: 6px; min-height: 56px; min-width: min(100%, 340px); justify-content: center; box-sizing: border-box; padding: 0 22px; border-radius: 12px; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3); font: 700 clamp(1rem, 2.2vw, 1.4rem) var(--mono); letter-spacing: .08em; color: var(--orange); white-space: nowrap; }
.mk-cur { width: 12px; height: 1.2em; background: var(--orange); animation: mk-blink 1s steps(1) infinite; }
@keyframes mk-blink { 50% { opacity: 0; } }
.mk-panel { border-radius: 18px; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3), 0 30px 80px rgba(0,0,0,.3); padding: clamp(22px, 3.4vw, 42px); display: grid; gap: 12px; min-width: 0; }
.mk-panel-game { margin: 0 !important; font-weight: 800; font-size: clamp(2rem, 5vw, 3.6rem) !important; line-height: 1.04 !important; text-wrap: balance; overflow-wrap: anywhere; }
.mk-panel-title { margin: 0; color: var(--soft); font-weight: 600; font-size: clamp(1rem, 1.6vw, 1.2rem); overflow-wrap: anywhere; }
.mk-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
.mk-quote { margin: 14px 0 0; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 16px 18px; border-radius: 14px; background: rgba(35,44,53,.7); box-shadow: inset 0 0 0 2px var(--slate-3); transition: opacity .25s; }
.mk-quote.is-fading { opacity: 0; }
.mk-quote-m { width: 44px; height: 44px; border-radius: 9px; background: var(--orange); color: var(--slate); box-shadow: 0 4px 0 var(--orange-deep); font: 800 2.6rem/1 var(--display); display: grid; place-items: center; padding-top: 16px; box-sizing: border-box; }
.mk-quote-text { margin: 0 !important; padding: 0 !important; border: 0 !important; font: 600 1rem/1.4 var(--display) !important; color: var(--ink) !important; font-style: normal !important; overflow-wrap: anywhere; }
.mk-quote-text::before { content: none !important; }
.mk-quote-by { margin-top: 4px; font: 500 .76rem var(--mono); letter-spacing: .06em; color: var(--mist); }
.mk-quote-by b { color: var(--orange); }
@media (max-width: 760px) { .mk-hero-in { grid-template-columns: minmax(0, 1fr); } .mk-logo-hero { width: min(220px, 60%); } }

.mk-games { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 14px; margin-top: 28px; }
.mk-game { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 14px; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3), 0 6px 0 var(--shadow); text-decoration: none !important; color: var(--soft) !important; transition: transform .12s, box-shadow .12s; min-width: 0; }
a.mk-game:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 2px var(--orange), 0 9px 0 var(--orange-deep); }
.mk-cap { width: 46px; height: 46px; border-radius: 10px; display: grid; place-items: center; background: var(--orange); color: var(--slate); font: 800 1.2rem var(--mono); box-shadow: 0 4px 0 var(--orange-deep); }
.mk-game h3 { margin: 4px 0 0 !important; font-size: 1.15rem !important; }
.mk-game p { margin: 0; font-size: .9rem; }
.mk-how { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--line); color: var(--mist); font: 500 .74rem/1.9 var(--mono); letter-spacing: .04em; }
.mk-stat { font: 700 .82rem var(--mono); color: var(--ink); }
.mk-stat em { font-style: normal; color: var(--orange); }

.mk-split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 5vw, 60px); align-items: center; }
@media (max-width: 760px) { .mk-split { grid-template-columns: minmax(0, 1fr); } }
.mk-fan { position: relative; height: clamp(230px, 28vw, 330px); }
.mk-fan img { position: absolute; top: 50%; left: 50%; width: clamp(100px, 12vw, 150px); max-width: 100%; aspect-ratio: 2/3; height: auto; object-fit: cover; border-radius: 12px; box-shadow: 0 18px 40px rgba(0,0,0,.45), 0 0 0 2px var(--slate-3); transform: translate(-50%, -50%); }
.mk-fan img:nth-child(1) { transform: translate(-50%,-50%) translateX(-96%) rotate(-12deg) translateY(10%); }
.mk-fan img:nth-child(2) { transform: translate(-50%,-50%) translateX(-50%) rotate(-6deg) translateY(3%); }
.mk-fan img:nth-child(3) { z-index: 2; }
.mk-fan img:nth-child(4) { transform: translate(-50%,-50%) translateX(50%) rotate(6deg) translateY(3%); }
.mk-fan img:nth-child(5) { transform: translate(-50%,-50%) translateX(96%) rotate(12deg) translateY(10%); }
.mk-lookup { display: flex; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.mk-lookup .mk-field { flex: 1 1 220px; min-width: 0; }
.mk-mini-board { margin-top: 24px !important; display: grid; gap: 8px; }
.mk-mini-board li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 14px; border-radius: 10px; background: var(--slate-2); color: var(--ink); }
.mk-mini-board li:first-child { box-shadow: inset 0 0 0 2px var(--orange); }
.mk-mb-name { overflow-wrap: anywhere; }
.mk-rk { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: var(--line); font: 700 .85rem var(--mono); color: var(--ink); }
.mk-mini-board li:first-child .mk-rk { background: var(--orange); color: var(--slate); }
.mk-mini-board b { font: 700 1rem var(--mono); color: var(--orange); }
.mk-after { margin: 18px 0 0; }
.mk-leader { justify-self: end; width: min(100%, 340px); box-sizing: border-box; display: grid; justify-items: center; text-align: center; gap: 10px; padding: 28px 24px; border-radius: 18px; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--orange), 0 6px 0 var(--orange-deep); }
.mk-av { position: relative; width: 132px; height: 132px; }
.mk-av img, .mk-av-init { width: 100%; height: 100%; border-radius: 24px; object-fit: cover; box-shadow: 0 0 0 4px var(--slate-2), 0 0 0 7px var(--orange); display: grid; place-items: center; background: var(--slate); font: 800 3rem var(--display); color: var(--ink); }
.mk-crown { position: absolute; right: -10px; bottom: -10px; width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--orange); color: var(--slate); font: 800 1.1rem var(--mono); box-shadow: 0 4px 0 var(--orange-deep); }
.mk-leader .mk-eyebrow { margin-top: 10px; }
.mk-leader-name { font-weight: 800; font-size: 1.8rem; line-height: 1.1; color: var(--ink); overflow-wrap: anywhere; }
.mk-leader-stats { font: 500 .8rem var(--mono); color: var(--mist); }
.mk-leader-stats b { color: var(--orange); font-size: 1rem; }
@media (max-width: 760px) { .mk-leader { justify-self: stretch; width: 100%; } }

.mk-head-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 14px; }
.mk-vid { display: block; position: relative; margin-top: 26px; border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 2px var(--slate-3); text-decoration: none !important; }
.mk-vid img { display: block; width: 100%; aspect-ratio: 16/9; height: auto; object-fit: cover; }
.mk-vid:hover { box-shadow: 0 0 0 2px var(--orange); }
.mk-vcap { position: absolute; inset: auto 0 0 0; display: flex; align-items: end; gap: 16px; padding: 70px 22px 20px; background: linear-gradient(to top, rgba(22,28,34,.92), rgba(22,28,34,0)); }
.mk-vcap .mk-key { flex: none; }
.mk-vcap .mk-key .mk-i { width: 14px; height: 14px; }
.mk-vt { font-weight: 800; font-size: clamp(1rem, 2.2vw, 1.6rem); line-height: 1.15; color: var(--ink); text-wrap: balance; min-width: 0; }
.mk-thumbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.mk-vthumb { display: grid; gap: 8px; align-content: start; text-decoration: none !important; min-width: 0; }
.mk-tw { position: relative; display: block; border-radius: 12px; overflow: hidden; box-shadow: 0 0 0 2px var(--slate-3); transition: box-shadow .12s, transform .12s; }
.mk-tw img { display: block; width: 100%; aspect-ratio: 16/9; height: auto; object-fit: cover; }
.mk-pl { position: absolute; left: 10px; bottom: 10px; width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; background: var(--orange); color: var(--slate); box-shadow: 0 3px 0 var(--orange-deep); }
.mk-pl .mk-i { width: 14px; height: 14px; }
.mk-vthumb:hover .mk-tw { box-shadow: 0 0 0 2px var(--orange); transform: translateY(-2px); }
.mk-vthumb .mk-vt { font-weight: 700; font-size: .95rem; line-height: 1.3; color: var(--soft); }
@media (max-width: 640px) { .mk-thumbs { grid-template-columns: minmax(0, 1fr); } .mk-vcap { flex-direction: column; align-items: start; gap: 10px; padding: 50px 16px 16px; } }

.mk-shop { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 26px; }
.mk-prod { display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3); text-decoration: none !important; min-width: 0; transition: transform .12s, box-shadow .12s; }
.mk-prod:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 2px var(--orange); }
.mk-ph { background: #fff; aspect-ratio: 1; display: block; }
.mk-ph img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0 !important; }
.mk-info { padding: 12px 14px 14px; display: grid; gap: 4px; }
.mk-pt { font-size: .92rem; font-weight: 700; line-height: 1.25; color: var(--ink); }
.mk-price { font: 700 .95rem var(--mono); color: var(--orange); }
.mk-price del { color: var(--mist); font-weight: 500; }
@media (max-width: 760px) {
	.mk-shop { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mk-shop .mk-prod:last-child:nth-child(odd) { grid-column: 1 / -1; flex-direction: row; }
	.mk-shop .mk-prod:last-child:nth-child(odd) .mk-ph { width: 42%; flex: none; }
	.mk-shop .mk-prod:last-child:nth-child(odd) .mk-info { align-content: center; }
}

.mk-donate { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(24px, 5vw, 56px); align-items: start; }
@media (max-width: 760px) { .mk-donate { grid-template-columns: minmax(0, 1fr); } }
.mk-form { padding: clamp(18px, 3vw, 28px); border-radius: 18px; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3); min-width: 0; }
.mk-amts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.mk-amts button { min-width: 64px; min-height: 40px; border-radius: 9px; border: 0; cursor: pointer; font: 700 .9rem var(--mono); background: var(--slate); color: var(--ink); box-shadow: inset 0 0 0 2px var(--slate-3); padding: 0 12px; }
.mk-amts button:hover { box-shadow: inset 0 0 0 2px var(--orange); }
.mk-amts button[aria-pressed="true"] { background: var(--orange); color: var(--slate); box-shadow: 0 4px 0 var(--orange-deep); }

/* Gravity Forms (legacy markup) */
body.mk .gform_wrapper { margin: 0 !important; color: var(--soft); }
body.mk .gform_wrapper .gform_fields { gap: 14px 12px !important; }
body.mk .gform_wrapper .gfield_label, body.mk .gform_wrapper legend.gfield_label { color: var(--mist) !important; font: 700 .72rem var(--mono) !important; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 6px !important; }
body.mk .gform_wrapper .gfield_required { color: var(--orange) !important; }
body.mk .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body.mk .gform_wrapper textarea, body.mk .gform_wrapper select { width: 100% !important; background: var(--slate) !important; padding: 0 16px !important; font-size: 1rem !important; }
body.mk .gform_wrapper textarea { padding: 12px 16px !important; height: 110px !important; }
body.mk .gform_wrapper .ginput_total, body.mk .gform_wrapper .ginput_product_price { color: var(--ink) !important; font: 700 1.4rem var(--mono) !important; }
body.mk .gform_wrapper .gform_footer { margin: 18px 0 0 !important; padding: 0 !important; }
body.mk .gform_wrapper .gfield--type-stripe_creditcard .ginput_container, body.mk .gform_wrapper .StripeElement, body.mk .gform_wrapper .gform-stripe-payment-element { background: #fff !important; border-radius: 10px; padding: 12px; }
body.mk .gform_wrapper .gfield_description, body.mk .gform_wrapper .instruction { color: var(--mist) !important; }
body.mk .gform_wrapper .validation_message, body.mk .gform_wrapper .gfield_validation_message, body.mk .gform_wrapper .gform_validation_errors { background: rgba(255,107,90,.1) !important; color: #FFB4A8 !important; border: 1px solid rgba(255,107,90,.45) !important; border-radius: 10px; box-shadow: none !important; }
body.mk .gform_wrapper .gform_validation_errors h2 { color: #FFB4A8 !important; }
body.mk .gform_confirmation_message { color: var(--ink); font-weight: 700; font-size: 1.1rem; }
body.mk .gform_ajax_spinner { margin-left: 10px; }

/* ---------- card pulls ---------- */
.mk-cp-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; }
@media (max-width: 700px) { .mk-cp-form { grid-template-columns: minmax(0, 1fr); } }
.mk-cp-search { display: flex; gap: 10px; min-width: 0; }
.mk-cp-search .mk-field { flex: 1; min-width: 0; }
.mk-cp-search .mk-key .mk-i { width: 16px; height: 16px; }
@media (max-width: 480px) { .mk-cp-search .mk-key span { display: none; } .mk-cp-search .mk-key { width: 48px; padding: 0; } }
.mk-seasons { display: flex; gap: 6px; flex-wrap: wrap; border: 0; margin: 0; padding: 0; min-width: 0; }
.mk-season { position: relative; margin: 0; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; }
.mk-season input { position: absolute; opacity: 0; pointer-events: none; }
.mk-season span { display: block; min-height: 48px; box-sizing: border-box; padding: 7px 14px; border-radius: 10px; background: var(--slate-2); color: var(--ink); box-shadow: inset 0 0 0 2px var(--slate-3); line-height: 1.2; }
.mk-season b { display: block; font: 700 .82rem var(--mono); }
.mk-season small { display: block; font: 500 .7rem var(--mono); color: var(--mist); }
.mk-season input:checked + span { background: var(--orange); color: var(--slate); box-shadow: 0 4px 0 var(--orange-deep); }
.mk-season input:checked + span small { color: var(--slate); }
.mk-season input:focus-visible + span { outline: 3px solid var(--orange); outline-offset: 2px; }
.mk-season:hover span { box-shadow: inset 0 0 0 2px var(--orange); }
.mk-cp-loading { margin-top: 30px; display: flex; align-items: center; gap: 12px; font: 700 .85rem var(--mono); letter-spacing: .08em; color: var(--mist); }
.mk-dots { display: inline-flex; gap: 5px; }
.mk-dots i { width: 12px; height: 12px; border-radius: 3px; background: var(--orange); animation: mk-dot 1s ease-in-out infinite; }
.mk-dots i:nth-child(2) { animation-delay: .15s; } .mk-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes mk-dot { 50% { transform: translateY(-6px); opacity: .5; } }
.mk-cp-alert { margin-top: 22px; padding: 14px 18px; border-radius: 12px; background: var(--slate-2); color: var(--ink); box-shadow: inset 4px 0 0 var(--orange), inset 0 0 0 2px var(--slate-3); font-weight: 600; }
.mk-cp-empty { margin-top: 30px; padding: clamp(24px, 4vw, 40px); border: 2px dashed var(--line); border-radius: 16px; text-align: center; color: var(--mist); }
.mk-cp-empty p { margin: 0 auto; max-width: 46ch; }
.mk-cp-empty .mk-cp-empty-big { color: var(--ink); font-weight: 800; font-size: 1.3rem; margin-bottom: 6px; overflow-wrap: anywhere; }
.mk-prog { margin-top: 30px; padding: clamp(18px, 3vw, 28px); border-radius: 18px; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3); display: grid; gap: 18px; }
.mk-prog-top { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 12px; }
.mk-prog-who { font-size: clamp(1.4rem, 3.4vw, 2rem); font-weight: 800; color: var(--ink); overflow-wrap: anywhere; margin-top: 8px; }
.mk-prog-pct { font: 700 clamp(1.8rem, 4.6vw, 2.8rem)/1 var(--mono); color: var(--orange); }
.mk-prog-pct small { font-size: .4em; color: var(--mist); letter-spacing: .14em; margin-left: 6px; }
.mk-keys { display: grid; grid-template-columns: repeat(var(--n, 25), minmax(0, 1fr)); gap: 4px; }
.mk-keys i { aspect-ratio: 1; border-radius: 4px; background: var(--orange); box-shadow: 0 2px 0 var(--orange-deep); }
.mk-keys i.off { background: var(--slate); box-shadow: inset 0 0 0 2px var(--slate-3); }
@media (max-width: 560px) { .mk-keys { gap: 2px; } .mk-keys i { border-radius: 2px; } }
.mk-rar { display: flex; flex-wrap: wrap; gap: 8px; }
.mk-rar span { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 8px; background: var(--slate); font: 500 .78rem var(--mono); color: var(--soft); }
.mk-rar span b { color: var(--ink); font-size: .95rem; }
.mk-rar i, .mk-r i { width: 9px; height: 13px; border-radius: 2px 2px 3px 3px; background: currentColor; display: inline-block; }
.mk-rar span[class*="mk-c-"] { color: inherit; }
.mk-rar .mk-c-common i, .mk-r.mk-c-common { color: var(--common); }
.mk-rar .mk-c-rare i, .mk-r.mk-c-rare { color: var(--rare); }
.mk-rar .mk-c-epic i, .mk-r.mk-c-epic { color: var(--epic); }
.mk-rar .mk-c-legendary i, .mk-r.mk-c-legendary { color: var(--legendary); }
.mk-rar .mk-c-mythic i, .mk-r.mk-c-mythic { color: var(--mythic); }
.mk-rar-total { margin-left: auto; color: var(--mist) !important; }
.mk-filters { display: flex; flex-wrap: wrap; gap: 6px; margin: 30px 0 16px; }
.mk-filters button { min-height: 36px; padding: 0 12px; border-radius: 8px; border: 0; cursor: pointer; font: 700 .74rem var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mist); background: none; box-shadow: inset 0 0 0 2px var(--line); }
.mk-filters button:hover { color: var(--ink); }
.mk-filters button[aria-pressed="true"] { color: var(--ink); box-shadow: inset 0 0 0 2px var(--orange); }
.mk-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); gap: 20px 14px; }
@media (max-width: 420px) { .mk-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mk-card { display: grid; gap: 8px; align-content: start; min-width: 0; }
.mk-card[hidden] { display: none; }
.mk-card-art { position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 2/3; background: var(--slate-2) var(--grid-img); background-size: 32px 32px; box-shadow: 0 0 0 2px var(--slate-3); }
.mk-card-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mk-card[data-r="legendary"]:not(.is-locked) .mk-card-art { box-shadow: 0 0 0 2px var(--legendary), 0 0 24px rgba(242,193,78,.25); }
.mk-card[data-r="mythic"]:not(.is-locked) .mk-card-art { box-shadow: 0 0 0 2px var(--mythic), 0 0 24px rgba(255,107,154,.3); }
.mk-card[data-r="epic"]:not(.is-locked) .mk-card-art { box-shadow: 0 0 0 2px var(--epic); }
.mk-card[data-r="rare"]:not(.is-locked) .mk-card-art { box-shadow: 0 0 0 2px var(--rare); }
.mk-card-x { position: absolute; top: 8px; right: 8px; font: 700 .7rem/1.7 var(--mono); padding: 0 7px; border-radius: 6px; background: rgba(22,28,34,.85); color: var(--ink); }
.mk-card.is-locked .mk-card-art::after { content: ""; position: absolute; inset: 0; background: rgba(35,44,53,.35); }
.mk-card[data-full] { cursor: zoom-in; }
.mk-card[data-full] .mk-card-art { transition: transform .15s ease, box-shadow .15s ease; }
.mk-card[data-full]:hover .mk-card-art, .mk-card[data-full]:focus-visible .mk-card-art { transform: translateY(-3px); }
.mk-card[data-full]:focus-visible { outline: none; }
.mk-card[data-full]:focus-visible .mk-card-art { box-shadow: 0 0 0 3px var(--orange); }
html.mk-modal-open { overflow: hidden; }
.mk-card-modal { padding: 0; border: 0; background: transparent; color: var(--ink); max-width: min(92vw, 560px); max-height: 94vh; overflow: visible; }
.mk-card-modal::backdrop { background: rgba(14,18,22,.85); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.mk-card-modal[open] { animation: mk-pop .18s ease-out; }
@keyframes mk-pop { from { opacity: 0; transform: scale(.96); } }
.mk-card-modal figure { margin: 0; display: grid; gap: 12px; justify-items: center; }
.mk-card-modal img { display: block; max-width: 100%; max-height: calc(94vh - 80px); width: auto; height: auto; border-radius: 16px; box-shadow: 0 0 0 2px var(--slate-3), 0 30px 80px rgba(0,0,0,.5); }
.mk-card-modal[data-r="legendary"] img { box-shadow: 0 0 0 3px var(--legendary), 0 0 50px rgba(242,193,78,.35); }
.mk-card-modal[data-r="mythic"] img { box-shadow: 0 0 0 3px var(--mythic), 0 0 50px rgba(255,107,154,.4); }
.mk-card-modal[data-r="epic"] img { box-shadow: 0 0 0 3px var(--epic), 0 30px 80px rgba(0,0,0,.5); }
.mk-card-modal[data-r="rare"] img { box-shadow: 0 0 0 3px var(--rare), 0 30px 80px rgba(0,0,0,.5); }
.mk-card-modal figcaption { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; text-align: center; }
.mk-card-modal figcaption b { font: 800 1.15rem var(--sans, Montserrat, sans-serif); color: #fff; }
.mk-card-modal figcaption em { font-style: normal; }
.mk-card-modal figcaption small { font: 700 .72rem var(--mono); letter-spacing: .1em; color: var(--mist); text-transform: uppercase; }
.mk-card-modal-x { position: absolute; top: -14px; right: -14px; z-index: 2; width: 40px; height: 40px; padding: 0 !important; font-size: 1.4rem !important; line-height: 1; border-radius: 10px; }
@media (max-width: 600px) { .mk-card-modal-x { top: 6px; right: 6px; } }
.mk-card-lock { position: absolute; inset: 0; display: grid; place-items: center; z-index: 1; }
.mk-card-lock > span { width: 54px; height: 54px; border-radius: 12px; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3), 0 5px 0 var(--shadow); display: grid; place-items: center; }
.mk-card-lock .mk-i { width: 22px; height: 22px; fill: var(--mist); }
.mk-card h4 { margin: 0 !important; font-size: .95rem !important; font-weight: 700 !important; line-height: 1.2; overflow-wrap: anywhere; }
.mk-card.is-locked h4 { color: var(--mist); }
.mk-r { font: 700 .66rem var(--mono); letter-spacing: .14em; text-transform: uppercase; display: flex; align-items: center; gap: 6px; }
.mk-r i { width: 7px; height: 11px; }

/* ---------- bottle crates page: the plugin box sits on the same slate ---------- */
body.mk .mbc-lb { background: transparent; padding: 0; border-radius: 0; }

/* ---------- WooCommerce ---------- */
body.mk ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 16px; margin: 0 !important; }
body.mk ul.products::before, body.mk ul.products::after { content: none !important; }
body.mk ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; padding: 0 0 16px !important; border-radius: 14px; overflow: hidden; background: var(--slate-2); box-shadow: inset 0 0 0 2px var(--slate-3); text-align: left !important; display: flex; flex-direction: column; }
body.mk ul.products li.product:hover { box-shadow: inset 0 0 0 2px var(--orange); }
body.mk ul.products li.product img { margin: 0 0 12px !important; background: #fff; border-radius: 0; }
body.mk ul.products li.product .woocommerce-loop-product__title { color: var(--ink) !important; font: 700 .98rem/1.3 var(--display) !important; padding: 0 16px !important; margin: 0 0 4px !important; }
body.mk ul.products li.product .price { color: var(--orange) !important; font: 700 .95rem var(--mono); padding: 0 16px; margin-bottom: 12px !important; display: block; }
body.mk ul.products li.product .button { margin: auto 16px 0 !important; align-self: flex-start; }
body.mk ul.products li.product .star-rating { margin: 0 16px 8px; }
body.mk .woocommerce-result-count, body.mk .woocommerce-ordering { color: var(--mist); font: 500 .8rem var(--mono); }
body.mk .storefront-sorting { margin-bottom: 22px; font-size: .9rem; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
body.mk .storefront-sorting::before, body.mk .storefront-sorting::after { content: none; }
body.mk .storefront-sorting .woocommerce-ordering, body.mk .storefront-sorting .woocommerce-result-count { float: none; margin: 0; padding: 0; }
body.mk ul.products ~ .storefront-sorting { display: none; }
body.mk .woocommerce-products-header { text-align: left; padding: 0 0 clamp(22px, 3vw, 34px); margin-bottom: clamp(22px, 3vw, 34px); border-bottom: 1px solid var(--grid); }
body.mk .woocommerce-pagination .page-numbers li .page-numbers { background: var(--slate-2); color: var(--ink); border-radius: 8px; }
body.mk .woocommerce-pagination .page-numbers li .page-numbers.current { background: var(--orange); color: var(--slate); }
body.mk .onsale { background: var(--orange); color: var(--slate); border: 0; border-radius: 6px; font: 700 .7rem var(--mono); }

/* single product */
body.mk.single-product div.product .woocommerce-product-gallery { background: #fff; border-radius: 16px; overflow: hidden; }
body.mk.single-product div.product .woocommerce-product-gallery .flex-control-thumbs { background: var(--slate); padding-top: 8px; }
body.mk.single-product div.product p.price, body.mk.single-product div.product span.price { color: var(--orange) !important; font: 700 1.5rem var(--mono) !important; }
body.mk.single-product div.product .product_title { margin-bottom: 10px !important; }
body.mk.single-product .woocommerce-product-details__short-description, body.mk.single-product .woocommerce-Tabs-panel { color: var(--soft); }
body.mk .variations th, body.mk .variations td { background: none !important; box-shadow: none !important; }
body.mk table.variations { background: none; box-shadow: none; }
body.mk .reset_variations { color: var(--mist) !important; font: 500 .75rem var(--mono); }
body.mk .quantity .qty { width: 80px; text-align: center; padding: 0 8px; }
body.mk .woocommerce-tabs ul.tabs { border: 0 !important; }
body.mk .woocommerce-tabs ul.tabs li { border: 0 !important; }
body.mk .woocommerce-tabs ul.tabs li a { color: var(--mist) !important; font: 700 .78rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
body.mk .woocommerce-tabs ul.tabs li.active a { color: var(--orange) !important; }
body.mk .woocommerce-tabs ul.tabs li.active::after { display: none; }
body.mk .storefront-product-pagination a { background: var(--slate-2); color: var(--ink); border-radius: 12px; }
body.mk .storefront-sticky-add-to-cart { background: var(--slate-2) !important; border-color: var(--slate-3) !important; color: var(--soft); }
body.mk .storefront-sticky-add-to-cart__content-title { color: var(--ink); }
body.mk .related.products > h2, body.mk .upsells.products > h2, body.mk .cross-sells > h2 { font-size: 1.4rem !important; margin-bottom: 18px !important; }
body.mk .product_meta { border-color: var(--line) !important; color: var(--mist); font-size: .85rem; }

/* cart, checkout, account */
body.mk table.shop_table, body.mk table.cart { font-size: .95rem; }
body.mk table.cart td.product-thumbnail img { border-radius: 8px; background: #fff; }
body.mk table.cart td.product-name a { color: var(--ink) !important; font-weight: 700; }
body.mk table.cart .product-remove a.remove { color: var(--mist) !important; }
body.mk table.cart .product-remove a.remove:hover { color: #FF6B5A !important; background: none; }
body.mk table.cart td.actions { background: rgba(0,0,0,.12) !important; }
body.mk table.cart td.actions .coupon .input-text { width: auto; min-width: 160px; }
body.mk .cart-collaterals .cart_totals h2, body.mk #order_review_heading, body.mk .woocommerce-billing-fields h3, body.mk .woocommerce-shipping-fields h3, body.mk .woocommerce-additional-fields h3 { font-size: 1.3rem !important; margin-bottom: 14px !important; }
body.mk .order-total .amount, body.mk .cart-subtotal .amount { color: var(--ink); font-family: var(--mono); }
body.mk .order-total .amount { color: var(--orange); font-size: 1.2rem; }
body.mk #payment { background: var(--slate-2) !important; border-radius: 14px; box-shadow: inset 0 0 0 2px var(--slate-3); }
body.mk #payment .payment_methods { border-color: var(--line) !important; }
body.mk #payment .payment_methods > li { background: none !important; border-color: var(--line) !important; }
body.mk #payment .payment_methods li .payment_box { background: var(--slate) !important; color: var(--soft); border-radius: 10px; }
body.mk #payment .payment_methods li .payment_box::before { border-bottom-color: var(--slate) !important; }
body.mk #payment .place-order { background: none !important; }
body.mk .wc-stripe-elements-field, body.mk .wc-stripe-iban-element-field, body.mk #wc-stripe-upe-form .wc-stripe-upe-element { background: #fff !important; border-radius: 10px; padding: 12px; }
body.mk .woocommerce-checkout .form-row label { margin-bottom: 6px; }
body.mk .woocommerce-form-login, body.mk .woocommerce-form-register, body.mk .woocommerce-ResetPassword, body.mk form.checkout_coupon { background: var(--slate-2); border: 0 !important; border-radius: 14px; box-shadow: inset 0 0 0 2px var(--slate-3); padding: 22px !important; }
body.mk .woocommerce-MyAccount-navigation ul { border: 0 !important; display: grid; gap: 4px; }
body.mk .woocommerce-MyAccount-navigation ul li { border: 0 !important; }
body.mk .woocommerce-MyAccount-navigation ul li a { display: block; padding: 10px 14px !important; border-radius: 9px; color: var(--soft) !important; font: 700 .78rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
body.mk .woocommerce-MyAccount-navigation ul li a::before { display: none; }
body.mk .woocommerce-MyAccount-navigation ul li.is-active a, body.mk .woocommerce-MyAccount-navigation ul li a:hover { background: var(--slate-2); color: var(--orange) !important; box-shadow: inset 0 0 0 2px var(--slate-3); }
body.mk .woocommerce-Address, body.mk .woocommerce-column { background: var(--slate-2); border-radius: 14px; padding: 18px; }
body.mk mark { background: none; color: var(--orange); font-weight: 700; }
body.mk .wc-block-components-notice-banner { background: var(--slate-2); color: var(--ink); }
body.mk .woocommerce-store-notice, body.mk p.demo_store { background: var(--orange); color: var(--slate); }

/* misc content */
body.mk blockquote { border-left: 4px solid var(--orange); padding-left: 18px; color: var(--ink); font-style: normal; }
body.mk hr { background: var(--line); border: 0; height: 1px; }
body.mk code, body.mk pre { background: var(--slate-2); color: var(--soft); border-radius: 8px; }
body.mk .wp-block-button__link { background: var(--orange); color: var(--slate) !important; border-radius: 10px; font: 700 .82rem var(--mono); letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 5px 0 var(--orange-deep); }
body.mk .wp-block-separator { border-color: var(--line); }
body.mk .pagination .page-numbers, body.mk .woocommerce-pagination { color: var(--mist); }

@media (prefers-reduced-motion: reduce) {
	body.mk *, body.mk *::before, body.mk *::after { animation: none !important; transition: none !important; }
}

/* Storefront centers some page titles (cart, checkout); keep them with the rest. */
body.mk .entry-header, body.mk .entry-header .entry-title, body.mk.woocommerce-cart .entry-title, body.mk.woocommerce-checkout .entry-title { text-align: left !important; }
body.mk .storefront-product-pagination { display: none; }