/*=========================
Announcement
==========================*/

.announcement-bar{

background:#0B2341;

height:45px;

overflow:hidden;

display:flex;

align-items:center;

color:#fff;

font-weight:600;

}

.announcement-slider{

overflow:hidden;

white-space:nowrap;

}

.announcement-track{

display:inline-flex;

gap:120px;

animation:scrollText 25s linear infinite;

}

@keyframes scrollText{

0%{

transform:translateX(100%);

}

100%{

transform:translateX(-100%);

}

}

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

.main-header{

background:#fff;

position:sticky;

top:0;

z-index:999;

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

}

.logo img{

height:65px;

}

.navbar{

padding:20px 0;

}

.navbar-nav{

gap:20px;

}

.nav-link{

font-size:17px;

font-weight:600;

color:#0B2341;

transition:.3s;

}

.nav-link:hover{

color:#B86A3C;

}

.dropdown-menu{

border:none;

border-radius:15px;

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

padding:15px;

}

.dropdown-item{

padding:10px 15px;

font-weight:500;

}

.dropdown-item:hover{

background:#B86A3C;

color:#fff;

border-radius:8px;

}

.header-icons{

display:flex;

justify-content:end;

gap:25px;

align-items:center;

}

.header-icons a{

position:relative;

font-size:22px;

color:#0B2341;

transition:.3s;

}

.header-icons a:hover{

color:#B86A3C;

}

.header-icons span{

position:absolute;

top:-8px;

right:-10px;

width:18px;

height:18px;

background:#B86A3C;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:11px;

}

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

.hero-section{

position:relative;

}

.hero-img{

height:760px;

object-fit:cover;

}

.hero-overlay{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

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

}

.carousel-caption{

left:8%;

right:auto;

bottom:22%;

text-align:left;

max-width:650px;

}

.hero-subtitle{

display:inline-block;

background:#B86A3C;

padding:8px 18px;

border-radius:30px;

color:#fff;

font-size:14px;

letter-spacing:2px;

margin-bottom:20px;

}

.carousel-caption h1{

font-size:70px;

font-weight:800;

line-height:1.1;

margin-bottom:25px;

}

.carousel-caption p{

font-size:20px;

margin-bottom:35px;

line-height:1.8;

}

.hero-buttons{

display:flex;

gap:18px;

}

.btn-shop{

background:#B86A3C;

padding:16px 42px;

color:#fff;

text-decoration:none;

border-radius:50px;

font-weight:600;

transition:.3s;

}

.btn-shop:hover{

background:#fff;

color:#0B2341;

}

.btn-outline{

padding:16px 42px;

border:2px solid #fff;

color:#fff;

border-radius:50px;

text-decoration:none;

transition:.3s;

}

.btn-outline:hover{

background:#fff;

color:#0B2341;

}

.carousel-control-prev,

.carousel-control-next{

width:70px;

}

.carousel-indicators button{

width:12px;

height:12px;

border-radius:50%;

}

.carousel-indicators .active{

background:#B86A3C;

}
/*================================
FEATURES
================================*/

.features-section{

padding:70px 0;

background:#fff;

}

.feature-box{

background:#fff;

padding:40px 25px;

border-radius:20px;

text-align:center;

transition:.35s;

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

height:100%;

}

.feature-box:hover{

transform:translateY(-10px);

}

.feature-icon{

width:80px;

height:80px;

margin:auto;

margin-bottom:20px;

background:#0B2341;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

color:#fff;

transition:.3s;

}

.feature-box:hover .feature-icon{

background:#B86A3C;

}

.feature-box h4{

font-weight:700;

margin-bottom:12px;

}

.feature-box p{

color:#777;

margin:0;

}

/*================================
CATEGORY
================================*/

.category-section{

padding:90px 0;

background:#F8F8F8;

}

.section-heading span{

color:#B86A3C;

font-weight:700;

letter-spacing:2px;

}

.section-heading h2{

font-size:46px;

font-weight:700;

margin:15px 0;

}

.section-heading p{

color:#666;

margin-bottom:50px;

}

.category-card{

position:relative;

overflow:hidden;

border-radius:25px;

cursor:pointer;

height:380px;

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

}

.category-card img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}

.category-card:hover img{

transform:scale(1.12);

}

.category-overlay{

position:absolute;

left:0;

bottom:0;

width:100%;

padding:35px;

background:linear-gradient(transparent,rgba(0,0,0,.85));

color:#fff;

}

.category-overlay h3{

font-size:30px;

font-weight:700;

margin-bottom:12px;

}

.category-overlay a{

display:inline-block;

padding:12px 28px;

background:#fff;

color:#0B2341;

border-radius:40px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.category-overlay a:hover{

background:#B86A3C;

color:#fff;

}
/*==========================
NEW ARRIVALS
===========================*/

.new-arrivals{

padding:90px 0;

background:#fff;

}

.product-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

position:relative;

transition:.35s;

}

