:root {
    --pink:#ff168f;
    --purple:#963dff;
    --cyan:#00e5ff;
    --bg:#090812;
    --panel:#191426;
    --white:#f8f5ff;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
    margin:0;
    background:var(--bg);
    color:var(--white);
    font-family:Inter,Arial,sans-serif;
    overflow-x:hidden;
    background-image:
      radial-gradient(ellipse at 10% 10%,rgba(150,61,255,.17),transparent 35%),
      radial-gradient(ellipse at 90% 35%,rgba(255,22,143,.13),transparent 35%);
}

.mt-header {
    position:relative;
    z-index:20;
    background:rgba(10,8,20,.88);
    backdrop-filter:blur(24px);
    border-bottom:1px solid rgba(255,22,143,.35);
}

.mt-header-inner {
    max-width:1500px;
    margin:auto;
    padding:20px 4%;
    display:flex;
    align-items:center;
    gap:25px;
    justify-content:space-between;
}

.mt-logo {
    display:flex;
    flex-direction:column;
    color:white;
    text-decoration:none;
    font-family:Orbitron,Arial,sans-serif;
    font-weight:800;
    letter-spacing:2px;
}

.mt-logo strong {
    color:var(--pink);
    font-size:25px;
    text-shadow:0 0 15px var(--pink);
}

.mt-logo small {
    font:9px Inter,sans-serif;
    color:#aaa;
}

.mt-search {
    flex:1;
    max-width:650px;
    display:flex;
    padding:5px;
    border:1px solid rgba(255,22,143,.4);
    border-radius:12px;
    background:rgba(255,255,255,.05);
}

.mt-search input {
    flex:1;
    min-width:0;
    background:transparent!important;
    color:white!important;
    border:0!important;
    padding:12px;
    box-shadow:none!important;
}

.mt-search button,.mt-button {
    background:linear-gradient(120deg,var(--pink),var(--purple));
    color:white;
    border:0;
    border-radius:9px;
}

.mt-search button {
    width:45px;
    font-size:25px;
    cursor:pointer;
}

.mt-header-actions {
    display:flex;
    gap:18px;
}

.mt-header-actions a {
    color:white;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    font-size:20px;
}

.mt-header-actions small { font-size:10px; }

.mt-main {
    max-width:1500px;
    margin:auto;
    padding:30px 4% 70px;
}

.mt-eyebrow {
    color:var(--cyan);
    font-size:10px;
    letter-spacing:3px;
    font-weight:800;
}

.mt-hero {
    min-height:430px;
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:55px;
    border:1px solid rgba(180,75,255,.4);
    border-radius:25px;
    background:
      radial-gradient(circle at 75% 50%,rgba(255,22,143,.22),transparent 35%),
      linear-gradient(110deg,#191327,#120d20,#281334);
    box-shadow:0 25px 80px rgba(0,0,0,.35);
}

.mt-hero-content {
    width:55%;
    position:relative;
    z-index:2;
}

.mt-hero h1 {
    font-family:Orbitron,Arial,sans-serif;
    color:white;
    font-size:clamp(35px,5vw,68px);
    line-height:1.15;
    margin:20px 0;
}

.mt-hero h1 span {
    color:var(--pink);
    text-shadow:0 0 25px var(--pink);
}

.mt-hero-content p {
    color:#c5bdd3;
    line-height:1.8;
}

.mt-button {
    display:inline-block;
    padding:15px 22px;
    margin-top:15px;
    text-decoration:none!important;
    font-size:11px;
    font-weight:800;
    box-shadow:0 0 25px rgba(255,22,143,.35);
    transition:.3s;
}

.mt-button:hover {
    transform:translateY(-4px);
    color:white;
    box-shadow:0 0 35px var(--pink);
}

.mt-hero-visual {
    position:absolute;
    right:2%;
    width:45%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mt-hero-orbit {
    width:300px;
    height:300px;
    border:1px solid var(--cyan);
    border-radius:50%;
    animation:mt-spin 18s linear infinite;
    box-shadow:0 0 35px rgba(0,229,255,.2);
}

.mt-hero-image {
    position:absolute;
    width:230px;
    animation:mt-float 5s ease-in-out infinite;
    filter:drop-shadow(0 0 30px rgba(255,22,143,.4));
}

.mt-hero-image img {
    width:100%;
    height:auto;
    border-radius:20px;
}

.mt-floating-label {
    position:absolute;
    right:0;
    bottom:20%;
    padding:15px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.2);
    border-radius:12px;
}

.mt-floating-label span {
    display:block;
    color:var(--cyan);
    font-size:9px;
}

.mt-floating-label strong {
    font-family:Orbitron,sans-serif;
}

.mt-hero-decoration {
    position:absolute;
    right:5%;
    top:5%;
    font:800 60px Orbitron,sans-serif;
    color:rgba(255,255,255,.04);
}

.mt-store-layout {
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    gap:25px;
    margin-top:45px;
}

.mt-sidebar {
    align-self:start;
    position:sticky;
    top:20px;
    padding:22px;
    border-radius:17px;
    background:rgba(25,21,39,.8);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.1);
}

