.product-compat-section,.product-similar-codes-section,.ycp-supported-cars,.ycp-supported-head,.ycp-similar-codes,.ycp-category-part-filter,.ycp-category-children,.ycp-part-car-selector,.ycp-model-parts-page{font:inherit}
.product-compat-section,.product-similar-codes-section{box-sizing:border-box;display:block;width:100%;max-width:100%;clear:both;margin:0 0 18px;color:#0f172a}
.product-similar-codes-section>h2{margin:0 0 12px;line-height:1.9;color:#111827}
.ycp-supported-cars{box-sizing:border-box;display:block;width:100%;max-width:100%;clear:both;margin:0;padding:14px 16px 18px;border:1px solid #e5e8f0;border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 10px 28px rgba(15,23,42,.05)}.ycp-supported-cars *{box-sizing:border-box}.ycp-supported-head{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;max-width:100%;clear:both;margin:0 0 12px;color:#0f172a}.ycp-supported-head *{box-sizing:border-box}.elementor-widget-woocommerce-product-meta .ycp-supported-cars,.elementor-widget-heading+.ycp-product-compat-section .ycp-supported-cars{width:100%!important}.ycp-supported-head h2,.product-compat-section h2{margin:0;line-height:1.9;color:#111827}.ycp-supported-count{display:inline-flex;align-items:center;white-space:nowrap;background:transparent;color:#475569;padding:0;font:inherit}.ycp-ui-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;width:18px;height:18px;flex:0 0 18px}.ycp-ui-icon svg{display:block;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;fill:currentColor}.ycp-car-icon{width:20px;height:20px;flex-basis:20px;border-radius:999px;background:transparent;color:#e11d48}.ycp-car-icon svg{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important;fill:none!important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ycp-supported-groups{display:grid;gap:10px}.ycp-supported-group{margin:0;padding:0;border:1px solid #e5e8f0;border-radius:12px;background:#f8fafc;overflow:hidden}.ycp-supported-group h3{margin:0;padding:9px 12px;background:#fff1f2;color:#e11d48;line-height:1.8}.ycp-supported-models{display:grid;gap:7px;padding:9px}.ycp-supported-model{display:block;background:#fff;border:1px solid #e5e8f0;border-radius:8px;padding:8px 11px}.ycp-supported-model strong{line-height:1.8;color:#0f172a}.ycp-supported-model a,.ycp-model-product a{color:#0f172a;text-decoration:none}.ycp-supported-model a:hover,.ycp-model-product a:hover{color:#e11d48}.ycp-supported-empty{margin:0;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:11px;line-height:1.9}.ycp-similar-codes{box-sizing:border-box;display:block;width:100%;max-width:100%;clear:both;margin:0;padding:14px 16px 18px;border:1px solid #e5e8f0;border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 10px 28px rgba(15,23,42,.05)}.ycp-similar-codes *{box-sizing:border-box}.ycp-similar-codes h3{margin:0;line-height:1.9;color:#111827}.ycp-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:#f8fafc;border:1px solid #e5e8f0;border-radius:12px;padding:14px;font:inherit}.ycp-login-required p{margin:0;color:#475569;font:inherit;line-height:inherit}.ycp-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;background:#e11d48;color:#fff!important;text-decoration:none;padding:9px 15px;font:inherit}.ycp-login-btn:hover{background:#be123c;color:#fff!important}.ycp-model-parts-page{margin:28px 0;color:#0f172a}.ycp-model-parts-head{background:#fff;border:1px solid #e5e8f0;border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.ycp-model-parts-head h1{margin:0 0 8px;line-height:1.9;color:#111827}.ycp-model-parts-head span{display:inline-flex;background:#fff1f2;color:#e11d48;border-radius:999px;padding:5px 10px;line-height:1.8}.ycp-model-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ycp-model-product{background:#fff;border:1px solid #e5e8f0;border-radius:14px;padding:13px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.ycp-model-product h2{margin:0 0 10px;line-height:1.9}.ycp-model-product span{display:inline-flex;background:#f8fafc;border:1px solid #e5e8f0;border-radius:999px;padding:4px 8px;color:#64748b;line-height:1.6}@media(max-width:640px){.ycp-model-products{grid-template-columns:1fr}}
.ycp-supported-model{padding:0!important;overflow:hidden}.ycp-supported-model strong{display:block;width:100%}.ycp-supported-model-link{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 11px;color:#0f172a!important;text-decoration:none!important}.ycp-supported-model-link:hover{color:#e11d48!important;background:#fff1f2}.ycp-supported-model-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;border-radius:999px;background:#f8fafc;color:#e11d48;transition:transform .16s ease,background-color .16s ease}.ycp-supported-model-link:hover .ycp-supported-model-arrow{background:#ffe4e6;transform:translateX(-2px)}.ycp-supported-model-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.product-price-range {
margin: 0.5em 0;
}
.product-price-range .product-price-range__text {
display: inline-block;
line-height: 1.65;
background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
border: 1px solid #fecdd3;
border-radius: 10px;
padding: 0.55em 0.85em;
}
.product-price-range .pc-price-prefix {
color: #374151;
font-size: 0.95em;
font-weight: 500;
margin-inline-end: 0.35em;
}
.product-price-range .pc-price-values {
color: #1f2937;
}
.product-price-range .pc-price-from-label,
.product-price-range .pc-price-to-label {
color: #6b7280;
font-size: 0.92em;
font-weight: 500;
margin-inline: 0.2em;
}
.product-price-range .pc-price-amount {
color: #111827;
font-size: 1.08em;
font-weight: 700;
letter-spacing: -0.01em;
}
.product-price-range .pc-price-currency {
color: #e11d48;
font-size: 0.9em;
font-weight: 600;
margin-inline-start: 0.15em;
}@font-face {
font-family: Kalameh;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//mykia.ir/wp-content/themes/mykia-lite/assets/fonts/kalameh/KalamehWeb-Regular.woff2?ver=1.0.0.1782748728) format('woff2');
}
@font-face {
font-family: Kalameh;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//mykia.ir/wp-content/themes/mykia-lite/assets/fonts/kalameh/KalamehWeb-Medium.woff2?ver=1.0.0.1782748728) format('woff2');
}
@font-face {
font-family: Kalameh;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//mykia.ir/wp-content/themes/mykia-lite/assets/fonts/kalameh/KalamehWeb-Bold.woff2?ver=1.0.0.1782748728) format('woff2');
}
@font-face {
font-family: Kalameh;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//mykia.ir/wp-content/themes/mykia-lite/assets/fonts/kalameh/KalamehWeb-Black.woff2?ver=1.0.0.1782748728) format('woff2');
}   :root {
--mk-red: #e2001a;
--mk-red-dark: #b60017;
--mk-black: #111218;
--mk-text: #25262c;
--mk-muted: #5a5c66;
--mk-bg: #f4f5f7;
--mk-border: #e6e7ec;
--mk-shadow: 0 18px 55px rgba(10, 11, 18, .10);
--mk-shadow-soft: 0 12px 30px rgba(10, 11, 18, .08);
--mk-radius-lg: 28px;
--mk-radius-md: 18px;
--mk-container: 1180px;
--mk-font: "Kalameh", sans-serif;
--mk-readmore-height: 500px;
--mk-header-height: 78px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
margin: 0;
}
body {
position: relative;
margin: 0;
padding: 0;
direction: rtl;
background: var(--mk-bg);
color: var(--mk-text);
font-family: var(--mk-font);
font-size: 15px;
font-weight: 400;
line-height: 1.9;
overflow-x: hidden;
}
body.menu-open {
overflow: hidden;
}
h1,
h2,
h3,
strong {
font-family: var(--mk-font);
font-weight: 900;
}
a {
color: inherit;
text-decoration: none;
transition: color .2s ease;
}
a:hover {
color: var(--mk-red);
}
img {
display: block;
max-width: 100%;
height: auto;
}
button,
input {
font: inherit;
}
ul,
ol {
padding-right: 20px;
}
.mk-icon {
display: inline-block;
flex-shrink: 0;
vertical-align: -0.125em;
fill: currentColor;
}
.mk-icon use {
fill: currentColor;
}
.mk-icon-sprite[hidden] {
display: none;
}
.icon-left {
margin-left: 8px;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 20px;
border: 0;
border-radius: 999px;
background: var(--mk-black);
color: #fff;
font-size: 13px;
font-weight: 700;
white-space: nowrap;
cursor: pointer;
text-decoration: none;
transition: background .2s ease, color .2s ease;
}
.btn:hover {
background: var(--mk-red);
color: #fff;
}
.btn .mk-icon,
.read-more .mk-icon,
.faq-cta-btn .mk-icon {
margin: 0;
}
.support-btn.btn {
padding: 0 17px;
background: var(--mk-red);
box-shadow: 0 9px 20px rgba(226, 0, 26, .22);
}
.support-btn.btn:hover {
background: var(--mk-red-dark);
}
.mobile-menu-btn.btn {
padding: 0 17px;
background: var(--mk-black);
}
.hero-search .btn {
min-height: 50px;
padding: 0 30px;
border-radius: 16px;
background: var(--mk-red);
font-size: 15px;
}
.hero-search .btn:hover {
background: var(--mk-red-dark);
}
.screen-reader-text,
.skip-link {
position: fixed;
top: -100vh;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-link:focus {
position: fixed;
top: 12px;
right: 12px;
z-index: 9999;
width: auto;
height: auto;
clip: auto;
padding: 10px 14px;
border-radius: 10px;
background: var(--mk-black);
color: #fff;
}
.container {
width: min(var(--mk-container), calc(100% - 32px));
margin-inline: auto;
}
.narrow-container {
width: min(900px, calc(100% - 32px));
margin-inline: auto;
}   .site-header {
position: sticky;
top: 0;
z-index: 1000;
margin: 0;
min-height: var(--mk-header-height);
background: rgba(255, 255, 255, .96);
backdrop-filter: blur(16px);
border-bottom: 1px solid rgba(230, 231, 236, .86);
transition: box-shadow .25s ease;
}
body.admin-bar .site-header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .site-header {
top: 46px;
}
}
@media (max-width: 1120px) {
.site-header {
backdrop-filter: none;
background: rgba(255, 255, 255, .98);
}
}
.site-header.is-scrolled {
box-shadow: 0 10px 28px rgba(10, 11, 18, .07);
}
.header-inner {
display: flex;
align-items: center;
gap: 22px;
min-height: var(--mk-header-height);
padding-block: 0;
}
.site-logo {
display: inline-flex;
flex: 0 0 auto;
}
.site-logo img {
display: block;
width: 135px;
height: auto;
aspect-ratio: 178 / 60;
}
.site-nav {
flex: 1 1 auto;
}
.site-nav__mobile-head {
display: none;
}
.menu-list,
.sub-menu {
list-style: none;
margin: 0;
padding: 0;
}
.site-nav > .menu-list {
display: flex;
align-items: center;
gap: 4px;
}
.menu-item {
position: relative;
}
.site-nav .menu-item > a {
display: flex;
align-items: center;
min-height: 44px;
padding: 10px 12px;
border-radius: 14px;
font-weight: 700;
color: #2a2b31;
white-space: nowrap;
}
.site-nav .menu-item > a:hover,
.site-nav .menu-item:hover > a {
background: #f2f3f5;
color: var(--mk-red);
}
.submenu-icon {
margin-right: 6px;
opacity: .72;
}
.site-nav .submenu-toggle,
.site-nav .is-parent-link {
display: none;
}
.site-nav .sub-menu {
position: absolute;
top: calc(100% + 8px);
right: 0;
min-width: 250px;
padding: 10px;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-md);
background: #fff;
box-shadow: var(--mk-shadow-soft);
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: .18s ease;
}
.site-nav .sub-menu .sub-menu {
top: 0;
right: calc(100% + 8px);
}
.site-nav .menu-item:hover > .sub-menu,
.site-nav .menu-item:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
@media (min-width: 1121px) {
.site-nav .sub-menu[hidden] {
display: block !important;
}
}
.site-nav .sub-menu a {
display: flex;
align-items: center;
min-height: 38px;
padding: 8px 12px;
border-radius: 12px;
font-size: 13px;
font-weight: 700;
}
.site-nav .sub-menu a:hover {
background: #f7f7f9;
color: var(--mk-red);
}
.header-actions {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 10px;
}
.support-btn,
.mobile-menu-btn {
min-height: 42px;
border: 0;
border-radius: 999px;
font-weight: 700;
cursor: pointer;
}
.mobile-menu-btn {
display: none;
color: #fff;
}
.mobile-menu-backdrop {
position: fixed;
inset: 0;
z-index: 900;
background: rgba(10, 11, 18, .52);
}   .hero-section {
position: relative;
display: flex;
align-items: center;
min-height: 420px;
overflow: hidden;
color: #fff;
background:
radial-gradient(circle at 18% 18%, rgba(226, 0, 26, .34), transparent 30%),
radial-gradient(circle at 82% 24%, rgba(226, 0, 26, .12), transparent 24%),
linear-gradient(135deg, #111218 0%, #1b1c22 42%, #050608 100%);
}
.hero-section::before {
content: "";
position: absolute;
inset: -20% -10%;
background: radial-gradient(circle at 50% 40%, rgba(226, 0, 26, .14), transparent 58%);
animation: hero-section-aurora 9s ease-in-out infinite;
pointer-events: none;
}
.hero-section::after {
content: "";
position: absolute;
inset: auto -10% -35% -10%;
height: 55%;
background: linear-gradient(to top, var(--mk-bg), transparent);
pointer-events: none;
}
.hero-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(240px, .95fr);
align-items: center;
gap: clamp(24px, 4vw, 56px);
padding: 72px 0 96px;
}
.hero-content {
min-width: 0;
}
.hero-visual {
display: flex;
justify-content: center;
align-items: center;
min-height: 360px;
overflow: visible;
}
.hero-scene {
--hero-spin-outer: 22s;
--hero-spin-inner: 14s;
--hero-spin-hub: 10s;
--hero-spin-aurora: 16s;
--hero-spin-grid: 48s;
position: relative;
z-index: 1;
width: min(100%, 430px);
aspect-ratio: 1;
overflow: visible;
animation: hero-scene-enter 1.1s cubic-bezier(.22, 1, .36, 1) .15s both;
}
@keyframes hero-scene-enter {
from {
opacity: 0;
transform: scale(.88) translateY(20px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.hero-scene__glow {
position: absolute;
inset: 8%;
border-radius: 50%;
background: radial-gradient(circle, rgba(226, 0, 26, .42) 0%, rgba(226, 0, 26, .12) 42%, transparent 72%);
filter: blur(10px);
animation: hero-glow-pulse 3.2s ease-in-out infinite;
}
.hero-scene__glow--soft {
inset: 0;
background: radial-gradient(circle, rgba(255, 120, 130, .16) 0%, transparent 62%);
filter: blur(18px);
animation: hero-glow-pulse 5.5s ease-in-out infinite reverse;
}
.hero-scene__aurora {
position: absolute;
inset: -6%;
border-radius: 50%;
background: conic-gradient(
from 0deg,
transparent 0deg,
rgba(226, 0, 26, .22) 40deg,
transparent 80deg,
rgba(255, 255, 255, .08) 140deg,
transparent 200deg,
rgba(226, 0, 26, .18) 280deg,
transparent 360deg
);
filter: blur(14px);
opacity: .75;
animation: hero-aurora-spin var(--hero-spin-aurora) linear infinite;
}
@keyframes hero-section-aurora {
0%,
100% {
opacity: .55;
transform: scale(1) translateY(0);
}
50% {
opacity: .9;
transform: scale(1.06) translateY(-8px);
}
}
@keyframes hero-aurora-spin {
to {
transform: rotate(360deg);
}
}
@keyframes hero-glow-pulse {
0%,
100% {
opacity: .75;
transform: scale(.96);
}
50% {
opacity: 1;
transform: scale(1.04);
}
}
.hero-scene__grid {
position: absolute;
inset: 0;
border-radius: 50%;
background:
repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 24px),
repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 24px);
mask-image: radial-gradient(circle, #000 35%, transparent 72%);
opacity: .65;
animation: hero-grid-spin var(--hero-spin-grid) linear infinite;
}
@keyframes hero-grid-spin {
to {
transform: rotate(360deg);
}
}
.hero-scene__orbit {
position: absolute;
inset: 0;
z-index: 1;
overflow: visible;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, .14);
}
.hero-scene__orbit--outer {
border-color: rgba(255, 255, 255, .22);
box-shadow:
0 0 24px rgba(226, 0, 26, .18),
inset 0 0 28px rgba(226, 0, 26, .08);
animation: hero-orbit-spin var(--hero-spin-outer) linear infinite, hero-orbit-pulse 2.8s ease-in-out infinite;
}
.hero-scene__orbit--inner {
inset: 18%;
border-style: dashed;
border-color: rgba(255, 255, 255, .28);
box-shadow: 0 0 18px rgba(255, 255, 255, .08);
animation: hero-orbit-spin-reverse var(--hero-spin-inner) linear infinite, hero-orbit-pulse 3.4s ease-in-out infinite reverse;
}
@keyframes hero-orbit-pulse {
0%,
100% {
filter: brightness(1);
}
50% {
filter: brightness(1.35);
}
}
.hero-scene__orbit-trail {
position: absolute;
top: 0;
left: 50%;
z-index: 0;
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 16px rgba(255, 255, 255, .8);
transform: translate(-50%, -50%);
pointer-events: none;
}
.hero-scene__orbit-trail--inner {
width: 7px;
height: 7px;
background: var(--mk-red);
box-shadow: 0 0 14px rgba(226, 0, 26, .9);
}
.hero-scene__planet {
position: absolute;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 82px;
height: 82px;
padding: 8px;
border-radius: 50%;
background-color: rgba(17, 18, 24, .88);
border: 1px solid rgba(255, 255, 255, .24);
box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
font-size: 10px;
font-weight: 800;
color: #fff;
letter-spacing: -.2px;
transform: translate(-50%, -50%);
animation: hero-planet-highlight 17.5s ease-in-out infinite;
}
.hero-scene__planet::after {
content: "";
position: absolute;
inset: -6px;
border-radius: 50%;
border: 2px solid rgba(255, 160, 168, 0);
opacity: 0;
animation: hero-planet-ring 17.5s ease-in-out infinite;
}
.hero-scene__planet--1::after { animation-delay: 0s; }
.hero-scene__planet--2::after { animation-delay: -2.5s; }
.hero-scene__planet--3::after { animation-delay: -5s; }
.hero-scene__planet--4::after { animation-delay: -7.5s; }
.hero-scene__planet--5::after { animation-delay: -10s; }
.hero-scene__planet--6::after { animation-delay: -12.5s; }
.hero-scene__planet--7::after { animation-delay: -15s; }
@keyframes hero-planet-ring {
0%,
100% {
opacity: 0;
transform: scale(.92);
border-color: rgba(255, 160, 168, 0);
}
5%,
9% {
opacity: 1;
transform: scale(1.18);
border-color: rgba(255, 190, 196, .85);
}
14.28% {
opacity: 0;
transform: scale(1.28);
border-color: rgba(255, 160, 168, 0);
}
}
.hero-scene__orbit--inner .hero-scene__planet {
width: 74px;
height: 74px;
padding: 7px;
font-size: 9px;
}
@keyframes hero-planet-highlight {
0%,
100% {
background-color: rgba(17, 18, 24, .88);
border-color: rgba(255, 255, 255, .24);
box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
transform: translate(-50%, -50%) scale(1);
}
4%,
10% {
background-color: var(--mk-red);
border-color: rgba(255, 200, 206, .88);
box-shadow:
0 0 32px rgba(226, 0, 26, .72),
0 0 64px rgba(226, 0, 26, .28);
transform: translate(-50%, -50%) scale(1.1);
}
14.28% {
background-color: rgba(17, 18, 24, .88);
border-color: rgba(255, 255, 255, .24);
box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
transform: translate(-50%, -50%) scale(1);
}
}
.hero-scene__planet--1 {
top: 0;
left: 50%;
animation-delay: 0s;
}
.hero-scene__planet--2 {
top: 50%;
left: 100%;
animation-delay: -2.5s;
}
.hero-scene__planet--3 {
top: 100%;
left: 50%;
animation-delay: -5s;
}
.hero-scene__planet--4 {
top: 50%;
left: 0;
animation-delay: -7.5s;
}
.hero-scene__planet--5 {
top: 0;
left: 50%;
animation-delay: -10s;
}
.hero-scene__planet--6 {
top: 75%;
left: 93.3%;
animation-delay: -12.5s;
}
.hero-scene__planet--7 {
top: 75%;
left: 6.7%;
animation-delay: -15s;
}
.hero-scene__planet-inner {
position: relative;
z-index: 1;
display: block;
max-width: 100%;
line-height: 1.15;
text-align: center;
white-space: normal;
text-shadow: 0 1px 8px rgba(0, 0, 0, .35);
}
.hero-scene__orbit--outer .hero-scene__planet-inner {
animation: hero-orbit-spin-reverse var(--hero-spin-outer) linear infinite;
}
.hero-scene__orbit--inner .hero-scene__planet-inner {
animation: hero-orbit-spin var(--hero-spin-inner) linear infinite;
}
.hero-scene__hub {
position: absolute;
inset: 30%;
z-index: 2;
display: grid;
place-items: center;
}
.hero-scene__hub-ring {
position: absolute;
inset: 0;
border: 3px solid rgba(255, 255, 255, .28);
border-radius: 50%;
box-shadow:
0 0 24px rgba(255, 255, 255, .12),
inset 0 0 18px rgba(226, 0, 26, .2);
animation: hero-orbit-spin var(--hero-spin-hub) linear infinite, hero-hub-ring-pulse 2.4s ease-in-out infinite;
}
@keyframes hero-hub-ring-pulse {
0%,
100% {
box-shadow:
0 0 24px rgba(255, 255, 255, .12),
inset 0 0 18px rgba(226, 0, 26, .2);
}
50% {
box-shadow:
0 0 36px rgba(226, 0, 26, .42),
inset 0 0 28px rgba(226, 0, 26, .35);
}
}
.hero-scene__hub-ring::before {
content: "";
position: absolute;
inset: 18%;
border: 2px dashed rgba(226, 0, 26, .55);
border-radius: 50%;
}
.hero-scene__hub-core {
display: flex;
align-items: center;
justify-content: center;
width: 42%;
aspect-ratio: 1;
border-radius: 50%;
background:
radial-gradient(circle at 32% 28%, #ff6b79 0%, var(--mk-red) 38%, #8f0012 100%);
box-shadow:
0 0 36px rgba(226, 0, 26, .68),
0 0 72px rgba(226, 0, 26, .22),
inset 0 -8px 18px rgba(0, 0, 0, .28);
animation: hero-core-breathe 2.2s ease-in-out infinite;
}
.hero-scene__kia-logo {
display: block;
width: clamp(54px, 72%, 78px) !important;
height: auto !important;
color: #fff;
filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .28));
animation: hero-logo-glow 2.2s ease-in-out infinite;
}
@keyframes hero-logo-glow {
0%,
100% {
opacity: .92;
filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .28));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 14px rgba(255, 255, 255, .45));
}
}
@keyframes hero-core-breathe {
0%,
100% {
transform: scale(1);
box-shadow:
0 0 36px rgba(226, 0, 26, .68),
0 0 72px rgba(226, 0, 26, .22),
inset 0 -8px 18px rgba(0, 0, 0, .28);
}
50% {
transform: scale(1.08);
box-shadow:
0 0 48px rgba(226, 0, 26, .82),
0 0 90px rgba(226, 0, 26, .32),
inset 0 -8px 18px rgba(0, 0, 0, .28);
}
}
.hero-scene__spark {
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
opacity: 0;
box-shadow: 0 0 12px rgba(255, 255, 255, .75);
animation: hero-spark-float 4.2s ease-in-out infinite;
}
.hero-scene__spark--1 {
top: 16%;
left: 22%;
animation-delay: 0s;
}
.hero-scene__spark--2 {
top: 68%;
left: 14%;
animation-delay: 1.4s;
}
.hero-scene__spark--3 {
top: 28%;
right: 12%;
animation-delay: 2.6s;
}
.hero-scene__spark--4 {
top: 44%;
left: 8%;
width: 6px;
height: 6px;
background: rgba(255, 180, 188, .95);
box-shadow: 0 0 14px rgba(226, 0, 26, .65);
animation-delay: .8s;
}
.hero-scene__spark--5 {
top: 82%;
right: 28%;
width: 5px;
height: 5px;
animation-delay: 3.2s;
}
@keyframes hero-orbit-spin {
to {
transform: rotate(360deg);
}
}
@keyframes hero-orbit-spin-reverse {
to {
transform: rotate(-360deg);
}
}
@keyframes hero-spark-float {
0%,
100% {
opacity: 0;
transform: translateY(10px) scale(.5);
}
18%,
72% {
opacity: 1;
}
50% {
opacity: 1;
transform: translateY(-18px) scale(1.15);
}
}
@media (prefers-reduced-motion: reduce) {
.hero-brand {
animation: none;
}
.hero-scene,
.hero-scene__glow,
.hero-scene__aurora,
.hero-scene__grid,
.hero-scene__orbit,
.hero-scene__orbit-trail,
.hero-scene__planet,
.hero-scene__planet::after,
.hero-scene__planet-inner,
.hero-scene__hub-ring,
.hero-scene__hub-core,
.hero-scene__kia-logo,
.hero-scene__spark,
.hero-section::before {
animation: none;
}
}
.hero-title {
margin: 0;
font-size: clamp(48px, 7vw, 92px);
line-height: 1.1;
letter-spacing: -2px;
}
.hero-brand {
display: inline-block;
color: #fff;
}
@media (prefers-reduced-motion: no-preference) {
.hero-brand {
animation: hero-brand-shine 6s ease-in-out 2s infinite;
}
}
@keyframes hero-brand-shine {
0%,
100% {
text-shadow: 0 0 0 rgba(255, 200, 206, 0);
}
50% {
text-shadow: 0 0 28px rgba(255, 180, 188, .5);
}
}
.hero-content p {
margin: 10px 0 28px;
font-size: clamp(18px, 2.1vw, 28px);
font-weight: 500;
color: #e8e9ef;
}
.hero-search {
display: flex;
align-items: center;
max-width: 720px;
padding: 8px;
border-radius: 22px;
background: #fff;
box-shadow: 0 22px 55px rgba(0, 0, 0, .22);
}
.hero-search input {
flex: 1;
min-width: 0;
padding: 15px 16px;
border: 0;
outline: none;
color: var(--mk-text);
}
.hero-search button {
cursor: pointer;
}
.finder-shell {
position: relative;
z-index: 2;
margin-top: -92px;
padding: clamp(20px, 3vw, 34px);
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-lg);
background: #fff;
box-shadow: var(--mk-shadow);
}   .catalog-showcase {
position: relative;
overflow: hidden;
padding-bottom: 52px;
background:
radial-gradient(ellipse at 12% 0%, rgba(226, 0, 26, .2), transparent 44%),
radial-gradient(ellipse at 88% 100%, rgba(226, 0, 26, .12), transparent 40%),
linear-gradient(180deg, #0f1015 0%, #171920 48%, #101118 100%);
}
.catalog-showcase::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px);
background-size: 52px 52px;
mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
pointer-events: none;
}
.catalog-showcase .products-section,
.catalog-showcase .category-cards-section {
position: relative;
z-index: 1;
background: transparent;
}
.catalog-showcase .products-section {
padding-bottom: 24px;
}
.catalog-showcase .category-cards-section {
padding-top: 0;
}
.catalog-showcase .category-cards-section::before {
content: "";
display: block;
width: min(220px, 42%);
height: 1px;
margin: 0 auto 30px;
background: linear-gradient(to left, transparent, rgba(226, 0, 26, .55), transparent);
}
.catalog-showcase .section-head h2 {
color: #fff;
}
.catalog-showcase .section-head h2 .mk-icon {
color: var(--mk-red);
}
.catalog-showcase .product-card {
border-color: rgba(255, 255, 255, .08);
box-shadow: 0 16px 40px rgba(0, 0, 0, .32);
}
.catalog-showcase .product-card:hover {
box-shadow: 0 22px 48px rgba(0, 0, 0, .42);
}
.catalog-showcase .category-card {
background: rgba(255, 255, 255, .05);
border-color: rgba(255, 255, 255, .1);
backdrop-filter: blur(10px);
box-shadow: 0 12px 32px rgba(0, 0, 0, .24);
}
.catalog-showcase .category-card:hover {
background: rgba(255, 255, 255, .09);
border-color: rgba(226, 0, 26, .38);
box-shadow: 0 18px 42px rgba(0, 0, 0, .34);
}
.catalog-showcase .category-card-title {
color: #eef0f4;
}   .section {
padding: 52px 0;
}
.latest-posts-section {
padding-top: 28px;
}
.more-posts-section,
.faq-section {
background: #fff;
}
.promo-banners-section {
padding-top: 28px;
padding-bottom: 28px;
}
.section-head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 26px;
}
.section-head.is-center {
display: block;
text-align: center;
margin-bottom: 28px;
}
.section-head h2 {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: clamp(23px, 3vw, 32px);
color: var(--mk-black);
}
.section-more-link {
margin-top: 26px;
text-align: center;
}   .latest-grid {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr;
gap: 18px;
}
.product-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 18px;
}
.archive-product-grid,
.product-related .product-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.archive-product-grid {
margin-top: 0;
}
.category-card-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 16px;
}
.more-posts-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.archive-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.post-card,
.product-card,
.category-card,
.archive-card,
.single-content-card,
.page-content-card,
.not-found-card {
overflow: hidden;
border: 1px solid var(--mk-border);
background: #fff;
box-shadow: var(--mk-shadow-soft);
}
.post-card,
.category-card,
.archive-card,
.single-content-card,
.page-content-card,
.not-found-card {
border-radius: var(--mk-radius-md);
}
.product-card {
border-radius: 25px;
}
.products-section .product-card {
display: flex;
flex-direction: column;
overflow: hidden;
}
.product-card-link {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
color: inherit;
text-decoration: none;
}
.products-section .product-card-link {
height: 100%;
}
.products-section .product-card-media {
position: relative;
flex: 0 0 auto;
width: 100%;
aspect-ratio: 1 / 1;
}
.products-section .product-card-image {
position: absolute;
inset: 0;
aspect-ratio: auto;
height: auto;
}
.products-section .product-card-image img {
position: absolute;
inset: 18px;
width: calc(100% - 36px);
height: calc(100% - 36px);
object-fit: contain;
}
.products-section .product-card h3 {
display: -webkit-box;
overflow: hidden;
flex: 0 0 53px;
min-height: 53px;
max-height: 53px;
margin: 0;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.products-section .product-card-body {
display: flex;
flex: 0 0 140px;
flex-direction: column;
box-sizing: border-box;
height: 140px;
min-height: 140px;
overflow: hidden;
justify-content: flex-start;
}
.products-section .product-price {
flex: 0 0 48px;
min-height: 48px;
margin-top: 10px;
overflow: hidden;
}
.products-grid-shell {
min-height: 0;
}
.post-card {
position: relative;
display: flex;
flex-direction: column;
transition: transform .2s ease, box-shadow .2s ease;
}
.post-card-link,
.archive-card-link {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
color: inherit;
text-decoration: none;
}
.post-card.is-large .post-card-link {
position: relative;
display: block;
height: 100%;
min-height: 460px;
}
.post-card-link:hover,
.product-card-link:hover,
.archive-card-link:hover,
.category-card:hover {
transform: translateY(-4px);
box-shadow: var(--mk-shadow);
}
.post-card.is-large {
grid-row: span 2;
}
.post-card-image,
.archive-card-image {
display: block;
overflow: hidden;
background: #e9eaee;
}
.post-card-image {
aspect-ratio: 16 / 10;
}
.post-card-image img,
.archive-card-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
transition: transform .35s ease;
}
.post-card-link:hover img,
.archive-card-link:hover img {
transform: scale(1.04);
}
.post-card.is-large .post-card-image {
height: 100%;
min-height: 460px;
aspect-ratio: auto;
}
.post-card.is-large .post-card-image img {
width: 100%;
height: 100%;
min-height: 460px;
aspect-ratio: auto;
object-fit: cover;
}
.post-card.is-large .post-card-body {
position: absolute;
inset: auto 16px 16px;
z-index: 1;
width: auto;
padding: 18px;
border-radius: var(--mk-radius-md);
background: rgba(255, 255, 255, .94);
backdrop-filter: blur(12px);
}
.post-card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
padding: 16px;
}
.post-card h3,
.product-card h3,
.archive-card h2 {
margin: 0;
font-size: 15px;
line-height: 1.75;
color: var(--mk-black);
}
.archive-card h2 {
display: -webkit-box;
overflow: hidden;
min-height: calc(1.75em * 2);
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.post-card.is-large h3 {
font-size: 20px;
}
.image-placeholder {
aspect-ratio: 16 / 10;
background: linear-gradient(135deg, #f0f1f4, #dde0e7);
}
.read-more {
display: inline-flex;
align-items: center;
gap: 6px;
align-self: flex-start;
color: var(--mk-red);
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.post-card .read-more {
margin-top: max(14px, auto);
}
.read-more .mk-icon {
margin: 0;
}
.read-more--card {
margin-top: auto;
padding: 8px 16px;
border: 1px solid rgba(226, 0, 26, .22);
border-radius: 999px;
background: rgba(226, 0, 26, .06);
}
a.read-more--card:hover,
.archive-card-link:hover .read-more--card {
background: var(--mk-red);
border-color: var(--mk-red);
color: #fff;
}
.archive-card-meta {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 10px 0 12px;
color: var(--mk-muted);
font-size: 12px;
}
.archive-card-meta__item {
display: inline-flex;
align-items: center;
gap: 5px;
}
.archive-card-meta__item .mk-icon {
flex-shrink: 0;
opacity: .85;
}
.post-meta {
display: flex;
gap: 14px;
margin-top: 10px;
color: var(--mk-muted);
font-size: 12px;
}
.post-meta span {
display: inline-flex;
align-items: center;
}
.product-card-media {
position: relative;
}
.product-card-badge {
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(0, 124, 17, .37);
color: #007c11;
}
.product-card-badge .mk-icon {
width: 13px;
height: 13px;
}
.product-card-action {
position: absolute;
bottom: 12px;
left: 12px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: var(--mk-red);
color: #fff;
box-shadow: 0 6px 16px rgba(226, 0, 26, .25);
transition: background .2s ease;
}
.product-card-action .mk-icon {
width: 14px;
height: 14px;
}
.product-card-action:hover,
.product-card-link:hover .product-card-action {
background: var(--mk-red-dark);
color: #fff;
}
.product-card-image {
aspect-ratio: 1 / 1;
display: block;
overflow: hidden;
padding: 18px;
background: #fff;
}
.product-card:hover .product-card-image img,
.product-card-link:hover .product-card-image img {
transform: scale(1.04);
}
.product-card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
transition: transform .35s ease;
}
.product-card-image .mk-product-no-image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 100%;
background: linear-gradient(135deg, #f0f1f4, #dde0e7);
color: var(--mk-muted);
font-size: 13px;
font-weight: 700;
text-align: center;
line-height: 1.6;
}
.product-card-body {
padding: 14px;
}
.product-price {
margin-top: 10px;
color: var(--mk-red);
font-size: 13px;
font-weight: 700;
}
.product-price span {
display: block;
color: var(--mk-muted);
font-weight: 700;
}
.category-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
min-height: 190px;
padding: 18px 14px;
text-align: center;
}
.category-card img {
width: auto;
max-width: 118px;
max-height: 118px;
height: auto;
object-fit: contain;
}
.category-card-title {
font-size: 14px;
font-weight: 700;
line-height: 1.6;
color: var(--mk-black);
}
.promo-banners {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
align-items: stretch;
}
.promo-banners-col {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 16px;
}
.promo-banner {
display: block;
overflow: hidden;
border: 1px solid rgba(32, 34, 38, .08);
border-radius: 25px;
background: #fff;
box-shadow: var(--mk-shadow-soft);
transition: transform .22s ease, box-shadow .22s ease;
}
.promo-banner:hover {
transform: translateY(-3px);
box-shadow: var(--mk-shadow);
}
.promo-banners-col .promo-banner {
aspect-ratio: 680 / 246;
}
.promo-banner--tall {
aspect-ratio: 680 / 512;
}
.promo-banner img {
width: 100%;
height: 100%;
object-fit: cover;
}   .faq-list {
display: grid;
gap: 12px;
max-width: 940px;
margin: 0 auto;
}
.faq-item {
padding: 0 18px;
border: 1px solid var(--mk-border);
border-radius: 16px;
background: #fbfbfc;
}
.faq-item summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 16px 0;
font-weight: 700;
color: var(--mk-black);
cursor: pointer;
list-style: none;
}
.faq-item summary::-webkit-details-marker {
display: none;
}
.faq-item summary::after {
content: "";
flex-shrink: 0;
width: 8px;
height: 8px;
border-right: 2px solid var(--mk-muted);
border-bottom: 2px solid var(--mk-muted);
transform: rotate(45deg);
transition: transform .2s ease, border-color .2s ease;
}
.faq-item[open] summary::after {
transform: rotate(225deg);
border-color: var(--mk-red);
}
.faq-item p,
.faq-answer ul,
.faq-answer li {
margin: 0 0 14px;
color: #3e4049;
}
.faq-answer a,
.seo-content a {
color: var(--mk-red);
font-weight: 700;
}
.faq-cta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
max-width: 940px;
margin: 28px auto 0;
padding: 24px 28px;
border: 1px solid rgba(226, 0, 26, .14);
border-radius: var(--mk-radius-lg);
background:
radial-gradient(circle at 100% 0, rgba(226, 0, 26, .12), transparent 42%),
linear-gradient(135deg, #111218 0%, #1b1c22 100%);
box-shadow: var(--mk-shadow-soft);
color: #fff;
}
.faq-cta-body {
display: flex;
align-items: center;
gap: 16px;
flex: 1 1 280px;
}
.faq-cta-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 54px;
height: 54px;
border-radius: 50%;
background: rgba(226, 0, 26, .18);
color: #fff;
}
.faq-cta-text strong {
display: block;
margin-bottom: 4px;
font-size: 17px;
color: #fff;
}
.faq-cta-text p {
margin: 0;
color: #e2e4ea;
font-size: 14px;
line-height: 1.8;
}
.faq-cta-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.faq-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 0 20px;
border-radius: 999px;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.faq-cta-btn--call {
background: var(--mk-red);
color: #fff;
box-shadow: 0 8px 20px rgba(226, 0, 26, .28);
}
.faq-cta-btn--call:hover {
background: var(--mk-red-dark);
color: #fff;
transform: translateY(-2px);
}
.faq-cta-btn--contact {
background: #fff;
color: var(--mk-black);
}
.faq-cta-btn--contact:hover {
background: #f2f3f5;
color: var(--mk-black);
transform: translateY(-2px);
}
.seo-content {
position: relative;
padding: clamp(22px, 4vw, 44px);
padding-bottom: 70px;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-lg);
background: #fff;
box-shadow: var(--mk-shadow-soft);
overflow: hidden;
transition: max-height .5s ease;
}
html:not(.js) .readmore {
max-height: none;
}
html:not(.js) .readmore::after {
display: none;
}
html:not(.js) .readmore-toggle {
display: none;
}
.seo-content.readmore.is-collapsible {
max-height: var(--mk-readmore-height);
}
.seo-content.readmore.is-collapsible::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 120px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
pointer-events: none;
opacity: 1;
transition: opacity .3s ease;
}
.seo-content.readmore.is-expanded::after {
opacity: 0;
}
.readmore-toggle {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 148px;
padding: 10px 28px;
border: 0;
border-radius: 30px;
background: linear-gradient(135deg, #111218, #33353d);
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
cursor: pointer;
box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
transform: translateX(-50%);
transition: transform .3s ease, box-shadow .3s ease;
}
.readmore-toggle:hover {
transform: translateX(-50%) translateY(-3px);
box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}
.readmore-toggle[hidden] {
display: none;
}
.seo-content h2 {
margin: 28px 0 10px;
font-size: 24px;
color: var(--mk-black);
}
.seo-content p {
color: #3e4049;
}
.seo-content a:hover {
color: var(--mk-red-dark);
}   .site-footer {
padding-top: 52px;
background: var(--mk-black);
color: #fff;
}
.footer-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
gap: 30px;
}
.footer-logo img {
width: 135px;
margin-bottom: 16px;
filter: brightness(0) invert(1);
}
.footer-about p,
.footer-col li {
color: #c8cbd2;
}
.footer-about p a {
color: #fff;
font-weight: 700;
}
.footer-about p a:hover {
color: var(--mk-red);
}
.footer-credit-logo {
display: inline-block;
margin-top: 16px;
}
.footer-credit-logo img {
width: 170px;
height: auto;
}
.footer-col__title {
margin: 0 0 14px;
font-size: 17px;
font-weight: 700;
color: #fff;
}
.footer-col ul {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.contact-list li,
.footer-col li a {
display: inline-flex;
align-items: center;
gap: 8px;
}
.footer-quick-links a {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
color: #c8cbd2;
}
.footer-quick-links a:hover {
color: #fff;
}
.footer-quick-links .mk-icon {
flex-shrink: 0;
color: var(--mk-red);
}
.footer-quick-links span {
flex: 1;
}
.contact-list li .mk-icon {
color: var(--mk-red);
}
.social-links {
display: grid;
gap: 8px;
}
.social-link {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px 8px 8px;
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 14px;
background: rgba(255, 255, 255, .04);
color: #fff;
font-size: 14px;
font-weight: 600;
transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.social-link__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
flex-shrink: 0;
border-radius: 12px;
transition: transform .2s ease, box-shadow .2s ease;
}
.social-link__icon .mk-icon {
width: 20px;
height: 20px;
}
.social-link__label {
flex: 1;
min-width: 0;
}
.social-link--telegram .social-link__icon {
background: linear-gradient(145deg, #3dbbf5, #229ed9);
box-shadow: 0 4px 14px rgba(34, 158, 217, .32);
}
.social-link--instagram .social-link__icon {
background: linear-gradient(145deg, #f58529, #dd2a7b 52%, #8134af);
box-shadow: 0 4px 14px rgba(221, 42, 123, .32);
}
.social-link--whatsapp .social-link__icon {
background: linear-gradient(145deg, #5efc82, #25d366);
box-shadow: 0 4px 14px rgba(37, 211, 102, .28);
}
.social-link:hover {
color: #fff;
background: rgba(255, 255, 255, .08);
transform: translateY(-2px);
box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}
.social-link--telegram:hover {
border-color: rgba(34, 158, 217, .42);
}
.social-link--instagram:hover {
border-color: rgba(221, 42, 123, .42);
}
.social-link--whatsapp:hover {
border-color: rgba(37, 211, 102, .42);
}
.social-link:hover .social-link__icon {
transform: scale(1.06);
}
.social-link--telegram:hover .social-link__icon {
box-shadow: 0 6px 18px rgba(34, 158, 217, .42);
}
.social-link--instagram:hover .social-link__icon {
box-shadow: 0 6px 18px rgba(221, 42, 123, .42);
}
.social-link--whatsapp:hover .social-link__icon {
box-shadow: 0 6px 18px rgba(37, 211, 102, .38);
}
.footer-bottom {
margin-top: 34px;
padding: 16px 0;
border-top: 1px solid rgba(255, 255, 255, .08);
color: #b9bdc6;
font-size: 13px;
text-align: center;
}   .archive-main,
.single-main,
.page-main,
.not-found-main {
padding: 52px 0;
}
.archive-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
gap: 28px;
align-items: start;
}
.archive-main-col {
min-width: 0;
}
.archive-search {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 18px;
padding: 8px;
border: 1px solid var(--mk-border);
border-radius: 18px;
background: #fff;
box-shadow: var(--mk-shadow-soft);
}
.archive-search input {
flex: 1 1 auto;
min-width: 0;
padding: 12px 14px;
border: 0;
outline: none;
background: transparent;
color: var(--mk-text);
font-size: 14px;
font-weight: 600;
}
.archive-search input::placeholder {
color: #8b8d97;
}
.archive-search .btn {
min-height: 44px;
padding: 0 20px;
border-radius: 14px;
background: var(--mk-red);
font-size: 14px;
}
.archive-search .btn:hover {
background: var(--mk-red-dark);
}
.archive-header .archive-search + h1 {
margin-top: 0;
}
.archive-header__count {
margin: 8px 0 0;
color: var(--mk-muted);
font-size: 14px;
}
.search-intelligence {
display: grid;
gap: 18px;
margin-bottom: 28px;
}
.search-panel {
padding: 18px 20px;
border: 1px solid var(--mk-border);
border-radius: 20px;
background: #fff;
box-shadow: var(--mk-shadow-soft);
}
.search-panel__title {
margin: 0 0 12px;
font-size: 18px;
}
.search-panel__lead {
margin: 0 0 14px;
color: var(--mk-muted);
font-size: 14px;
}
.search-chip-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.search-chip {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 0 14px;
border: 1px solid rgba(226, 0, 26, .18);
border-radius: 999px;
background: rgba(226, 0, 26, .06);
color: var(--mk-text);
font-size: 13px;
font-weight: 700;
}
.search-chip:hover {
border-color: rgba(226, 0, 26, .35);
background: rgba(226, 0, 26, .12);
color: var(--mk-red);
}
.search-link-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.search-link-card {
display: flex;
flex-direction: column;
gap: 4px;
min-height: 72px;
padding: 14px 16px;
border: 1px solid var(--mk-border);
border-radius: 16px;
background: #fafbfc;
transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.search-link-card:hover {
border-color: rgba(226, 0, 26, .28);
background: #fff;
color: var(--mk-red);
}
.search-link-card__title {
font-size: 14px;
font-weight: 800;
}
.search-link-card__meta {
color: var(--mk-muted);
font-size: 12px;
font-weight: 600;
}
.search-results-group + .search-results-group {
margin-top: 28px;
}
.search-results-group__title {
margin: 0 0 16px;
font-size: 20px;
}
.sidebar-search__form {
display: flex;
align-items: center;
gap: 8px;
padding: 4px;
border: 1px solid var(--mk-border);
border-radius: 999px;
background: #f7f7f9;
}
.sidebar-search__form input {
flex: 1 1 auto;
min-width: 0;
padding: 10px 12px;
border: 0;
outline: none;
background: transparent;
color: var(--mk-text);
font-size: 13px;
font-weight: 600;
}
.sidebar-search__form input::placeholder {
color: #8b8d97;
}
.sidebar-search__form .btn {
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
gap: 0;
min-width: 38px;
min-height: 38px;
padding: 0;
border-radius: 50%;
background: var(--mk-red);
color: #fff;
}
.sidebar-search__form .btn:hover {
background: var(--mk-red-dark);
color: #fff;
}
.sidebar-search__form .btn .mk-icon {
display: block;
width: 16px;
height: 16px;
}
.sidebar-search__form .btn span {
display: none;
}
.archive-sidebar-col {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: calc(var(--mk-header-height) + 16px);
align-self: start;
}
.archive-sidebar {
padding: 18px;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-md);
background: #fff;
box-shadow: var(--mk-shadow-soft);
}
.popular-posts-sidebar {
position: static;
top: auto;
}
.archive-sidebar-contact.faq-cta,
.product-contact-panel.faq-cta {
max-width: none;
margin: 0;
}
.archive-sidebar-contact.faq-cta {
flex-direction: column;
align-items: stretch;
padding: 18px;
}
.archive-sidebar-contact .faq-cta-body,
.product-contact-panel .faq-cta-body {
flex-direction: row;
align-items: center;
gap: 10px;
}
.archive-sidebar-contact .faq-cta-body {
flex: 0 0 auto;
justify-content: center;
text-align: center;
}
.product-contact-panel .faq-cta-body {
flex: 1 1 auto;
text-align: right;
}
.archive-sidebar-contact .product-contact-panel__title,
.product-contact-panel__title {
font-size: 15px;
}
.product-contact-panel__title {
color: #fff;
}
.archive-sidebar-contact .faq-cta-actions,
.product-contact-panel .faq-cta-actions {
display: grid;
grid-template-columns: minmax(0, 1fr);
width: 100%;
gap: 8px;
}
.product-contact-panel .faq-cta-actions {
flex: 1 1 220px;
max-width: 280px;
}
.archive-sidebar-contact .faq-cta-icon {
width: 44px;
height: 44px;
}
.product-contact-panel .faq-cta-icon {
width: 40px;
height: 40px;
}
.archive-sidebar-contact .faq-cta-btn,
.product-contact-panel .faq-cta-btn {
display: flex;
width: 100%;
min-width: 0;
min-height: 38px;
justify-content: center;
font-size: 13px;
gap: 6px;
padding: 0 10px;
}
.archive-sidebar-contact .faq-cta-btn {
min-height: 40px;
padding: 0 12px;
}
.product-contact-panel .faq-cta-btn span[dir="ltr"] {
direction: ltr;
unicode-bidi: isolate;
font-variant-numeric: tabular-nums;
letter-spacing: .02em;
}
.product-contact-panel.faq-cta {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 14px;
}
.archive-sidebar__title {
margin: 0 0 14px;
padding-bottom: 12px;
border-bottom: 1px solid var(--mk-border);
font-size: 16px;
font-weight: 900;
color: var(--mk-black);
}
.archive-sidebar__list,
.archive-sidebar__sublist {
list-style: none;
margin: 0;
padding: 0;
}
.archive-sidebar__list--root {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid var(--mk-border);
}
.archive-sidebar__shop-label {
flex: 1;
min-width: 0;
}
.archive-sidebar__item--shop .mk-kia-logo {
flex-shrink: 0;
display: block;
opacity: .88;
}
.archive-sidebar__item--shop.is-current .mk-kia-logo {
opacity: 1;
}
.archive-sidebar__sublist {
margin: 4px 0 8px;
padding: 6px 10px 6px 0;
border-right: 2px solid rgba(226, 0, 26, .12);
border-radius: 0 12px 12px 0;
background: linear-gradient(270deg, #f8f9fb 0%, rgba(248, 249, 251, .35) 100%);
}
.archive-sidebar__sublist .archive-sidebar__item > a,
.archive-sidebar__sublist .archive-sidebar__item > .archive-sidebar__row > a {
font-size: 12px;
font-weight: 600;
color: #5c6070;
padding: 6px 10px;
}
.archive-sidebar__sublist .archive-sidebar__item > a:hover,
.archive-sidebar__sublist .archive-sidebar__item > .archive-sidebar__row > a:hover {
background: rgba(255, 255, 255, .85);
}
.archive-sidebar__sublist .archive-sidebar__item.is-current > a,
.archive-sidebar__sublist .archive-sidebar__item.is-current > .archive-sidebar__row > a {
background: #fff;
box-shadow: inset 0 0 0 1px rgba(226, 0, 26, .12);
}
.archive-sidebar__item.has-children > .archive-sidebar__row {
border-radius: 10px;
transition: background .2s ease;
}
.archive-sidebar__item.has-children.is-open > .archive-sidebar__row {
background: #f8f9fb;
}
.archive-sidebar__item.has-children.is-open > .archive-sidebar__row > a {
color: var(--mk-black);
font-weight: 800;
}
.archive-sidebar__sublist .archive-sidebar__toggle {
width: 28px;
min-height: 32px;
}
.archive-sidebar__list > .archive-sidebar__item + .archive-sidebar__item,
.archive-sidebar__sublist > .archive-sidebar__item + .archive-sidebar__item {
margin-top: 2px;
}
.archive-sidebar__row {
display: flex;
align-items: stretch;
gap: 4px;
}
.archive-sidebar__row > a {
flex: 1;
min-width: 0;
}
.archive-sidebar__toggle {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
min-height: 36px;
margin: 0;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--mk-muted);
cursor: pointer;
transition: background .2s ease, color .2s ease;
}
.archive-sidebar__toggle:hover {
background: #f2f3f5;
color: var(--mk-red);
}
.archive-sidebar__item.has-children.is-open > .archive-sidebar__row .archive-sidebar__toggle .mk-icon {
transform: rotate(180deg);
transition: transform .2s ease;
}
.archive-sidebar__toggle .mk-icon {
transition: transform .2s ease;
}
.archive-sidebar__item a,
.post-toc__item a {
display: block;
padding: 7px 10px;
border-radius: 10px;
color: var(--mk-text);
font-size: 13px;
font-weight: 700;
line-height: 1.65;
transition: background .2s ease, color .2s ease;
}
.archive-sidebar__item a:hover,
.post-toc__item a:hover {
background: #f2f3f5;
color: var(--mk-red);
}
.archive-sidebar__item--shop > .archive-sidebar__shop-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 10px 12px;
border: 1px solid rgba(226, 0, 26, .18);
border-radius: 12px;
background: linear-gradient(180deg, #fff 0%, #fff7f8 100%);
color: var(--mk-black);
font-size: 13px;
font-weight: 900;
line-height: 1.6;
box-shadow: 0 4px 14px rgba(226, 0, 26, .06);
}
.archive-sidebar__item--shop > .archive-sidebar__shop-link:hover {
border-color: rgba(226, 0, 26, .35);
background: #fff1f2;
color: var(--mk-red);
}
.archive-sidebar__item.is-current > a,
.archive-sidebar__item.is-current > .archive-sidebar__row > a,
.archive-sidebar__item.is-ancestor > a,
.archive-sidebar__item.is-ancestor > .archive-sidebar__row > a {
color: var(--mk-red);
}
.archive-sidebar__item.is-current > a,
.archive-sidebar__item.is-current > .archive-sidebar__row > a {
background: #fff1f2;
}
.archive-sidebar__item--shop.is-current > .archive-sidebar__shop-link {
border-color: var(--mk-red);
background: var(--mk-red);
color: #fff;
box-shadow: 0 8px 20px rgba(226, 0, 26, .22);
}
.archive-sidebar__item--shop.is-current > .archive-sidebar__shop-link:hover {
background: var(--mk-red-dark);
color: #fff;
}
.post-toc__list {
list-style: none;
margin: 0;
padding: 0;
}
.post-toc__sublist {
list-style: none;
margin: 2px 0 6px;
padding: 0 12px 0 0;
border-right: 2px solid rgba(226, 0, 26, .16);
}
.post-toc__item--h3 a {
font-size: 12px;
}
.sidebar-empty {
margin: 0;
color: var(--mk-muted);
font-size: 13px;
line-height: 1.8;
}
.single-layout .single-content-card {
margin: 0;
}
.single-sidebar {
display: flex;
flex-direction: column;
gap: 16px;
align-self: start;
position: sticky;
top: calc(var(--mk-header-height) + 16px);
}
.single-sidebar .archive-sidebar {
position: static;
flex-shrink: 0;
}
.popular-posts-grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.popular-post-card {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--mk-border);
border-radius: 14px;
background: #fff;
box-shadow: var(--mk-shadow-soft);
transition: transform .2s ease, box-shadow .2s ease;
}
.popular-post-card__link {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
color: inherit;
text-decoration: none;
}
.popular-post-card:has(.popular-post-card__link:hover) {
transform: translateY(-2px);
box-shadow: var(--mk-shadow);
}
.popular-post-card__image {
aspect-ratio: 16 / 10;
overflow: hidden;
background: #e9eaee;
}
.popular-post-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .35s ease;
}
.popular-post-card__link:hover img {
transform: scale(1.04);
}
.popular-post-card__body {
padding: 10px;
}
.popular-post-card__body h3 {
margin: 0;
font-size: 12px;
line-height: 1.65;
color: var(--mk-black);
}
.archive-term-description {
margin-top: 28px;
padding-top: 28px;
border-top: 1px solid var(--mk-border);
color: #3e4049;
font-size: 15px;
line-height: 1.9;
max-width: 100%;
min-width: 0;
}
.archive-term-description p {
margin: 0 0 14px;
}
.archive-term-description p:last-child {
margin-bottom: 0;
}
.archive-term-description a {
color: var(--mk-red);
font-weight: 700;
}
.catalog-main .archive-layout {
margin-top: 0;
}
.archive-header {
margin-bottom: 24px;
}
.archive-header--author {
margin-bottom: 28px;
}
.catalog-main .product-archive-list-heading {
margin: 0 0 16px;
font-size: clamp(18px, 2.5vw, 22px);
line-height: 1.5;
color: var(--mk-black);
}
.catalog-main .shop-toolbar {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 16px;
margin-bottom: 18px;
padding: 8px 10px;
border: 1px solid rgba(15, 17, 24, .06);
border-radius: 12px;
background: transparent;
box-shadow: none;
}
.catalog-main .woocommerce-result-count {
margin: 0;
text-align: right;
justify-self: start;
color: var(--mk-muted);
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
.catalog-main .shop-toolbar .woocommerce-result-count {
font-size: 13px;
color: #8b8f9a;
}
.catalog-main .woocommerce-ordering {
margin: 0;
}
.catalog-main .woocommerce-ordering__field {
position: relative;
display: inline-flex;
align-items: center;
}
.catalog-main .shop-toolbar .woocommerce-ordering select.orderby {
min-height: 38px;
border-color: rgba(15, 17, 24, .08);
background-color: rgba(255, 255, 255, .45);
}
.catalog-main .woocommerce-ordering select.orderby {
appearance: none;
min-width: 220px;
min-height: 42px;
padding: 0 16px 0 38px;
border: 1px solid var(--mk-border);
border-radius: 999px;
background-color: #fff;
background-image: none;
box-shadow: none;
color: var(--mk-text);
font-family: var(--mk-font);
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: border-color .2s ease, box-shadow .2s ease;
}
.catalog-main .woocommerce-ordering__icon {
position: absolute;
left: 14px;
display: inline-flex;
pointer-events: none;
color: #747783;
}
.catalog-main .woocommerce-ordering select.orderby:hover {
border-color: rgba(226, 0, 26, .35);
}
.catalog-main .woocommerce-ordering select.orderby:focus {
border-color: var(--mk-red);
outline: none;
box-shadow: 0 0 0 3px rgba(226, 0, 26, .1);
}
.archive-description {
margin-top: 10px;
color: var(--mk-muted);
font-size: 14px;
line-height: 1.9;
}
.mk-breadcrumb {
margin-bottom: 22px;
}
.mk-breadcrumb__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
color: var(--mk-muted);
font-size: 13px;
line-height: 1.8;
}
.mk-breadcrumb__item {
display: inline-flex;
align-items: center;
gap: 8px;
}
.mk-breadcrumb__item:not(:last-child)::after {
content: "/";
color: #b6b9c4;
}
.mk-breadcrumb__item a {
color: inherit;
text-decoration: none;
}
.mk-breadcrumb__item a:hover {
color: var(--mk-red);
}
.mk-breadcrumb__item:last-child {
color: var(--mk-black);
font-weight: 700;
}
.archive-header h1,
.single-header h1,
.page-header h1 {
margin: 0;
font-size: clamp(28px, 4vw, 42px);
line-height: 1.5;
color: var(--mk-black);
}
.archive-card {
display: flex;
flex-direction: column;
}
.archive-card-image {
flex-shrink: 0;
width: 100%;
}
.archive-card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
padding: 18px;
}
.archive-card-body p {
margin: 0 0 28px;
flex: 1 1 auto;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: var(--mk-muted);
font-size: 13px;
line-height: 1.85;
}
.authors-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.author-card {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-md);
background: #fff;
box-shadow: var(--mk-shadow-soft);
transition: transform .2s ease, box-shadow .2s ease;
}
.author-card:hover {
transform: translateY(-3px);
box-shadow: var(--mk-shadow);
}
.author-card__avatar {
display: flex;
justify-content: center;
padding: 24px 24px 0;
background: linear-gradient(180deg, #fff7f8 0%, #fff 100%);
}
.author-card__avatar img {
width: 96px;
height: 96px;
border: 1px solid rgba(226, 0, 26, .08);
border-radius: 50%;
object-fit: cover;
box-shadow: 0 4px 16px rgba(10, 11, 18, .1);
}
.author-card__body {
display: flex;
flex-direction: column;
flex: 1;
padding: 18px;
text-align: center;
}
.author-card__name {
margin: 0;
font-size: 18px;
line-height: 1.5;
}
.author-card__name a {
color: var(--mk-black);
}
.author-card__name a:hover {
color: var(--mk-red);
}
.author-card__count {
margin: 6px 0 0;
color: var(--mk-muted);
font-size: 13px;
}
.author-card__bio {
margin: 12px 0 0;
color: var(--mk-text);
font-size: 13px;
line-height: 1.85;
}
.author-card__link {
margin-top: 16px;
align-self: center;
}
.author-archive-header {
display: flex;
align-items: flex-start;
gap: 24px;
width: 100%;
padding: clamp(20px, 4vw, 28px);
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-md);
background: linear-gradient(180deg, #fff 0%, #f8f9fb 100%);
box-shadow: var(--mk-shadow-soft);
}
.author-archive-header__body {
flex: 1;
min-width: 0;
}
.author-archive-header__avatar img {
width: 120px;
height: 120px;
border: 1px solid var(--mk-border);
border-radius: 50%;
object-fit: cover;
box-shadow: var(--mk-shadow-soft);
}
.author-archive-header__body h1 {
margin: 0;
}
.author-archive-header__count {
margin: 8px 0 0;
color: var(--mk-muted);
font-size: 14px;
}
.author-archive-header__bio {
margin: 14px 0 0;
color: var(--mk-text);
font-size: 15px;
line-height: 1.9;
}
.nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 26px;
}
.nav-links a.page-numbers,
.nav-links span.page-numbers,
.mk-pagination .nav-links a,
.mk-pagination .nav-links span,
.product-review-pagination .page-numbers a,
.product-review-pagination .page-numbers span,
.post-comment-pagination .page-numbers a,
.post-comment-pagination .page-numbers span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 12px;
border: 1px solid var(--mk-border);
border-radius: 999px;
background: #fff;
color: var(--mk-text);
font-size: 13px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.nav-links a.page-numbers:hover {
border-color: var(--mk-red);
color: var(--mk-red);
}
.nav-links span.page-numbers.current,
.nav-links .current,
.product-review-pagination .page-numbers .current {
border-color: var(--mk-red);
background: var(--mk-red);
color: #fff;
}
.mk-pagination {
margin-top: 26px;
}
.mk-pagination .navigation.pagination {
margin: 0;
}
.mk-pagination .nav-links {
margin-top: 0;
}
.product-review-pagination .page-numbers,
.post-comment-pagination .page-numbers {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.single-content-card,
.page-content-card {
padding: clamp(18px, 4vw, 42px);
min-width: 0;
}
.page-header {
margin-bottom: 24px;
}
.single-thumbnail {
margin: -24px -24px 24px;
overflow: hidden;
border-radius: 22px;
}
.single-thumbnail img {
width: 100%;
max-height: 520px;
object-fit: cover;
}
.single-post-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
margin-top: 18px;
padding: 12px;
border: 1px solid var(--mk-border);
border-radius: 16px;
background: linear-gradient(180deg, #fff 0%, #f8f9fb 100%);
box-shadow: var(--mk-shadow-soft);
}
.single-post-toolbar__meta,
.single-post-toolbar__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.post-chip {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 36px;
padding: 0 12px;
border: 1px solid var(--mk-border);
border-radius: 999px;
background: #fff;
color: var(--mk-text);
font-family: inherit;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: border-color .2s ease, color .2s ease, box-shadow .2s ease, background .2s ease;
}
.post-chip .mk-icon {
color: var(--mk-red);
}
.post-chip--muted {
color: var(--mk-muted);
}
.single-post-author {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid var(--mk-border);
}
.single-post-author__label {
color: var(--mk-muted);
font-size: 13px;
font-weight: 600;
}
.single-post-author__name {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 8px 14px;
border: 1px solid rgba(226, 0, 26, .18);
border-radius: 999px;
background: rgba(226, 0, 26, .05);
color: var(--mk-black);
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.single-post-author__name .mk-icon {
color: var(--mk-red);
}
.single-post-author__name:hover {
border-color: var(--mk-red);
background: var(--mk-red);
color: #fff;
}
.single-post-author__name:hover .mk-icon {
color: #fff;
}
.single-main .rpb-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin: 28px 0;
}
.single-main .rpb-card {
min-width: 0;
}
.single-main .rpb-card > a {
display: flex;
flex-direction: column;
min-height: 100%;
overflow: hidden;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-md);
background: #fff;
color: var(--mk-black);
text-decoration: none;
box-shadow: var(--mk-shadow-soft);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.single-main .rpb-card > a:hover {
border-color: rgba(226, 0, 26, .28);
color: var(--mk-black);
transform: translateY(-3px);
box-shadow: var(--mk-shadow);
}
.single-main .rpb-thumb {
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
background: linear-gradient(180deg, #f8f9fb 0%, #eef0f4 100%);
}
.single-main .rpb-thumb::after {
content: "مشاهده";
position: absolute;
inset: auto 12px 12px 12px;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
border-radius: 999px;
background: rgba(226, 0, 26, .92);
color: #fff;
font-size: 12px;
font-weight: 900;
opacity: 0;
transform: translateY(8px);
transition: opacity .2s ease, transform .2s ease;
}
.single-main .rpb-card > a:hover .rpb-thumb::after {
opacity: 1;
transform: translateY(0);
}
.single-main .rpb-thumb img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
transition: transform .25s ease;
}
.single-main .rpb-card > a:hover .rpb-thumb img {
transform: scale(1.04);
}
.single-main .rpb-title {
margin: 0;
padding: 14px 14px 8px;
color: var(--mk-black);
font-size: 15px;
font-weight: 900;
line-height: 1.7;
}
.single-main .rpb-price {
display: grid;
gap: 4px;
margin-top: auto;
padding: 0 14px 14px;
color: var(--mk-muted);
font-size: 12px;
line-height: 1.7;
}
.single-main .rpb-price .gheymatlabel {
color: var(--mk-muted);
font-weight: 700;
}
.single-main .rpb-price .pc-price {
display: inline-flex;
align-items: center;
width: fit-content;
max-width: 100%;
padding: 5px 9px;
border-radius: 999px;
background: #fff1f2;
color: var(--mk-red);
font-size: 12px;
font-weight: 900;
direction: rtl;
}
@media (max-width: 980px) {
.single-main .rpb-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.single-main .rpb-grid {
grid-template-columns: 1fr;
gap: 12px;
}
}
.post-chip--link:hover {
border-color: rgba(226, 0, 26, .35);
color: var(--mk-red);
}
.post-chip--share {
cursor: pointer;
}
.post-chip--share:hover,
.post-chip--share.is-copied {
border-color: rgba(226, 0, 26, .35);
color: var(--mk-red);
}
.post-chip--share.is-copied {
background: #fff1f2;
}
.post-badge {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 36px;
padding: 0 14px;
border-radius: 999px;
background: var(--mk-red);
box-shadow: 0 10px 24px rgba(226, 0, 26, .22);
color: #fff;
font-size: 12px;
font-weight: 800;
line-height: 1;
text-decoration: none;
transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.post-badge .mk-icon {
color: #fff;
}
.post-badge--comment:hover {
background: var(--mk-red-dark);
color: #fff;
transform: translateY(-1px);
}
.post-comments {
margin-top: 28px;
}
.post-comments__card {
margin: 0;
}
.post-comments__title {
margin: 0 0 10px;
font-size: clamp(18px, 2.4vw, 22px);
line-height: 1.6;
color: var(--mk-black);
}
.post-comments__count {
margin: 0 0 18px;
color: var(--mk-muted);
font-size: 14px;
}
.post-comments__closed {
margin: 0;
color: var(--mk-muted);
font-size: 14px;
line-height: 1.9;
}
.post-comments-empty {
display: grid;
gap: 10px;
margin-bottom: 22px;
padding: 22px 20px;
border: 1px dashed rgba(226, 0, 26, .24);
border-radius: var(--mk-radius-md);
background: linear-gradient(180deg, #fff8f8 0%, #f8f9fb 100%);
text-align: center;
}
.post-comments-empty__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
margin-inline: auto;
border-radius: 50%;
background: rgba(226, 0, 26, .1);
color: var(--mk-red);
}
.post-comments-empty__title {
font-size: 16px;
color: var(--mk-black);
}
.post-comments-empty__text {
margin: 0;
color: var(--mk-muted);
font-size: 14px;
line-height: 1.9;
}
.post-comment-form-wrap {
padding-top: 22px;
border-top: 1px solid var(--mk-border);
}
.post-comments #respond {
scroll-margin-top: calc(var(--mk-header-height) + 16px);
}
#comments {
scroll-margin-top: calc(var(--mk-header-height) + 16px);
}
.post-comment-list {
display: grid;
gap: 14px;
margin: 0 0 22px;
padding: 0;
list-style: none;
}
.post-comment-list .post-comment {
margin: 0;
list-style: none;
}
.post-comment__body {
padding: 16px;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-md);
background: #f8f9fb;
}
.post-comment__head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
}
.post-comment__author {
color: var(--mk-black);
font-size: 14px;
}
.post-comment__date {
color: var(--mk-muted);
font-size: 12px;
font-weight: 500;
}
.post-comment__moderation {
margin: 0 0 10px;
color: var(--mk-red);
font-size: 13px;
font-weight: 700;
}
.post-comment__content {
color: var(--mk-text);
font-size: 14px;
line-height: 1.9;
}
.post-comment__content p {
margin: 0;
}
.post-comment__reply a {
display: inline-flex;
margin-top: 10px;
color: var(--mk-red);
font-size: 13px;
font-weight: 700;
}
.post-comment-pagination {
margin-bottom: 22px;
}
.entry-content {
font-size: 16px;
max-width: 100%;
min-width: 0;
overflow-wrap: anywhere;
}
.entry-content img,
.entry-content video,
.entry-content svg,
.archive-term-description img,
.archive-term-description video,
.archive-term-description svg {
max-width: 100% !important;
width: auto !important;
height: auto !important;
}
.entry-content iframe,
.entry-content embed,
.entry-content object,
.archive-term-description iframe,
.archive-term-description embed,
.archive-term-description object {
max-width: 100%;
height: auto;
}
.entry-content figure,
.entry-content .wp-caption,
.entry-content .wp-block-image,
.entry-content .wp-block-embed,
.entry-content .wp-block-table,
.archive-term-description figure,
.archive-term-description .wp-caption,
.archive-term-description .wp-block-image,
.archive-term-description .wp-block-embed,
.archive-term-description .wp-block-table {
width: auto !important;
max-width: 100% !important;
height: auto !important;
}
.entry-content figure img,
.entry-content .wp-caption img,
.archive-term-description figure img,
.archive-term-description .wp-caption img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
}
.entry-content .wp-block-table,
.entry-content figure.wp-block-table,
.archive-term-description .wp-block-table,
.archive-term-description figure.wp-block-table {
margin: 1.25em 0;
max-width: 100%;
border: 1px solid var(--mk-border);
border-radius: 14px;
background: #fff;
}
.entry-content table,
.archive-term-description table {
width: 100% !important;
max-width: 100%;
table-layout: fixed;
border-collapse: collapse;
margin: 1.25em 0;
border: 1px solid var(--mk-border);
border-radius: 14px;
background: #fff;
font-size: 15px;
line-height: 1.75;
color: var(--mk-text);
}
.entry-content .wp-block-table table,
.entry-content figure.wp-block-table table,
.archive-term-description .wp-block-table table,
.archive-term-description figure.wp-block-table table {
width: 100% !important;
margin: 0;
border: 0;
border-radius: 0;
}
.entry-content th,
.entry-content td,
.archive-term-description th,
.archive-term-description td {
padding: 11px 14px;
border: 1px solid var(--mk-border);
text-align: right;
vertical-align: top;
overflow-wrap: anywhere;
word-break: break-word;
}
.entry-content th,
.archive-term-description th {
background: #f8f9fb;
color: var(--mk-black);
font-weight: 700;
}
.entry-content thead th,
.archive-term-description thead th {
border-bottom-width: 2px;
}
.entry-content tbody tr:nth-child(even),
.archive-term-description tbody tr:nth-child(even) {
background: #fcfcfd;
}
.entry-content tbody tr:hover,
.archive-term-description tbody tr:hover {
background: #f5f6f8;
}
.entry-content table caption,
.archive-term-description table caption {
caption-side: bottom;
padding: 10px 14px;
color: var(--mk-muted);
font-size: 13px;
text-align: right;
}
.entry-content pre,
.entry-content .wp-block-code,
.entry-content .wp-block-preformatted,
.archive-term-description pre,
.archive-term-description .wp-block-code,
.archive-term-description .wp-block-preformatted {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.entry-content h2,
.entry-content h3 {
scroll-margin-top: calc(var(--mk-header-height) + 20px);
line-height: 1.6;
color: var(--mk-black);
}
.entry-content a {
color: var(--mk-red);
font-weight: 700;
}
.not-found-card {
padding: 42px;
text-align: center;
}   .catalog-main {
padding: 24px 0 48px;
}
.mk-single-product {
position: relative;
}
.mk-single-product__layout {
display: grid;
grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
grid-template-areas:
"aside summary"
"aside contact";
gap: 28px;
align-items: stretch;
margin-bottom: 28px;
}
.mk-single-product__aside {
grid-area: aside;
display: flex;
flex-direction: column;
gap: 12px;
align-self: start;
}
.mk-single-product__image {
flex: 0 0 auto;
width: 100%;
margin: 0;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-lg);
background: #fff;
box-shadow: var(--mk-shadow-soft);
overflow: hidden;
}
.mk-single-product__image-el {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.mk-single-product__summary {
grid-area: summary;
}
.mk-single-product__contact {
grid-area: contact;
}
.mk-single-product__chart {
flex: 0 0 auto;
display: block;
width: 100%;
margin: 0;
padding: 16px;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-lg);
background: #fff;
box-shadow: var(--mk-shadow-soft);
}
.mk-single-product__aside .product-chart-block {
display: block;
}
.mk-single-product__summary .product_title {
margin: 0 0 18px;
font-size: clamp(24px, 3vw, 34px);
line-height: 1.45;
color: var(--mk-black);
}
.product-additional-info {
margin-bottom: 18px;
}
.product-additional-info h2 {
margin: 0 0 12px;
font-size: 18px;
color: var(--mk-black);
}
.product-additional-info .shop_attributes {
width: 100%;
border-collapse: collapse;
border: 1px solid var(--mk-border);
border-radius: 14px;
overflow: hidden;
background: #fff;
}
.product-additional-info .shop_attributes th,
.product-additional-info .shop_attributes td {
padding: 12px 14px;
border-bottom: 1px solid var(--mk-border);
text-align: right;
vertical-align: top;
}
.product-additional-info .shop_attributes tr:last-child th,
.product-additional-info .shop_attributes tr:last-child td {
border-bottom: 0;
}
.product-additional-info .shop_attributes th {
width: 38%;
background: #f8f9fb;
color: var(--mk-black);
font-weight: 700;
}
.product-additional-info .shop_attributes td p {
margin: 0;
}
.product-price-section {
margin-bottom: 18px;
}
.product-price-box {
padding: 14px 16px;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-md);
background: linear-gradient(180deg, #fff 0%, #f8f9fb 100%);
box-shadow: var(--mk-shadow-soft);
}
.product-summary-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin: 0;
}
.product-summary-actions .product-price-range {
margin: 0;
flex: 1 1 auto;
}
.product-price-range__text {
display: block;
width: 100%;
padding: 0;
border-radius: 0;
background: transparent;
color: var(--mk-red);
font-size: 15px;
font-weight: 900;
line-height: 1.7;
}
.product-consult-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
flex: 0 0 auto;
min-height: 44px;
margin: 0;
padding: 0 16px;
border: 1px solid #2a2b31;
border-radius: 12px;
background: #fff;
color: #2a2b31;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
box-shadow: 0 4px 14px rgba(10, 11, 18, .06);
transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.product-consult-btn .mk-icon {
flex-shrink: 0;
color: var(--mk-red);
}
.product-consult-btn:hover {
border-color: var(--mk-red);
background: #fff1f2;
color: var(--mk-red);
transform: translateY(-1px);
}
.mk-single-product__summary .ycp-supported-cars {
margin-top: 0;
font-family: var(--mk-font);
}
.mk-single-product__summary .product_meta {
display: grid;
gap: 8px;
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid var(--mk-border);
color: var(--mk-muted);
font-size: 13px;
}
.mk-single-product__summary .product_meta > span {
display: block;
}
.mk-single-product__summary .product_meta a {
color: var(--mk-red);
font-weight: 700;
}
.product-chart-block {
margin: 0;
}
.product-chart-block--empty .product-chart-block__placeholder {
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
border: 2px dashed rgba(226, 0, 26, .22);
border-radius: var(--mk-radius-md);
background:
linear-gradient(180deg, rgba(248, 249, 251, .9), rgba(255, 241, 242, .45));
color: var(--mk-muted);
font-size: 14px;
font-weight: 700;
}
.product-section-heading,
.product-chart-block__title,
.product-tabs__heading,
.product-reviews__title {
margin: 0 0 14px;
font-size: clamp(18px, 2.4vw, 22px);
line-height: 1.6;
color: var(--mk-black);
}
.product-compat-section {
margin-bottom: 18px;
}
.product-tabs__heading {
margin-bottom: 16px;
}
.product-reviews__title {
margin-bottom: 10px;
}
.product-reviews__count {
margin: 0 0 16px;
color: var(--mk-muted);
font-size: 14px;
}
.product-chart-block__inner .pc-chart {
font-family: var(--mk-font);
}
.mk-single-product__content .product-tabs {
margin-top: 0;
padding: 22px;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-lg);
background: #fff;
box-shadow: var(--mk-shadow-soft);
}
.product-tabs__nav {
display: flex;
gap: 6px;
margin: 0 0 22px;
padding: 5px;
list-style: none;
border: 1px solid var(--mk-border);
border-radius: 999px;
background: #f8f9fb;
}
.product-tabs__nav li {
flex: 1 1 0;
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
.product-tabs__nav li a {
display: flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
border: 0;
border-radius: 999px;
background: transparent;
color: var(--mk-muted);
font-size: 14px;
font-weight: 700;
text-align: center;
transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.product-tabs__nav li.active a,
.product-tabs__nav li a[aria-selected="true"] {
background: #fff;
color: var(--mk-red);
box-shadow: 0 4px 14px rgba(10, 11, 18, .08);
}
.product-tabs__panel {
color: #3e4049;
line-height: 1.9;
}
.product-tabs__panel[hidden] {
display: none !important;
}
.product-tabs__panel.is-active {
animation: product-tab-in .25s ease;
}
@keyframes product-tab-in {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.product-tabs__panel--description {
font-size: 15px;
}
.product-tabs__panel--description p {
margin: 0 0 14px;
}
.product-tabs__panel--description p:last-child {
margin-bottom: 0;
}
.product-reviews-empty {
display: grid;
gap: 10px;
margin-bottom: 22px;
padding: 22px 20px;
border: 1px dashed rgba(226, 0, 26, .24);
border-radius: var(--mk-radius-md);
background: linear-gradient(180deg, #fff8f8 0%, #f8f9fb 100%);
text-align: center;
}
.product-reviews-empty__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
margin-inline: auto;
border-radius: 50%;
background: rgba(226, 0, 26, .1);
color: var(--mk-red);
}
.product-reviews-empty__title {
font-size: 16px;
color: var(--mk-black);
}
.product-reviews-empty__text {
margin: 0;
color: var(--mk-muted);
font-size: 14px;
line-height: 1.9;
}
.product-review-form-wrap {
padding-top: 22px;
border-top: 1px solid var(--mk-border);
}
.product-review-form .comment-reply-title,
.post-comment-form .comment-reply-title {
margin: 0 0 16px;
font-size: 18px;
color: var(--mk-black);
}
.product-review-form,
.post-comment-form {
display: grid;
gap: 0;
}
.comment-form-feedback {
margin: 0 0 16px;
padding: 12px 14px;
border: 1px solid rgba(15, 17, 24, .08);
border-radius: 12px;
background: #f8f9fb;
color: var(--mk-text);
font-size: 13px;
font-weight: 700;
line-height: 1.8;
}
.comment-form-feedback[hidden] {
display: none;
}
.comment-form-feedback.is-success,
.comment-form-feedback.is-approved,
.comment-form-feedback.is-pending {
border-color: rgba(22, 163, 74, .2);
background: #f0fdf4;
color: #166534;
}
.comment-form-feedback.is-loading {
border-color: rgba(226, 0, 26, .18);
background: #fff7f8;
color: var(--mk-red);
}
.comment-form-feedback.is-error {
border-color: rgba(226, 0, 26, .25);
background: #fff1f2;
color: var(--mk-red-dark);
}
.product-review-form .required,
.post-comment-form .required {
color: var(--mk-red);
}
.product-review-form p,
.post-comment-form p {
margin: 0 0 14px;
}
.product-review-form .form-submit,
.post-comment-form .form-submit {
margin: 4px 0 0;
}
.product-review-form label,
.post-comment-form label {
display: block;
margin-bottom: 6px;
color: var(--mk-black);
font-size: 13px;
font-weight: 700;
}
.product-review-form input[type="text"],
.product-review-form select,
.product-review-form textarea,
.post-comment-form input[type="text"],
.post-comment-form textarea {
width: 100%;
padding: 12px 14px;
border: 1px solid var(--mk-border);
border-radius: 12px;
background: #fff;
color: var(--mk-black);
font-family: inherit;
font-size: 14px;
line-height: 1.8;
transition: border-color .2s ease, box-shadow .2s ease;
}
.product-review-form input[type="text"]:focus,
.product-review-form select:focus,
.product-review-form textarea:focus,
.post-comment-form input[type="text"]:focus,
.post-comment-form textarea:focus {
border-color: rgba(226, 0, 26, .4);
box-shadow: 0 0 0 3px rgba(226, 0, 26, .1);
outline: 0;
}
.product-review-form textarea,
.post-comment-form textarea {
min-height: 140px;
resize: vertical;
}
.product-review-form__submit,
.post-comment-form__submit {
min-width: 140px;
}
.product-review-list,
#reviews ol.commentlist {
display: grid;
gap: 14px;
margin: 0 0 22px;
padding: 0;
list-style: none;
}
.product-review-list > li,
.product-review-list .review,
.product-review-list .comment,
#reviews ol.commentlist > li {
margin: 0;
padding: 16px;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-md);
background: #f8f9fb;
list-style: none;
}
.product-review-list .comment_container,
#reviews ol.commentlist .comment_container {
display: block;
width: 100%;
}
.product-review-list .avatar,
#reviews ol.commentlist .avatar {
display: none;
}
.product-review-list .comment-text,
#reviews ol.commentlist .comment-text {
min-width: 0;
width: 100%;
}
.product-review-list .star-rating,
#reviews ol.commentlist .star-rating {
position: relative;
display: inline-block;
width: 5.4em;
height: 1em;
margin-bottom: 8px;
overflow: hidden;
color: #f59e0b;
font-size: 14px;
line-height: 1;
}
.product-review-list .star-rating::before,
#reviews ol.commentlist .star-rating::before {
content: "★★★★★";
color: #d7dae2;
}
.product-review-list .star-rating span,
#reviews ol.commentlist .star-rating span {
position: absolute;
inset: 0 auto 0 0;
overflow: hidden;
padding-top: 1.5em;
}
.product-review-list .star-rating span::before,
#reviews ol.commentlist .star-rating span::before {
content: "★★★★★";
position: absolute;
top: 0;
right: 0;
color: #f59e0b;
}
#reviews ol.commentlist .meta,
.product-review-list .meta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
color: var(--mk-muted);
font-size: 12px;
}
.product-review-list .woocommerce-review__author,
#reviews ol.commentlist .woocommerce-review__author {
color: var(--mk-black);
font-size: 14px;
font-weight: 700;
}
.product-review-list .woocommerce-review__dash,
#reviews ol.commentlist .woocommerce-review__dash {
color: #c3c7d1;
}
.product-review-list .woocommerce-review__published-date,
#reviews ol.commentlist .woocommerce-review__published-date {
color: var(--mk-muted);
font-size: 12px;
font-weight: 500;
}
.product-review-list .woocommerce-review__verified,
#reviews ol.commentlist .woocommerce-review__verified {
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 0 8px;
border-radius: 999px;
background: #f0fdf4;
color: #166534;
font-size: 11px;
font-style: normal;
font-weight: 800;
}
.product-review-list .woocommerce-review__awaiting-approval,
#reviews ol.commentlist .woocommerce-review__awaiting-approval {
margin: 0 0 10px;
color: var(--mk-red);
font-size: 13px;
font-weight: 700;
}
#reviews ol.commentlist .description,
.product-review-list .description {
color: var(--mk-text);
font-size: 14px;
line-height: 1.9;
}
#reviews ol.commentlist .description p,
.product-review-list .description p {
margin: 0;
color: var(--mk-text);
line-height: 1.9;
}
.product-reviews-note {
margin: 0;
padding: 14px 16px;
border-radius: 12px;
background: #f8f9fb;
color: var(--mk-muted);
font-size: 14px;
}
.mk-single-product__content .product-related {
margin-top: 28px;
padding-top: 28px;
border-top: 1px solid var(--mk-border);
}
.mk-single-product__content .product-related .section-head {
margin-bottom: 22px;
}
.mk-single-product__content .product-related .product-grid {
margin-top: 0;
}
@media (max-width: 980px) {
.mk-single-product__content .product-related .product-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.mk-single-product__layout {
display: flex;
flex-direction: column;
gap: 20px;
}
.mk-single-product__aside {
display: contents;
}
.mk-single-product__chart,
.mk-single-product__aside .product-chart-block,
.mk-single-product__aside .product-chart-block__inner,
.mk-single-product__aside .product-chart-block__placeholder {
flex: none;
}
.mk-single-product__image {
order: 1;
}
.mk-single-product__summary {
order: 2;
}
.mk-single-product__contact {
order: 4;
}
.mk-single-product__chart {
order: 3;
display: block;
}
.product-contact-panel.faq-cta {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 8px;
padding: 8px 10px;
border: 1px solid var(--mk-border);
border-radius: var(--mk-radius-md);
background: #fff;
box-shadow: var(--mk-shadow-soft);
color: var(--mk-black);
}
.product-contact-panel .faq-cta-body {
flex: 0 0 auto;
gap: 6px;
}
.product-contact-panel__title {
font-size: 12px;
color: var(--mk-black);
}
.product-contact-panel .faq-cta-icon {
width: 28px;
height: 28px;
background: rgba(226, 0, 26, .1);
color: var(--mk-red);
}
.product-contact-panel .faq-cta-actions {
display: grid;
flex: 1 1 100%;
grid-template-columns: minmax(0, 1fr);
gap: 6px;
width: 100%;
}
.product-contact-panel .faq-cta-btn {
width: 100%;
min-height: 34px;
padding: 0 8px;
font-size: 12px;
white-space: nowrap;
justify-content: center;
gap: 5px;
border-radius: 10px;
}
.product-contact-panel .faq-cta-btn--call {
background: var(--mk-red);
color: #fff;
box-shadow: none;
}
.product-contact-panel .faq-cta-btn--contact {
background: #f8f9fb;
color: var(--mk-black);
border: 1px solid var(--mk-border);
}
.product-contact-panel .faq-cta-btn span:first-of-type {
display: none;
}
.product-contact-panel .faq-cta-btn span[dir="ltr"] {
flex-shrink: 0;
font-size: 12px;
font-weight: 800;
}
.product-price-box {
padding: 12px 14px;
}
.product-summary-actions {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.product-price-range__text {
font-size: 13px;
line-height: 1.6;
}
.product-consult-btn {
min-height: 40px;
padding: 0 12px;
font-size: 13px;
}
.product-tabs__nav li a {
min-height: 40px;
padding-inline: 12px;
font-size: 13px;
}
}
@media (max-width: 640px) {
.product-summary-actions {
flex-direction: column;
align-items: stretch;
}
.product-consult-btn {
width: 100%;
justify-content: space-between;
}
}   @media (max-width: 1120px) {
.site-nav {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: auto;
z-index: 1200;
flex: none;
width: min(390px, 88vw);
height: 100dvh;
max-height: 100dvh;
padding: 16px;
overflow-y: auto;
background: #fff;
box-shadow: -20px 0 50px rgba(0, 0, 0, .18);
}
body.menu-open .site-nav {
display: block !important;
visibility: visible;
}
body.menu-open .mobile-menu-backdrop:not([hidden]) {
display: block;
}
.site-nav__mobile-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--mk-border);
}
.site-nav__mobile-head button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border: 0;
border-radius: 50%;
background: #f1f1f4;
color: var(--mk-black);
cursor: pointer;
}
.site-nav > .menu-list {
display: block;
}
.site-nav .submenu-icon {
display: none;
}
.site-nav .is-parent-link {
display: list-item;
}
.site-nav .menu-item {
border-bottom: 1px solid #f0f0f2;
}
.site-nav .menu-item.has-children {
display: grid;
grid-template-columns: minmax(0, 1fr) 52px;
align-items: stretch;
}
.site-nav .menu-item > a {
min-height: 52px;
padding: 12px 14px;
white-space: normal;
border-radius: 0;
}
.site-nav .menu-item > a:hover,
.site-nav .menu-item:hover > a {
background: transparent;
color: var(--mk-black);
}
.site-nav .has-children > a {
cursor: pointer;
}
.site-nav .submenu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
min-height: 52px;
margin: 0;
border: 0;
border-right: 1px solid #ececef;
border-radius: 0;
background: #f4f4f6;
color: var(--mk-black);
cursor: pointer;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.site-nav .is-open > .submenu-toggle {
background: var(--mk-red);
color: #fff;
}
.site-nav .is-open > .submenu-toggle .mk-icon {
transform: rotate(180deg);
}
.site-nav .submenu-toggle .mk-icon {
transition: transform .2s ease;
}
.site-nav .sub-menu {
position: static;
display: none;
grid-column: 1 / -1;
min-width: 0;
padding: 4px 12px 12px;
border: 0;
border-top: 1px solid #f0f0f2;
border-radius: 0;
background: #fafafb;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
}
.site-nav .sub-menu .menu-item {
border-bottom: 0;
}
.site-nav .sub-menu .menu-item > a {
min-height: 44px;
padding: 10px 8px;
font-size: 13px;
color: #43444c;
}
.site-nav .is-parent-link > a {
color: var(--mk-red);
font-weight: 900;
}
.site-nav .is-open > .sub-menu {
display: block;
}
.mobile-menu-btn {
display: inline-flex;
}
.header-inner {
justify-content: space-between;
}
.product-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.archive-product-grid,
.product-related .product-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.category-card-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.promo-banners {
grid-template-columns: 1fr;
}
.more-posts-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.archive-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.hero-inner {
grid-template-columns: 1fr;
padding: 52px 0 72px;
}
.hero-visual {
display: none;
}
.finder-shell {
padding: 22px;
}
.latest-grid {
grid-template-columns: 1fr 1fr;
}
.post-card.is-large {
grid-row: auto;
grid-column: span 2;
}
.post-card.is-large .post-card-link {
display: flex;
flex-direction: column;
height: auto;
min-height: 0;
}
.post-card.is-large .post-card-image {
height: auto;
min-height: auto;
aspect-ratio: 16 / 10;
}
.post-card.is-large .post-card-image img {
height: auto;
min-height: auto;
aspect-ratio: 16 / 10;
}
.post-card.is-large .post-card-body {
position: static;
inset: auto;
padding: 16px;
background: #fff;
backdrop-filter: none;
}
.product-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.more-posts-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.archive-layout {
grid-template-columns: 1fr;
}
.archive-sidebar-col,
.popular-posts-sidebar {
position: static;
}
.single-sidebar {
position: static;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 640px) {
:root {
--mk-header-height: 66px;
}
body {
font-size: 14px;
}
.container,
.narrow-container {
width: min(100% - 22px, var(--mk-container));
}
.site-logo img {
width: 112px;
}
.header-inner {
gap: 10px;
}
.archive-search {
flex-direction: column;
align-items: stretch;
}
.archive-search .btn {
width: 100%;
}
.search-link-list {
grid-template-columns: 1fr;
}
.support-btn.btn {
min-height: 38px;
padding: 0 12px;
font-size: 12px;
}
.catalog-main .shop-toolbar {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 14px;
background: #f8f9fb;
border-color: rgba(15, 17, 24, .05);
}
.catalog-main .woocommerce-result-count {
margin: 0;
min-width: 0;
text-align: right;
font-size: 11px;
line-height: 1.45;
}
.catalog-main .woocommerce-ordering {
margin: 0;
min-width: 0;
justify-self: start;
}
.catalog-main .woocommerce-ordering__field {
display: inline-flex;
max-width: 100%;
}
.catalog-main .woocommerce-ordering select.orderby {
width: 9.5rem;
max-width: 38vw;
min-width: 0;
min-height: 34px;
padding: 0 10px 0 28px;
font-size: 11px;
}
.catalog-main .woocommerce-ordering__icon {
left: 10px;
}
.single-post-toolbar {
flex-direction: column;
align-items: stretch;
}
.single-post-toolbar__meta,
.single-post-toolbar__actions {
width: 100%;
}
.single-post-toolbar__meta {
flex-wrap: nowrap;
gap: 6px;
}
.single-post-toolbar__meta .post-chip {
flex: 1 1 0;
min-width: 0;
justify-content: center;
padding-inline: 6px;
font-size: 11px;
}
.single-post-toolbar__meta .post-chip > span:last-child {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.single-post-toolbar__actions .post-chip--share,
.single-post-toolbar__actions .post-badge--comment {
flex: 1;
justify-content: center;
}
.hero-section {
min-height: 320px;
}
.hero-title {
letter-spacing: -1px;
}
.hero-search {
flex-direction: column;
align-items: stretch;
border-radius: 20px;
}
.hero-search button {
width: 100%;
}
.section {
padding: 34px 0;
}
.section-head {
align-items: flex-start;
}
.section-head h2 {
font-size: 23px;
}
.finder-shell {
margin-top: -78px;
border-radius: 22px;
}
.latest-grid {
grid-template-columns: 1fr;
}
.post-card.is-large {
grid-column: auto;
}
.product-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.product-card-body {
padding: 12px;
}
.products-section .product-card-body {
height: 112px;
min-height: 112px;
}
.products-section .product-card h3 {
flex-basis: 46px;
min-height: 46px;
max-height: 46px;
}
.products-section .product-price {
flex-basis: 42px;
min-height: 42px;
}
.product-card h3 {
font-size: 13px;
}
.category-card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.category-card {
min-height: 160px;
}
.category-card img {
max-height: 92px;
}
.promo-banners,
.promo-banners-col {
gap: 12px;
}
.more-posts-grid {
grid-template-columns: 1fr;
}
.archive-grid {
grid-template-columns: 1fr;
}
.authors-grid {
grid-template-columns: 1fr;
}
.author-archive-header {
flex-direction: column;
align-items: center;
text-align: center;
}
.author-archive-header__bio {
max-width: none;
}
.faq-cta {
padding: 20px;
}
.faq-cta-actions {
width: 100%;
}
.faq-cta-btn {
flex: 1 1 auto;
}
.footer-grid {
grid-template-columns: 1fr;
}
}