/*==================================================
        FOREVER SOLID DESIGN SYSTEM
        Version 1.0
==================================================*/


@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poppins:wght@300;400;500;600;700;800&display=swap');


/*==================================================
                RESET
==================================================*/


*{

margin:0;

padding:0;

box-sizing:border-box;

}


html{

scroll-behavior:smooth;

}


body{

font-family:'Poppins',sans-serif;

background:#000;

color:#fff;

overflow-x:hidden;

line-height:1.6;

min-height:100vh;

}


img{

display:block;

width:100%;

height:auto;

}


a{

text-decoration:none;

color:inherit;

}


button{

font-family:inherit;

cursor:pointer;

border:none;

outline:none;

background:none;

}


input,
textarea,
select{

font-family:inherit;

outline:none;

}


ul,
ol{

list-style:none;

}


/*==================================================
             GLOBAL CONTAINERS
==================================================*/


.container{

width:min(1400px,92%);

margin:auto;

}


section{

width:100%;

padding:70px 0;

}


/*==================================================
                 TYPOGRAPHY
==================================================*/


h1,
h2,
h3,
h4,
h5{

font-weight:700;

line-height:1.2;

}


p{

color:#dddddd;

line-height:1.7;

}


/*==================================================
             BRAND COLORS
==================================================*/


:root{

--bg:#000000;

--card:#111111;

--white:#ffffff;

--gray:#d9d9d9;

--red:#b30000;

--red-light:#ff2a2a;

--green:#178d33;

--green-light:#39ff14;

--radius:22px;

}

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


.red-glow{

text-shadow:

0 0 8px var(--red),

0 0 18px var(--red),

0 0 35px var(--red);

}


.green-glow{

text-shadow:

0 0 8px var(--green-light),

0 0 18px var(--green-light),

0 0 35px var(--green-light);

}


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


.big-red-button,
.big-green-button{

display:inline-flex;

justify-content:center;

align-items:center;

padding:18px 34px;

border-radius:50px;

font-size:18px;

font-weight:700;

transition:.35s;

}


.big-red-button{

background:var(--red);

color:#fff;

box-shadow:

0 0 15px var(--red),

0 0 35px rgba(255,0,0,.45);

}

.big-red-button{

background:transparent;

border:2px solid var(--red);

color:#fff;

font-weight:400;

letter-spacing:3px;

box-shadow:

0 0 15px var(--red),

0 0 35px rgba(255,0,0,.45);

}

.big-green-button{

background:transparent;

border:2px solid var(--green-light);

color:#fff;

font-weight:400;

letter-spacing:3px;

box-shadow:

0 0 15px var(--green-light),

0 0 35px rgba(57,255,20,.35);

}


.big-green-button:hover{

transform:translateY(-3px);

background:#20a53f;

box-shadow:

0 0 25px var(--green-light),

0 0 45px var(--green-light);

}

.order-button{

display:block;

width:100%;

padding:16px;

margin-top:20px;

border-radius:50px;

background:#b30000;

color:#fff;

font-size:18px;

font-weight:700;

text-align:center;

box-shadow:
0 0 15px #ff0000,
0 0 35px rgba(255,0,0,.45);

}


.order-button:hover{

background:#d50000;

transform:translateY(-2px);

}
/*==================================================
                 CARD STYLE
==================================================*/


.card{

background:var(--card);

border:2px solid var(--red);

border-radius:var(--radius);

box-shadow:

0 0 18px rgba(255,0,0,.25);

overflow:hidden;

transition:.35s;

}


.card:hover{

transform:translateY(-6px);

box-shadow:

0 0 22px rgba(255,0,0,.45);

}


/*==================================================
                     LOADER
==================================================*/


#loader{

position:fixed;

top:0;

left:0;

width:100%;

height:100vh;

background:#000;

display:flex;

justify-content:center;

align-items:center;

z-index:99999;

transition:.5s;

}


.loader-logo{

font-family:'Great Vibes',cursive;

font-size:70px;

font-weight:400;

color:#fff;

text-shadow:

0 0 10px var(--red),

0 0 25px var(--red),

0 0 45px var(--red);

animation:pulseLogo 2s infinite;

}