.mt-sidebar-heading {
    font:700 14px Orbitron,sans-serif;
    margin-bottom:25px;
}

.mt-sidebar-label {
    font-size:9px;
    letter-spacing:2px;
    color:#aaa;
    margin-bottom:12px;
}

.mt-categories {
    list-style:none;
    padding:0;
    margin:0;
}

.mt-categories li {
    border-bottom:1px solid rgba(255,255,255,.07);
}

.mt-categories a {
    display:block;
    padding:13px 4px;
    color:#ddd;
    text-decoration:none;
    font-size:12px;
    transition:.25s;
}

.mt-categories a:before {
    content:"◈";
    color:var(--purple);
    margin-right:10px;
}

.mt-categories a:hover {
    color:var(--pink);
    padding-left:10px;
}

.mt-section-heading {
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin-bottom:22px;
}

.mt-section-heading h2,.mt-trending h2 {
    font:700 clamp(20px,2.5vw,29px) Orbitron,sans-serif;
    color:white;
    margin:10px 0;
}

.mt-section-heading h2 span,.mt-trending h2 span {
    color:var(--pink);
}

.mt-section-heading>a {
    color:var(--cyan);
    font-size:10px;
    text-decoration:none;
}

.woocommerce ul.products {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin:0!important;
}

.woocommerce ul.products:before,
.woocommerce ul.products:after {
    display:none!important;
}

.woocommerce ul.products li.product {
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:12px!important;
    border-radius:16px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.1);
    transition:.3s;
    overflow:hidden;
}

.woocommerce ul.products li.product:hover {
    transform:translateY(-7px);
    border-color:var(--pink);
    box-shadow:0 15px 35px rgba(255,22,143,.15);
}

.woocommerce ul.products li.product a img {
    width:100%;
    height:175px;
    object-fit:contain;
    border-radius:10px;
    background:rgba(255,255,255,.04);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color:white!important;
    font-size:13px!important;
}

.woocommerce ul.products li.product .price {
    color:var(--cyan)!important;
    font-weight:800;
}

.woocommerce ul.products li.product .price ins {
    color:var(--pink);
    text-decoration:none;
}

.woocommerce ul.products li.product .button {
    display:block;
    text-align:center;
    background:linear-gradient(120deg,var(--pink),var(--purple));
    color:white;
    border-radius:8px;
    padding:12px;
    font-size:10px;
    font-weight:800;
}

.woocommerce span.onsale {
    background:var(--pink)!important;
    color:white!important;
}

.mt-trending {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:220px;
    padding:30px;
    margin:45px 0;
    border:1px solid rgba(150,61,255,.4);
    border-radius:20px;
    background:linear-gradient(110deg,#21132f,#171326,#25102e);
}

.mt-trending p {
    color:#bbb;
    font-size:13px;
}

.mt-trending-art {
    width:150px;
    height:150px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    font:800 17px Orbitron,sans-serif;
    text-align:center;
    color:white;
    text-shadow:0 0 20px var(--pink);
}

.mt-trending-circle {
    position:absolute;
    inset:0;
    border-radius:50%;
    border:2px solid var(--pink);
    box-shadow:0 0 30px var(--pink),inset 0 0 25px var(--pink);
    animation:mt-spin 15s linear infinite;
}

.mt-footer {
    padding:50px 7% 20px;
    background:#07060e;
    border-top:1px solid rgba(255,22,143,.3);
}

.mt-footer-grid {
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:40px;
}

.mt-footer-logo {
    font:800 20px Orbitron,sans-serif;
    color:white;
    text-decoration:none;
}

.mt-footer-logo span { color:var(--pink); }

.mt-footer p,.mt-footer-grid>div>a:not(.mt-footer-logo) {
    color:#aaa4bc;
    font-size:12px;
}

.mt-footer-grid>div>a:not(.mt-footer-logo) {
    display:block;
    margin:12px 0;
    text-decoration:none;
}

.mt-footer h3 {
    color:white;
    font:700 12px Orbitron,sans-serif;
}

.mt-footer-bottom {
    max-width:1400px;
    margin:35px auto 0;
    padding-top:20px;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.1);
    color:#777;
    font-size:10px;
}

