:root{
  --mt2-yellow:#ffc400;        /* pagrindine prekes zenklo spalva */
  --mt2-yellow-hover:#e6b000;  /* hover / aktyvi busena */
  --mt2-ink:#111318;
  --mt2-muted:#727985;
  --mt2-line:#e3e6ea;
}
/* =====================================================================
   mototop2.css
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap'); :root {
    --yellow: var(--mt2-yellow);
    --black: #0a0a0b;
    --dark: #141416;
    --ink: #171719;
    --muted: #71747a;
    --bg: #f4f5f6;
    --line: #e7e8ea
}

* {
    box-sizing: border-box
}
img.manufacturer-logo-product {
    position: absolute;
    z-index: 1;
    width: 13%;
    margin-top: 25px;
    margin-left: 31px;
    display: none;
}
.mt2-body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: Inter,Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

.mt2-body a {
    text-decoration: none;
}

.mt2-container {
    width: min(1480px,calc(100% - 48px));
    margin: 0 auto
}

.mt2-utility {
    height: 32px;
    background: #050506;
    color: #898b90;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .35px
}

.mt2-utility>.mt2-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt2-utility .mt2-container>div {
    display: flex;
    align-items: center;
    gap: 26px
}

.mt2-util-right a {
    color: #a5a7aa
}

.mt2-lang form {
    margin: 0
}

.mt2-lang button {
    padding: 0!important;
    background: none!important;
    border: 0!important;
    color: #aaa!important;
    box-shadow: none!important
}

.mt2-header {
    background: #101011;
    color: #fff
}

.mt2-head {
    height: 92px;
    display: grid;
    grid-template-columns: 210px minmax(380px,1fr) auto;
    gap: 34px;
    align-items: center
}

.mt2-logo img {
    display: block;
    max-width: 190px;
    max-height: 58px
}

.mt2-logo b {
    font-size: 28px;
    color: #fff
}

.mt2-logo b span {
    color: var(--yellow)
}

.mt2-search {
    height: 48px;
    display: flex;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    max-width: 760px;
    width: 100%;
    justify-self: center
}

.mt2-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 0 18px;
    color: #202124;
    font: 500 13px Inter,Arial
}

.mt2-search button {
    width: 60px;
    border: 0;
    background: var(--yellow);
    color: #111;
    font-size: 17px;
    cursor: pointer
}

.mt2-head-actions {
    display: flex;
    align-items: center;
    height: 46px
}

.mt2-head-actions>a {
    height: 46px;
    min-width: 74px;
    padding: 0 15px;
    border-left: 1px solid #2a2a2c;
    color: #fff;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.mt2-head-actions i {
    font-size: 19px
}

.mt2-head-actions span {
    font-size: 9px;
    color: #b6b7ba;
    white-space: nowrap
}

.mt2-cart-link b {
    position: absolute;
    top: -3px;
    right: 10px;
    background: var(--yellow);
    color: #111;
    border-radius: 20px;
    min-width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    font-size: 9px
}

.mt2-nav {
    border-top: 1px solid #29292b;
    background: #111113
}

.mt2-nav>.mt2-container {
    height: 46px;
    display: flex;
    align-items: center;
    gap: 34px
}

.mt2-nav a {
    color: #d9d9db;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .3px;
    white-space: nowrap;
    padding-top: 16px;
    text-transform: uppercase;
}

.mt2-nav a.hot {
    color: var(--yellow)
}

.mt2-stage {
    padding: 20px 0 0;
}

.mt2-stage-grid {
    display: grid;
    grid-template-columns: 286px minmax(0,1fr);
    gap: 18px;
    align-items: stretch
}

.mt2-categories {
    height: 485px;
    background: #fff;
    border-radius: 8px;
    position: relative;
    z-index: 20;
    box-shadow: 0 1px 2px #00000008
}

.mt2-cat-head {
    height: 46px;
    background: var(--yellow);
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 18px;
    border-radius: 8px 8px 0 0;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .4px
}

.mt2-cat-head i {
    font-size: 15px
}

.mt2-cat-list {
    height: 400px;
    overflow: visible
}

.mt2-cat-item {
    position: relative
}

.mt2-cat-item>a {
    height: 44px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #242426;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    font-weight: 650
}

.mt2-cat-item>a:hover {
    background: #f8f8f8;
    color: #a27600
}

.mt2-cat-item>a i {
    color: #a9aaad
}

.mt2-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    width: 620px;
    min-height: 250px;
    background: #fff;
    padding: 25px 28px;
    border-radius: 0 8px 8px 0;
    box-shadow: 15px 15px 35px #0002
}

.mt2-cat-item:hover>.mt2-submenu {
    display: block
}

.mt2-submenu h3 {
    margin: 0 0 18px;
    font-size: 18px
}

.mt2-submenu>div {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0 24px
}

.mt2-submenu a {
    padding: 9px 0;
    color: #555;
    border-bottom: 1px solid #eee;
    font-size: 12px
}

.mt2-submenu a:hover {
    color: #a27600
}

.mt2-hero {
    height: 452px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 76% 48%,#39393d 0,#1c1c1f 24%,#0b0b0c 62%);
    color: #fff;
    padding: 58px 55px
}

.mt2-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,#09090a 0%,transparent 65%)
}

.mt2-hero-copy {
    position: relative;
    z-index: 2;
    max-width: 590px
}

.mt2-kicker {
    display: block;
    color: var(--yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
    margin-bottom: 12px
}

.mt2-hero h1 {
    font-size: 51px;
    line-height: .96;
    letter-spacing: -2px;
    margin: 0 0 18px;
    font-weight: 900
}

.mt2-hero p {
    max-width: 460px;
    color: #b7b8bb;
    font-size: 14px;
    line-height: 1.55
}

.mt2-price {
    font-size: 31px;
    font-weight: 900;
    margin: 24px 0
}

.mt2-cta {
    display: flex;
    gap: 9px
}

.mt2-cta a {
    height: 44px;
    padding: 0 19px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    background: #262629;
    color: #fff;
    font-size: 10px;
    font-weight: 900
}

.mt2-cta a.primary {
    background: var(--yellow);
    color: #111
}

.mt2-hero-graphic {
    position: absolute;
    right: 40px;
    top: 74px;
    width: 390px;
    height: 300px;
    border: 1px solid #ffffff0d;
    transform: skew(-8deg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #ffffff0b
}

.mt2-hero-graphic span {
    font-size: 125px;
    font-weight: 900;
    line-height: .8
}

.mt2-hero-graphic b {
    font-size: 72px;
    letter-spacing: 15px
}

.mt2-benefits {
    padding: 16px 0 0
}

.mt2-benefits>.mt2-container {
    height: 84px;
    background: #fff;
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    align-items: center
}

.mt2-benefits .mt2-container>div {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border-right: 1px solid #eee
}

.mt2-benefits .mt2-container>div:last-child {
    border: 0
}

.mt2-benefits i {
    font-size: 22px;
    color: #c39200
}

.mt2-benefits span {
    display: flex;
    flex-direction: column
}

.mt2-benefits b {
    font-size: 11px
}

.mt2-benefits small {
    font-size: 9px;
    color: #929397;
    margin-top: 3px
}

.mt2-home-products {
    padding: 38px 0 60px
}

.mt2-section-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 18px
}

.mt2-section-title span {
    font-size: 9px;
    color: #a27600;
    font-weight: 900;
    letter-spacing: 1.4px
}

.mt2-section-title h2 {
    font-size: 25px;
    margin: 4px 0 0;
    letter-spacing: -.6px
}

.mt2-section-title>a {
    font-size: 9px;
    color: #555;
    font-weight: 900
}

.mt2-product-grid {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 13px
}

.mt2-product {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: .2s;
    box-shadow: 0 1px 1px #00000006
}

.mt2-product:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px #0000000d
}

.mt2-product-img {
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: #fff
}

.mt2-product-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.mt2-product-body {
    padding: 0 16px 16px
}

.mt2-product-name {
    display: block;
    height: 39px;
    color: #242426;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.45;
    overflow: hidden
}

.mt2-product-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 12px
}

.mt2-product-price {
    display: flex;
    flex-direction: column
}

.mt2-product-price small {
    text-decoration: line-through;
    color: #999;
    font-size: 9px
}

.mt2-product-price strong {
    font-size: 17px
}

.mt2-product-bottom button {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 5px;
    background: var(--yellow);
    cursor: pointer
}

.mt2-footer {
    background: #0c0c0d;
    color: #929397;
    padding: 48px 0 20px;
    margin-top: 70px;
}

.mt2-footer-main {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.3fr;
    gap: 55px
}

.mt2-footer-brand img {
    max-width: 175px;
    max-height: 55px
}

.mt2-footer h4 {
    color: #fff;
    font-size: 11px;
    margin: 0 0 15px
}

.mt2-footer a,.mt2-footer p {
    display: block;
    color: #929397;
    font-size: 10px;
    line-height: 1.9;
    margin: 0
}

.mt2-footer-bottom {
    border-top: 1px solid #242426;
    margin-top: 35px;
    padding-top: 18px;
    font-size: 9px
}

.mt2-page {
    padding: 30px 0 60px
}

@media(max-width: 1100px) {
    .mt2-head {
        grid-template-columns:180px 1fr
    }

    .mt2-head-actions {
        display: none
    }

    .mt2-nav>.mt2-container {
        gap: 18px
    }

    .mt2-stage-grid {
        grid-template-columns: 250px 1fr
    }

    .mt2-product-grid {
        grid-template-columns: repeat(4,1fr)
    }
}
/* =========================================================
   MOTOTOP2 – ESHOP HOME
   ========================================================= */

