/*
 * Makers redesign — stylesheet.
 *
 * Loaded only while the option `mk_redesign_enabled` is on (inc/redesign.php), and every
 * rule is scoped under `body.mk-rd`, so with the option off nothing here applies.
 * The extra `body.mk-rd` also gives these rules the specificity to beat the single-class
 * rules in the Additional CSS post without resorting to !important (used only where the
 * parent theme or a plugin itself uses !important — each one is commented).
 *
 * Sections:  1 fonts · 2 tokens · 3 announcement bar · 4 footer · 5 product badges ·
 *            6 WhatsApp floating button
 */

/* ---------- 1. fonts ---------------------------------------------------------------
 * One self-hosted variable font (Rubik, latin 35 KB, Arabic 32 KB only when Arabic text
 * is on the page). It is declared under the names the theme and the Additional CSS
 * already ask for ("Public Sans", "Poppins", "Rubik"), so every existing font-family
 * rule — including the !important ones — resolves to it without being edited, and no
 * request goes to Google Fonts. */
@font-face{font-family:"Rubik";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/rubik-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/rubik-arabic.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/rubik-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/rubik-arabic.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/rubik-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/rubik-arabic.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

/* ---------- 2. tokens ---------------------------------------------------------------- */
body.mk-rd{
	--mk-blue:#0073cf; --mk-blue-700:#005aa3; --mk-blue-900:#06335c; --mk-blue-50:#eaf4fd; --mk-blue-100:#d3e8fa;
	--mk-ink:#0e1b2c; --mk-text:#3b4a5e; --mk-muted:#6a778a; --mk-line:#e2e8f0; --mk-bg:#f4f7fa;
	--mk-red:#e0212e; --mk-green:#168a45; --mk-sale:#39b54a;
	--mk-rd-ann-h:36px;
}
body.mk-rd .mk-rd-i{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
body.mk-rd .mk-rd-num{direction:ltr;unicode-bidi:isolate;font-weight:600;letter-spacing:.2px}

/* ---------- 3. announcement bar ------------------------------------------------------
 * Brand blue, one message at a time, slides up to the next (keyframes are printed with
 * the markup because their steps depend on how many messages there are). Pauses on
 * hover, still for visitors who ask for reduced motion. */
body.mk-rd .mk-rd-ann{background:var(--mk-blue);color:#fff;height:var(--mk-rd-ann-h);overflow:hidden;font-size:13px;line-height:1;border-bottom:1px solid rgba(255,255,255,.18)}
body.mk-rd .mk-rd-tick{display:flex;flex-direction:column;animation:mk-rd-tick 12s cubic-bezier(.65,0,.35,1) infinite}
body.mk-rd .mk-rd-ann:hover .mk-rd-tick{animation-play-state:paused}
body.mk-rd .mk-rd-tick--still{animation:none}
/* !important on color/decoration: the header's own link rules would otherwise recolour the links. */
body.mk-rd .mk-rd-ann .mk-rd-ann-i{height:var(--mk-rd-ann-h);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;color:#fff!important;text-decoration:none!important;padding:0 12px}
body.mk-rd .mk-rd-ann .mk-rd-ann-ico{width:17px;height:17px}
body.mk-rd .mk-rd-tick .mk-rd-ann-i:first-child .mk-rd-ann-ico{animation:mk-rd-drive 1.6s ease-in-out infinite alternate}
@keyframes mk-rd-drive{from{transform:translateX(-3px)}to{transform:translateX(3px)}}
@media (prefers-reduced-motion:reduce){
	body.mk-rd .mk-rd-tick,body.mk-rd .mk-rd-ann-ico{animation:none!important}
}

/* ---------- 4. footer ----------------------------------------------------------------
 * Same sections as before (connect strip, Top Categories, Quick Links, Contact,
 * copyright) in a light style. Two-column link lists on phones, so no JavaScript is
 * needed to keep the footer short. */
/* #colophon is blue in the old design (it was the copyright bar); it must not show through the rounded corners */
body.mk-rd #colophon.footer-container{background:transparent}
body.mk-rd .mk-rd-bleed{width:100vw;position:relative;left:50%;margin-left:-50vw}
body.mk-rd .mk-rd-foot{background:#f3f6fa;color:var(--mk-text);margin-top:72px;border-radius:28px 28px 0 0;border-top:1px solid var(--mk-line);font-size:14.5px;line-height:1.5}
body.mk-rd .mk-rd-foot a{text-decoration:none}
body.mk-rd .mk-rd-foot-in{max-width:1320px;margin:0 auto;padding:0 16px}
body.mk-rd .mk-rd-connect{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--mk-line);border-radius:20px;padding:18px;margin-top:-30px;box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.06)}
body.mk-rd .mk-rd-connect h6{font-size:16px;font-weight:600;color:var(--mk-ink);margin:0}
body.mk-rd .mk-rd-links{display:flex;flex-direction:column;gap:8px}
body.mk-rd .mk-rd-pill{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;background:var(--mk-blue-50);color:var(--mk-ink);font-weight:500;font-size:14.5px}
body.mk-rd .mk-rd-pill--wa{background:#e6f7ec}
body.mk-rd .mk-rd-pill .mk-rd-b{width:36px;height:36px;border-radius:11px;background:#fff;display:grid;place-items:center;color:var(--mk-blue);flex:none}
body.mk-rd .mk-rd-pill--wa .mk-rd-b{color:#1faa59}
body.mk-rd .mk-rd-pill:hover{color:var(--mk-blue)}
body.mk-rd .mk-rd-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;padding:30px 0 6px}
body.mk-rd .mk-rd-fbrand,body.mk-rd .mk-rd-fcontact{grid-column:1/-1}
body.mk-rd .mk-rd-fbrand img{width:auto;height:64px;margin-bottom:10px}
body.mk-rd .mk-rd-fbrand p{max-width:36ch;margin:0;color:var(--mk-muted);line-height:1.6}
body.mk-rd .mk-rd-soc{display:flex;gap:8px;margin-top:14px}
body.mk-rd .mk-rd-soc a{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--mk-line);display:grid;place-items:center;color:var(--mk-blue);transition:.15s}
body.mk-rd .mk-rd-soc a:hover{background:var(--mk-blue);border-color:var(--mk-blue);color:#fff}
body.mk-rd .mk-rd-foot h5{font-size:15px;font-weight:600;color:var(--mk-ink);margin:0 0 12px}
body.mk-rd .mk-rd-menu{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
body.mk-rd .mk-rd-menu li{margin:0;padding:0}
body.mk-rd .mk-rd-menu a{color:var(--mk-text)}
body.mk-rd .mk-rd-menu a:hover{color:var(--mk-blue)}
body.mk-rd .mk-rd-all{display:inline-flex;align-items:center;gap:6px;color:var(--mk-blue);font-weight:600}
body.mk-rd .mk-rd-all .mk-rd-i{width:15px;height:15px}
body.mk-rd .mk-rd-fcontact ul{list-style:none;margin:0;padding:0}
body.mk-rd .mk-rd-fcontact li{display:flex;gap:11px;align-items:flex-start;margin:0 0 12px;color:var(--mk-text)}
body.mk-rd .mk-rd-fcontact li a{color:var(--mk-text)}
body.mk-rd .mk-rd-fcontact li a:hover{color:var(--mk-blue)}
body.mk-rd .mk-rd-fcontact .mk-rd-b{width:34px;height:34px;border-radius:50%;background:var(--mk-blue-50);color:var(--mk-blue);display:grid;place-items:center;flex:none}
body.mk-rd .mk-rd-fcontact .mk-rd-b .mk-rd-i{width:17px;height:17px}
body.mk-rd .mk-rd-fbottom{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin-top:8px;padding:16px;border-top:1px solid var(--mk-line);font-size:12.5px;color:var(--mk-muted)}
body.mk-rd .mk-rd-cod{display:inline-flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--mk-line);border-radius:999px;padding:5px 12px;color:var(--mk-ink);font-weight:500}
body.mk-rd .mk-rd-cod .mk-rd-i{width:15px;height:15px;color:var(--mk-blue)}
/* the fixed mobile bottom bar would cover the last line otherwise */
@media (max-width:767px){ body.mk-rd .mk-rd-foot{padding-bottom:64px} }
@media (min-width:768px){
	body.mk-rd .mk-rd-foot-in{padding:0 32px}
	body.mk-rd .mk-rd-connect{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;margin-top:-36px}
	body.mk-rd .mk-rd-links{flex-direction:row;flex-wrap:wrap;gap:10px}
	body.mk-rd .mk-rd-fgrid{grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:40px;padding:44px 0 10px}
	body.mk-rd .mk-rd-fbrand,body.mk-rd .mk-rd-fcontact{grid-column:auto}
	body.mk-rd .mk-rd-fbottom{flex-direction:row;justify-content:space-between;max-width:1320px;margin:20px auto 0;padding:18px 32px;font-size:13px}
}

/* ---------- 5. product badges ----------------------------------------------------------
 * Bigger and easier to read, more so on desktop. The parent theme sizes these in several
 * layers (rectangle style, 20px tall on phones, !important line-heights), so the outer
 * span is reset and the visible pill is the inner span. */
body.mk-rd .woocommerce .product .product-label{top:8px;left:8px}
body.mk-rd .product-label > span,
body.mk-rd .product-label > span.onsale{height:auto!important;min-height:0;min-width:0;width:auto}  /* !important: parent sets height on 3 layers */
body.mk-rd .product-label > span > span{display:inline-flex;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.2px;padding:6px 12px;border-radius:10px;box-shadow:0 3px 8px rgba(14,27,44,.18)}
body.mk-rd .category-best-selling .product-label.best-selling-label{width:48px;height:48px;padding:6px 0;border-radius:12px;right:8px;top:8px}
body.mk-rd .category-best-selling .product-label.best-selling-label span{font-size:13px!important;line-height:16px!important}  /* !important: parent uses it on line-height */
body.mk-rd .category-best-selling .product-label.best-selling-label span + span{font-size:18px!important;font-weight:700;line-height:20px!important}
@media (min-width:1024px){
	body.mk-rd .woocommerce .product .product-label{top:12px;left:12px}
	body.mk-rd .product-label > span > span{font-size:15px;padding:8px 15px;border-radius:12px}
	body.mk-rd .category-best-selling .product-label.best-selling-label{width:56px;height:56px;padding:8px 0;border-radius:14px;right:12px;top:12px}
	body.mk-rd .category-best-selling .product-label.best-selling-label span{font-size:14px!important;line-height:18px!important}
	body.mk-rd .category-best-selling .product-label.best-selling-label span + span{font-size:21px!important;line-height:22px!important}
}

/* ---------- 6. WhatsApp floating button ------------------------------------------------
 * The plugin pins it with inline-ish rules at a spot that sat on top of Add-to-cart rows
 * and the checkout button. It is lifted above the mobile bottom bar and nudged to the
 * corner on desktop. !important because the plugin prints its position in a <style>
 * block after the theme's stylesheets. */
/* transform:none — the plugin nudges the button 32px down, which put it on top of the bottom bar */
body.mk-rd .wa__btn_popup{right:14px!important;bottom:84px!important;transform:none!important}
body.mk-rd .wa__popup_chat_box{right:14px!important;bottom:150px!important}
@media (min-width:768px){
	body.mk-rd .wa__btn_popup{bottom:26px!important}
	body.mk-rd .wa__popup_chat_box{bottom:92px!important}
}

/* NOTE (button rules below): the parent theme styles this link through #page-scoped selectors in
 * style.css and gostorechild.css, so these use #page #main to win on specificity instead of !important. */
/* ---------- 7. product cards ------------------------------------------------------------
 * Applies to every loop card (category, search, best sellers, home carousels): bigger photo,
 * title up to 3 lines (specs like "47uF 200V 13x20mm" used to be cut off at 2), stock status,
 * a bold price and a proper full-width Add-to-cart button instead of a small text link.
 * Prices were blue and light; they are ink now with a quiet "EGP". */
body.mk-rd .products section.product{display:flex}
body.mk-rd .products section.product .product-wrapper{flex:1;display:flex;flex-direction:column;padding:8px 8px 10px;background:#fff;border:1px solid var(--mk-line);border-radius:16px;box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.05);transition:box-shadow .15s,transform .15s}
body.mk-rd .products section.product .thumbnail-wrapper{padding:0}
body.mk-rd .products section.product .thumbnail-wrapper figure{margin:0;width:100%}
body.mk-rd .products section.product .thumbnail-wrapper img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
body.mk-rd .products section.product.outofstock .thumbnail-wrapper img{opacity:.55}
body.mk-rd .products section.product .meta-wrapper{flex:1;display:flex;flex-direction:column;padding:10px 4px 0}
/* min-height !important: the theme's JS writes an inline 2-line min-height on the title */
body.mk-rd .products .product-name{margin:0;min-height:calc(13.5px * 1.38 * 3)!important}
body.mk-rd .products .product-name a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13.5px;line-height:1.38;font-weight:500;color:var(--mk-ink)}
body.mk-rd .products .product-name a:hover{color:var(--mk-blue)}
body.mk-rd .mk-rd-stock{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:11.5px;font-weight:500;line-height:1.2}
body.mk-rd .mk-rd-stock:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
body.mk-rd .mk-rd-stock--in{color:var(--mk-green)}
body.mk-rd .mk-rd-stock--out{color:#c0392b}
body.mk-rd .mk-rd-stock--back{color:#b26a00}
body.mk-rd .products .product-group-price-button-meta-wrapper{margin-top:auto;padding-top:6px}
body.mk-rd .products .product-group-price-button-meta{display:flex;flex-direction:column;align-items:stretch}
body.mk-rd .products .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:17px;font-weight:700;line-height:1.3;color:var(--mk-ink)}
body.mk-rd .products .price .amount,body.mk-rd .products .price bdi,body.mk-rd .products .price ins{color:var(--mk-ink);background:none;text-decoration:none}
body.mk-rd .products .price .woocommerce-Price-currencySymbol{margin-left:2px;font-size:11px;font-weight:500;color:var(--mk-muted)}
body.mk-rd .products .price del{order:2;font-size:12.5px;font-weight:400;color:var(--mk-muted);text-decoration:line-through;text-decoration-color:var(--mk-red);text-decoration-thickness:1.5px}
body.mk-rd .products .price del .amount,body.mk-rd .products .price del bdi,body.mk-rd .products .price del .woocommerce-Price-currencySymbol{color:var(--mk-muted);font-size:inherit;font-weight:400;text-decoration:none}
body.mk-rd .products .price ins .amount,body.mk-rd .products .price ins bdi{color:var(--mk-red)}
/* Cards are narrow: new price + pill on the first line, the struck old price under them (the theme forces display:block on .price) */
body.mk-rd #page .products .price:has(del){display:flex!important;flex-wrap:wrap;align-items:center;gap:3px 8px}
body.mk-rd #page .products .price:has(del) ins{order:1}
body.mk-rd #page .products .price:has(del) .mk-rd-save{order:2}
body.mk-rd #page .products .price:has(del) del{order:3;flex:0 0 100%}
/* "-11%" pill after a sale price */
body.mk-rd .mk-rd-save{display:inline-flex;align-items:center;padding:3px 8px;border-radius:7px;background:#fdecee;color:var(--mk-red);font-size:11.5px;font-weight:700;line-height:1.2;white-space:nowrap}
body.mk-rd .products .product-group-button-meta{width:100%}
body.mk-rd .products .product-group-button-meta .loop-add-to-cart{width:100%;margin:0}
body.mk-rd #page #main .products .product-group-button-meta .loop-add-to-cart a.button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:40px;margin:10px 0 0;padding:0 10px;border:0;border-radius:11px;background:var(--mk-blue-50);color:var(--mk-blue);font-size:13px;font-weight:600;line-height:1;text-transform:none;letter-spacing:0;transition:background .15s,color .15s}
body.mk-rd #page #main .products .product-group-button-meta .loop-add-to-cart a.button:before{content:"+";font-size:19px;font-weight:500;line-height:1}
body.mk-rd #page #main .products .product-group-button-meta .loop-add-to-cart a.button:hover,
body.mk-rd #page #main .products .product-group-button-meta .loop-add-to-cart a.button.added,
body.mk-rd #page #main .products .product-group-button-meta .loop-add-to-cart a.button.loading{background:var(--mk-blue);color:#fff}
body.mk-rd #page #main .products .product-group-button-meta .loop-add-to-cart a.button .button-tooltip{position:static;display:inline;opacity:1;visibility:visible;transform:none;background:none;padding:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:none;box-shadow:none}
body.mk-rd .products .added_to_cart{display:block;margin-top:6px;text-align:center;font-size:12px;font-weight:600;color:var(--mk-blue)}
@media (min-width:1024px){
	body.mk-rd .products section.product .product-wrapper{padding:10px 10px 12px}
	body.mk-rd .products section.product .product-wrapper:hover{box-shadow:0 14px 30px rgba(14,27,44,.12);transform:translateY(-3px)}
	body.mk-rd .products .product-name{min-height:calc(14.5px * 1.38 * 3)!important}
	body.mk-rd .products .product-name a{font-size:14.5px}
	body.mk-rd .mk-rd-stock{font-size:12px}
	body.mk-rd .products .price{font-size:18px}
}

/* ---------- 8. category / shop pages ------------------------------------------------------
 * The theme prints the page title and breadcrumb only when the Shop page's
 * `ts_show_page_title` / `ts_show_breadcrumb` meta are on (they were off, so category pages
 * had no heading at all) — those are switched on, and the band is restyled here.
 * Best sellers moves under the product grid so the products start in the first screen. */
body.mk-rd .breadcrumb-title-wrapper{background:transparent;border:0;padding:12px 0 0}
body.mk-rd .breadcrumb-title-wrapper .breadcrumb-content{padding-top:0;padding-bottom:0}
body.mk-rd .breadcrumb-title-wrapper .breadcrumb-title{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:4px}
body.mk-rd .breadcrumb-title-wrapper .page-title,
body.mk-rd .breadcrumb-title-wrapper .heading-title{margin:0;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.4px;color:var(--mk-ink)}
body.mk-rd .breadcrumb-title-wrapper .breadcrumbs,
body.mk-rd .breadcrumb-title-wrapper .breadcrumbs a,
body.mk-rd .breadcrumb-title-wrapper .breadcrumbs span{font-size:12.5px;color:var(--mk-muted)}
body.mk-rd .breadcrumb-title-wrapper .breadcrumbs a{color:var(--mk-blue)}
body.mk-rd.archive.woocommerce #primary,
body.mk-rd.search.woocommerce #primary{display:flex;flex-direction:column}
body.mk-rd.archive.woocommerce #primary > .after-loop-wrapper{order:10}
body.mk-rd.archive.woocommerce #primary > .category-best-selling{order:20;margin-top:40px}
body.mk-rd .category-best-selling .shortcode-title{font-size:20px;font-weight:700;letter-spacing:-.2px;text-transform:none;color:var(--mk-ink)}
@media (min-width:1024px){
	body.mk-rd .breadcrumb-title-wrapper{padding-top:18px}
	body.mk-rd .breadcrumb-title-wrapper .page-title,
	body.mk-rd .breadcrumb-title-wrapper .heading-title{font-size:32px}
}

/* Desktop: the theme hides the meta-row Add-to-cart (hover icons only); keep it visible like on phones.
   !important: the theme hides it with a media-query rule of equal weight that prints later. */
body.mk-rd .products .product-group-button-meta{display:block!important}
/* page title: normal case (the theme upper-cases it) and less air under the band */
body.mk-rd .breadcrumb-title-wrapper{margin-bottom:12px}
body.mk-rd .breadcrumb-title-wrapper .page-title,
body.mk-rd .breadcrumb-title-wrapper .heading-title{text-transform:none}

/* Add-to-cart centring: the theme gives .meta-wrapper a -10px right margin, .product-group-button-meta -8/-9px
   side margins and .loop-add-to-cart 8/9px side padding, which together pushed the button off-centre.
   Reset all three so the button sits centred at the bottom of the card on every width. */
body.mk-rd #page #main .products section.product .meta-wrapper{margin-left:0;margin-right:0;padding-left:4px;padding-right:4px}
body.mk-rd #page #main .products .product-group-button-meta{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
body.mk-rd #page #main .products .product-group-button-meta .loop-add-to-cart{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
body.mk-rd #page #main .products section.product .meta-wrapper{width:100%;max-width:100%;box-sizing:border-box}
body.mk-rd #page #main .products .product-group-button-meta,
body.mk-rd #page #main .products .product-group-button-meta .loop-add-to-cart{width:100%;max-width:100%;box-sizing:border-box}

/* ---------- 9. product page --------------------------------------------------------------
 * Phone goal: title, price, stock and the Add-to-cart button all inside the first screen
 * (the price used to sit ~900px down, under a tall photo and a paragraph). The summary is a
 * flex column so the order can be set here without touching the theme's hooks. Selectors lead
 * with `#page` because the theme styles these buttons through #page-scoped rules. */
body.mk-rd.single-product .woocommerce-product-gallery{background:#fff;border:1px solid var(--mk-line);border-radius:20px;padding:12px;box-sizing:border-box}
body.mk-rd.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img{display:block;width:auto;max-width:100%;max-height:300px;margin:0 auto;object-fit:contain}
body.mk-rd.single-product #page .summary.entry-summary{display:flex;flex-direction:column}
body.mk-rd.single-product #page .summary .product_title{order:1;margin:14px 0 0;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.3px;color:var(--mk-ink);text-transform:none}
body.mk-rd.single-product #page .summary .mk-rd-pdp-stock{order:2}
body.mk-rd.single-product #page .summary p.price,body.mk-rd.single-product #page .summary .price,body.mk-rd.single-product #page .summary .ts-variation-price{order:3}
body.mk-rd.single-product #page .summary form.cart{order:4}
body.mk-rd.single-product #page .summary .ts-buy-now-button{order:5}
body.mk-rd.single-product #page .summary .mk-rd-assure{order:6}
body.mk-rd.single-product #page .summary .woocommerce-product-details__short-description{order:7}
body.mk-rd.single-product #page .summary .meta-content{order:8}
body.mk-rd.single-product #page .summary .ts-social-sharing{order:9}
/* stock chip + SKU */
body.mk-rd .mk-rd-pdp-stock{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:10px}
body.mk-rd .mk-rd-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.3}
body.mk-rd .mk-rd-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
body.mk-rd .mk-rd-chip--in{background:#e5f6ec;color:var(--mk-green)}
body.mk-rd .mk-rd-chip--out{background:#fdeaea;color:#c0392b}
body.mk-rd .mk-rd-chip--back{background:#fff3df;color:#b26a00}
body.mk-rd .mk-rd-sku{font-size:12.5px;color:var(--mk-muted)}
body.mk-rd .mk-rd-sku b{color:var(--mk-ink);font-weight:600}
/* the original availability + SKU lines are replaced by the chip row (simple products only) */
body.mk-rd.single-product .summary:has(.mk-rd-pdp-stock) .meta-content .availability,
body.mk-rd.single-product .summary:has(.mk-rd-pdp-stock) .meta-content .sku-wrapper{display:none}
/* price */
body.mk-rd.single-product #page .summary .price{margin:12px 0 0;font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.8px;color:var(--mk-ink)}
body.mk-rd.single-product #page .summary .price .amount,body.mk-rd.single-product #page .summary .price bdi,body.mk-rd.single-product #page .summary .price ins{color:var(--mk-ink);background:none;text-decoration:none}
body.mk-rd.single-product #page .summary .price .woocommerce-Price-currencySymbol{margin-left:4px;font-size:15px;font-weight:500;color:var(--mk-muted)}
/* Sale: old price small, grey and struck through in red (the theme sets text-decoration:none on <del>, hence the
   explicit line); new price large and red; a "-11%" pill closes the row (printed by mk_rd_save_pill()). */
body.mk-rd.single-product #page .summary .price:has(del){display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
body.mk-rd.single-product #page .summary .price del{order:1;margin:0;font-size:19px;font-weight:400;color:var(--mk-muted);text-decoration:line-through;text-decoration-color:var(--mk-red);text-decoration-thickness:2px}
body.mk-rd.single-product #page .summary .price del .amount,body.mk-rd.single-product #page .summary .price del bdi,body.mk-rd.single-product #page .summary .price del .woocommerce-Price-currencySymbol{color:var(--mk-muted);font-size:inherit;font-weight:400;text-decoration:none}
body.mk-rd.single-product #page .summary .price ins{order:2}
body.mk-rd.single-product #page .summary .price ins .amount,body.mk-rd.single-product #page .summary .price ins bdi{color:var(--mk-red)}
body.mk-rd.single-product #page .summary .price .mk-rd-save{order:3;font-size:14px;letter-spacing:0}
/* quantity + Add to cart on one row */
body.mk-rd.single-product #page .summary form.cart:not(.variations_form){display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:16px 0 0;padding:0;border:0}
body.mk-rd.single-product #page .summary form.cart .clear,body.mk-rd.single-product #page .summary form.cart .gift-certificates{display:none}
body.mk-rd.single-product #page .summary form.cart .quantity{flex:none;margin:0}
body.mk-rd.single-product #page .summary form.cart .quantity .number-button{display:flex;align-items:center;height:50px;border:1.5px solid var(--mk-line);border-radius:12px;background:#fff;overflow:hidden}
body.mk-rd.single-product #page .summary form.cart .quantity .minus,body.mk-rd.single-product #page .summary form.cart .quantity .plus{width:42px;height:100%;border:0;background:none;font-size:20px;color:var(--mk-ink)}
body.mk-rd.single-product #page .summary form.cart .quantity .qty{width:38px;height:100%;padding:0;border:0;background:none;text-align:center;font-size:16px;font-weight:600;color:var(--mk-ink)}
body.mk-rd.single-product #page .summary form.cart .single_add_to_cart_button{flex:1;min-width:150px;height:50px;margin:0;border:0;border-radius:12px;background:var(--mk-blue);color:#fff;font-size:16px;font-weight:600;text-transform:none;letter-spacing:0}
body.mk-rd.single-product #page .summary form.cart .single_add_to_cart_button:hover{background:var(--mk-blue-700)}
body.mk-rd.single-product #page .summary a.ts-buy-now-button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin:10px 0 0;padding:0 18px;border:1.5px solid var(--mk-blue);border-radius:12px;background:#fff;color:var(--mk-blue);font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;box-sizing:border-box}
body.mk-rd.single-product #page .summary a.ts-buy-now-button:hover{background:var(--mk-blue);color:#fff}
/* reassurance block */
body.mk-rd .mk-rd-assure{margin-top:16px;border:1px solid var(--mk-line);border-radius:16px;background:#fff;overflow:hidden}
body.mk-rd .mk-rd-assure > *{display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--mk-ink);font-size:13px;line-height:1.35;text-decoration:none}
body.mk-rd .mk-rd-assure > * + *{border-top:1px solid var(--mk-line)}
body.mk-rd .mk-rd-assure .mk-rd-i{width:22px;height:22px;color:var(--mk-blue)}
body.mk-rd .mk-rd-assure b{display:block;font-weight:600}
body.mk-rd .mk-rd-assure small{display:block;font-size:12px;color:var(--mk-muted)}
body.mk-rd .mk-rd-assure a:hover b{color:var(--mk-blue)}
/* description, meta, share */
body.mk-rd.single-product #page .summary .woocommerce-product-details__short-description{margin-top:18px;font-size:14.5px;line-height:1.6;color:var(--mk-text)}
body.mk-rd.single-product #page .summary .meta-content{margin-top:14px;font-size:13px;color:var(--mk-muted)}
body.mk-rd.single-product #page .summary .meta-content a{color:var(--mk-blue)}
body.mk-rd.single-product #page .summary .tags-link .tag-links a{display:inline-block;margin:2px 4px 2px 0;padding:3px 10px;border-radius:999px;background:var(--mk-blue-50);color:var(--mk-blue);font-size:12px}
body.mk-rd.single-product #page .summary .ts-social-sharing{margin-top:14px;font-size:13px;color:var(--mk-muted)}
/* tabs */
body.mk-rd.single-product .woocommerce-tabs{margin-top:28px}
body.mk-rd.single-product .woocommerce-tabs ul.tabs li a{font-size:15px;font-weight:600;text-transform:none;color:var(--mk-ink)}
body.mk-rd.single-product .woocommerce-tabs .panel{font-size:14.5px;line-height:1.7;color:var(--mk-text)}
body.mk-rd.single-product .woocommerce-tabs .panel img{max-width:100%;height:auto}
/* related / upsells */
body.mk-rd.single-product .related-upsells-products-wrapper{margin-top:36px}
body.mk-rd.single-product .related-upsells-products-wrapper .products > h2,
body.mk-rd.single-product .related-upsells-products-wrapper h2{font-size:20px;font-weight:700;letter-spacing:-.2px;text-transform:none;text-align:left;color:var(--mk-ink)}
@media (min-width:768px){
	body.mk-rd.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img{max-height:460px}
	body.mk-rd.single-product #page .summary .product_title{margin-top:0;font-size:30px}
	body.mk-rd.single-product #page .summary form.cart .single_add_to_cart_button{min-width:220px}
	body.mk-rd.single-product #page .summary a.ts-buy-now-button{width:auto;min-width:160px}
}

/* ---------- 9b. sticky add-to-cart bar (#fixed-cta, printed by woocommerce/single-product.php) ----------
 * The legacy bar was ~110px tall, sat on top of the mobile bottom bar and appeared after a third of
 * a screen of scrolling. Now it slides in only once the main button is out of sight (single-product-script.js
 * toggles .is-on), is compact, and sits above the bottom bar on phones. The qty stepper is hidden in it. */
body.mk-rd.single-product #fixed-cta{padding:10px 14px;gap:12px;box-shadow:0 -6px 20px rgba(14,27,44,.10);border-top:1px solid var(--mk-line);transform:translateY(130%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .2s ease;z-index:98}
body.mk-rd.single-product #fixed-cta.is-on{transform:none;opacity:1;pointer-events:auto}
body.mk-rd.single-product #fixed-cta > div{flex:1 1 auto;max-width:none}
body.mk-rd.single-product #fixed-cta .cta-info{display:flex;align-items:center;justify-content:flex-end;gap:14px}
body.mk-rd.single-product #fixed-cta .product-thumb img{width:46px;height:46px;border-radius:10px}
body.mk-rd.single-product #fixed-cta .product-thumb h5{margin:0;font-size:14px;font-weight:600;line-height:1.3;color:var(--mk-ink);text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.mk-rd.single-product #fixed-cta .product-price{font-size:19px;font-weight:700;color:var(--mk-ink);white-space:nowrap}
body.mk-rd.single-product #fixed-cta .product-price .amount,body.mk-rd.single-product #fixed-cta .product-price bdi{color:var(--mk-ink)}
body.mk-rd.single-product #fixed-cta .product-action .quantity,body.mk-rd.single-product #fixed-cta .product-action .clear{display:none}
body.mk-rd.single-product #fixed-cta .product-action form{margin:0;display:block}
body.mk-rd.single-product #fixed-cta .product-action .button{height:46px;min-width:150px;padding:0 22px;margin:0;border-radius:12px;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0}
@media (max-width:767px){
	body.mk-rd.single-product #fixed-cta{bottom:calc(55px + env(safe-area-inset-bottom))}
	body.mk-rd.single-product #fixed-cta .cta-product{display:none}
	body.mk-rd.single-product #fixed-cta .cta-info{width:100%;justify-content:space-between}
	body.mk-rd.single-product #fixed-cta .product-action{flex:1;max-width:210px}
	body.mk-rd.single-product #fixed-cta .product-action .button{width:100%}
}

/* product page: keep the floating WhatsApp / back-to-top buttons off the sticky bar and the button label unclipped */
body.mk-rd.single-product #page .summary form.cart .quantity .minus,body.mk-rd.single-product #page .summary form.cart .quantity .plus{width:36px}
body.mk-rd.single-product #page .summary form.cart .quantity .qty{width:34px}
@media (max-width:767px){
	body.mk-rd.single-product .wa__btn_popup{bottom:134px!important}
	body.mk-rd.single-product .wa__popup_chat_box{bottom:200px!important}
	body.mk-rd.single-product #page .summary form.cart .single_add_to_cart_button{min-width:0;padding:0 12px;white-space:nowrap}
}
@media (min-width:768px){
	body.mk-rd.single-product #fixed-cta{padding-right:96px}
}

/* The Additional CSS hides #fixed-cta on phones with `display:none !important` (and stacks it in a column).
   The redesign wants it on phones, shown only once the main button is out of sight (opacity/transform
   handle hidden vs shown, so without JavaScript it simply never appears). !important to beat that rule. */
body.mk-rd.single-product #fixed-cta{display:flex!important;flex-direction:row;align-items:center}

/* back-to-top: on phone product pages it moves to the left so it does not sit on the sticky bar's button */
@media (max-width:767px){
	body.mk-rd.single-product #to-top{left:12px;right:auto;bottom:134px}
}

/* Variable products: the theme slides "Buy Now" beside its button with margin-top:-40px + translateX(...) at several
   breakpoints. The redesign stacks it under the cart row like every other product, so those offsets are cancelled
   (!important: the theme repeats them in 4 media queries). */
body.mk-rd.single-product #page .summary .ts-buy-now-button{transform:none!important;margin:10px 0 0!important;position:static!important;float:none!important;clear:both}
body.mk-rd.single-product #page .summary .variations_form .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:14px}
body.mk-rd.single-product #page .summary .variations_form .single_variation_wrap{margin:0}

/* Price-per-quantity table (WPC Price by Quantity). The plugin prints it inside the same flex row as the quantity box and
   Add-to-cart, and its cells are width:0, so without an explicit width the table collapsed to 20px. Full-width row above the
   quantity row instead, styled as a card; the active tier follows the brand blue. */
body.mk-rd{--wpcpq-active:var(--mk-blue)}
body.mk-rd.single-product #page .summary .wpcpq-wrap{flex:0 0 100%;width:100%;order:-1;margin:0 0 6px}
/* empty marker span before the quantity box: as a flex item it added a 10px gap on the left of the row */
body.mk-rd.single-product #page .summary .wpcpq-id:empty{display:none}
body.mk-rd.single-product #page .summary .wpcpq-table{border:1px solid var(--mk-line);border-radius:12px;overflow:hidden;background:#fff;font-size:14px;color:var(--mk-text)}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-row{padding:10px 14px;border-bottom:1px solid var(--mk-line)}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-row:last-child{border-bottom:0}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-row > div{min-width:0}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-head{padding:8px 14px;background:var(--mk-bg);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--mk-muted)}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-row-price,body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item-price{text-align:right}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item-qty{font-weight:500;color:var(--mk-ink)}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item-price{font-weight:700;color:var(--mk-ink)}
body.mk-rd.single-product #page .summary .wpcpq-table .woocommerce-Price-currencySymbol{margin-left:3px;font-size:11px;font-weight:500;color:var(--mk-muted)}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item{transition:background .15s}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item:hover{background:var(--mk-blue-50)}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item-active{background:var(--mk-blue-50);box-shadow:inset 3px 0 0 var(--mk-blue)}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item-active .wpcpq-item-qty,body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item-active .wpcpq-item-price{color:var(--mk-blue-900)}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-foot{background:var(--mk-bg);font-size:13px}
body.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-summary-total{text-align:right;font-weight:700;color:var(--mk-ink)}

/* ---------- 10. cart & checkout ----------------------------------------------------------
 * Same structure as the theme's (a step bar, item cards, a totals box, the billing form, the
 * order review and Cash-on-delivery block) with cleaner cards, 16px inputs (no zoom-on-focus on
 * iPhones), and one clear primary button per page. Scoped to the cart and checkout pages so the
 * shared selectors (form fields, buttons) cannot leak into the rest of the site. */
body.mk-rd.woocommerce-cart #page,body.mk-rd.woocommerce-checkout #page{--mk-card-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.06)}
/* step bar */
body.mk-rd .ts-cart-checkout-process-bar{margin:6px 0 22px}
body.mk-rd .ts-cart-checkout-process-bar h6{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--mk-ink)}
body.mk-rd .ts-cart-checkout-process-bar .sub-title,body.mk-rd .ts-cart-checkout-process-bar span:not(.step-number){color:var(--mk-muted)}
/* cart items */
body.mk-rd.woocommerce-cart .woocommerce-cart-form table.shop_table{border:0;border-radius:0;background:transparent}
body.mk-rd.woocommerce-cart .woocommerce-cart-form table.cart td{vertical-align:middle}
body.mk-rd.woocommerce-cart .woocommerce-cart-form .product-thumbnail img{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid var(--mk-line);border-radius:12px;padding:4px}
body.mk-rd.woocommerce-cart .woocommerce-cart-form .product-name a{font-weight:500;color:var(--mk-ink)}
body.mk-rd.woocommerce-cart .woocommerce-cart-form .product-subtotal,body.mk-rd.woocommerce-cart .woocommerce-cart-form .product-price{color:var(--mk-ink)}
body.mk-rd.woocommerce-cart .woocommerce-cart-form .quantity .number-button{display:inline-flex;align-items:center;height:42px;border:1.5px solid var(--mk-line);border-radius:10px;background:#fff;overflow:hidden}
body.mk-rd.woocommerce-cart .woocommerce-cart-form .quantity .minus,body.mk-rd.woocommerce-cart .woocommerce-cart-form .quantity .plus{width:36px;height:100%;border:0;background:none;color:var(--mk-ink)}
body.mk-rd.woocommerce-cart .woocommerce-cart-form .quantity .qty{width:34px;height:100%;border:0;background:none;padding:0;text-align:center;font-weight:600}
@media (max-width:767px){
	body.mk-rd.woocommerce-cart .woocommerce-cart-form table.cart tr.cart_item{display:block;position:relative;margin:0 0 12px;background:#fff;border:1px solid var(--mk-line);border-radius:16px;box-shadow:var(--mk-card-shadow);overflow:hidden}
	body.mk-rd.woocommerce-cart .woocommerce-cart-form table.shop_table{border:0}
}
/* coupon + cart actions */
body.mk-rd.woocommerce-cart .coupon input#coupon_code,body.mk-rd.woocommerce-cart .coupon .input-text{height:46px;border:1.5px solid var(--mk-line);border-radius:12px;padding:0 14px;background:#fff;font-size:16px}
body.mk-rd.woocommerce-cart .actions button.button,body.mk-rd.woocommerce-cart .actions a.button,body.mk-rd.woocommerce-cart .coupon .button{height:46px;border-radius:12px;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0}
/* totals box */
body.mk-rd.woocommerce-cart .cart-collaterals .cart_totals{background:#fff;border:1px solid var(--mk-line);border-radius:18px;box-shadow:var(--mk-card-shadow);padding:18px}
body.mk-rd.woocommerce-cart .cart_totals h2{font-size:17px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--mk-ink);margin-bottom:10px}
body.mk-rd.woocommerce-cart .cart_totals table th{font-weight:500;text-transform:none;color:var(--mk-text)}
body.mk-rd.woocommerce-cart .cart_totals .order-total th,body.mk-rd.woocommerce-cart .cart_totals .order-total td{font-size:18px;font-weight:700;color:var(--mk-ink)}
body.mk-rd.woocommerce-cart .wc-proceed-to-checkout .checkout-button{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin:12px 0 0;border:0;border-radius:12px;background:var(--mk-blue);color:#fff;font-size:16px;font-weight:600;text-transform:none;letter-spacing:0}
body.mk-rd.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{background:var(--mk-blue-700)}
/* checkout form */
body.mk-rd.woocommerce-checkout h3,body.mk-rd.woocommerce-checkout #order_review_heading{font-size:18px;font-weight:700;text-transform:none;letter-spacing:-.2px;color:var(--mk-ink)}
body.mk-rd.woocommerce-checkout .woocommerce-billing-fields,
body.mk-rd.woocommerce-checkout .woocommerce-shipping-fields,
body.mk-rd.woocommerce-checkout .woocommerce-additional-fields{background:#fff;border:1px solid var(--mk-line);border-radius:18px;box-shadow:var(--mk-card-shadow);padding:18px;margin-bottom:14px}
body.mk-rd.woocommerce-checkout form .form-row label{font-size:12.5px;font-weight:500;color:var(--mk-muted);text-transform:none;letter-spacing:0}
body.mk-rd.woocommerce-checkout form .form-row input.input-text,
body.mk-rd.woocommerce-checkout form .form-row textarea,
body.mk-rd.woocommerce-checkout form .form-row select,
body.mk-rd.woocommerce-checkout .select2-container .select2-selection--single{height:50px;border:1.5px solid var(--mk-line);border-radius:12px;padding:0 14px;background:var(--mk-bg);font-size:16px;color:var(--mk-ink);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
body.mk-rd.woocommerce-checkout form .form-row textarea{height:96px;padding:12px 14px}
body.mk-rd.woocommerce-checkout form .form-row input.input-text:focus,
body.mk-rd.woocommerce-checkout form .form-row textarea:focus,
body.mk-rd.woocommerce-checkout form .form-row select:focus{border-color:var(--mk-blue);background:#fff;box-shadow:0 0 0 4px var(--mk-blue-100);outline:0}
/* order review + payment */
body.mk-rd.woocommerce-checkout #order_review{background:#fff;border:1px solid var(--mk-line);border-radius:18px;box-shadow:var(--mk-card-shadow);padding:18px}
body.mk-rd.woocommerce-checkout #order_review table.shop_table{border:0}
body.mk-rd.woocommerce-checkout #order_review th{font-weight:500;text-transform:none;color:var(--mk-text)}
body.mk-rd.woocommerce-checkout #order_review .order-total th,body.mk-rd.woocommerce-checkout #order_review .order-total td{font-size:18px;font-weight:700;color:var(--mk-ink)}
body.mk-rd.woocommerce-checkout #payment{background:transparent;border:0;padding:0}
body.mk-rd.woocommerce-checkout #payment ul.payment_methods{padding:0;margin:14px 0;border:0}
body.mk-rd.woocommerce-checkout #payment ul.payment_methods > li{padding:14px;border:2px solid var(--mk-blue);background:var(--mk-blue-50);border-radius:14px;list-style:none}
body.mk-rd.woocommerce-checkout #payment ul.payment_methods > li label{font-size:15px;font-weight:600;color:var(--mk-ink)}
body.mk-rd.woocommerce-checkout #payment div.payment_box{background:none;color:var(--mk-text);padding:6px 0 0}
body.mk-rd.woocommerce-checkout #payment div.payment_box:before{display:none}
body.mk-rd.woocommerce-checkout #place_order{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border:0;border-radius:12px;background:var(--mk-blue);color:#fff;font-size:16px;font-weight:600;text-transform:none;letter-spacing:0}
body.mk-rd.woocommerce-checkout #place_order:hover{background:var(--mk-blue-700)}
body.mk-rd.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{font-size:13px;line-height:1.5;color:var(--mk-text);margin:10px 0 14px}
body.mk-rd.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a{color:var(--mk-blue)}
@media (max-width:767px){
	body.mk-rd.woocommerce-cart .wa__btn_popup,body.mk-rd.woocommerce-checkout .wa__btn_popup{bottom:84px!important}
}

/* cart/checkout glitches found in review */
body.mk-rd.woocommerce-cart .woocommerce-cart-form .product-thumbnail img{width:72px;max-width:none;height:72px}
body.mk-rd.woocommerce-cart .woocommerce-cart-form .product-thumbnail{width:auto}
body.mk-rd.woocommerce-checkout form .form-row select.country_to_state{width:100%}
body.mk-rd.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{background:transparent;line-height:47px;padding:0 14px;color:var(--mk-ink)}
body.mk-rd.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height:47px}
body.mk-rd.woocommerce-checkout .select2-container{width:100%!important}

/* cart item (phones): the thumbnail cell was 64px wide with 20px padding, so the 72px image overflowed into the title.
   Give it room for the image and centre the title beside it. */
@media (max-width:767px){
	body.mk-rd.woocommerce-cart .woocommerce-cart-form tr.cart_item .product-thumbnail{box-sizing:border-box;width:104px;padding:16px 12px 16px 16px}
	body.mk-rd.woocommerce-cart .woocommerce-cart-form tr.cart_item .product-name{box-sizing:border-box;width:calc(100% - 104px);padding:16px 40px 16px 0;align-items:center;min-height:104px}
}

/* real WhatsApp logo is a filled glyph, not a stroked outline */
body.mk-rd .mk-rd-i--fill{fill:currentColor;stroke:none}

/* ---------- 11. homepage (template-parts/home-redesign.php) ---------------------------------
 * Printed only on the front page while the redesign is on. The wrapper breaks out of the theme's
 * content column (like the old .mk-section-bleed sections did) and re-centres its content at 1320px. */
body.mk-rd .mk-rd-home{width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box;padding:0 max(12px,calc((100vw - 1320px)/2));overflow:hidden}
@media (min-width:768px){body.mk-rd .mk-rd-home{padding:0 max(32px,calc((100vw - 1320px)/2))}}
body.mk-rd .mk-rd-home a{text-decoration:none}
body.mk-rd .mk-rd-ci{display:block;width:100%;height:100%}
/* category chips (phones) */
body.mk-rd .mk-rd-chips{display:flex;gap:6px;overflow-x:auto;padding:14px 0 4px;scrollbar-width:none;scroll-snap-type:x proximity}
body.mk-rd .mk-rd-chips::-webkit-scrollbar{display:none}
body.mk-rd .mk-rd-chip-cat{flex:0 0 78px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11.5px;font-weight:500;line-height:1.2;text-align:center;color:var(--mk-ink);scroll-snap-align:start}
body.mk-rd .mk-rd-chip-ic{display:block;width:58px;height:58px;filter:drop-shadow(0 6px 10px rgba(14,27,44,.18))}
/* hero */
body.mk-rd .mk-rd-hero{position:relative;overflow:hidden;margin-top:12px;border-radius:24px;background:linear-gradient(140deg,#073f78 0%,#0073cf 58%,#2b95e6 100%);color:#fff;padding:22px 16px 0}
body.mk-rd .mk-rd-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23fff' stroke-opacity='.10' stroke-width='1.5'%3E%3Cpath d='M0 40h46l14 14h60M0 120h38l16-16h44l14 14h48M80 0v30l14 14M120 160v-22l16-16h24M40 160v-16'/%3E%3Ccircle cx='60' cy='54' r='4'/%3E%3Ccircle cx='120' cy='54' r='4'/%3E%3Ccircle cx='98' cy='104' r='4'/%3E%3Ccircle cx='160' cy='122' r='4'/%3E%3Ccircle cx='94' cy='44' r='4'/%3E%3Crect x='28' y='84' width='14' height='9' rx='2'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.4) 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.4) 70%,transparent 100%)}
body.mk-rd .mk-rd-hero > *{position:relative}
body.mk-rd .mk-rd-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:500}
body.mk-rd .mk-rd-eyebrow i{width:7px;height:7px;border-radius:50%;background:#7dffa5;box-shadow:0 0 0 3px rgba(125,255,165,.25)}
body.mk-rd .mk-rd-hero h1{margin:12px 0 8px;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.5px;color:#fff;text-transform:none}
body.mk-rd .mk-rd-hero p{max-width:36ch;margin:0;font-size:14.5px;line-height:1.5;color:#d8ebfc}
body.mk-rd .mk-rd-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
body.mk-rd .mk-rd-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border-radius:12px;font-size:15px;font-weight:600;transition:transform .08s,background .15s}
body.mk-rd .mk-rd-btn:active{transform:scale(.97)}
body.mk-rd .mk-rd-btn--white{background:#fff;color:var(--mk-blue-900)}
body.mk-rd .mk-rd-btn--ghost{background:rgba(255,255,255,.16);color:#fff}
body.mk-rd .mk-rd-btn--dark{height:42px;background:#2b1d00;color:#ffe48a}
body.mk-rd .mk-rd-hero-art{margin:18px -16px 0}
body.mk-rd .mk-rd-qtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px}
body.mk-rd .mk-rd-qt{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 9px;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 8px 18px rgba(0,25,60,.22);color:var(--mk-ink);font-size:11.5px;font-weight:600;line-height:1.15;text-align:center;transition:transform .15s}
body.mk-rd .mk-rd-qt:hover{transform:translateY(-3px)}
body.mk-rd .mk-rd-qt-i{width:48px;height:48px;display:block}
body.mk-rd .mk-rd-qt small{font-size:10.5px;font-weight:400;color:var(--mk-muted)}
body.mk-rd .mk-rd-scene{display:block;width:100%;height:auto;margin-top:6px}
body.mk-rd .mk-rd-scooter{animation:mk-rd-ride 5s ease-in-out infinite}
body.mk-rd .mk-rd-pulse{transform-box:fill-box;transform-origin:center;animation:mk-rd-pulse 2.4s ease-out infinite}
@keyframes mk-rd-ride{0%,100%{transform:translateX(-6px)}50%{transform:translateX(8px)}}
@keyframes mk-rd-pulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(2.4);opacity:0}}
@media (prefers-reduced-motion:reduce){body.mk-rd .mk-rd-scooter,body.mk-rd .mk-rd-pulse{animation:none}}
/* trust strip */
body.mk-rd .mk-rd-trust{display:flex;gap:8px;overflow-x:auto;padding:14px 0 0;scrollbar-width:none}
body.mk-rd .mk-rd-trust::-webkit-scrollbar{display:none}
body.mk-rd .mk-rd-trust > div{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--mk-line);border-radius:14px;background:#fff;color:var(--mk-ink);font-size:12.5px;font-weight:500;line-height:1.25}
body.mk-rd .mk-rd-trust small{display:block;font-size:11.5px;font-weight:400;color:var(--mk-muted)}
/* section headings */
body.mk-rd .mk-rd-sec{margin-top:30px}
body.mk-rd .mk-rd-sec-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
body.mk-rd .mk-rd-sec-h h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.2px;text-transform:none;color:var(--mk-ink)}
body.mk-rd .mk-rd-sec-h a{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:500;color:var(--mk-blue)}
body.mk-rd .mk-rd-sec-h .mk-rd-i{width:16px;height:16px}
/* category tiles */
body.mk-rd .mk-rd-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
body.mk-rd .mk-rd-tile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 10px 18px;border:1px solid var(--mk-line);border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.06);text-align:center;transition:transform .15s,box-shadow .15s}
body.mk-rd .mk-rd-tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(14,27,44,.12)}
body.mk-rd .mk-rd-tile-ic{display:block;width:76px;height:76px;filter:drop-shadow(0 8px 12px rgba(14,27,44,.2))}
body.mk-rd .mk-rd-tile b{font-size:15px;font-weight:600;line-height:1.25;color:var(--mk-ink)}
body.mk-rd .mk-rd-tile-n{margin-top:-6px;font-size:12.5px;color:var(--mk-muted)}
/* SMD promo */
body.mk-rd .mk-rd-promo{position:relative;overflow:hidden;display:flex;flex-direction:column;margin-top:30px;padding:22px 20px 8px;border-radius:22px;background:linear-gradient(120deg,#ffd84a,#ffb300);color:#3a2a00}
body.mk-rd .mk-rd-promo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.45),transparent 45%);pointer-events:none}
body.mk-rd .mk-rd-promo > *{position:relative}
body.mk-rd .mk-rd-promo h3{margin:0;font-size:24px;line-height:1.12;font-weight:700;letter-spacing:-.4px;text-transform:none;color:#2b1d00}
body.mk-rd .mk-rd-promo p{max-width:32ch;margin:6px 0 14px;font-size:13.5px;color:#3a2a00}
body.mk-rd .mk-rd-smd{display:block;width:100%;max-width:420px;height:auto;margin:6px auto 0}
/* top brands */
body.mk-rd .mk-rd-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.mk-rd .mk-rd-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:98px;padding:8px;border:1px solid var(--mk-line);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.06);transition:transform .15s,border-color .15s,box-shadow .15s}
body.mk-rd .mk-rd-brand img{width:auto;max-width:80%;height:auto;max-height:44px;object-fit:contain}
body.mk-rd .mk-rd-brand span{display:none;font-size:12.5px;font-weight:600;color:var(--mk-blue)}
body.mk-rd a.mk-rd-brand:hover{transform:translateY(-4px);border-color:var(--mk-blue);box-shadow:0 14px 30px rgba(0,115,207,.16)}
/* product rows on the home: titles in section headings above, so hide the plugin's own heading spacing */
body.mk-rd .mk-rd-home .ts-product-wrapper{margin:0}
body.mk-rd .mk-rd-home .shortcode-heading-wrapper:empty{display:none}
@media (min-width:768px){
	body.mk-rd .mk-rd-chip-cat{flex-basis:96px}
	body.mk-rd .mk-rd-tiles{grid-template-columns:repeat(4,1fr);gap:14px}
	body.mk-rd .mk-rd-brands{grid-template-columns:repeat(6,1fr);gap:14px}
	body.mk-rd .mk-rd-brand{height:124px;border-radius:22px;gap:10px}
	body.mk-rd .mk-rd-brand img{max-height:58px}
	body.mk-rd .mk-rd-brand span{display:block}
}
@media (min-width:1000px){
	body.mk-rd .mk-rd-chips{display:none}
	body.mk-rd .mk-rd-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:end;gap:20px;margin-top:22px;padding:0 0 0 48px;border-radius:28px}
	body.mk-rd .mk-rd-hero-copy{align-self:center;padding:48px 0 52px}
	body.mk-rd .mk-rd-hero h1{margin-top:16px;font-size:46px}
	body.mk-rd .mk-rd-hero p{max-width:42ch;font-size:17px}
	body.mk-rd .mk-rd-hero-art{margin:0;padding-top:36px}
	body.mk-rd .mk-rd-qtiles{gap:12px;padding:0 36px 0 0}
	body.mk-rd .mk-rd-qt{padding:14px 6px 12px;border-radius:20px;font-size:13px}
	body.mk-rd .mk-rd-qt-i{width:64px;height:64px}
	body.mk-rd .mk-rd-qt small{font-size:11.5px}
	body.mk-rd .mk-rd-scene{margin-top:10px}
	body.mk-rd .mk-rd-trust{justify-content:space-between}
	body.mk-rd .mk-rd-trust > div{flex:1}
	body.mk-rd .mk-rd-sec{margin-top:44px}
	body.mk-rd .mk-rd-sec-h h2{font-size:24px}
	body.mk-rd .mk-rd-promo{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding:32px 48px 20px;border-radius:28px}
	body.mk-rd .mk-rd-promo h3{font-size:38px}
	body.mk-rd .mk-rd-smd{max-width:500px;margin:0}
}

/* homepage refinements */
body.mk-rd.home #main .page-container{padding-top:0}
body.mk-rd .mk-rd-home .ts-product-wrapper .products section.product,
body.mk-rd .mk-rd-home .ts-product-wrapper .products .owl-item{border:0}
body.mk-rd .mk-rd-home .ts-product-wrapper .products section.product{padding:6px}
/* featured-products tabs: pills instead of the old square buttons */
body.mk-rd .mk-rd-feat .column-tabs{margin-bottom:12px}
body.mk-rd .mk-rd-feat ul.tabs{display:flex;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
body.mk-rd .mk-rd-feat ul.tabs li.tab-item{flex:none;margin:0;padding:8px 16px;border:1px solid var(--mk-line);border-radius:999px;background:#fff;color:var(--mk-text);font-size:13px;font-weight:500;line-height:1.2;text-transform:none;cursor:pointer}
body.mk-rd .mk-rd-feat ul.tabs li.tab-item.current{border-color:var(--mk-ink);background:var(--mk-ink);color:#fff}

/* ---------- 12. header polish ----------------------------------------------------------------
 * Structure is the theme's (its sticky script and table layout are left alone); only the look changes:
 * a softer search field with a focus ring, rounded account/cart buttons and pill-shaped menu hover on
 * desktop; a taller search pill on phones. */
body.mk-rd .ts-header .aws-search-form{height:48px;border:1.5px solid var(--mk-line);border-radius:999px;background:var(--mk-bg);box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s}
body.mk-rd .ts-header .aws-search-form:focus-within{border-color:var(--mk-blue);background:#fff;box-shadow:0 0 0 4px var(--mk-blue-100)}
body.mk-rd .ts-header .aws-search-form .aws-search-field{height:45px;background:transparent;font-size:15px}
body.mk-rd .ts-header .aws-search-form .aws-search-btn{height:45px}
body.mk-rd .ts-header .aws-search-form .aws-search-field::placeholder{font-style:normal;color:#7b8798}
@media (min-width:768px){
	body.mk-rd .ts-header .shopping-cart-wrapper,body.mk-rd .ts-header .my-account-wrapper{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;border-radius:12px;background:var(--mk-bg);transition:background .15s}
	body.mk-rd .ts-header .shopping-cart-wrapper:hover,body.mk-rd .ts-header .my-account-wrapper:hover{background:var(--mk-blue-50)}
	body.mk-rd .ts-header .header-bottom nav ul > li > a{padding:8px 14px;border-radius:10px;font-weight:500;transition:background .15s,color .15s}
	body.mk-rd .ts-header .header-bottom nav ul > li > a:hover{background:var(--mk-blue-50);color:var(--mk-blue)}
	body.mk-rd .ts-header .header-bottom nav ul > li.current-menu-item > a,
	body.mk-rd .ts-header .header-bottom nav ul > li.current_page_item > a{background:var(--mk-blue-50);color:var(--mk-blue)}
}
@media (max-width:767px){
	body.mk-rd .ts-header .aws-search-form{height:46px}
	body.mk-rd .ts-header .aws-search-form .aws-search-field{height:43px}
}
@media (min-width:768px){
	body.mk-rd .ts-header .my-account-wrapper,body.mk-rd .ts-header .shopping-cart-wrapper{margin-left:8px}
}

/* ---------- 13. homepage: brand spotlight + shorter WhatsApp card on phones ---------- */
body.mk-rd .mk-rd-btn--blue{height:44px;gap:8px;background:var(--mk-blue);color:#fff}
body.mk-rd .mk-rd-btn--blue:hover{background:var(--mk-blue-700)}
body.mk-rd .mk-rd-btn .mk-rd-i{width:16px;height:16px}
body.mk-rd .mk-rd-spot{display:flex;flex-direction:column;gap:14px;margin-top:30px;padding:14px;border:1px solid var(--mk-line);border-radius:22px;background:linear-gradient(135deg,#eef6fd 0%,#fff 60%);box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.06)}
body.mk-rd .mk-rd-spot-side{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
body.mk-rd .mk-rd-spot-banner{display:block;width:100%;height:auto;border-radius:14px}
body.mk-rd .mk-rd-spot-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--mk-blue);color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px}
body.mk-rd .mk-rd-spot h3{margin:0;font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.3px;text-transform:none;color:var(--mk-ink)}
body.mk-rd .mk-rd-spot-products{min-width:0}
body.mk-rd .mk-rd-spot .ts-product-wrapper{margin:0}
@media (min-width:1000px){
	body.mk-rd .mk-rd-spot{flex-direction:row;align-items:stretch;gap:24px;margin-top:44px;padding:22px;border-radius:28px}
	body.mk-rd .mk-rd-spot-side{flex:0 0 330px;justify-content:center}
	body.mk-rd .mk-rd-spot-products{flex:1}
}
/* WhatsApp card (phones): the theme gives the text block flex:1 1 380px inside a column, which forces it 380px tall
   whatever its content. Size it to its content, and make the picture and padding smaller. */
@media (max-width:767px){
	body.mk-rd .mk-whatsapp-cta-inner{padding:18px 20px 24px;gap:0}
	body.mk-rd .mk-whatsapp-cta-text{flex:0 0 auto;max-width:none}
	body.mk-rd .mk-whatsapp-cta-image{flex:0 0 auto;max-width:200px;margin:0 0 4px}
	body.mk-rd .mk-whatsapp-cta-title{font-size:23px;margin-bottom:8px}
	body.mk-rd .mk-whatsapp-cta-desc{font-size:15px;line-height:1.5;margin-bottom:16px}
	body.mk-rd .mk-whatsapp-cta-btn{padding:12px 26px}
}
body.mk-rd .mk-rd-home .ts-product-wrapper .products,
body.mk-rd .mk-rd-home .ts-product-wrapper .content-wrapper,
body.mk-rd .mk-rd-home .ts-product-wrapper .owl-stage-outer{border:0;box-shadow:none}

/* ---------- 14. language switch + Arabic / right-to-left ---------------------------------------- */
body.mk-rd .mk-rd-ann{position:relative}
body.mk-rd .mk-rd-ann a.mk-rd-lang{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;align-items:center;gap:5px;height:24px;padding:0 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.2);color:#fff!important;font-size:12.5px;font-weight:600;line-height:1;text-decoration:none!important;white-space:nowrap;z-index:2}
body.mk-rd .mk-rd-ann a.mk-rd-lang:hover{background:rgba(255,255,255,.32)}
body.mk-rd .mk-rd-ann a.mk-rd-lang .mk-rd-i{width:14px;height:14px}
@media (max-width:767px){
	body.mk-rd .mk-rd-ann .mk-rd-ann-i{padding:0 82px 0 8px;font-size:12.5px}
}
body.rtl.mk-rd .mk-rd-ann a.mk-rd-lang{right:auto;left:10px}
@media (max-width:767px){
	body.rtl.mk-rd .mk-rd-ann .mk-rd-ann-i{padding:0 8px 0 82px}
}
/* Arabic: Rubik's Arabic glyphs, no letter-spacing (it breaks Arabic joining), numbers stay left-to-right */
body.rtl.mk-rd,body.rtl.mk-rd *{letter-spacing:0!important}
body.rtl.mk-rd .mk-rd-num,body.rtl.mk-rd .price,body.rtl.mk-rd .woocommerce-Price-amount{direction:ltr;unicode-bidi:isolate}
body.rtl.mk-rd .products .price{justify-content:flex-end}
/* physical-side rules from the redesign, mirrored */
body.rtl.mk-rd .wa__btn_popup{right:auto!important;left:14px}
body.rtl.mk-rd .wa__popup_chat_box{right:auto!important;left:14px}
body.rtl.mk-rd .woocommerce .product .product-label{left:auto;right:8px}
body.rtl.mk-rd .category-best-selling .product-label.best-selling-label{right:auto;left:8px}
body.rtl.mk-rd .products .price .woocommerce-Price-currencySymbol,body.rtl.mk-rd.single-product #page .summary .price .woocommerce-Price-currencySymbol{margin-left:0;margin-right:4px}
body.rtl.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-row-price,body.rtl.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item-price,body.rtl.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-summary-total{text-align:left}
body.rtl.mk-rd.single-product #page .summary .wpcpq-table .wpcpq-item-active{box-shadow:inset -3px 0 0 var(--mk-blue)}
body.rtl.mk-rd .mk-rd-sec-h .mk-rd-i,body.rtl.mk-rd .mk-rd-all .mk-rd-i,body.rtl.mk-rd .mk-rd-btn .mk-rd-i{transform:scaleX(-1)}
@media (min-width:768px){
	body.rtl.mk-rd .woocommerce .product .product-label{right:12px}
	body.rtl.mk-rd .category-best-selling .product-label.best-selling-label{left:12px}
}
@media (min-width:1000px){
	body.rtl.mk-rd .mk-rd-hero{padding:0 48px 0 0}
	body.rtl.mk-rd .mk-rd-qtiles{padding:0 0 0 36px}
}

/* RTL: the full-width breakout wrappers are positioned from the left; mirror them */
body.rtl.mk-rd .mk-rd-home{margin-left:0;margin-right:calc(50% - 50vw)}
body.rtl.mk-rd .mk-rd-bleed{left:auto;right:50%;margin-left:0;margin-right:-50vw}
/* phone numbers keep their "+" at the start in right-to-left text */
body.mk-rd .mk-header-phone span,body.mk-rd .mk-rd-pill .mk-rd-num{direction:ltr;unicode-bidi:isolate}

/* RTL: the WhatsApp plugin writes `left:unset` inline, so the mirrored position needs !important */
body.rtl.mk-rd .wa__btn_popup,body.rtl.mk-rd .wa__popup_chat_box{left:14px!important;right:auto!important}
@media (max-width:767px){
	body.rtl.mk-rd.single-product #page .summary form.cart .single_add_to_cart_button{font-size:15px;padding:0 8px}
	body.rtl.mk-rd.single-product .wa__btn_popup{bottom:134px!important}
}

/* ---------- 15. filter panel (inc/product-filters.php) ---------------------------------------
 * Desktop: a clean card in the sidebar, with the long category list scrolling inside itself instead of
 * pushing the page down. Phones: a bottom sheet (the theme's own mobile behaviour was a narrow panel
 * overlapping the products), with a close button and a sticky Apply bar. Behaviour and markup are the
 * filter module's; this is only the look. */
body.mk-rd .mk-product-filters{background:#fff;border:1px solid var(--mk-line);border-radius:18px;box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.06);padding:4px 18px 16px;box-sizing:border-box;position:relative}
body.mk-rd .mk-filter-panel-title{margin:14px 0 4px;font-size:18px;font-weight:700;letter-spacing:-.2px;text-transform:none;color:var(--mk-ink)}
body.mk-rd .mk-filter-close{display:none}
body.mk-rd .mk-filter-group{padding:14px 0;border-bottom:1px solid var(--mk-line);margin:0}
body.mk-rd .mk-filter-group .widget-title{margin:0 0 10px;font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--mk-muted)}
body.mk-rd .mk-filter-categories .all-categories > span.active{display:none}
body.mk-rd .mk-filter-categories ul.product-categories{max-height:330px;overflow-y:auto;margin:0;padding:0 6px 0 0;list-style:none;scrollbar-width:thin;scrollbar-color:#c9d3df transparent}
body.mk-rd .mk-filter-categories ul.product-categories ul.children{max-height:none;overflow:visible;margin:4px 0 4px 24px;padding:0}
body.mk-rd .mk-filter-categories li{position:relative;margin:0;padding:0}
body.mk-rd .mk-filter-categories li > label{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 26px 4px 0;font-size:14px;line-height:1.35;color:var(--mk-text);cursor:pointer;text-transform:none}
body.mk-rd .mk-filter-categories li > label:hover{color:var(--mk-blue)}
body.mk-rd .mk-filter-categories li > label .count{margin-left:auto;font-size:12px;color:var(--mk-muted)}
/* checkbox box: rounded, filled blue when selected (the theme draws it with label:before / :after) */
body.mk-rd .mk-filter-categories li > label:before{flex:none;position:static;width:18px;height:18px;margin:0;border:1.5px solid #c2ccd8;border-radius:6px;background:#fff;box-sizing:border-box;transition:background .15s,border-color .15s}
body.mk-rd .mk-filter-categories li.selected > label:before{background:var(--mk-blue);border-color:var(--mk-blue)}
body.mk-rd .mk-filter-categories li.selected > label:after{left:4px;top:50%;margin-top:-5px;border-color:#fff}
body.mk-rd .mk-filter-categories li.selected > label{color:var(--mk-ink);font-weight:500}
body.mk-rd .mk-filter-categories li.cat-parent > .icon-toggle{position:absolute;right:0;top:6px;width:24px;height:24px;border-radius:8px;background:var(--mk-bg)}
body.mk-rd .mk-filter-categories li.cat-parent > .icon-toggle:hover{background:var(--mk-blue-50)}
/* tags + price */
body.mk-rd .mk-product-filters .mk-tag-search-input,
body.mk-rd .mk-product-filters .mk-filter-price-inputs input{height:46px;padding:0 14px;border:1.5px solid var(--mk-line);border-radius:12px;background:var(--mk-bg);font-size:16px;color:var(--mk-ink);box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s}
body.mk-rd .mk-product-filters .mk-tag-search-input:focus,
body.mk-rd .mk-product-filters .mk-filter-price-inputs input:focus{border-color:var(--mk-blue);background:#fff;box-shadow:0 0 0 4px var(--mk-blue-100);outline:0}
body.mk-rd .mk-filter-price-inputs{display:flex;align-items:center;gap:8px}
body.mk-rd .mk-filter-price-inputs input{flex:1;min-width:0}
body.mk-rd .mk-tag-chip{border-radius:999px;background:var(--mk-blue-50);color:var(--mk-blue-700)}
/* actions */
body.mk-rd .mk-filter-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-top:16px;background:#fff}
body.mk-rd .mk-filter-apply{height:48px;border:0;border-radius:12px;background:var(--mk-blue);color:#fff;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer}
body.mk-rd .mk-filter-apply:hover{background:var(--mk-blue-700)}
body.mk-rd .mk-filter-clear{text-align:center;font-size:13.5px;color:var(--mk-muted);text-decoration:underline}
/* active-filter chips and the Filter / Sort toolbar */
body.mk-rd .ts-active-filters{background:none;padding:0}
body.mk-rd .ts-active-filters .widget_layered_nav_filters{background:var(--mk-bg);border-radius:14px;padding:10px 14px}
body.mk-rd .ts-active-filters .widgettitle{font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--mk-muted)}
body.mk-rd .ts-active-filters ul li a{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--mk-blue-50);color:var(--mk-blue-700);font-size:13px;font-weight:500}
body.mk-rd .filter-widget-area-button{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 16px;border:1.5px solid var(--mk-line);border-radius:12px;background:#fff;color:var(--mk-ink);font-weight:600;cursor:pointer}
body.mk-rd .before-loop-wrapper select{height:46px;border:1.5px solid var(--mk-line);border-radius:12px;background-color:#fff;font-size:14px;color:var(--mk-ink)}
@media (min-width:768px){
	body.mk-rd #ts-filter-widget-area .ts-sidebar-content{padding:0}
	body.mk-rd .mk-filter-panel-title{margin-top:16px}
}
/* phones: bottom sheet */
@media (max-width:767px){
	body.mk-rd #ts-filter-widget-area .overlay{position:fixed;inset:0;width:100%;height:100%;background:rgba(6,20,36,.5);opacity:0;visibility:hidden;transition:opacity .2s;z-index:99991}
	body.mk-rd #ts-filter-widget-area.active .overlay{opacity:1;visibility:visible}
	body.mk-rd #ts-filter-widget-area .ts-sidebar-content{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;max-height:88vh;overflow-y:auto;box-sizing:border-box;padding:0;border-radius:22px 22px 0 0;background:#fff;z-index:99992;transform:translateY(105%)!important;visibility:hidden;transition:transform .25s ease}
	body.mk-rd #ts-filter-widget-area.active .ts-sidebar-content{transform:translateY(0)!important;visibility:visible!important}
	body.mk-rd #ts-filter-widget-area .ts-sidebar-content:before{content:"";display:block;width:42px;height:4px;margin:10px auto 0;border-radius:2px;background:#d3dbe5}
	body.mk-rd .mk-product-filters{border:0;border-radius:0;box-shadow:none;padding:0 16px}
	body.mk-rd .mk-filter-panel-title{margin:10px 0 0;padding-right:44px}
	body.mk-rd .mk-filter-close{display:grid;place-items:center;position:absolute;top:6px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:var(--mk-bg);color:var(--mk-ink);font-size:24px;line-height:1;cursor:pointer}
	body.mk-rd .mk-filter-categories ul.product-categories{max-height:260px}
	body.mk-rd .mk-filter-actions{position:sticky;bottom:0;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--mk-line);box-shadow:0 -6px 16px rgba(14,27,44,.06)}
	/* the bottom navigation bar sits under the sheet */
	body.mk-rd.woocommerce #ts-mobile-button-bottom{z-index:99}
}
body.rtl.mk-rd .mk-filter-categories li > label .count{margin-left:0;margin-right:auto}
body.rtl.mk-rd .mk-filter-categories li > label{padding:4px 0 4px 26px}
body.rtl.mk-rd .mk-filter-categories li.cat-parent > .icon-toggle{right:auto;left:0}
body.rtl.mk-rd .mk-filter-categories ul.product-categories ul.children{margin:4px 24px 4px 0}
@media (max-width:767px){
	body.rtl.mk-rd .mk-filter-close{right:auto;left:12px}
	body.rtl.mk-rd .mk-filter-panel-title{padding-right:0;padding-left:44px}
}

/* filter sheet: the theme slides the toolbar sideways (translateX) when the filter opens; a transformed ancestor traps
   position:fixed, so on phones that push is cancelled and the sheet overlays the page instead. */
@media (max-width:767px){
	body.mk-rd #main-content.show-filter-sidebar .before-loop-wrapper,
	body.mk-rd #main-content.show-filter-sidebar > *{transform:none!important;left:auto}
	body.mk-rd #main-content.show-filter-sidebar{overflow:visible}
}
/* checkbox boxes in the category list: sit on the text's centre line, no theme offsets */
body.mk-rd .mk-filter-categories li > label:before{position:static!important;top:auto;left:auto;transform:none;float:none;display:block;margin:0!important}
body.mk-rd .mk-filter-categories li.selected > label:after{position:absolute;left:5px;top:50%;margin-top:-6px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);content:""}
body.mk-rd .mk-filter-categories li > label{position:relative}

/* sheet position: the theme rests the panel at left:-265px / width:250px and the overlay at 0x0, with !important-level
   rules of its own, so the sheet states its geometry with !important too */
@media (max-width:767px){
	body.mk-rd #ts-filter-widget-area .ts-sidebar-content{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none!important}
	body.mk-rd #ts-filter-widget-area .overlay{left:0!important;top:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important}
}

/* filter sheet details: the theme's own bottom "×" is replaced by the close button in the sheet header; checkbox boxes
   sit on the text's centre line (the theme offsets them with top:50%) */
body.mk-rd #ts-filter-widget-area .ts-sidebar-content > .close{display:none}
body.mk-rd .mk-filter-categories li > label:before{top:auto!important;transform:none!important;align-self:center}
body.mk-rd .mk-filter-close{width:40px;min-width:40px;padding:0}

/* ---------- 16. About & Contact pages (template-parts/page-about.php, page-contact.php) ---------- */
body.mk-rd.mk-rd-page-about .breadcrumb-title-wrapper .page-title,
body.mk-rd.mk-rd-page-contact-us .breadcrumb-title-wrapper .page-title{display:none}
body.mk-rd .mk-rd-about,body.mk-rd .mk-rd-contact-page{width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box;padding:0 max(12px,calc((100vw - 1320px)/2));overflow:hidden}
body.rtl.mk-rd .mk-rd-about,body.rtl.mk-rd .mk-rd-contact-page{margin-left:0;margin-right:calc(50% - 50vw)}
@media (min-width:768px){body.mk-rd .mk-rd-about,body.mk-rd .mk-rd-contact-page{padding:0 max(32px,calc((100vw - 1320px)/2))}}
body.mk-rd .mk-rd-about a,body.mk-rd .mk-rd-contact-page a{text-decoration:none}
/* page hero */
body.mk-rd .mk-rd-phero{position:relative;overflow:hidden;margin-top:12px;padding:30px 20px 28px;border-radius:24px;background:linear-gradient(140deg,#073f78 0%,#0073cf 58%,#2b95e6 100%);color:#fff}
body.mk-rd .mk-rd-phero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23fff' stroke-opacity='.10' stroke-width='1.5'%3E%3Cpath d='M0 40h46l14 14h60M0 120h38l16-16h44l14 14h48M80 0v30l14 14M120 160v-22l16-16h24M40 160v-16'/%3E%3Ccircle cx='60' cy='54' r='4'/%3E%3Ccircle cx='120' cy='54' r='4'/%3E%3Ccircle cx='98' cy='104' r='4'/%3E%3Ccircle cx='160' cy='122' r='4'/%3E%3C/svg%3E")}
body.mk-rd .mk-rd-phero > *{position:relative}
body.mk-rd .mk-rd-phero h1{margin:12px 0 10px;font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.5px;text-transform:none;color:#fff}
body.mk-rd .mk-rd-phero p{max-width:62ch;margin:0 0 10px;font-size:15px;line-height:1.6;color:#d8ebfc}
body.mk-rd .mk-rd-phero p.mk-rd-lead{font-size:16.5px;color:#fff}
body.mk-rd .mk-rd-btn--out{border:1.5px solid var(--mk-blue);background:#fff;color:var(--mk-blue)}
body.mk-rd .mk-rd-btn--wa{background:#25d366;color:#05361a;gap:8px}
body.mk-rd .mk-rd-btn--wa .mk-rd-i{width:20px;height:20px}
body.mk-rd .mk-rd-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
body.mk-rd .mk-rd-facts > div{padding:14px 16px;border:1px solid var(--mk-line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.05)}
body.mk-rd .mk-rd-facts b{display:block;font-size:20px;font-weight:700;letter-spacing:-.3px;color:var(--mk-blue)}
body.mk-rd .mk-rd-facts span{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--mk-muted)}
body.mk-rd .mk-rd-sub{margin:-4px 0 14px;font-size:14.5px;line-height:1.6;color:var(--mk-text);max-width:70ch}
/* cards */
body.mk-rd .mk-rd-cards{display:grid;grid-template-columns:1fr;gap:12px}
body.mk-rd .mk-rd-card{display:block;padding:18px;border:1px solid var(--mk-line);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.06);color:var(--mk-text)}
body.mk-rd .mk-rd-card-i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:14px;background:var(--mk-blue-50);color:var(--mk-blue)}
body.mk-rd .mk-rd-card-i .mk-rd-i{width:24px;height:24px}
body.mk-rd .mk-rd-card h3{margin:0 0 6px;font-size:17px;font-weight:700;letter-spacing:-.2px;text-transform:none;color:var(--mk-ink)}
body.mk-rd .mk-rd-card p{margin:0;font-size:14px;line-height:1.55;color:var(--mk-text)}
body.mk-rd .mk-rd-card b{display:block;margin-top:8px;font-size:15px;font-weight:600;color:var(--mk-blue);overflow-wrap:anywhere}
body.mk-rd .mk-rd-card--link{transition:transform .15s,box-shadow .15s,border-color .15s}
body.mk-rd .mk-rd-card--link:hover{transform:translateY(-4px);border-color:var(--mk-blue);box-shadow:0 14px 30px rgba(0,115,207,.14)}
body.mk-rd .mk-rd-card--wa .mk-rd-card-i{background:#e5f8ec;color:#1faa59}
body.mk-rd .mk-rd-card--wa b{color:#168a45}
/* split + facts list */
body.mk-rd .mk-rd-split{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px;padding:22px 20px;border:1px solid var(--mk-line);border-radius:22px;background:linear-gradient(135deg,#eef6fd 0%,#fff 65%)}
body.mk-rd .mk-rd-split h2{margin:0 0 8px;font-size:22px;font-weight:700;letter-spacing:-.3px;text-transform:none;color:var(--mk-ink)}
body.mk-rd .mk-rd-split p{margin:0 0 12px;font-size:14.5px;line-height:1.6;color:var(--mk-text)}
body.mk-rd .mk-rd-facts-list{margin:0 0 16px;padding:0;list-style:none}
body.mk-rd .mk-rd-facts-list li{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--mk-ink)}
body.mk-rd .mk-rd-facts-list .mk-rd-i{flex:none;width:20px;height:20px;margin-top:1px;color:var(--mk-blue)}
body.mk-rd .mk-rd-split-art{display:none;place-items:center;border-radius:20px;background:#fff;border:1px solid var(--mk-line);color:var(--mk-blue)}
body.mk-rd .mk-rd-split-art .mk-rd-i{width:120px;height:120px;stroke-width:1.2}
/* closing band */
body.mk-rd .mk-rd-ctaband{display:flex;flex-direction:column;gap:16px;margin:30px 0 8px;padding:24px 20px;border-radius:22px;background:linear-gradient(120deg,#073f78,#0073cf);color:#fff}
body.mk-rd .mk-rd-ctaband h2{margin:0 0 4px;font-size:24px;font-weight:700;letter-spacing:-.3px;text-transform:none;color:#fff}
body.mk-rd .mk-rd-ctaband p{margin:0;font-size:14.5px;color:#d8ebfc}
/* contact page */
body.mk-rd .mk-rd-ccards{margin-top:14px}
body.mk-rd .mk-rd-two{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
body.mk-rd .mk-rd-panel{padding:20px;border:1px solid var(--mk-line);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.06)}
body.mk-rd .mk-rd-panel h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:18px;font-weight:700;letter-spacing:-.2px;text-transform:none;color:var(--mk-ink)}
body.mk-rd .mk-rd-panel h2 .mk-rd-i{width:22px;height:22px;color:var(--mk-blue)}
body.mk-rd .mk-rd-panel p{margin:0 0 14px;font-size:14.5px;line-height:1.6;color:var(--mk-text)}
body.mk-rd .mk-rd-panel p a{color:var(--mk-blue);font-weight:500}
body.mk-rd .mk-rd-panel-gap{margin-top:26px!important}
body.mk-rd .mk-rd-hours{margin:0}
body.mk-rd .mk-rd-hours dt{margin:14px 0 6px;font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--mk-muted)}
body.mk-rd .mk-rd-hours dt:first-child{margin-top:0}
body.mk-rd .mk-rd-hours dd{display:flex;justify-content:space-between;gap:12px;margin:0;padding:9px 0;border-bottom:1px solid var(--mk-line);font-size:14px;color:var(--mk-text)}
body.mk-rd .mk-rd-hours dd b{font-weight:600;color:var(--mk-ink);text-align:right}
body.rtl.mk-rd .mk-rd-hours dd b{text-align:left}
@media (min-width:768px){
	body.mk-rd .mk-rd-facts{grid-template-columns:repeat(4,1fr);gap:14px}
	body.mk-rd .mk-rd-cards{grid-template-columns:repeat(2,1fr);gap:14px}
	body.mk-rd .mk-rd-cards--3{grid-template-columns:repeat(3,1fr)}
	body.mk-rd .mk-rd-cards--4{grid-template-columns:repeat(2,1fr)}
	body.mk-rd .mk-rd-two{grid-template-columns:1fr 1fr;gap:14px}
}
@media (min-width:1000px){
	body.mk-rd .mk-rd-phero{margin-top:22px;padding:56px 56px 52px;border-radius:28px}
	body.mk-rd .mk-rd-phero h1{font-size:46px}
	body.mk-rd .mk-rd-phero p{font-size:17px}
	body.mk-rd .mk-rd-phero p.mk-rd-lead{font-size:19px}
	body.mk-rd .mk-rd-cards{grid-template-columns:repeat(4,1fr)}
	body.mk-rd .mk-rd-cards--3{grid-template-columns:repeat(3,1fr)}
	body.mk-rd .mk-rd-cards--4{grid-template-columns:repeat(4,1fr)}
	body.mk-rd .mk-rd-split{grid-template-columns:1.3fr 1fr;gap:32px;margin-top:44px;padding:36px 40px;border-radius:28px}
	body.mk-rd .mk-rd-split-art{display:grid}
	body.mk-rd .mk-rd-ctaband{flex-direction:row;align-items:center;justify-content:space-between;margin-top:44px;padding:34px 44px;border-radius:28px}
}
body.rtl.mk-rd .mk-rd-hours dd b{direction:rtl;unicode-bidi:isolate}

/* homepage trust strip: taller blocks, content centred inside each */
body.mk-rd .mk-rd-trust > div{min-height:76px;padding:14px 18px;justify-content:center;text-align:left;gap:12px}
body.mk-rd .mk-rd-trust > div > img{flex:none;width:30px;height:30px}
body.mk-rd .mk-rd-trust > div > span{display:block}
body.rtl.mk-rd .mk-rd-trust > div{text-align:right}
@media (min-width:1000px){
	body.mk-rd .mk-rd-trust > div{min-height:92px;padding:18px 22px}
	body.mk-rd .mk-rd-trust > div > img{width:34px;height:34px}
}

/* trust strip: 85px blocks, larger content */
body.mk-rd .mk-rd-trust > div{min-height:85px;padding:12px 20px;gap:14px;font-size:15px;font-weight:600}
body.mk-rd .mk-rd-trust > div > img{width:40px;height:40px}
body.mk-rd .mk-rd-trust small{margin-top:2px;font-size:13.5px}
@media (min-width:1000px){
	body.mk-rd .mk-rd-trust > div{min-height:85px;padding:12px 24px;font-size:16.5px}
	body.mk-rd .mk-rd-trust > div > img{width:44px;height:44px}
	body.mk-rd .mk-rd-trust small{font-size:14px}
}

/* About page: photo collage in the hero, photo tiles, delivery band, storefront */
body.mk-rd .mk-rd-collage{display:none}
body.mk-rd .mk-rd-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
body.mk-rd .mk-rd-photo{position:relative;display:block;overflow:hidden;border-radius:18px;aspect-ratio:650/460;background:#eaf4fd;box-shadow:0 1px 2px rgba(14,27,44,.05),0 6px 20px rgba(14,27,44,.08)}
body.mk-rd .mk-rd-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
body.mk-rd .mk-rd-photo:hover img{transform:scale(1.05)}
body.mk-rd .mk-rd-photo span{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(0deg,rgba(6,20,36,.78),transparent);color:#fff;font-size:15px;font-weight:600}
body.mk-rd .mk-rd-deliver{display:flex;flex-direction:column;gap:6px;margin-top:30px;padding:24px 20px 0;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(140deg,#073f78 0%,#0073cf 58%,#2b95e6 100%);color:#fff}
body.mk-rd .mk-rd-deliver h2{margin:12px 0 8px;font-size:26px;font-weight:700;letter-spacing:-.4px;text-transform:none;color:#fff}
body.mk-rd .mk-rd-deliver p{max-width:46ch;margin:0;font-size:15px;line-height:1.6;color:#d8ebfc}
body.mk-rd .mk-rd-deliver-art{margin:8px -20px 0}
body.mk-rd .mk-rd-deliver-art .mk-rd-scene{margin:0}
body.mk-rd .mk-rd-storefront{display:block;width:100%;height:auto;max-height:300px}
body.mk-rd .mk-rd-split-art{padding:14px}
@media (min-width:768px){
	body.mk-rd .mk-rd-photos{grid-template-columns:repeat(4,1fr);gap:14px}
	body.mk-rd .mk-rd-split-art{display:grid}
}
@media (min-width:1000px){
	body.mk-rd .mk-rd-phero--photos{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
	body.mk-rd .mk-rd-collage{display:block;position:relative;height:330px}
	body.mk-rd .mk-rd-collage img{position:absolute;display:block;object-fit:cover;border-radius:20px;border:4px solid #fff;box-shadow:0 18px 40px rgba(0,25,60,.35)}
	body.mk-rd .mk-rd-collage-a{width:66%;aspect-ratio:650/460;right:0;top:0;transform:rotate(2deg)}
	body.mk-rd .mk-rd-collage-b{width:46%;aspect-ratio:650/460;left:2%;top:30%;transform:rotate(-4deg)}
	body.mk-rd .mk-rd-collage-c{width:42%;aspect-ratio:650/460;right:6%;bottom:-6%;transform:rotate(-2deg)}
	body.mk-rd .mk-rd-deliver{flex-direction:row;align-items:flex-end;gap:20px;margin-top:44px;padding:44px 0 0 52px;border-radius:28px}
	body.mk-rd .mk-rd-deliver-t{flex:1;align-self:center;padding-bottom:44px}
	body.mk-rd .mk-rd-deliver h2{font-size:36px}
	body.mk-rd .mk-rd-deliver-art{flex:1.1;margin:0}
}
body.rtl.mk-rd .mk-rd-photo span{text-align:right}

/* filter panel refinements */
body.mk-rd .mk-filter-categories ul.product-categories{max-height:min(68vh,640px)}
body.mk-rd .mk-filter-categories li > label{padding-left:0}
body.rtl.mk-rd .mk-filter-categories li > label{padding-right:0}
@media (min-width:992px){
	/* breathing room between the filter card and the products */
	body.mk-rd #main-content.show-filter-default .ts-active-filters,
	body.mk-rd #main-content.show-filter-default .before-loop-wrapper,
	body.mk-rd #main-content.show-filter-default .main-products{padding-left:346px}
	body.rtl.mk-rd #main-content.show-filter-default .ts-active-filters,
	body.rtl.mk-rd #main-content.show-filter-default .before-loop-wrapper,
	body.rtl.mk-rd #main-content.show-filter-default .main-products{padding-left:0;padding-right:346px}
}
@media (max-width:767px){
	body.mk-rd .mk-filter-categories ul.product-categories{max-height:40vh}
}

/* filter list: the theme's own label padding (28px, where it draws its checkbox) is stronger than the rule above;
   our box is a flex item, so that padding only pushes everything right. */
body.mk-rd #primary .mk-product-filters .mk-filter-categories li > label,
body.mk-rd .mk-product-filters .mk-filter-categories ul li > label{padding-left:0!important}
body.rtl.mk-rd #primary .mk-product-filters .mk-filter-categories li > label,
body.rtl.mk-rd .mk-product-filters .mk-filter-categories ul li > label{padding-left:26px!important;padding-right:0!important}
@media (min-width:992px){
	body.mk-rd #main-content.show-filter-default .ts-active-filters,
	body.mk-rd #main-content.show-filter-default .before-loop-wrapper,
	body.mk-rd #main-content.show-filter-default .main-products{padding-left:356px}
	body.rtl.mk-rd #main-content.show-filter-default .ts-active-filters,
	body.rtl.mk-rd #main-content.show-filter-default .before-loop-wrapper,
	body.rtl.mk-rd #main-content.show-filter-default .main-products{padding-left:0;padding-right:356px}
}

/* ---------- 17. breadcrumb band → content gap, and filter spacing that follows the Additional CSS widths ----------
 * Gap: the band had a 32px bottom margin (theme) and .page-container adds 20-30px of top padding on top of it, so about 60px
 * separated the title/breadcrumb from the first thing on the page. Now about 10px.
 *
 * Filter widths — the Additional CSS post (Appearance > Customize > Additional CSS) sizes the filter column itself:
 *   .woocommerce-page.archive #ts-filter-widget-area .ts-sidebar-content{width:25%}            (>= 1200px)
 *   @media 768-1199: .woocommerce-page.archive .page-container #ts-filter-widget-area .ts-sidebar-content{width:250px}
 *   @media 768-1199: #main-content.show-filter-default .main-products ... {padding-left:250px}
 *   .archive.woocommerce .filter-widget-area label{padding-inline-start:28px} + red (#d82b2b) checkbox on .selected
 *   .woocommerce-page.archive .filter-widget-area-button{margin-left:-32px!important}
 * The gap to the products therefore has to follow the column width: 25% + 34px on wide screens, 250px + 34px between
 * 992 and 1199. (The red checkbox and 28px padding are overridden in section 15 above.) */
body.mk-rd .breadcrumb-title-wrapper{margin-bottom:0!important}
body.mk-rd:not(.home) #main .page-container{padding-top:10px}
@media (min-width:992px) and (max-width:1199px){
	body.mk-rd #main-content.show-filter-default .ts-active-filters,
	body.mk-rd #main-content.show-filter-default .before-loop-wrapper,
	body.mk-rd #main-content.show-filter-default .main-products{padding-left:284px}
	body.rtl.mk-rd #main-content.show-filter-default .ts-active-filters,
	body.rtl.mk-rd #main-content.show-filter-default .before-loop-wrapper,
	body.rtl.mk-rd #main-content.show-filter-default .main-products{padding-left:0;padding-right:284px}
}
@media (min-width:1200px){
	body.mk-rd #main-content.show-filter-default .ts-active-filters,
	body.mk-rd #main-content.show-filter-default .before-loop-wrapper,
	body.mk-rd #main-content.show-filter-default .main-products{padding-left:calc(25% + 34px)}
	body.rtl.mk-rd #main-content.show-filter-default .ts-active-filters,
	body.rtl.mk-rd #main-content.show-filter-default .before-loop-wrapper,
	body.rtl.mk-rd #main-content.show-filter-default .main-products{padding-left:0;padding-right:calc(25% + 34px)}
}

/* ---------- 18. mini-cart quantity ------------------------------------------------------
 * The ported Elementor kit styles every <input type=button> as a big blue button (.mk-kit input[type=button]: 16px 32px
 * padding), which turned the mini-cart's - / + into a solid blue block with the number hidden. Same compact stepper as the
 * cart page, sized for the dropdown / side panel. */
body.mk-rd .cart-item-wrapper .quantity .number-button{display:inline-flex;align-items:center;height:32px;border:1px solid var(--mk-line);border-radius:8px;background:#fff;overflow:hidden}
body.mk-rd .cart-item-wrapper .quantity .minus,body.mk-rd .cart-item-wrapper .quantity .plus{position:static;top:auto;left:auto;right:auto;flex:none;width:30px;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--mk-ink);font-size:17px;line-height:1;cursor:pointer}
body.mk-rd .cart-item-wrapper .quantity .minus:hover,body.mk-rd .cart-item-wrapper .quantity .plus:hover{background:var(--mk-blue-50);color:var(--mk-blue)}
body.mk-rd .cart-item-wrapper .quantity .qty{width:32px;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;text-align:center;font-size:14px;font-weight:600;color:var(--mk-ink);-moz-appearance:textfield}
body.mk-rd .cart-item-wrapper .quantity .qty::-webkit-outer-spin-button,body.mk-rd .cart-item-wrapper .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}