.mt-page-content {
    max-width:1100px;
    margin:40px auto;
    padding:30px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    line-height:1.8;
}

.mt-page-content h1 {
    font-family:Orbitron,sans-serif;
    color:white;
}

.mt-page-content img {
    max-width:100%;
    height:auto;
    border-radius:15px;
}

.mt-page-text { color:#ddd; }

.woocommerce div.product .product_title {
    color:white;
    font-family:Orbitron,sans-serif;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color:var(--cyan);
}

.woocommerce div.product form.cart .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    background:linear-gradient(120deg,var(--pink),var(--purple));
    color:white;
    border-radius:9px;
    padding:13px 20px;
}

.woocommerce-message,.woocommerce-info {
    background:#20172e;
    color:white;
    border-top-color:var(--pink);
}

.woocommerce-error {
    background:#30151e;
    color:white;
}

.woocommerce table.shop_table {
    color:white;
    border-color:rgba(255,255,255,.1);
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    border-color:rgba(255,255,255,.1);
}

.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
    background:#191524;
    color:white;
    border:1px solid #44344f;
    border-radius:8px;
    padding:12px;
}

.mt-reveal {
    opacity:0;
    transform:translateY(18px);
    transition:.6s;
}

.mt-reveal.mt-visible {
    opacity:1;
    transform:translateY(0);
}

@keyframes mt-float {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-18px); }
}

@keyframes mt-spin {
    to { transform:rotate(360deg); }
}

@media(max-width:1100px) {
    .woocommerce ul.products {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px) {
    .mt-header-inner {
        flex-wrap:wrap;
        padding:15px;
    }

    .mt-logo { flex:1; }
    .mt-search { flex-basis:100%;order:3; }

    .mt-main { padding:15px 4% 40px; }

    .mt-hero {
        min-height:510px;
        padding:25px;
        align-items:flex-start;
    }

    .mt-hero-content { width:100%; }
    .mt-hero h1 { font-size:38px; }

    .mt-hero-visual {
        width:100%;
        height:220px;
        top:auto;
        bottom:0;
        right:0;
    }

    .mt-hero-orbit { width:180px;height:180px; }
    .mt-hero-image { width:130px; }

    .mt-store-layout { grid-template-columns:1fr; }

    .mt-sidebar { position:relative;top:auto; }

    .mt-categories {
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }

    .woocommerce ul.products li.product a img {
        height:130px;
    }

    .mt-footer-grid {
        grid-template-columns:1fr;
        gap:20px;
    }

    .mt-trending-art {
        width:100px;
        height:100px;
        font-size:12px;
    }
}

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


/* CATALOG MAGAZIN TIKTOK */

.mt-phone-header {
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#fff!important;
    text-decoration:none!important;
    font-size:23px;
}

.mt-phone-header small {
    font-size:11px;
    color:#00e5ff;
}

.woocommerce ul.products li.product .button {
    display:none!important;
}

.mt-call-button {
    display:block;
    text-align:center;
    padding:13px 10px;
    margin-top:14px;
    color:white!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    border-radius:9px;
    background:linear-gradient(110deg,#ff168f,#963dff);
    box-shadow:0 0 18px rgba(255,22,143,.4);
    transition:.3s;
}

.mt-call-button:hover {
    transform:translateY(-4px);
    box-shadow:0 0 30px #ff168f;
}

.mt-product-price {
    color:#00e5ff;
    font-size:20px;
    font-weight:800;
    margin:12px 0;
}

.mt-product-contact {
    margin-top:20px;
    padding:20px;
    border:1px solid rgba(255,22,143,.4);
    border-radius:15px;
    background:rgba(255,22,143,.06);
}


/* WHATSAPP NEON BUTTON */

.mt-whatsapp-button {
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    padding:14px 10px;
    margin-top:15px;
    border-radius:10px;
    color:#fff!important;
    text-decoration:none!important;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    background:linear-gradient(110deg,#ff168f,#963dff);
    border:1px solid rgba(255,255,255,.2);
    box-shadow:0 0 15px rgba(255,22,143,.3);
    transition:all .3s ease;
}

.mt-whatsapp-button span {
    font-size:19px;
    color:#25e879;
}

.mt-whatsapp-button:hover {
    color:white!important;
    transform:translateY(-4px);
    background:linear-gradient(110deg,#963dff,#ff168f);
    box-shadow:0 0 28px rgba(255,22,143,.65);
}