.mt2-shop-home {
    padding-bottom: 0;
    margin-top: 60px;
}

.mt2-shop-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 18px;
}

.mt2-shop-heading span {
    display: block;
    margin-bottom: 5px;
    color: #a27600;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.mt2-shop-heading h2 {
    margin: 0;
    color: #171719;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -.6px;
}

.mt2-shop-heading > a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #555;
    font-size: 9px;
    font-weight: 900;
}

.mt2-shop-heading > a:hover {
    color: #a27600;
}


/* ============================
   KATEGORIJOS
   ============================ */

.mt2-shop-categories {
    padding: 0 0 55px;
}

.mt2-shop-category-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0,1fr));
    gap: 10px;
}

.mt2-shop-category {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e7e8ea;
    border-radius: 8px;
    transition: .2s ease;
}

.mt2-shop-category:hover {
    transform: translateY(-2px);
    border-color: #d4d5d7;
    box-shadow: 0 8px 20px rgba(0,0,0,.06);
}

.mt2-shop-category-img {
    height: 135px;
    padding: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt2-shop-category-img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform .25s ease;
}

.mt2-shop-category:hover img {
    transform: scale(1.04);
}

.mt2-shop-category-name {
    min-height: 48px;
    padding: 9px 12px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.mt2-shop-category-name strong {
    color: #242426;
    font-size: 11px;
    line-height: 1.3;
}

.mt2-shop-category-name i {
    color: #aaa;
    font-size: 11px;
}

.mt2-shop-category:hover .mt2-shop-category-name i {
    color: #a27600;
}


/* ============================
   PRODUKTŲ SEKCIJOS
   ============================ */

.mt2-shop-products {
    padding: 0 0 55px;
}

.mt2-shop-product-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 13px;
}

.mt2-shop-product {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ececee;
    transition: .2s ease;
}

