/* ==========================================
   TRIVANA PAGES
========================================== */

/*=========================================
SECTION TITLE
=========================================*/

.section-header{

text-align:center;

margin-bottom:70px;

}

.section-header span{

display:inline-block;

font-size:13px;

font-weight:700;

letter-spacing:4px;

color:#8B6B4A;

margin-bottom:15px;

text-transform:uppercase;

}

.section-header h2{

font-size:58px;

margin-bottom:18px;

}

.section-header p{

max-width:700px;

margin:auto;

font-size:18px;

color:#666;

line-height:1.8;

}

.section-divider{

width:90px;

height:4px;

background:#8B6B4A;

margin:20px auto;

border-radius:20px;

}

/*=========================================
HERO SECTION STYLING
=========================================*/

.hero {
    position: relative;
    padding: 130px 0 90px;
    background: linear-gradient(135deg, #F8F4EE 0%, #FAF8F5 100%);
    overflow: hidden;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: center;
}

.hero-tag {
    display: inline-block;
    padding: 8px 18px;
    background: rgba(139, 107, 74, 0.1);
    color: #8B6B4A;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.hero-content h1 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 3.5rem;
    line-height: 1.15;
    color: #2E2A26;
    margin-bottom: 20px;
    font-weight: 700;
}

.hero-content p {
    font-size: 1.1rem;
    color: #6D6D6D;
    line-height: 1.7;
    margin-bottom: 30px;
    max-width: 560px;
}

.hero-buttons {
    display: flex;
    gap: 16px;
    align-items: center;
}

.hero-image {
    position: relative;
    text-align: center;
}

.hero-product {
    max-width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: contain;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.12));
}

/*=========================================
HERO STATS
=========================================*/

.hero-stats{

display:flex;

gap:60px;

margin-top:55px;

}

.hero-stats h3{

font-size:38px;

color:var(--primary);

}

.hero-stats p{

font-size:15px;

margin-top:8px;

}


/*=========================================
FEATURED
=========================================*/

.featured{
    background:#fff;
    padding:90px 0;
}

.text-center{
    margin-top:40px;
    text-align:center;
}

.featured-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:35px;

align-items:start;

}

/*=========================================
PREMIUM FEATURED CARD
=========================================*/

.featured-card{

background:#fff;

border-radius:28px;

padding:28px;

text-align:center;

box-shadow:0 20px 45px rgba(0,0,0,.06);

transition:.4s;

position:relative;

overflow:hidden;

}

.featured-card:hover{

transform:translateY(-12px);

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

}

.featured-card img{

width:170px;

height:170px;

object-fit:contain;

margin:10px auto 20px;

display:block;

transition:transform .4s ease;

}

.featured-card:hover img{

transform:scale(1.05);

}

.product-badge{

position:absolute;

top:18px;

left:18px;

padding:8px 16px;

background:#8B6B4A;

color:#fff;

border-radius:30px;

font-size:12px;

font-weight:700;

letter-spacing:1px;

}

.featured-card h3{

margin:18px 0 10px;

font-size:28px;

}

.featured-card p{

font-size:15px;

color:#666;

margin-bottom:15px;

}

.rating{

color:#D4A64F;

font-size:18px;

margin-bottom:15px;

}

.price{

font-size:34px;

font-weight:700;

color:#8B6B4A;

margin-bottom:22px;

}

.product-btn{

width:100%;

height:56px;

border:none;

border-radius:40px;

background:#8B6B4A;

color:#fff;

font-weight:600;

font-size:16px;

cursor:pointer;

transition:.35s;

}

.product-btn:hover{

background:#6F5439;

transform:translateY(-3px);

}


.featured-card{

min-height:480px;

display:flex;

flex-direction:column;

justify-content:space-between;

}
.featured-card::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:70%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.35),
transparent
);

transform:skewX(-20deg);

transition:.8s;

}

.featured-card:hover::before{

left:140%;

}
/*=========================================
ABOUT
=========================================*/

.about{

    background:#F9F5EF;

    padding:120px 0;

    position:relative;

}

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:90px;

}

.about-image{

    display:flex;

    justify-content:center;

}