@keyframes pulseLogo{

0%{

transform:scale(1);

opacity:1;

}

50%{

transform:scale(1.05);

opacity:.9;

}

100%{

transform:scale(1);

opacity:1;

}

}

/*==================================================
                     HEADER
==================================================*/


header{

position:sticky;

top:0;

left:0;

width:100%;

z-index:1000;

background:#000;

border-bottom:2px solid var(--red);

display:flex;

align-items:center;

padding:18px 5%;

}


header nav{

width:100%;

}


/*==================================================
                     LOGO
==================================================*/


.logo{

display:flex;

align-items:center;

}


.logo img{

height:72px;

width:auto;

transition:.35s;

}


.logo img:hover{

transform:scale(1.05);

}


/*==================================================
                 DESKTOP NAVIGATION
==================================================*/


nav ul{

display:flex;

justify-content:space-between;

align-items:center;

width:100%;

}


nav ul li{

flex:1;

}


nav ul li:first-child{

text-align:left;

}


nav ul li:last-child{

text-align:right;

}


nav ul li a{

font-size:22px;

font-weight:300;

letter-spacing:2px;

text-transform:uppercase;

color:#fff;

transition:.3s;

text-shadow:

0 0 3px #ff0000,

0 0 8px #ff0000;

}


nav ul li a:hover{

color:#ff4d4d;

text-shadow:

0 0 6px #ff0000,

0 0 12px #ff0000,

0 0 20px #ff0000;

}


/*==================================================
                 HEADER ICONS
==================================================*/


.nav-icons{

display:flex;

align-items:center;

gap:18px;

}


.nav-icons button{

background:none;

border:none;

color:#fff;

font-size:22px;

cursor:pointer;

transition:.3s;

position:relative;

}


.nav-icons button:hover{

color:#ff3b3b;

transform:scale(1.1);

}


#cart-count{

position:absolute;

top:-8px;

right:-10px;

width:18px;

height:18px;

border-radius:50%;

background:#ff0000;

display:flex;

justify-content:center;

align-items:center;

font-size:11px;

font-weight:700;

color:#fff;

}

/*==================================================
                 MOBILE MENU BUTTON
==================================================*/


.menu-toggle{

display:none;

font-size:32px;

cursor:pointer;

color:#fff;

transition:.3s;

}


.menu-toggle:hover{

color:#ff3b3b;

}


/*==================================================
                 MOBILE MENU
==================================================*/


.mobile-menu{

display:none;

background:#090909;

border-top:2px solid var(--red);

}


.mobile-menu a{

display:block;

padding:18px;

text-align:center;

font-weight:600;

border-bottom:1px solid rgba(255,255,255,.08);

transition:.3s;

}


.mobile-menu a:hover{

background:#111;

color:#ff3b3b;

}


.top-nav{

display:flex;

justify-content:space-between;

align-items:center;

width:100%;

}


.top-nav a{

color:#fff;

font-size:22px;

font-weight:300;

letter-spacing:2px;

text-transform:uppercase;

text-decoration:none;

text-shadow:

0 0 3px #ff0000,

0 0 8px #ff0000;

transition:.3s;

}


.top-nav a:hover{

color:#ff4d4d;

text-shadow:

0 0 6px #ff0000,

0 0 12px #ff0000,

0 0 20px #ff0000;

}


/*==================================================
                     HOME HERO
==================================================*/


.hero{

background:#000;

padding:15px 0 50px;

text-align:center;

}


/*================ HERO IMAGES ================*/


.hero-banner{

position:relative;

display:grid;

grid-template-columns:1fr 1fr;

max-width:1200px;

width:100%;

height:720px;

overflow:hidden;

margin:0 auto;

background:#000;

}


.hero-half{

position:relative;

overflow:hidden;

}


.hero-half img{

width:100%;

height:720px;

object-fit:cover;

object-position:center top;

display:block;

}


/*================ BLACK FADE ================*/


.hero-banner::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:100%;

height:240px;

background:linear-gradient(

to bottom,

rgba(0,0,0,0),

rgba(0,0,0,.35),

rgba(0,0,0,.70),

#000 100%

);