.mt2-shop-product:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.mt2-shop-product-img {
    height: 225px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.mt2-shop-product-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.mt2-shop-product-body {
    padding: 0 16px 16px;
}

.mt2-shop-product-name {
    display: block;
    height: 39px;
    overflow: hidden;
    color: #242426;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.45;
}

.mt2-shop-product-name:hover {
    color: #9a7100;
}

.mt2-shop-product-bottom {
    margin-top: 12px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.mt2-shop-price {
    display: flex;
    flex-direction: column;
}

.mt2-shop-price small {
    color: #999;
    font-size: 9px;
    text-decoration: line-through;
}

.mt2-shop-price strong {
    color: #171719;
    font-size: 17px;
    font-weight: 800;
}

.mt2-shop-cart {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 5px;
    background: var(--mt2-yellow);
    color: #111;
    cursor: pointer;
}

.mt2-shop-cart:hover {
    background: var(--mt2-yellow);
}

.mt2-shop-wishlist {
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #f5f5f6;
    color: #777;
    cursor: pointer;
}

.mt2-shop-wishlist:hover {
    color: #111;
}

.mt2-shop-discount {
    position: absolute;
    z-index: 3;
    top: 14px;
    left: 14px;
    padding: 5px 8px;
    border-radius: 4px;
    background: var(--mt2-yellow);
    color: #111;
    font-size: 9px;
    font-weight: 900;
}


/* ============================
   BANERIAI
   ============================ */

.mt2-shop-banners {
    padding: 5px 0 55px;
}

.mt2-shop-banner-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}

.mt2-shop-banner {
    position: relative;
    min-height: 285px;
    overflow: hidden;
    border-radius: 9px;
}

.mt2-shop-banner-dark {
    background:
        radial-gradient(circle at 80% 50%,#3a3a3e 0,#19191b 35%,#09090a 72%);
}

.mt2-shop-banner-light {
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
}

.mt2-shop-banner-copy {
    position: relative;
    z-index: 3;
    width: 52%;
    padding: 38px;
}

.mt2-shop-banner-copy > span {
    display: block;
    margin-bottom: 9px;
    color: #a27600;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.mt2-shop-banner-dark .mt2-shop-banner-copy > span {
    color: var(--mt2-yellow);
}

.mt2-shop-banner-copy h2 {
    margin: 0 0 12px;
    color: #111;
    font-size: 30px;
    line-height: 1.02;
    letter-spacing: -1px;
}

.mt2-shop-banner-dark h2 {
    color: #fff;
}

.mt2-shop-banner-copy p {
    margin: 0 0 24px;
    color: #6f7175;
    font-size: 11px;
    line-height: 1.55;
}

.mt2-shop-banner-dark p {
    color: #aaa;
}

.mt2-shop-banner-copy > strong {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #111;
    font-size: 9px;
    font-weight: 900;
}

.mt2-shop-banner-dark .mt2-shop-banner-copy > strong {
    color: var(--mt2-yellow);
}

.mt2-shop-banner-image {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 56%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt2-shop-banner-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform .3s ease;
}

.mt2-shop-banner:hover .mt2-shop-banner-image img {
    transform: scale(1.035);
}


/* ============================
   TRUST BAR
   ============================ */

.mt2-shop-trust {
    padding: 0 0 55px;
}

.mt2-shop-trust-inner {
    min-height: 90px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    align-items: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e7e8ea;
}

.mt2-shop-trust-inner > div {
    min-height: 44px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border-right: 1px solid #eee;
}

.mt2-shop-trust-inner > div:last-child {
    border-right: 0;
}

.mt2-shop-trust i {
    color: #b48600;
    font-size: 21px;
}

.mt2-shop-trust span {
    display: flex;
    flex-direction: column;
    color: #929397;
    font-size: 9px;
    line-height: 1.5;
}

.mt2-shop-trust strong {
    color: #242426;
    font-size: 11px;
}


/* ============================
   RESPONSIVE
   ============================ */

@media(max-width:1200px) {

    .mt2-shop-category-grid {
        grid-template-columns: repeat(4,1fr);
    }

    .mt2-shop-product-grid {
        grid-template-columns: repeat(4,1fr);
    }

}

@media(max-width:800px) {

    .mt2-shop-heading {
        align-items: flex-start;
    }

    .mt2-shop-category-grid {
        grid-template-columns: repeat(3,1fr);
    }

    .mt2-shop-product-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .mt2-shop-banner-grid {
        grid-template-columns: 1fr;
    }

    .mt2-shop-trust-inner {
        grid-template-columns: repeat(2,1fr);
    }

    .mt2-shop-trust-inner > div:nth-child(2) {
        border-right: 0;
    }

}

@media(max-width:520px) {

    .mt2-shop-heading h2 {
        font-size: 21px;
    }

    .mt2-shop-heading > a {
        display: none;
    }

    .mt2-shop-category-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .mt2-shop-category-img {
        height: 115px;
    }

    .mt2-shop-product-img {
        height: 170px;
    }

    .mt2-shop-banner {
        min-height: 330px;
    }

    .mt2-shop-banner-copy {
        width: 72%;
        padding: 28px 24px;
    }

    .mt2-shop-banner-copy h2 {
        font-size: 25px;
    }

    .mt2-shop-banner-image {
        top: auto;
        right: -25px;
        bottom: -10px;
        width: 65%;
        height: 60%;
        opacity: .75;
    }

    .mt2-shop-trust-inner {
        grid-template-columns: 1fr;
    }

    .mt2-shop-trust-inner > div {
        justify-content: flex-start;
        border-right: 0;
        border-bottom: 1px solid #eee;
    }

    .mt2-shop-trust-inner > div:last-child {
        border-bottom: 0;
    }
}


/* =========================================================
   MOTOTOP2 PRODUCT CAROUSEL
   ========================================================= */

.mt2-carousel {
    position: relative;
    width: 100%;
}

.mt2-carousel-viewport {
    width: 100%;
    overflow: hidden;
}

.mt2-carousel-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    width: 100%;
    gap: 13px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.mt2-carousel-track::-webkit-scrollbar {
    display: none;
}

.mt2-carousel-track > .mt2-shop-product,
.mt2-carousel-track > .mt2-carousel-item {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 calc((100% - 52px) / 5) !important;
    scroll-snap-align: start;
}

.mt2-carousel .mt2-shop-product {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e7e8ea;
    border-radius: 8px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.mt2-carousel .mt2-shop-product:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,.07);
}

.mt2-carousel .mt2-shop-product-img {
    width: 100%;
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: #fff;
}

.mt2-carousel .mt2-shop-product-img img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.mt2-carousel .mt2-shop-product-body {
    padding: 0 16px 16px;
}

.mt2-carousel .mt2-shop-product-name {
    display: block;
    height: 39px;
    overflow: hidden;
    color: #242426;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.45;
}

.mt2-carousel .mt2-shop-product-bottom {
    margin-top: 12px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
}

.mt2-carousel .mt2-shop-price {
    display: flex;
    flex-direction: column;
}

.mt2-carousel .mt2-shop-price small {
    color: #999;
    font-size: 9px;
    text-decoration: line-through;
}

.mt2-carousel .mt2-shop-price strong {
    color: #171719;
    font-size: 17px;
    font-weight: 800;
}

.mt2-carousel .mt2-shop-cart {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 5px;
    background: var(--yellow);
    color: #111;
    cursor: pointer;
}

.mt2-carousel .mt2-shop-wishlist {
    position: absolute;
    z-index: 5;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: #f5f5f6;
    color: #777;
    cursor: pointer;
}

.mt2-carousel .mt2-shop-discount {
    position: absolute;
    z-index: 5;
    top: 14px;
    left: 14px;
    padding: 5px 8px;
    border-radius: 4px;
    background: var(--yellow);
    color: #111;
    font-size: 9px;
    font-weight: 900;
}


/* Carousel arrows */

.mt2-carousel-arrow {
    position: absolute;
    z-index: 30;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dedfe1;
    border-radius: 50%;
    background: #fff;
    color: #111;
    box-shadow: 0 5px 20px rgba(0,0,0,.13);
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease,
                opacity .2s ease, transform .2s ease;
}

.mt2-carousel-arrow:hover {
    background: var(--yellow);
    border-color: var(--yellow);
    transform: scale(1.05);
}

.mt2-carousel-arrow i {
    font-size: 19px;
}

.mt2-carousel-prev {
    left: -22px;
}

.mt2-carousel-next {
    right: -22px;
}

.mt2-carousel-arrow.is-disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
/* =========================================================
   HOMEPAGE CATEGORY CAROUSEL
   ========================================================= */

.mt2-category-carousel .mt2-carousel-track > .mt2-shop-category {
    flex: 0 0 calc((100% - 70px) / 8) !important;
}

.mt2-category-carousel .mt2-shop-category-img {
    height: 150px;
}

.mt2-category-carousel .mt2-shop-category-name {
    min-height: 54px;
}


/* 5 kategorijos */

@media(max-width:1200px) {

    .mt2-category-carousel .mt2-carousel-track > .mt2-shop-category {
        flex-basis: calc((100% - 52px) / 5) !important;
    }

}


/* 4 kategorijos */

@media(max-width:950px) {

    .mt2-category-carousel .mt2-carousel-track > .mt2-shop-category {
        flex-basis: calc((100% - 39px) / 4) !important;
    }

}


/* 3 kategorijos */

@media(max-width:700px) {

    .mt2-category-carousel .mt2-carousel-track > .mt2-shop-category {
        flex-basis: calc((100% - 20px) / 3) !important;
    }

}


/* 2 kategorijos */

@media(max-width:520px) {

    .mt2-category-carousel .mt2-carousel-track > .mt2-shop-category {
        flex-basis: calc((100% - 10px) / 2) !important;
    }

    .mt2-category-carousel .mt2-shop-category-img {
        height: 120px;
    }

}

/* Carousel responsive */

@media(max-width:1200px) {
    .mt2-carousel-track > .mt2-shop-product,
    .mt2-carousel-track > .mt2-carousel-item {
        flex-basis: calc((100% - 39px) / 4) !important;
    }
}

@media(max-width:900px) {
    .mt2-carousel-track > .mt2-shop-product,
    .mt2-carousel-track > .mt2-carousel-item {
        flex-basis: calc((100% - 26px) / 3) !important;
    }
}

@media(max-width:650px) {
    .mt2-carousel-track {
        gap: 10px;
    }

    .mt2-carousel-track > .mt2-shop-product,
    .mt2-carousel-track > .mt2-carousel-item {
        flex-basis: calc((100% - 10px) / 2) !important;
    }

    .mt2-carousel .mt2-shop-product-img {
        height: 170px;
        padding: 12px;
    }

    .mt2-carousel-arrow {
        display: none;
    }
}
fieldset {
    border: 0;
}
.mt2-utility>.mt2-container a {
    color: #fff !important;
}
/* =====================================================================
   mototop2-v04.css
   ===================================================================== */
/* ===== MOTOTOP2 v0.4 CATEGORY ===== */
.mt2-category-page {
    padding: 24px 0 65px;
    background: #f4f5f6;
    min-height: 700px
}

.mt2-breadcrumb {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 18px;
    font-size: 10px;
    color: #888
}

.mt2-breadcrumb a {
    color: #777
}

.mt2-breadcrumb i {
    color: #bbb
}
/* ==============================
   SUBKATEGORIJOS
   ============================== */

.mt2-subcats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0 22px;
}