.about-image img{

    width:90%;

    border-radius:30px;

    transition:.5s;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.about-image img:hover{

    transform:translateY(-10px);

}

.about-content{

    max-width:560px;

}

.about-content .hero-tag{

    margin-bottom:18px;

}

.about-content h2{

    font-size:56px;

    line-height:1.15;

    margin-bottom:25px;

    color:#222;

}

.about-content p{

    color:#666;

    font-size:17px;

    line-height:1.9;

    margin-bottom:22px;

}

.about-content .btn-primary{

    margin-top:15px;

}

.about::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    background:#EFE2D3;

    border-radius:50%;

    top:-120px;

    left:-120px;

    opacity:.45;

    filter:blur(60px);

}

/*=========================================
WHY US
=========================================*/

.why-us{

background:white;

}

.why-grid{

display:grid;

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

gap:30px;

}

.why-card{

background:#fff;

padding:45px 35px;

border-radius:26px;

text-align:center;

box-shadow:0 15px 35px rgba(0,0,0,.05);

transition:.4s;

}

.why-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.why-icon{

font-size:48px;

margin-bottom:22px;

}

.why-card h3{

font-size:32px;

margin-bottom:15px;

}

.why-card p{

font-size:17px;

line-height:1.8;

color:#666;

}
/*=========================================
TESTIMONIAL
=========================================*/

/*=========================================
TESTIMONIALS
=========================================*/

.testimonials{

    background:#F8F4EE;

    padding:110px 0;

}

.testimonial-grid{

    display:grid;

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

    gap:35px;

}

.testimonial-card{

    background:#fff;

    border-radius:28px;

    padding:40px;

    box-shadow:0 18px 45px rgba(0,0,0,.06);

    transition:.4s;

}

.testimonial-card:hover{

    transform:translateY(-12px);

    box-shadow:0 28px 55px rgba(0,0,0,.12);

}

.stars{

    color:#D4A64F;

    font-size:20px;

    margin-bottom:20px;

}

.testimonial-card p{

    font-size:17px;

    line-height:1.8;

    color:#666;

    margin-bottom:25px;

}

.testimonial-card h4{

    font-size:22px;

    margin-bottom:5px;

}

.testimonial-card span{

    color:#888;

    font-size:15px;

}
/*=========================================
GALLERY
=========================================*/

/*=========================================
GALLERY
=========================================*/

.gallery{

    background:#fff;

    padding:100px 0;

}

.gallery-grid{

    display:grid;

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

    gap:22px;

}

.gallery-grid img{

    width:100%;

    height:320px;

    object-fit:cover;

    border-radius:24px;

    transition:.45s;

    cursor:pointer;

}

.gallery-grid img:hover{

    transform:scale(1.05);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

/*=========================================
NEWSLETTER
=========================================*/

/*=========================================
NEWSLETTER
=========================================*/

.newsletter{

    padding:120px 0;

}

.newsletter-card{

    max-width:950px;

    margin:auto;

    background:linear-gradient(135deg,#8B6B4A,#6F5439);

    border-radius:35px;

    padding:80px;

    color:#fff;

    text-align:center;

    box-shadow:0 30px 60px rgba(0,0,0,.15);

}

.newsletter-card h2{

    color:#fff;

    font-size:52px;

    margin:20px 0;

}

.newsletter-card p{

    max-width:700px;

    margin:auto;

    color:#f3f3f3;

    line-height:1.8;

    margin-bottom:35px;

}

.newsletter-form{

    display:flex;

    gap:18px;

    justify-content:center;

}

.newsletter-form input{

    width:450px;

    height:58px;

    border:none;

    border-radius:50px;

    padding:0 25px;

    font-size:16px;

}



/*=========================================
BACKGROUND BLOBS
=========================================*/

.blob{

position:absolute;

border-radius:50%;

filter:blur(100px);

opacity:.35;

z-index:0;

}

.blob1{

width:300px;

height:300px;

background:#E9C477;

top:80px;

left:-80px;

}

.blob2{

width:350px;

height:350px;

background:#EAD7B8;

bottom:-120px;

right:-80px;

}

/*=========================================
Section divider
=========================================*/

.section-divider{

width:120px;

height:4px;

background:var(--primary);

margin:20px auto 0;

border-radius:20px;

}

/*=========================================
INGREDIENTS
=========================================*/

.ingredients{

padding:90px 0;

margin-bottom:0;

}
.ingredient-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:60px;
}

.ingredient-card{
    background:#FCFAF7;
    border-radius:24px;
    padding:45px 28px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.35s;
}

.ingredient-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.10);
}