pointer-events:none;

z-index:10;

}

/*================ LOGO ================*/

.hero-logo-img{

display:block;

width:100%;

max-width:1400px;

margin:-40px auto 20px;

position:relative;

z-index:20;

filter:
brightness(1)
drop-shadow(0 0 3px #b30000)
drop-shadow(0 0 8px #b30000)
drop-shadow(0 0 15px #ff0000);

}


/*================ QUOTE ================*/


.hero-quote{

color:#fff;

font-size:30px;

font-weight:700;

line-height:1.3;

max-width:900px;

margin:0 auto 35px;

text-transform:uppercase;

padding:0 20px;

}


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


.hero-buttons{

display:flex;

flex-direction:column;

align-items:center;

gap:18px;

}


/*==================================================
                PHONE
==================================================*/


@media screen and (max-width:768px){


.hero{

padding:10px 0 35px;

}

.hero-banner{

height:auto;

width:100%;

overflow:hidden;

}


.hero-half{

position:relative;

overflow:hidden;

}


.hero-half img{

width:100%;

height:auto;

object-fit:cover;

}


.hero-left{

margin-right:-20px;

}


.hero-right{

margin-left:-20px;

}


.hero-logo-img{

width:480px;

max-width:95%;

margin:-130px auto 20px;

}


.hero-quote{

font-size:18px;

line-height:1.35;

padding:0 15px;

}


.hero-buttons{

width:100%;

padding:0 20px;

}


.hero-buttons .big-red-button,
.hero-buttons .big-green-button{

max-width:340px;

width:100%;

}

}

/*==================================================
                 SHOP PAGE
==================================================*/


.shop-header{

text-align:center;

padding:60px 20px 30px;

}


.shop-header h1{

font-family:'Great Vibes',cursive;

font-size:68px;

font-weight:400;

color:#fff;

margin-bottom:15px;

text-shadow:

0 0 10px var(--red),

0 0 25px var(--red),

0 0 45px var(--red);

}


.shop-header.green h1{

text-shadow:

0 0 10px var(--green-light),

0 0 25px var(--green-light),

0 0 45px var(--green-light);

}


.shop-header p{

max-width:700px;

margin:auto;

font-size:18px;

color:#d9d9d9;

line-height:1.7;

}


/*==================================================
                 PRODUCT GRID
==================================================*/


.products-grid{

width:min(1400px,92%);

margin:auto;

display:grid;

grid-template-columns:repeat(2,1fr);

gap:35px;

padding:30px 0 70px;

}


/*==================================================
                 PRODUCT CARD
==================================================*/


.product-card{

background:#111;

border:2px solid var(--red);

border-radius:22px;

overflow:hidden;

transition:.35s;

box-shadow:

0 0 15px rgba(255,0,0,.20);

}


.product-card:hover{

transform:translateY(-8px);

box-shadow:

0 0 20px var(--red),

0 0 40px rgba(255,0,0,.45);

}


/*==================================================
             GREEN BOX PRODUCT CARD
==================================================*/


.product-card.green{

border-color:var(--green);

box-shadow:

0 0 15px rgba(57,255,20,.20);

}


.product-card.green:hover{

box-shadow:

0 0 20px var(--green-light),

0 0 40px rgba(57,255,20,.45);

}


/*==================================================
                 PRODUCT IMAGE
==================================================*/


.product-card img{

width:100%;

height:300px;

object-fit:cover;

background:#111;

transition:.35s;

}


.product-card:hover img{

transform:none;

}


/*==================================================
                 PRODUCT INFO
==================================================*/


.product-info{

padding:25px;

text-align:center;

}


.product-info h3{

font-size:24px;

color:#fff;

margin-bottom:10px;

}


.product-info p{

font-size:15px;

color:#d9d9d9;

margin-bottom:15px;

line-height:1.6;

}

/*==================================================
                 PRICE
==================================================*/


.price{

font-size:28px;

font-weight:700;

color:#fff;

margin-bottom:20px;

}


/*==================================================
                 PRODUCT BUTTON
==================================================*/


.buy-btn{

display:block;

width:100%;

padding:16px;

border-radius:50px;

background:transparent;

border:2px solid #ff0000;

color:#fff;

font-size:17px;

font-weight:700;

transition:.35s;

}


.buy-btn:hover{

background:#d50000;

transform:translateY(-2px);

}


/*==================================================
         GREEN BOX BUY BUTTON
==================================================*/

.buy-btn.green{

background:transparent;

border:2px solid #39ff14;

color:#fff;

box-shadow:none;

}


.buy-btn.green:hover{

background:#39ff14;

color:#000;

box-shadow:none;

}


/*==================================================
                 PRODUCT PAGE
==================================================*/


.product-page{

width:min(1400px,92%);

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:center;

padding:60px 0;

}


.product-images{

display:flex;

justify-content:center;

align-items:center;

}


.product-images img{

width:100%;

max-width:700px;

height:600px;

object-fit:contain;

background:#111;

border-radius:22px;

border:3px solid var(--red);

box-shadow:

0 0 15px rgba(255,0,0,.35),

0 0 35px rgba(255,0,0,.20);

}


.product-details h1{

font-size:42px;

margin-bottom:20px;

}


.product-details .price{

font-size:34px;

font-weight:700;

color:var(--green-light);

margin:20px 0;

}


.product-details p{

font-size:17px;

line-height:1.8;

margin-bottom:25px;

color:#d9d9d9;

}


.product-actions{

display:flex;

gap:20px;

flex-wrap:wrap;

margin-top:30px;

}

/*==================================================
                    TRUST SECTION
==================================================*/


.trust-section{

display:flex;

justify-content:space-around;

align-items:center;

gap:30px;

text-align:center;

width:90%;

margin:auto;

}


/*==================================================
                    CART
==================================================*/


.cart-container{

width:min(1200px,92%);

margin:auto;

padding:60px 0;

}


.cart-item{

display:grid;

grid-template-columns:130px 1fr auto;

align-items:center;

gap:25px;

padding:20px;

margin-bottom:20px;

background:#111;

border:2px solid var(--red);

border-radius:22px;

}


.cart-item img{

width:120px;

border-radius:15px;

}


.cart-info h3{

font-size:24px;

margin-bottom:8px;

}


.cart-info p{

font-size:15px;

color:#d9d9d9;

}


.cart-price{

font-size:22px;

font-weight:700;

color:var(--green-light);

}


.cart-total{

margin-top:40px;

text-align:right;

font-size:30px;

font-weight:700;

}


/*==================================================
                 CHECKOUT
==================================================*/


.checkout-container{

width:min(1200px,92%);

margin:auto;

padding:60px 0;

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

align-items:start;

}


.checkout-form,
.checkout-summary{

background:#111;

border:2px solid #333;

border-radius:22px;

padding:30px;

}


.checkout-form label{

display:block;

margin-top:15px;

margin-bottom:8px;

font-weight:600;

}


.checkout-form input,
.checkout-form textarea{

width:100%;

}


.checkout-container form{

display:grid;

gap:20px;

}


.checkout-container input,
.checkout-container textarea,
.checkout-container select{

padding:16px;

background:#111;

border:2px solid #333;

border-radius:14px;

color:#fff;

font-size:16px;

transition:.3s;

}


.checkout-container input:focus,
.checkout-container textarea:focus,
.checkout-container select:focus{

border-color:var(--red);

box-shadow:

0 0 10px rgba(255,0,0,.35);

}

/*==================================================
                     RECEIPT
==================================================*/


.receipt{

width:min(800px,92%);

margin:60px auto;

background:#111;

border:2px solid var(--red);

border-radius:22px;

padding:40px;

box-shadow:

0 0 20px rgba(255,0,0,.25);

}


.receipt h1{

text-align:center;

margin-bottom:30px;

font-size:40px;

}


.receipt-row{

display:flex;

justify-content:space-between;

padding:12px 0;

border-bottom:1px solid #333;

}


.receipt-total{

display:flex;

justify-content:space-between;

margin-top:30px;

font-size:28px;

font-weight:700;

color:var(--green-light);

}


/*==================================================
             BOTTOM NAVIGATION
==================================================*/


.bottom-nav{

position:fixed;

bottom:0;

left:0;

width:100%;

display:flex;

flex-direction:row;

justify-content:space-around;

align-items:center;

background:#050505;

border-top:2px solid red;

padding:10px 0;

z-index:9999;

}


.bottom-nav a{

display:flex;

flex-direction:row;

align-items:center;

justify-content:center;

flex:1;

color:#ffffff;

font-size:14px;

font-weight:300;

letter-spacing:1.5px;

text-transform:uppercase;

text-decoration:none;

transition:.3s;

text-shadow:

0 0 3px #ff0000,

0 0 8px #ff0000;

}


.bottom-nav a:hover{

color:#ff4d4d;

text-shadow:

0 0 6px #ff0000,

0 0 12px #ff0000,

0 0 20px #ff0000;

}


.bottom-nav span{

font-size:11px;

font-weight:300;

margin-top:4px;

letter-spacing:1px;

}


/*==================================================
                 SIMPLE FOOTER
==================================================*/


footer{

width:100%;

background:#050505;

border-top:2px solid var(--red);

text-align:center;

padding:40px 20px 90px;

}


.footer-logo{

display:block;

width:100%;

max-width:220px;

height:auto;

margin:0 auto 20px;

filter:

drop-shadow(0 0 3px #ff0000)

drop-shadow(0 0 8px #ff0000);

}


.footer-brand{

display:none;

}


.footer-tagline{

font-size:18px;

color:#d9d9d9;

margin-bottom:15px;

}


.copyright{

font-size:14px;

color:#777;

}

/*==================================================
             GREEN BOX LOGO
==================================================*/


.greenbox-logo{

display:block;

width:100%;

max-width:1400px;

height:auto;

object-fit:cover;

margin:0 auto 20px;

}


@media screen and (max-width:768px){

.greenbox-logo{

height:auto;

width:100%;

max-width:100%;

object-fit:cover;

}

}


/*==================================================
             MOBILE PRODUCTS
==================================================*/


@media screen and (max-width:768px){

.products-grid{

grid-template-columns:1fr;

}

}


/*==================================================
             MOBILE CHECKOUT FIX
==================================================*/


@media screen and (max-width:768px){

.checkout-container{

grid-template-columns:1fr;

width:95%;

padding:20px 0;

}


.checkout-form,
.checkout-summary{

width:100%;

padding:20px;

}


.delivery-options{

display:flex;

gap:25px;

align-items:center;

}


.payment-options{

display:flex;

gap:20px;

align-items:center;

}


.delivery-options label,
.payment-options label{

display:flex;

align-items:center;

gap:10px;

}


.delivery-options input,
.payment-options input{

width:auto;

}

}


/*==================================================
             FULL IMAGE DISPLAY
==================================================*/


.product-images img{

cursor:pointer;

}


.product-images img.full-image{

position:fixed !important;

top:50% !important;

left:50% !important;

transform:translate(-50%,-50%) !important;

width:95vw !important;

height:95vh !important;

object-fit:cover !important;

background:#000;

z-index:999999 !important;

}

/*=========================================
        GREEN BOX BABY THEME
=========================================*/

.shop-header.green h1,
.green-title{

color:#39ff14;

text-shadow:
0 0 5px #39ff14,
0 0 15px #00ff66,
0 0 30px #00ff66;

}


.shop-header.green .hero-quote{

color:#39ff14;

text-shadow:
0 0 10px #00ff66;

}

.checkout-logo{

display:block;

width:220px;

height:auto;

margin:20px auto;

filter:
drop-shadow(0 0 5px red)
drop-shadow(0 0 12px red)
drop-shadow(0 0 25px red);

}

/* =====================================
   CART CLEANUP - FINAL OVERRIDES
   ===================================== */


/* Space empty cart buttons */

.empty-buttons{

display:flex;

gap:25px;

justify-content:center;

flex-wrap:wrap;

margin-top:30px;

}


/* Clean checkout note */

.checkout-note{

display:flex;

justify-content:center;

gap:25px;

flex-wrap:wrap;

margin-top:20px;

font-size:15px;

text-align:center;

opacity:.9;

}


/* Mobile adjustment */

@media(max-width:600px){

.empty-buttons{

flex-direction:column;

align-items:center;

}


.checkout-note{

flex-direction:column;

gap:10px;

}

}


/* =====================================
 GREEN BOX BABY THEME
===================================== */

.greenbox-page{

background:#001a05;

}


/* GREEN OUTLINE BUTTON */

.big-green-button{

background:transparent;

border:2px solid #00ff33;

color:white;

box-shadow:
0 0 10px #00ff33,
0 0 25px #00ff33;

font-weight:400;

letter-spacing:1px;

}


.big-green-button:hover{

background:#00ff33;

color:#000;

}


/* THINNER LETTERS */

.product-info h3,
.price,
.buy-btn,
.order-button{

font-weight:400;

letter-spacing:1px;

}

/* =====================================
 GREEN BOX BABY TEXT STYLE
===================================== */

.shop-header.green .hero-logo-img{

filter:
drop-shadow(0 0 5px #39ff14);

}

.green-title{

font-family:'Great Vibes', cursive;

font-size:80px;

font-weight:400;

letter-spacing:2px;

color:#39ff14;

text-align:center;

transform:scaleX(1.05);

text-shadow:

0 0 5px #39ff14,

0 0 15px #39ff14,

0 0 35px #39ff14;

}

/* =====================================
   GREEN BOX BABY PAGE THEME
===================================== */

.green-title{

color:#00ff33;

font-weight:400;

letter-spacing:3px;

text-shadow:

0 0 5px #00ff33,

0 0 12px #00ff33,

0 0 20px #00ff33;

}


/* Green product cards */

#greenProducts .product-card{

border-color:#00ff33;

}


#greenProducts .product-card:hover{

box-shadow:

0 0 20px #39ff14,

0 0 40px rgba(57,255,20,.45);

}

/* Green price text */

#greenProducts .price{

color:#fff;

font-weight:400;

text-shadow:none;

}

@media(max-width:600px){

.hero-banner{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    height:100vh;
    gap:0;
    margin:0;
    overflow:hidden;
}

.hero-half{
    width:100%;
    height:100%;
    overflow:hidden;
    margin:0;
    padding:0;
}

.hero-half img{
    width:100%;
    height:100vh;
    object-fit:cover;
    object-position:center top;
    display:block;
}

}
}

@media(max-width:600px){

.product-images{
    height:300px;
}

.product-images img{
    height:260px;
    object-fit:contain;
}

}

/* PAYMENT CLEANUP */

.payment-options,
.cashapp-box{

text-align:center;

}


.cashapp-box{

margin-top:25px;
margin-bottom:25px;

}


.checkout-summary{

margin-top:25px;

}

@media(max-width:600px){

/* Move Shop header down */

.shop-header.green .hero-logo-img{

width:100vw;
max-width:none;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);

}

/* Make top buttons match */
.top-nav button,
.top-nav a{

    font-size:22px;
    padding:10px;
}

}

@media(max-width:600px){

.product-images img{
    height:350px;
}

}

@media(max-width:600px){

.shop-header{
    padding-top:220px;
}

}

@media(max-width:600px){

.green-header-image{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
}

.green-title{
    margin-top:80px;
}

}

.powered-by{

text-align:center;

font-size:14px;

margin-top:15px;

opacity:.8;

letter-spacing:1px;

}

.top-nav button{

color:#fff;

font-size:22px;

font-weight:300;

letter-spacing:2px;

text-transform:uppercase;

padding:10px;

text-shadow:
0 0 3px #ff0000,
0 0 8px #ff0000;

}

.top-nav button:hover{

color:#ff4d4d;

text-shadow:
0 0 6px #ff0000,
0 0 12px #ff0000,
0 0 20px #ff0000;

}

#imageViewer{

display:none;

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.95);