.product-card:hover{

transform:translateY(-10px);

}

.product-badge{

position:absolute;

top:15px;

left:15px;

background:#B86A3C;

color:#fff;

padding:7px 14px;

border-radius:25px;

font-size:13px;

font-weight:bold;

z-index:9;

}

.product-icons{

position:absolute;

right:15px;

top:15px;

display:flex;

flex-direction:column;

gap:10px;

opacity:0;

transition:.35s;

z-index:10;

}

.product-card:hover .product-icons{

opacity:1;

}

.product-icons a{

width:42px;

height:42px;

background:#fff;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

color:#0B2341;

text-decoration:none;

}

.product-image{

height:320px;

overflow:hidden;

}

.product-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.product-card:hover img{

transform:scale(1.08);

}

.product-content{

padding:25px;

text-align:center;

}

.product-content h5{

font-weight:700;

margin-bottom:12px;

}

.stars{

color:#f5b301;

margin-bottom:12px;

}

.price{

margin-bottom:20px;

}

.new-price{

font-size:24px;

font-weight:700;

color:#0B2341;

}

.old-price{

margin-left:10px;

text-decoration:line-through;

color:#999;

}

.product-content button{

width:100%;

padding:14px;

background:#0B2341;

color:#fff;

border:none;

border-radius:40px;

font-weight:600;

transition:.3s;

}

.product-content button:hover{

background:#B86A3C;

}
/*============================
PROMOTION BANNER
=============================*/

.promo-section{

padding:90px 0;

background:#f8f8f8;

}

.promo-banner{

position:relative;

overflow:hidden;

border-radius:25px;

cursor:pointer;

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

}

.promo-banner img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

display:block;

}

.large-banner{

height:600px;

}

.small-banner{

height:288px;

}

.promo-banner:hover img{

transform:scale(1.08);

}

.promo-banner::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(to right,
rgba(0,0,0,.55),
rgba(0,0,0,.15));

}

.promo-content{

position:absolute;

left:45px;

top:50%;

transform:translateY(-50%);

color:#fff;

max-width:420px;

z-index:5;

}

.promo-content span{

display:inline-block;

background:#B86A3C;

padding:8px 18px;

border-radius:30px;

font-size:13px;

letter-spacing:2px;

margin-bottom:20px;

}

.promo-content h2{

font-size:58px;

font-weight:800;

line-height:1.1;

margin-bottom:20px;

}

.promo-content h3{

font-size:34px;

font-weight:700;

margin-bottom:20px;

}

.promo-content p{

font-size:18px;

line-height:1.8;

margin-bottom:30px;

}

.promo-btn,
.promo-content a{

display:inline-block;

padding:14px 34px;

background:#fff;

color:#0B2341;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.promo-btn:hover,
.promo-content a:hover{

background:#B86A3C;

color:#fff;

}
/*============================
HOME DECOR
============================*/

.decor-section{

padding:100px 0;

background:#fff;

}

.section-tag{

display:inline-block;

padding:8px 18px;

background:#B86A3C;

color:#fff;

border-radius:40px;

font-size:13px;

letter-spacing:2px;

margin-bottom:20px;

}

.section-title{

font-size:48px;

font-weight:800;

color:#0B2341;

margin-bottom:20px;

}

.section-desc{

color:#777;

font-size:17px;

line-height:1.8;

}

.view-btn{

display:inline-flex;

align-items:center;

padding:15px 35px;

background:#0B2341;

color:#fff;

border-radius:50px;

text-decoration:none;

transition:.3s;

}

.view-btn:hover{

background:#B86A3C;

color:#fff;

}

.decor-banner{

position:relative;

height:700px;

border-radius:25px;

overflow:hidden;

}

.decor-banner img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}

.decor-banner:hover img{

transform:scale(1.08);

}

.decor-banner::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(to top,rgba(0,0,0,.65),transparent);

}

.decor-banner-content{

position:absolute;

left:40px;

bottom:40px;

color:#fff;

z-index:10;

}

.decor-banner-content h2{

font-size:54px;

font-weight:800;

margin:20px 0;

}

.decor-banner-content a{

display:inline-block;

padding:14px 34px;

background:#fff;

color:#0B2341;

text-decoration:none;

border-radius:40px;

font-weight:600;

}

.decor-product{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.35s;

height:100%;

}

.decor-product:hover{

transform:translateY(-10px);

}

.decor-image{

position:relative;

height:260px;

overflow:hidden;

}

.decor-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.decor-product:hover img{

transform:scale(1.08);

}