.ingredient-card{
    font-size:46px;
}

.ingredient-card h3{
    margin:18px 0 15px;
    font-size:30px;
    font-family:'Cormorant Garamond',serif;
    color:#1f1f1f;
}

.ingredient-card p{
    font-size:18px;
    line-height:1.8;
    color:#666;
}
/*=========================================
NUMBERS
=========================================*/

.numbers{

padding:100px 0;

background:#F7F3ED;

}

.numbers-grid{

display:grid;

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

gap:30px;

text-align:center;

}

.numbers-grid h2{

font-size:62px;

color:#8B6B4A;

margin-bottom:10px;

}

.numbers-grid p{

font-size:18px;

color:#666;

}
.numbers-grid div{

transition:.35s ease;

cursor:default;

}

.numbers-grid div:hover{

transform:translateY(-8px);

}

.numbers-grid div:hover h2{

color:#A37C4B;

text-shadow:0 0 20px rgba(163,124,75,.25);

}

.hero-stats div:hover h3,
.numbers-grid div:hover h2{

color:#A37C4B;

text-shadow:0 0 20px rgba(163,124,75,.25);

}

/*=========================================
SHOP HERO
=========================================*/

.shop-hero {
    padding: 110px 0 50px;
    text-align: center;
    background: linear-gradient(135deg, #F8F4EE 0%, #EFE8DC 50%, #F5EFE6 100%);
    position: relative;
    border-bottom: 1px solid #E8E2D9;
}

.shop-hero span{

letter-spacing:4px;

font-size:13px;

font-weight:700;

color:#8B6B4A;

}

.shop-hero h1{

font-size:70px;

margin:18px 0;

}

.shop-hero p{

max-width:700px;

margin:auto;

font-size:19px;

color:#666;

line-height:1.8;

}


.shop-filters{

max-width:900px;

margin:0 auto 70px;

background:#fff;

padding:40px;

border-radius:30px;

box-shadow:0 18px 45px rgba(0,0,0,.06);

border:1px solid rgba(139,107,74,.08);

}

.shop-filters h3{

font-size:28px;

margin-bottom:20px;

}

.shop-filters input{

width:100%;

max-width:420px;

height:52px;

padding:0 22px;

margin-top:15px;

border:1px solid #E6DED4;

border-radius:50px;

background:#FAF8F5;

font-size:15px;

transition:.3s;

}

.shop-filters input:focus{

outline:none;

border-color:#8B6B4A;

box-shadow:0 0 0 4px rgba(139,107,74,.08);

}

.filter-group{

margin-top:22px;

}

.filter-group h4{

font-size:12px;

font-weight:700;

letter-spacing:3px;

text-transform:uppercase;

color:#8B6B4A;

margin-bottom:15px;

}

.category-buttons{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.category-btn{

padding:12px 24px;

border-radius:40px;

background:white;

border:1px solid #E6DED4;

font-size:14px;

font-weight:600;

transition:.35s;

cursor:pointer;

}   

.category-btn:hover,
.category-btn.active{

background:#8B6B4A;

color:white;

border-color:#8B6B4A;

transform:translateY(-2px);

box-shadow:0 10px 25px rgba(139,107,74,.18);

}

.sort-buttons{

display:flex;

flex-wrap:wrap;

gap:12px;

margin-top:12px;

}

.sort-btn{

padding:12px 24px;

border-radius:40px;

border:1px solid #E6DED4;

background:white;

font-size:14px;

font-weight:600;

cursor:pointer;

transition:.35s;

}

.sort-btn:hover,
.sort-btn.active{

background:#8B6B4A;

color:white;

border-color:#8B6B4A;

transform:translateY(-2px);

box-shadow:0 10px 25px rgba(139,107,74,.18);

}


.empty-products{

grid-column:1/-1;

text-align:center;

padding:90px 20px;

}

.empty-products h2{

margin:20px 0;

font-size:34px;

}

.empty-products p{

color:#777;

}

/*=========================================
EMPTY PRODUCTS
=========================================*/

.empty-products{

grid-column:1/-1;

text-align:center;

padding:100px 20px;

}

.empty-products h2{

font-size:34px;

margin:20px 0;

}

.empty-products p{

color:#777;

font-size:17px;

}


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

.product-page{

padding:90px 0;

}

.product-layout{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:start;

}

.product-gallery{

position:sticky;

top:120px;

}

.main-image{

background:#fff;

border-radius:30px;

padding:40px;

box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.main-image img{

width:100%;

display:block;

}

.thumbnail-images{

display:flex;

gap:15px;

margin-top:20px;

}

.thumbnail-images img{

width:90px;

height:90px;

object-fit:cover;

border-radius:16px;

cursor:pointer;

border:2px solid transparent;

}

.thumbnail-images img.active{

border-color:#8B6B4A;

}

.product-details{

display:flex;

flex-direction:column;

gap:24px;

}

.product-details h1{

font-size:56px;

margin:15px 0;

}

.product-rating{

color:#D4A64F;

font-size:20px;

margin-bottom:20px;

}

.product-details .price{

font-size:48px;

font-weight:700;

margin:20px 0;

color:#8B6B4A;

}

.product-details p{

font-size:18px;

line-height:1.8;

color:#666;

margin-bottom:30px;

}

.badge{

display:inline-block;

background:#8B6B4A;

color:white;

padding:8px 18px;

border-radius:30px;

font-size:13px;

font-weight:600;

}

.ingredients{

background:#faf8f5;

padding:25px;

border-radius:20px;

margin:35px 0;

}

.ingredients ul{

padding-left:18px;

}

.ingredients li{

margin:10px 0;

}

.quantity-box{

display:flex;

align-items:center;

gap:12px;

margin:30px 0;

}

.quantity-box button{

width:46px;

height:46px;

border:none;

border-radius:50%;

background:#8B6B4A;

color:white;

font-size:22px;

cursor:pointer;

}

.quantity-box input{

width:70px;

height:46px;

text-align:center;

border:1px solid #ddd;

border-radius:12px;

font-size:18px;

}

.product-buttons{

display:flex;

gap:20px;

margin-top:30px;

}

.product-buttons button{

flex:1;

}

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

.cart-card{

display:grid;

grid-template-columns:160px 1fr 140px;

gap:30px;

align-items:center;

background:#fff;

padding:30px;

margin-bottom:25px;

border-radius:24px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.3s;

}

.cart-card:hover{

transform:translateY(-4px);

box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.cart-image img{

width:150px;

height:150px;

object-fit:contain;

border-radius:20px;

background:#faf8f5;

padding:12px;

}

.cart-info h3{

font-size:32px;

margin-bottom:10px;

}

.cart-price{

font-size:26px;

font-weight:700;

color:#8B6B4A;

margin:10px 0;

}

.cart-total{

font-size:38px;

font-weight:700;

color:#8B6B4A;

text-align:right;

}

.cart-quantity{

display:flex;

align-items:center;

gap:15px;

margin:20px 0;

}

.cart-quantity button{

width:42px;

height:42px;

border:none;

border-radius:50%;

background:#8B6B4A;

color:#fff;

font-size:22px;

cursor:pointer;

transition:.3s;

}

.cart-quantity button:hover{

transform:scale(1.08);

}

.cart-quantity span{

font-size:22px;

font-weight:600;

min-width:20px;

text-align:center;

}

.remove-btn{

background:none;

border:none;

color:#d64545;

font-weight:600;

cursor:pointer;

padding:0;

}

.remove-btn:hover{

color:#b22222;

}

/*=========================================
CART PAGE FIX
=========================================*/

.page-header{

padding:40px 0 25px !important;

}

.page-header h1{

margin:10px 0;

}

.page-header p{

margin-top:8px;

}

.cart-page{

padding-top:20px !important;

padding-bottom:80px !important;

}

.breadcrumb{

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

margin-bottom:20px;

font-size:15px;

}

.breadcrumb a{

color:#8B6F47;
text-decoration:none;
font-weight:500;

transition:.3s;

}

.breadcrumb a:hover{

color:#000;

}

.breadcrumb span{

color:#777;

}

/*=========================================
PRODUCT FEATURES
=========================================*/

.product-features{

width:100%;

margin-top:20px;

display:flex;

flex-direction:column;

gap:15px;

} 

.feature-box{

display:flex;

align-items:center;

gap:16px;

padding:18px;

background:#fff;

border-radius:18px;

border:1px solid #eee;

box-shadow:0 10px 20px rgba(0,0,0,.04);

width:100%;

}

.feature-box:hover{

transform:translateY(-4px);

}

.feature-icon{

min-width:48px;

height:48px;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

background:#f6f2ea;

border-radius:50%;

}

.feature-box h4{

margin:0;

font-size:18px;

}

.feature-box p{

margin-top:5px;

font-size:14px;

color:#777;

}



.product-tabs{

    margin:70px 0;

}

.tabs{

display:flex;

gap:15px;

margin-bottom:30px;

flex-wrap:wrap;

}

.tab-btn{

padding:12px 28px;

background:white;

border:1px solid #ddd;

border-radius:40px;

cursor:pointer;

font-weight:600;

transition:.3s;

}

.tab-btn.active{

background:var(--secondary);

color:white;

border-color:var(--secondary);

}

.tab-content{

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.05);

    height:auto;

}

.tab-content ul,
.tab-content ol{

margin-top:20px;
padding-left:25px;

}

.tab-content li{

margin-bottom:12px;

}


.thumbnail-images{

display:flex;

gap:12px;

margin-top:20px;

}

.thumb{

width:90px;

height:90px;

object-fit:cover;

border-radius:12px;

cursor:pointer;

border:2px solid transparent;

transition:.3s;

}

.thumb.active{

border-color:var(--secondary);

}

/*=========================================
WISHLIST
=========================================*/

#wishlistContainer{

display:flex;

flex-direction:column;

gap:25px;

margin-top:30px;

}

.wishlist-item{

display:flex;

align-items:center;

gap:35px;

padding:25px;

background:#fff;

border-radius:22px;

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

transition:.35s;

}

.wishlist-item:hover{

transform:translateY(-5px);

box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.wishlist-image{

width:180px;

height:180px;

border-radius:18px;

background:#FAF8F5;

object-fit:contain;

padding:15px;

flex-shrink:0;

}

.wishlist-details{

flex:1;

display:flex;

flex-direction:column;

}

.wishlist-details h3{

font-size:34px;

margin-bottom:10px;

}

.wishlist-details p{

margin-bottom:20px;

max-width:700px;

}

.wishlist-price{

font-size:30px;

font-weight:700;

color:#8B6B4A;

margin-bottom:20px;

}

.wishlist-actions{

display:flex;

gap:15px;

flex-wrap:wrap;

}

.wishlist-actions .btn-primary{

padding:14px 30px;

}

.wishlist-actions .btn-outline{

padding:14px 30px;

}

/*=========================================
PROFILE DASHBOARD
=========================================*/

.profile-page{

padding:70px 0;

background:#F8F5F0;

}

.dashboard-layout{

display:grid;

grid-template-columns:320px 1fr;

gap:40px;

align-items:start;

}

.dashboard-sidebar{

background:#fff;

padding:35px;

border-radius:24px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

position:sticky;

top:120px;

}

.dashboard-content{

background:#fff;

padding:35px;

border-radius:24px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

min-height:600px;

}

.profile-avatar{

width:100px;

height:100px;

margin:auto;

border-radius:50%;

background:linear-gradient(135deg,#8B6B4A,#B89263);

display:flex;

align-items:center;

justify-content:center;

font-size:42px;

font-weight:700;

color:#fff;

margin-bottom:20px;

}

/*=========================================
ORDER PAGE HEADER
=========================================*/

.dashboard-header{

display:flex;

justify-content:space-between;

align-items:flex-end;

flex-wrap:wrap;

gap:25px;

margin-bottom:40px;

}

.dashboard-header h1{

margin:15px 0;

font-size:58px;

}

.dashboard-header p{

max-width:600px;

color:#666;

line-height:1.8;

}

.dashboard-header .btn-primary{

margin-left:auto;

}

.hero-tag{

display:inline-block;

font-size:13px;

font-weight:700;

letter-spacing:3px;

text-transform:uppercase;

color:#8B6B4A;

margin-bottom:12px;

}
.dashboard-sidebar h2{

text-align:center;

margin-bottom:8px;

}

.dashboard-sidebar p{

text-align:center;

color:#777;

margin-bottom:30px;

}

.dashboard-menu{

list-style:none;

padding:0;

margin:0;

}

.dashboard-menu li{

margin-bottom:12px;

}

.dashboard-menu a{

display:block;

padding:14px 18px;

border-radius:14px;

text-decoration:none;

color:#333;

font-weight:600;

transition:.3s;

}

.dashboard-menu a:hover,

.dashboard-menu a.active{

background:#8B6B4A;

color:#fff;

transform:translateX(5px);

}


.quick-actions{

margin:45px 0;

}

.quick-actions-grid{

display:grid;

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

gap:20px;

margin-top:20px;

}

.quick-action{

display:flex;

align-items:center;

gap:15px;

padding:20px;

background:#fff;

border-radius:18px;

text-decoration:none;

color:#222;

box-shadow:0 10px 25px rgba(0,0,0,.06);

transition:.3s;

}

.quick-action:hover{

transform:translateY(-5px);

box-shadow:0 18px 35px rgba(0,0,0,.12);

}

.quick-action i{

width:55px;

height:55px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#8B6B4A;

color:#fff;

font-size:20px;

}

.activity-card{

background:#fff;

padding:30px;

border-radius:22px;

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

margin-bottom:40px;

}

.activity-list{

list-style:none;

padding:0;

margin-top:20px;

}

.activity-list li{

display:flex;

align-items:center;

gap:15px;

padding:15px 0;

border-bottom:1px solid #eee;

}

.activity-list li:last-child{

border-bottom:none;

}

.activity-list i{

color:#8B6B4A;

}

/*=========================================
ORDER STATS
=========================================*/

.order-stats{

display:grid;

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

gap:25px;

margin:35px 0;

}

.order-stat{

background:#fff;

padding:35px 25px;

border-radius:22px;

text-align:center;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.35s;

border:1px solid rgba(139,107,74,.08);

}

.order-stat:hover{

transform:translateY(-8px);

box-shadow:0 22px 45px rgba(0,0,0,.12);

}

.order-stat i{

font-size:34px;

color:#8B6B4A;

margin-bottom:18px;

}

.order-stat h3{

font-size:42px;

margin:12px 0;

font-family:"Cormorant Garamond",serif;

color:#222;

}

.order-stat p{

margin:0;

color:#777;

font-size:16px;

}

.orders-empty{

background:#fff;

padding:90px 40px;

border-radius:24px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

text-align:center;

margin-top:40px;

}

.orders-empty i{

font-size:80px;

color:#8B6B4A;

margin-bottom:25px;

}

.orders-empty h2{

font-size:42px;

margin-bottom:15px;

}

.orders-empty p{

max-width:520px;

margin:0 auto 35px;

font-size:17px;

line-height:1.8;

color:#666;

}

/*=========================================
PROFILE DASHBOARD CARDS FIX
=========================================*/
.dashboard-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 20px;
    margin: 30px 0 40px;
}

.dashboard-card {
    background: #FAF8F5;
    padding: 28px 20px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid rgba(139, 107, 74, 0.12);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
    transition: all 0.35s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dashboard-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(139, 107, 74, 0.12);
    border-color: #8B6B4A;
}

.dashboard-card i {
    font-size: 1.8rem;
    color: #8B6B4A;
    margin-bottom: 12px;
    background: rgba(139, 107, 74, 0.1);
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-card h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.4rem;
    font-weight: 700;
    color: #2E2A26;
    margin: 6px 0 4px;
}

.dashboard-card p {
    font-size: 0.9rem;
    color: #6D6D6D;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.member-badge {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(139, 107, 74, 0.12);
    color: #8B6B4A;
    border-radius: 20px;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 10px auto 25px;
    text-align: center;
}

.profile-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    text-align: left;
}

.profile-table th, .profile-table td {
    padding: 14px 18px;
    border-bottom: 1px solid #E8E2D9;
    font-size: 0.95rem;
}

.profile-table th {
    color: #8B6B4A;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

/*=========================================
CHECKOUT PAGE & PAYMENT METHOD STYLING
=========================================*/
.checkout-layout {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 40px;
    align-items: start;
    margin: 40px auto 80px;
}

@media(max-width: 992px) {
    .checkout-layout {
        grid-template-columns: 1fr;
    }
}

.checkout-form, .checkout-summary {
    background: #FFFFFF;
    padding: 35px;
    border-radius: 24px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.06);
    border: 1px solid #E8E2D9;
}

.checkout-form h2, .checkout-summary h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    color: var(--primary, #8B6B4A);
    margin-bottom: 20px;
    border-bottom: 1px solid #E8E2D9;
    padding-bottom: 10px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form textarea,
.checkout-form select {
    width: 100%;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid #E8E2D9;
    background: #FAF8F5;
    font-size: 0.95rem;
    color: #2E2A26;
    margin-bottom: 16px;
    box-sizing: border-box;
}

.payment-option {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    border: 1px solid #E8E2D9 !important;
    background: #FAF8F5 !important;
    margin-bottom: 12px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    transition: all 0.25s ease !important;
}

.payment-option input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: #8B6B4A !important;
    cursor: pointer !important;
}

.payment-option:hover, .payment-option:has(input:checked) {
    background: #FFFFFF !important;
    border-color: #8B6B4A !important;
    box-shadow: 0 4px 15px rgba(139, 107, 74, 0.12) !important;
}

/*=========================================
SHOPPING CART PAGE STYLING
=========================================*/
.cart-page {
    padding: 50px 0 90px;
    background: #F8F4EE;
}

.cart-layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    align-items: start;
}

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

.cart-card {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 24px;
    box-shadow: 0 10px 30px rgba(139, 107, 74, 0.06);
    border: 1px solid #E8E2D9;
    transition: all 0.3s ease;
}

.cart-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(139, 107, 74, 0.12);
}