z-index:999999;

justify-content:center;

align-items:center;

}


#imageViewer img{

max-width:95%;

max-height:95%;

object-fit:contain;

}

/* Checkout Back To Cart Button */

.checkout-summary .cart-button{

margin-bottom:20px;
        
color:#fff;

margin-top:20px;

padding:16px;

width:100%;

border-radius:50px;

border:2px solid #333;

}

/* =========================
   TaDie4ENT Trial Page Layout
========================= */

.trial-page{

max-width:1000px;
margin:auto;
padding:60px 25px;

color:white;

}

.trial-brand{

text-align:center;

width:100%;

margin:0 auto 70px auto;

}

.tadie-logo{

width:600px;

max-width:90%;

height:auto;

display:block;

margin:0 auto 50px auto;

object-fit:contain;

}



.trial-page h2{

margin-top:50px;

margin-bottom:20px;

line-height:1.4;

}


.trial-page p{

line-height:1.8;

margin-bottom:30px;

}




.price-card{

margin:50px auto;

padding:35px;

max-width:700px;

border-radius:25px;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.25);

}



.price-card h3{

font-size:30px;

margin-bottom:20px;

}



.price-card h2{

margin:15px 0;

}



.price-card p{

margin-bottom:20px;

line-height:2;

}



/* Trial button */