.mt2-subcat {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.mt2-subcat:hover {
    border-color: #d2d2d2;
    box-shadow: 0 6px 20px rgba(0,0,0,.07);
    transform: translateY(-2px);
}

/* Paveikslėlio zona */
.mt2-subcat-image {
    height: 145px;
    padding: 14px 20px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.mt2-subcat-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 240px;
    object-fit: contain;
    transition: transform .25s ease;
}

.mt2-subcat:hover .mt2-subcat-image img {
    transform: scale(1.035);
}

/* Pavadinimas */
.mt2-subcat-name {
    min-height: 48px;
    padding: 8px 14px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.mt2-subcat-name span {
    color: #151515;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.mt2-subcat-name i {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f4;
    color: #777;
    font-size: 11px;
    transition: .2s ease;
}

.mt2-subcat:hover .mt2-subcat-name i {
    background: var(--mt2-yellow);
    color: #111;
}

/* Planšetė */
@media (max-width: 1100px) {
    .mt2-subcats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Mobilus */
@media (max-width: 700px) {
    .mt2-subcats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .mt2-subcat-image {
        height: 115px;
        padding: 10px 12px 3px;
    }

    .mt2-subcat-name {
        min-height: 44px;
        padding: 7px 10px 10px;
    }

    .mt2-subcat-name span {
        font-size: 12px;
    }

    .mt2-subcat-name i {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }
}
.mt2-category-layout {
    display: grid;
    grid-template-columns: 260px minmax(0,1fr);
    gap: 22px
}

.mt2-category-side {
    align-self: start;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.mt2-side-title {
    height: 52px;
    background: var(--mt2-yellow);
    color: #111;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0 17px;
    font-size: 11px;
    font-weight: 900
}

.mt2-side-modules {
    padding: 8px 14px 15px
}

.mt2-side-modules .list-group {
    margin: 0
}

.mt2-side-modules .list-group-item {
    border: 0;
    border-bottom: 1px solid #eee;
    padding: 12px 4px;
    background: none;
    font-size: 11px;
    font-weight: 650;
    color: #333
}

.mt2-category-main {
    min-width: 0
}

.mt2-category-header {
    min-height: 118px;
    background: #101012;
    color: #fff;
    border-radius: 8px;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden
}

.mt2-category-header h1 {
    font-size: 30px;
    line-height: 1.05;
    margin: 5px 0 0;
    font-weight: 900;
    letter-spacing: -.7px
}

.mt2-eyebrow {
    font-size: 9px;
    font-weight: 900;
    color: var(--mt2-yellow);
    letter-spacing: 1.5px
}
.mt2-nav a:hover {
    color: #fcc532;
}
.mt2-category-header img {
    width: 150px;
    height: 90px;
    object-fit: contain
}

.mt2-subcats {
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
    gap: 9px;
    margin: 14px 0
}

.mt2-subcats a {
    min-height: 58px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 7px;
    padding: 0 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
    font-size: 10px;
    font-weight: 800
}

.mt2-subcats i {
    color: #bbb
}

.mt2-category-desc {
    background: #fff;
    border-radius: 8px;
    padding: 18px 20px;
    margin: 0 0 14px;
    color: #666;
    font-size: 11px;
    line-height: 1.6
}

.mt2-category-desc img {
    max-width: 100%;
    height: auto
}

.mt2-category-toolbar {
    height: 58px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 0 13px 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt2-found {
    font-size: 10px;
    color: #777
}

.mt2-toolbar-right {
    display: flex;
    align-items: center;
    gap: 8px
}

.mt2-toolbar-right label {
    font-size: 9px;
    font-weight: 800;
    color: #777;
    margin: 0
}

.mt2-toolbar-right select {
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    padding: 0 28px 0 10px;
    font-size: 10px
}

.mt2-category-products {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 11px
}

.mt2-cproduct {
    position: relative;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    min-width: 0;
    transition: .18s
}

.mt2-cproduct:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px #0000000d
}

.mt2-cwish {
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 10px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #f5f5f5;
    color: #333;
    display: none;
}

.mt2-cimage {
    height: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    min-height: 273px !important;
}

.mt2-cimage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 267px !important;
}

.mt2-cbody {
    padding: 0 14px 14px
}

.mt2-cname {
    height: 39px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #202022;
    font-size: 10px;
    line-height: 1.45;
    font-weight: 750
}

.mt2-rating {
    font-size: 8px;
    color: #dba900;
    margin: 7px 0
}

.mt2-cprice {
    height: 58px;
    display: flex;
    gap: 7px;
    align-items: baseline
}

.mt2-cprice strong {
    font-size: 16px
}

.mt2-cprice del {
    font-size: 9px;
    color: #999
}

.mt2-cbuy {
    width: 100%;
    height: 38px;
    border: 0;
    border-radius: 5px;
    background: var(--mt2-yellow);
    color: #111;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer
}

.mt2-cbuy i {
    margin-right: 5px
}

.mt2-pager {
    display: flex;
    margin-top: 36px;
    font-size: 10px;
    color: #777;
    margin-left: -41px;
}

.mt2-pager .pagination {
    margin: 0
}

.mt2-pager .pagination>li>a,.mt2-pager .pagination>li>span {
    border: 0;
    background: #fff;
    color: #333;
    margin: 0 2px;
    border-radius: 5px;
    padding: 13px;
}
.mt2-subcat {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    overflow: hidden;
}

.mt2-subcat-image {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

.mt2-subcat-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.mt2-subcat-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.mt2-pager .pagination>.active>span {
    background: var(--mt2-yellow);
    color: #111
}

.mt2-empty {
    background: #fff;
    padding: 40px;
    text-align: center;
    border-radius: 8px
}
/* =========================================
   HEADER KATEGORIJŲ DROPDOWN
   ========================================= */

.mt2-nav .mt2-container {
    display: flex;
    align-items: stretch;
}

.mt2-nav-categories {
    position: relative;
    flex: 0 0 230px;
    margin-right: 10px;
}

.mt2-nav-cat-button {
    width: 100%;
    height: 100%;
    min-height: 46px;
    padding: 0 16px;

    display: flex;
    align-items: center;
    gap: 10px;

    border: 0;
    background: var(--mt2-yellow);
    color: #111;

    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.mt2-nav-cat-button .fa-bars {
    font-size: 14px;
}

.mt2-nav-cat-arrow {
    margin-left: auto;
    transition: transform .2s ease;
}

.mt2-nav-categories.is-open .mt2-nav-cat-arrow {
    transform: rotate(180deg);
}


/* Pagrindinis dropdown */

.mt2-nav-cat-dropdown {
    display: none;

    position: absolute;
    top: 100%;
    left: 0;

    width: 280px;
    background: #fff;

    border: 1px solid #e5e5e5;
    box-shadow: 0 12px 30px rgba(0,0,0,.15);

    z-index: 9999;
}

.mt2-nav-categories.is-open .mt2-nav-cat-dropdown {
    display: block;
}


/* Kategorijos */

.mt2-nav-cat-item {
    position: relative;
}

.mt2-nav-cat-item > a {
    min-height: 46px;
    padding: 0 16px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    border-bottom: 1px solid #eee;

    color: #151515;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.mt2-nav-cat-item:last-child > a {
    border-bottom: 0;
}

.mt2-nav-cat-item > a:hover {
    background: #f6f6f6;
    color: #111;
}

.mt2-nav-cat-item > a i {
    color: #aaa;
}


/* Subkategorijos dešinėje */

.mt2-nav-submenu {
    display: none;

    position: absolute;
    top: 0;
    left: 100%;

    width: 520px;
    min-height: 100%;

    padding: 22px;

    background: #fff;
    border: 1px solid #e5e5e5;

    box-shadow: 10px 12px 30px rgba(0,0,0,.12);

    z-index: 10000;
}

.mt2-nav-cat-item:hover > .mt2-nav-submenu {
    display: block;
}
.mt2-subcats {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
    margin: 14px 0;
}

.mt2-subcats > .mt2-subcat {
    flex: 0 0 calc((100% - 63px) / 8);
    min-width: 0;
}
.mt2-nav-submenu strong {
    display: block;
    margin-bottom: 15px;

    color: #111;
    font-size: 16px;
    font-weight: 800;
}

.mt2-nav-submenu-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
}

.mt2-nav-submenu-links a {
    padding: 9px 0;

    border-bottom: 1px solid #eee;

    color: #555;
    font-size: 13px;
    text-decoration: none;
}

.mt2-nav-submenu-links a:hover {
    color: #e5a900;
}
@media(max-width: 1200px) {
    .mt2-category-products {
        grid-template-columns:repeat(3,1fr)
    }

    .mt2-subcats {
        grid-template-columns: repeat(3,1fr)
    }
}

/* Product template from our existing functional product implementation, visually tied into desktop shell */
#mtp-product {
    max-width: 1480px!important;
    margin: 0 auto!important;
    padding: 25px 24px 60px!important
}

#mtp-product .mtp-main-image,#mtp-product .mtp-info {
    background: #fff
}
.mfilter-button.mfilter-button-bottom {
    color: #fff !important;
    height: 38px;
    border: 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background: #151515;
    margin-top: 14px;
}

.mfilter-button.mfilter-button-bottom a {
    color: #fff;
}
/* =====================================================================
   mototop2-pages.css
   ===================================================================== */
/* MOTOTOP2 v0.5 INNER PAGES */
.mt2-inner {
    min-height: 620px;
    background: #f4f5f6;
    padding: 25px 0 65px
}

.mt2-alert {
    padding: 13px 16px;
    border-radius: 7px;
    margin: 0 0 15px;
    font-size: 12px
}

.mt2-alert.error {
    background: #fff0f0;
    color: #a50000
}

.mt2-alert.success {
    background: #effaf1;
    color: #187a2e
}

.mt2-alert.info {
    background: #eef6ff;
    color: #175a96
}

.mt2-auth-head,.mt2-account-head,.mt2-cart-head {
    margin: 10px 0 24px
}

.mt2-auth-head>span,.mt2-account-head>span,.mt2-cart-head>span,.mt2-card-kicker {
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
    color: #a27600
}

.mt2-auth-head h1,.mt2-account-head h1,.mt2-cart-head h1 {
    margin: 5px 0 6px;
    font-size: 34px;
    letter-spacing: -1px
}

.mt2-auth-head p {
    margin: 0;
    color: #777;
    font-size: 12px
}

.mt2-auth-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.mt2-auth-card {
    background: #fff;
    border-radius: 10px;
    padding: 32px
}

.mt2-auth-card h2 {
    font-size: 21px;
    margin: 6px 0 12px
}

.mt2-auth-card p {
    color: #707277;
    line-height: 1.65;
    font-size: 12px;
    min-height: 58px
}

.mt2-auth-new {
    background: #111113;
    color: #fff;
    position: relative;
    overflow: hidden
}

.mt2-auth-new p {
    color: #aaa
}

.mt2-auth-icon {
    position: absolute;
    right: 28px;
    top: 26px;
    font-size: 55px;
    color: #ffffff0d
}

.mt2-auth-card label {
    display: block;
    font-size: 10px;
    font-weight: 800;
    margin: 15px 0 6px
}

.mt2-input {
    height: 48px;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    gap: 10px
}

.mt2-input i {
    color: #999
}

.mt2-input input {
    border: 0;
    outline: 0;
    flex: 1;
    font: 500 12px Inter;
    background: transparent
}

.mt2-auth-row {
    text-align: right;
    margin: 9px 0 16px
}

.mt2-auth-row a {
    font-size: 10px;
    color: #777
}

.mt2-btn {
    height: 48px;
    border: 0;
    border-radius: 6px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer
}

.mt2-btn.yellow {
    background: var(--mt2-yellow);
    color: #111;
    width: 100%
}

.mt2-btn.dark {
    background: #fff;
    color: #111;
    margin-top: 20px
}

.mt2-btn i {
    font-size: 12px
}

.mt2-account-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
    max-width: 1100px
}

.mt2-account-grid>a {
    min-height: 112px;
    background: #fff;
    border-radius: 9px;
    padding: 20px;
    display: grid;
    grid-template-columns: 44px 1fr 20px;
    gap: 13px;
    align-items: center;
    color: #222;
    border: 1px solid #eee
}

.mt2-account-grid>a:hover {
    border-color: var(--mt2-yellow);
    transform: translateY(-2px)
}

.mt2-account-grid>a>i {
    width: 44px;
    height: 44px;
    border-radius: 7px;
    background: #f7f7f7;
    display: grid;
    place-items: center;
    font-size: 18px
}

.mt2-account-grid b {
    display: block;
    font-size: 12px
}

.mt2-account-grid small {
    display: block;
    color: #888;
    font-size: 9px;
    margin-top: 5px
}

.mt2-account-grid em {
    font-style: normal;
    font-size: 24px;
    color: #bbb
}

.mt2-cart-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 370px;
    gap: 18px;
    align-items: start
}