.decor-icons{

position:absolute;

right:15px;

top:15px;

display:flex;

flex-direction:column;

gap:10px;

opacity:0;

transition:.3s;

}

.decor-product:hover .decor-icons{

opacity:1;

}

.decor-icons a{

width:40px;

height:40px;

background:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

text-decoration:none;

color:#0B2341;

}

.decor-info{

padding:22px;

text-align:center;

}

.decor-info h5{

font-weight:700;

margin-bottom:10px;

}

.decor-info .rating{

color:#f5b301;

margin-bottom:10px;

}

.decor-info h4{

font-size:24px;

color:#B86A3C;

font-weight:700;

margin-bottom:18px;

}

.decor-info button{

width:100%;

padding:13px;

background:#0B2341;

border:none;

border-radius:40px;

color:#fff;

font-weight:600;

transition:.3s;

}

.decor-info button:hover{

background:#B86A3C;

}
/*=========================
KITCHEN SECTION
=========================*/

.kitchen-section{

padding:100px 0;

background:#f7f7f7;

}

.kitchen-banner{

position:relative;

height:100%;

min-height:700px;

border-radius:25px;

overflow:hidden;

}

.kitchen-banner img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}

.kitchen-banner:hover img{

transform:scale(1.08);

}

.kitchen-banner::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

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

}

.banner-text{

position:absolute;

left:40px;

bottom:50px;

color:#fff;

z-index:10;

}

.banner-text h2{

font-size:48px;

font-weight:800;

margin-bottom:20px;

}

.banner-text p{

font-size:18px;

margin-bottom:25px;

}

.banner-text a{

padding:14px 35px;

background:#fff;

color:#0B2341;

border-radius:40px;

text-decoration:none;

font-weight:600;

}

.kitchen-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

text-align:center;

padding-bottom:25px;

transition:.35s;

position:relative;

}

.kitchen-card:hover{

transform:translateY(-10px);

}

.kitchen-card img{

width:100%;

height:250px;

object-fit:cover;

transition:.5s;

}

.kitchen-card:hover img{

transform:scale(1.08);

}

.discount{

position:absolute;

left:15px;

top:15px;

background:#B86A3C;

color:#fff;

padding:6px 15px;

border-radius:30px;

font-size:13px;

font-weight:bold;

}

.kitchen-card h4{

margin-top:20px;

font-weight:700;

}

.kitchen-card .stars{

color:#f5b301;

margin:12px 0;

}

.kitchen-card h3{

color:#B86A3C;

font-weight:700;

margin-bottom:20px;

}

.kitchen-card button{

width:85%;

padding:13px;

background:#0B2341;

border:none;

color:#fff;

border-radius:40px;

font-weight:600;

transition:.3s;

}

.kitchen-card button:hover{

background:#B86A3C;

}

/*==============================
INSTAGRAM
==============================*/

.instagram-section{

padding:100px 0;

background:#fff;

}

.insta-item{

position:relative;

overflow:hidden;

border-radius:15px;

}

.insta-item img{

width:100%;

height:220px;

object-fit:cover;

transition:.5s;

}

.insta-overlay{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(11,35,65,.7);

display:flex;

justify-content:center;

align-items:center;

opacity:0;

transition:.4s;

}

.insta-overlay i{

font-size:42px;

color:#fff;

}

.insta-item:hover img{

transform:scale(1.1);

}

.insta-item:hover .insta-overlay{

opacity:1;

}

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

.newsletter-section{

padding:90px 0;

background:#0B2341;

}

.newsletter-box{

text-align:center;

color:#fff;

}

.newsletter-box h2{

font-size:48px;

font-weight:700;

margin-bottom:20px;

}

.newsletter-box form{

margin-top:35px;

display:flex;

justify-content:center;

gap:15px;

flex-wrap:wrap;

}

.newsletter-box input{

width:450px;

padding:16px 22px;

border:none;

border-radius:50px;

}

.newsletter-box button{

padding:16px 40px;

background:#B86A3C;

border:none;

color:#fff;

border-radius:50px;

font-weight:600;

}

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

.footer{

background:#111;

color:#bbb;

padding:80px 0 30px;

}

.footer h3,
.footer h5{

color:#fff;

margin-bottom:20px;

}

.footer ul{

list-style:none;

padding:0;

}

.footer ul li{

margin-bottom:12px;

}

.footer ul li a{

color:#bbb;

text-decoration:none;

transition:.3s;

}

.footer ul li a:hover{

color:#B86A3C;

padding-left:6px;

}

.social-icons{

display:flex;

gap:15px;

margin-top:25px;

}

.social-icons a{

width:45px;

height:45px;

background:#222;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

color:#fff;

transition:.3s;

}

.social-icons a:hover{

background:#B86A3C;

}

.copyright{

text-align:center;

padding-top:20px;

color:#888;

}