.trial-page button{

display:block;

margin:60px auto;

padding:18px 40px;

border-radius:50px;

font-size:20px;

cursor:pointer;

}

/* ==============================
   TaDie4ENT Trial Page FINAL FIX
============================== */


.trial-page{

max-width:1000px;
margin:auto;
padding:60px 30px;
color:white;

}



/* Logo */

.trial-brand{

text-align:center;
margin-bottom:80px;

}


.tadie-logo{

width:600px;
max-width:90%;
height:auto;
display:block;
margin:0 auto 50px auto;

}



/* Headings */

.trial-page h2{

text-align:center;
margin:50px 0 25px;
line-height:1.4;

}


.trial-page p{

line-height:1.8;
margin-bottom:30px;

}



/* All package boxes */

.price-card{

max-width:700px;
margin:50px auto;
padding:35px;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.25);

border-radius:25px;

}



/* Inside cards */

.price-card h3{

font-size:30px;
margin-bottom:20px;

}


.price-card h2{

margin:15px 0;

text-align:left;

}


.price-card p{

line-height:2;

}



/* Maintenance section */

.trial-page h2:nth-of-type(4){

margin-top:80px;

}



/* Agreement area */

.trial-page button{

display:block;

margin:50px auto;

padding:18px 45px;

background:white;

color:black;

border:none;

border-radius:50px;

font-size:20px;

font-weight:700;

cursor:pointer;

}