.mt2-cart-items {
    display: flex;
    flex-direction: column;
    gap: 9px
}

.mt2-cart-item {
    background: #fff;
    border-radius: 9px;
    min-height: 126px;
    padding: 13px;
    display: grid;
    grid-template-columns: 105px minmax(220px,1fr) 130px 125px 70px;
    gap: 15px;
    align-items: center
}

.mt2-cart-img {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt2-cart-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.mt2-cart-name {
    font-size: 11px;
    font-weight: 800;
    color: #222;
    line-height: 1.45
}

.mt2-cart-info small {
    display: block;
    color: #888;
    font-size: 9px;
    margin-top: 5px
}

.mt2-stock-warn {
    color: #d00
}

.mt2-cart-qty {
    height: 40px;
    display: grid;
    grid-template-columns: 38px 1fr 38px;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden
}

.mt2-cart-qty button,.mt2-cart-qty input {
    border: 0;
    background: #fff;
    text-align: center;
    font-weight: 800;
    min-width: 0
}

.mt2-cart-qty button {
    background: #f6f6f6;
    cursor: pointer
}

.mt2-cart-price small {
    display: block;
    color: #999;
    font-size: 8px
}

.mt2-cart-price b,.mt2-cart-price strong {
    display: block;
    font-size: 13px;
    margin-top: 3px
}

.mt2-cart-price strong {
    font-size: 16px
}

.mt2-cart-actions {
    display: flex;
    gap: 5px
}

.mt2-cart-actions button {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 5px;
    background: #f3f3f3;
    cursor: pointer
}

.mt2-cart-actions button:last-child {
    color: #b10000
}

.mt2-cart-bottom {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px
}

.mt2-cart-bottom a,.mt2-cart-bottom button {
    border: 0;
    background: none;
    color: #555;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer
}

.mt2-cart-summary {
    background: #111113;
    color: #fff;
    border-radius: 20px;
    padding: 25px;
    position: sticky;
    top: 20px;
    margin-left: 7px;
    margin-right: 7px;
}

.mt2-cart-summary>span {
    font-size: 8px;
    color: var(--mt2-yellow);
    font-weight: 900;
    letter-spacing: 1.3px
}

.mt2-cart-summary h2 {
    font-size: 21px;
    margin: 6px 0 20px
}

.mt2-summary-lines {
    border-top: 1px solid #2c2c2e;
    border-bottom: 1px solid #2c2c2e;
    padding: 10px 0;
    margin-bottom: 18px
}

.mt2-summary-lines>div {
    display: flex;
    justify-content: space-between;
    padding: 9px 0;
    font-size: 10px;
    color: #aaa
}

.mt2-summary-lines>div:last-child {
    color: #fff;
    font-size: 12px
}

.mt2-cart-safe {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 17px;
    color: #aaa
}

.mt2-cart-safe i {
    font-size: 17px
}

.mt2-cart-safe b,.mt2-cart-safe small {
    display: block;
    font-size: 9px
}

.mt2-cart-safe small {
    font-size: 8px;
    margin-top: 2px
}

.mt2-cart-empty {
    background: #fff;
    border-radius: 10px;
    padding: 70px 20px;
    text-align: center
}

.mt2-cart-empty>div {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: #f5f5f5;
    margin: 0 auto 17px;
    display: grid;
    place-items: center;
    font-size: 25px
}

.mt2-cart-empty h2 {
    font-size: 22px;
    margin: 0 0 7px
}

.mt2-cart-empty p {
    color: #888;
    font-size: 11px;
    margin-bottom: 20px
}

.mt2-cart-empty .mt2-btn {
    width: auto
}

.mt2-language {
    position: relative
}

.mt2-language-current {
    border: 0;
    background: none;
    color: #aaa;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer
}

.mt2-language-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 25px;
    background: #fff;
    border-radius: 6px;
    padding: 6px;
    box-shadow: 0 10px 25px #0002;
    min-width: 130px;
    z-index: 99
}

