.elementor-kit-6{--e-global-color-primary:#D6248A;--e-global-color-secondary:#2EF2FF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FF3EA5;--e-global-color-ebd21c1:#A6A6B9;--e-global-color-b7321da:#0B0614;--e-global-color-db7cd30:#2B0A3D;--e-global-color-3625b6c:#12081A;--e-global-typography-primary-font-family:"Unbounded";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:italic;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:1.4em;}.elementor-kit-6 a{color:#2EF2FF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:1.5em;}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-weight:500;text-decoration:underline;}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:"Unbounded", Sans-serif;font-size:56px;font-weight:800;text-transform:uppercase;line-height:1.2em;}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:"Unbounded", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:"Unbounded", Sans-serif;font-size:24px;font-weight:700;line-height:1.3em;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:0.05em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6 p{margin-block-end:15px;}.elementor-kit-6 h1{font-size:36px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{line-height:1.5em;}.elementor-kit-6 p{margin-block-end:14px;}.elementor-kit-6 a{font-size:14px;line-height:1.5em;}.elementor-kit-6 a:hover{font-size:14px;line-height:1.5em;}.elementor-kit-6 h1{font-size:28px;line-height:1.2em;}.elementor-kit-6 h2{font-size:22px;line-height:1.2em;}.elementor-kit-6 h3{font-size:18px;line-height:1.3em;}.elementor-kit-6 h4{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:-2px;--container-default-padding-right:-2px;--container-default-padding-bottom:-2px;--container-default-padding-left:-2px;}}/* Start custom CSS *//* =========================================================
   TRIP N TRADE – GLOBAL CSS SYSTEM
   Naming: tnt-[component]-[modifier]
   ========================================================= */


/* =========================================================
   BUTTONS
   ========================================================= */

/* Primary CTA Button */
.tnt-btn-primary .elementor-button {
    background: linear-gradient(90deg, #ff5fd2, #9b6bff, #6fe7ff);
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 22px 64px;
    box-shadow:
        0 0 25px rgba(255, 95, 210, 0.45),
        0 0 45px rgba(155, 107, 255, 0.35),
        0 0 65px rgba(111, 231, 255, 0.25);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;
}

.tnt-btn-primary .elementor-button:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.tnt-btn-primary .elementor-button:focus {
    outline: none;
    box-shadow:
        0 0 0 4px rgba(255, 255, 255, 0.2),
        0 0 40px rgba(155, 107, 255, 0.6);
}


/* Secondary CTA Button */
.tnt-btn-secondary .elementor-button {
    position: relative;
    background: rgba(43, 10, 61, 0.9);
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 22px 64px;
    z-index: 1;
    transition:
        transform 0.25s ease,
        filter 0.25s ease;
}

.tnt-btn-secondary .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff5fd2, #9b6bff, #6fe7ff);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    pointer-events: none;
}

.tnt-btn-secondary .elementor-button:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
}


/* =========================================================
   CARD COMPONENTS
   ========================================================= */

/* Base Card */
.tnt-card {
    position: relative;
    background: #0F0A14;
    border-radius: 20px;
    padding: 32px;
    z-index: 1;
}

.tnt-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    background: rgba(255, 62, 165, 0.32);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    pointer-events: none;
}

/* Featured Card Modifier */
.tnt-card-featured {
    transform: scale(1.05);
    z-index: 3;
}

/* Index / Grid Card */
.tnt-card-index {
    border-radius: 20px;
    box-shadow:
        0 0 2px rgba(255, 255, 255, 0.45),
        0 0 50px rgba(155, 107, 255, 0.35);
}


/* =========================================================
   GLOW UTILITIES
   ========================================================= */

.tnt-glow-soft {
    box-shadow:
        0 0 12px rgba(255, 95, 210, 0.22),
        0 0 22px rgba(155, 107, 255, 0.18),
        0 0 36px rgba(111, 231, 255, 0.14);
}

.tnt-glow-medium {
    box-shadow:
        0 0 18px rgba(255, 95, 210, 0.35),
        0 0 32px rgba(155, 107, 255, 0.28),
        0 0 52px rgba(111, 231, 255, 0.22);
}

.tnt-glow-strong {
    box-shadow:
        0 0 30px rgba(255, 95, 210, 0.55),
        0 0 60px rgba(155, 107, 255, 0.45),
        0 0 100px rgba(111, 231, 255, 0.35);
}


/* =========================================================
   LIFT / INTERACTION UTILITIES
   ========================================================= */

.tnt-lift-soft {
    transition: transform 0.3s ease, filter 0.3s ease;
}

.tnt-lift-soft:hover {
    transform: translateY(-3px);
    filter: brightness(1.03);
}

.tnt-lift-medium {
    transition: transform 0.3s ease, filter 0.3s ease;
}

.tnt-lift-medium:hover {
    transform: translateY(-6px) scale(1.03);
    filter: brightness(1.05);
}

.tnt-lift-strong {
    transition: transform 0.35s ease, filter 0.35s ease;
}

.tnt-lift-strong:hover {
    transform: translateY(-10px) scale(1.05);
    filter: brightness(1.08);
}


/* =========================================================
   BACKGROUND MOTION
   ========================================================= */

.tnt-bg-animated {
    background: linear-gradient(270deg,
        #ff46c7,
        #c233ff,
        #6020ff,
        #1b7aff,
        #ff3ca6
    );
    background-size: 1000% 1000%;
    animation: tntGradient 15s ease infinite;
}

@keyframes tntGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.tnt-bg-holo {
    background: linear-gradient(
        120deg,
        #ff46c7,
        #c233ff,
        #5d2cff,
        #1b7aff,
        #23ffd9,
        #ff3ca6
    );
    background-size: 400% 400%;
    animation: tntHoloShift 12s ease infinite;
}

@keyframes tntHoloShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.tnt-bg-foil {
    background: linear-gradient(
        90deg,
        #ff46c7,
        #1b7aff,
        #23ffd9,
        #ff3ca6,
        #c233ff
    );
    background-size: 600% 600%;
    animation: tntFoilFlash 6s linear infinite;
}

@keyframes tntFoilFlash {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


/* =========================================================
   PRODUCT IMAGERY
   ========================================================= */

.tnt-product-glow {
    position: relative;
    border-radius: 16px;
}

.tnt-product-glow::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(
        90deg,
        #ff5fd2,
        #9b6bff,
        #6fe7ff,
        #ff5fd2
    );
    opacity: 0.5;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    pointer-events: none;
}


/* =========================================================
   SECTION TRANSITIONS
   ========================================================= */

.tnt-section-feather-top {
    position: relative;
    overflow: visible;
}

.tnt-section-feather-top::before {
    content: "";
    position: absolute;
    top: -160px;
    width: 100%;
    height: 160px;
    background: linear-gradient(
        to bottom,
        rgba(18, 8, 26, 0),
        rgba(18, 8, 26, 1)
    );
    pointer-events: none;
}


/* =========================================================
   TEXT EFFECTS
   ========================================================= */

.tnt-text-gradient {
    background: linear-gradient(
        90deg,
        #ff5fd2,
        #9b6bff,
        #6fe7ff,
        #ff5fd2
    );
    background-size: 300% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}/* End custom CSS */