.cart-image {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    border-radius: 14px;
    overflow: hidden;
    background: #FAF8F5;
}

.cart-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-info {
    flex: 1;
}

.cart-info h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.4rem;
    color: #2E2A26;
    margin: 0 0 6px;
    font-weight: 700;
}

.cart-info .rating {
    color: #C9A46A;
    font-size: 0.85rem;
    margin-bottom: 6px;
}

.cart-price {
    font-weight: 700;
    color: #8B6B4A;
    font-size: 1.1rem;
    margin-bottom: 12px;
}

.cart-quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #E8E2D9;
    border-radius: 20px;
    overflow: hidden;
    background: #FAF8F5;
    margin-right: 15px;
}

.cart-quantity button {
    background: transparent;
    border: none;
    width: 32px;
    height: 32px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #8B6B4A;
    cursor: pointer;
    transition: background 0.2s ease;
}

.cart-quantity button:hover {
    background: #E8E2D9;
}

.cart-quantity span {
    padding: 0 12px;
    font-weight: 600;
    font-size: 0.95rem;
    color: #2E2A26;
}

.remove-btn {
    background: transparent;
    border: none;
    color: #d32f2f;
    font-size: 0.85rem;
    cursor: pointer;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

.remove-btn:hover {
    opacity: 0.75;
}

.cart-total {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #8B6B4A;
}

.cart-summary {
    background: #FFFFFF;
    border-radius: 24px;
    padding: 35px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
    border: 1px solid #E8E2D9;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.cart-summary h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    color: #8B6B4A;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #E8E2D9;
}

.cart-summary .summary-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 0.95rem;
    margin-bottom: 14px;
    color: #6D6D6D;
    width: 100% !important;
    box-sizing: border-box !important;
}