/* Contact */

.trial-page:last-child{

text-align:center;

margin-top:60px;

}

.trial-contact{

text-align:center;

margin-top:60px;

}

/* =================================
   TaDie4ENT Trial Page Colors
================================= */


/* Main background */

.trial-page{

background:#050505;

}


/* Logo glow */

.tadie-logo{

filter:
drop-shadow(0 0 15px rgba(0,119,255,.35))
drop-shadow(0 0 25px rgba(153,0,255,.35));

}



/* Main headings */

.trial-page h2{

background:linear-gradient(
90deg,
#9b00ff,
#00aaff,
#00ff66,
#ffd700
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}


/* Package cards */

.price-card{

background:
linear-gradient(
145deg,
rgba(155,0,255,.08),
rgba(0,170,255,.05),
rgba(0,255,102,.08)
);

border:1px solid rgba(255,255,255,.25);

box-shadow:

0 0 20px rgba(0,170,255,.15);

}



/* Package titles */

.price-card h3{

color:white;

text-shadow:

0 0 10px rgba(0,170,255,.8);

}



/* Prices */

.price-card h2{

color:#ffd700;

text-shadow:

0 0 12px rgba(255,215,0,.6);

}



/* Trial button */

.trial-page button{

background:

linear-gradient(
90deg,
#9b00ff,
#007bff,
#00ff66
);

color:white;

box-shadow:

0 0 20px rgba(0,170,255,.7);

}



.trial-page button:hover{

transform:scale(1.05);

box-shadow:

0 0 30px rgba(0,255,102,.9);

}



/* Contact */

.trial-contact{

color:#00aaff;

text-shadow:

0 0 10px rgba(0,170,255,.7);

}