.mt2-language-menu.open {
    display: block
}

.mt2-language-menu button {
    display: block;
    width: 100%;
    border: 0;
    background: #fff;
    text-align: left;
    padding: 8px;
    font-size: 10px;
    cursor: pointer
}

@media(max-width: 1050px) {
    .mt2-cart-layout {
        grid-template-columns:1fr
    }

    .mt2-cart-summary {
        position: static
    }

    .mt2-cart-item {
        grid-template-columns: 90px 1fr 110px 100px 65px
    }

    .mt2-account-grid {
        grid-template-columns: repeat(2,1fr)
    }
}

/* ===== v0.6 CATEGORY HARD RESET: legacy filter/modules are intentionally not rendered ===== */
.mt2-category-clean {
    padding-top: 24px
}

.mt2-category-hero {
    min-height: 67px;
    border-radius: 12px;
    color: #000000;
    padding: 9px 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.mt2-category-hero:after {
    content: "";
    position: absolute;
    right: -80px;
    top: -150px;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background: #ffc40012
}

.mt2-category-hero>div:first-child {
    position: relative;
    z-index: 2;
    max-width: 780px
}

.mt2-category-hero>div>span {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.6px;
    color: var(--mt2-yellow)
}

.mt2-category-hero h1 {
    font-size: 28px;
    line-height: 1;
    margin: 0px 0 0;
    text-transform: uppercase;
}

.mt2-category-intro {
    margin-top: 13px;
    color: #a9aaad;
    font-size: 11px;
    line-height: 1.6;
    max-height: 55px;
    overflow: hidden
}

.mt2-category-intro p {
    margin: 0
}

.mt2-category-thumb {
    position: relative;
    z-index: 2;
    width: 210px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mt2-category-thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 12px 20px #0008)
}

.mt2-subcat-section {
    margin: 16px 0 24px
}

.mt2-section-mini {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 10px
}

.mt2-section-mini b {
    font-size: 11px
}

.mt2-section-mini small {
    font-size: 9px;
    color: #999
}

.mt2-subcats-clean {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 9px
}

.mt2-subcats-clean a {
    height: 62px;
    background: #fff;
    border: 1px solid #e7e8ea;
    border-radius: 8px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
    font-size: 10px;
    font-weight: 800;
    transition: .15s
}

.mt2-subcats-clean a:hover {
    border-color: var(--mt2-yellow);
    transform: translateY(-1px)
}

.mt2-subcats-clean i {
    color: #c2c3c5;
    font-size: 9px
}

.mt2-products-head {
    height: 66px;
    background: #fff;
    border-radius: 9px;
    padding: 0 14px 0 20px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mt2-products-head>div:first-child {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.mt2-products-head b {
    font-size: 13px;
    margin-right: 24px;
}

.mt2-products-head span {
    font-size: 9px;
    color: #999
}

.mt2-products-controls {
    display: flex;
    align-items: center;
    gap: 7px
}

.mt2-products-controls label {
    font-size: 8px;
    font-weight: 900;
    color: #888;
    margin-left: 8px
}

.mt2-products-controls select {
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    padding: 0 28px 0 10px;
    font-size: 9px
}

.mt2-products-clean {
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 12px
}

.mt2-products-clean .mt2-cproduct {
    min-height: 360px
}

.mt2-products-clean .mt2-cimage {
    height: 225px
}

.mt2-products-clean .mt2-cbody {
    padding: 0 14px 14px
}

.mt2-products-clean .mt2-cname {
    font-size: 13px;
    height: 68px;
}

.mt2-sale-badge {
    position: absolute;
    z-index: 3;
    left: 10px;
    top: 10px;
    background: #111;
    color: #fff;
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .5px
}

.mt2-card-actions {
    display: grid;
    grid-template-columns: 1fr 38px;
    gap: 7px;
    margin-top: 10px
}

.mt2-card-actions>a,.mt2-card-actions>button {
    height: 38px;
    border: 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 900
}

.mt2-card-actions>a {
    background: #f1f1f2;
    color: #333
}
ul.pagination li {
    list-style: none;
    float: left;
}

div {}

ul.pagination li:last-child {
    margin-right: 30px;
}
.mt2-card-actions>button {
    background: var(--mt2-yellow);
    color: #111;
    cursor: pointer
}

@media(max-width: 1250px) {
    .mt2-products-clean {
        grid-template-columns:repeat(4,1fr)
    }

    .mt2-subcats-clean {
        grid-template-columns: repeat(4,1fr)
    }
}

/* Product page polish over existing functional template */
#mtp-product {
    background: #f4f5f6!important;
    max-width: none!important;
    padding: 24px max(24px,calc((100vw - 1480px)/2)) 65px!important
}

#mtp-product .mtp-breadcrumbs {
    margin-bottom: 16px!important
}

#mtp-product .mtp-product-grid {
    gap: 28px!important;
    align-items: start!important
}

#mtp-product .mtp-main-image {
    border: 1px solid #e7e8ea!important;
    border-radius: 12px!important;
    box-shadow: none!important;
    min-height: 580px!important
}

#mtp-product .mtp-main-image img {
    max-height: 535px!important;
    object-fit: contain!important
}

#mtp-product .mtp-info {
    border-radius: 12px!important;
    padding: 28px 30px!important;
    border: 1px solid #e7e8ea!important;
    box-shadow: none!important
}

#mtp-product h1 {
    font-size: 24px!important;
    margin-bottom: 18px!important;
    line-height: 33px;
}

#mtp-product .mtp-price {
    font-size: 34px!important;
    letter-spacing: -1px!important
}

#mtp-product .mtp-buy-row,#mtp-product .mtp-stock-box {
    border-radius: 8px!important
}

#mtp-product .mtp-btn-cart,#button-cart {
    background: var(--mt2-yellow)!important;
    color: #111!important;
    border: 0!important;
    border-radius: 7px!important;
    font-weight: 900!important
}