.summary-row span:last-child {
    font-weight: 600;
    color: #2E2A26;
}

.summary-total {
    font-size: 1.2rem;
    font-weight: 700;
    color: #2E2A26;
    margin-top: 15px;
}

.summary-total span:last-child {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    color: #8B6B4A;
}

.cart-summary .coupon-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 20px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.cart-summary .coupon-box input {
    flex: 1;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid #E8E2D9;
    background: #FAF8F5;
    font-size: 0.9rem;
    text-transform: uppercase;
    box-sizing: border-box;
}

.cart-summary .coupon-box button {
    padding: 12px 20px;
    border-radius: 10px;
    border: none;
    background: #8B6B4A;
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.25s ease;
    white-space: nowrap;
}

.cart-summary .coupon-box button:hover {
    background: #6F543A;
}

.cart-summary #checkoutBtn {
    width: 100% !important;
    margin-top: 20px !important;
    display: block !important;
    box-sizing: border-box !important;
}

.cart-summary .secure-box {
    margin-top: 25px !important;
    padding: 16px;
    background: #FAF8F5;
    border-radius: 14px;
    text-align: center;
    font-size: 0.88rem;
    color: #6D6D6D;
    border: 1px dashed #E8E2D9;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

.secure-box i {
    color: #8B6B4A;
    margin-right: 6px;
}