.cms-index-index .lastheaderblock .toggle-button:before {
    background-image: url(../icons/account-white.svg);
}
.cms-index-index .icon-search:before {
    background-image: url(../icons/search-white.svg);
}
.cms-index-index .page-header .minicart-wrapper .action.showcart:before {
    background-image: url(../icons/basket-white.svg);
}
.page-header a.logo img {
    filter: brightness(0) invert(1);
}
.cms-index-index main#maincontent {
    margin-top: 0;
}
.cms-index-index .page-header .navigation .level0.level-top:hover::before {
    color: #FFF;
}
.cms-index-index .header.content .navigation ul li a:hover{
    color: #FFF;
}
.cms-index-index a.storylink{color: #FFFFFF;}
.cms-index-index .minicart-wrapper .action.showcart .counter.qty {
    background: #FFF;
    color: #212120;
}
.cms-index-index .ourstorysec:hover::before,
.cms-index-index .searchsec:hover::before,
.cms-index-index .minicartsec:hover::before,
.cms-index-index .togglesec:hover::before{
    color: #FFFFFF;
}
.page-header.sticky {
    background-color: #212121;
}
/* golden framed showcase */
.showcase{
  width:100%;max-width:700px;height:320px;background:linear-gradient(180deg,#2b2b2b,#1c1c1c);display:flex;align-items:center;justify-content:center;position:relative;
  border:12px solid rgba(202,166,90,0.92);box-shadow:0 8px 40px rgba(0,0,0,0.6)
}
.showcase img{max-width:85%;max-height:75%;object-fit:contain}
.cta-outline{border:1px solid rgba(255,255,255,0.06);padding:10px 18px;border-radius:2px;color:var(--muted);text-decoration:none}

/* thumbnails strip */
.thumbs{display:flex;gap:8px;margin-top:18px;padding:0 18px}
.thumbs img{height:110px;object-fit:cover;border-radius:2px}

/* Two-column content area */
.content-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding: 160px 80px 160px 80px;background:#fff;color:#222}
.content-split h2{font-size:40px;margin:30px 0 18px;}
.content-split p{color:#212120;line-height:1.6;font-weight: 400; font-size: 15px;}
.btn-outline{margin-top:20px;}
.big-split .panel:first-child {
    margin-right: -1px;
}
.big-split .panel:last-child {
    margin-left: -1px;
}
.panel-content {
    position: absolute;
    color: #fff;
}

.panel-content.top-left {
    top: 80px;
    left: 60px;
}

.panel-content.bottom-left {
    bottom: 80px;
    left: 60px;
}
/* Large split banner */
.big-split{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}
.big-split .panel{position:relative;min-height:720px;background-size:cover;background-position:center}
.big-split .panel .panel-title{color:#fff;font-size:40px;font-weight:300;max-width: 143px;font-family: 'Raleway';line-height: 1.3;}
.big-split .panel .panel-sub{color: #fff;
    margin-top: 10px;
    font-weight: 600;
    font-size: 15px;}
.panel img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Trending carousel */
.trending{padding:60px 20px;background:#FBFBFB;color:#212120;width: 100%;display: inline-block;}
.trending h3{margin:0;text-align:center;font-size: 32px;font-weight: 500;}
.column.main .bestsellersec .product-items {
    margin-bottom: 0;
}
.carousel{display:flex;gap:20px;overflow-x:auto;padding:12px 40px;scroll-behavior:smooth}
.card{min-width:180px;background:#fff;border:1px solid #eee;padding:12px;border-radius:6px;text-align:center}
.card img{width:100%;height:130px;object-fit:cover;border-radius:4px}
.card .name{font-size:13px;margin-top:10px}
.card .price{font-weight:700;margin-top:6px}

/* Featured text + image */
.feature-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 60px 0;
    background: #fff;
    align-items: center;
    padding-bottom: 20px;
}
.feature-section .feature-text h4 {
    font-size: 28px;
    margin-bottom: 30px;
}
.feature-section .feature-text p{color:#212120}
.feature-text {
    padding-left: 10%;
}
.feature-section img {
    width: 100%;
}

header.page-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
#maincontent {
    padding: 0;
    margin: 0;
    max-width: 100%;
}
.maxwidthhome {
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}
.banner-top-home img {
    width: 100%;
}
.page-header .navigation .level0 > .level-top {
    color: #FFFFFF;
}


.banner-top-home {
  position: relative;width: 100%;
}

.banner-top-home img {
  display: block;
  width: 100%;
  height: auto;
}

.image-row {
  display: flex;
  justify-content: space-between;
  margin-top: 0;
}

.image-row picture {
  flex: 1 1 0;
}

.image-row img {
  width: 100%;
  display: block;
  height: 100%;
object-fit: cover;
}


/* Content container inside banner */
.banner-content {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* text on top, button on bottom */
}

/* Top-left text */
.banner-text {
  align-self: flex-start;
  color: #fff;
  max-width: 550px;
}

.banner-text h2 {
  font-size: 40px;
  margin: 0;
  line-height: 1.3;color: #FFFFFF;
}

/* Bottom-left button */
.banner-btn {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
/*bestseller*/
.bestsellersec .products-grid .product-item-info:hover {box-shadow: none;
    background: initial;margin: 0;}
.bestsellersec a.product-item-link {color: #212120;font-size: 18px;}
.bestsellersec .products-grid .product-item-info {width: 100%;padding: 10px;border-color: #efefef;border: 1px solid transparent;will-change: box-shadow,border;transition: box-shadow .25s ease,border .25s ease;}
.bestsellersec .slick-active {opacity: 1;}
.bestsellersec .products {width: 100%;float: left;}
.bestsellersec .slick-dots li button::before { font-size: 35px;}
.bestsellersec .products-grid .product-item {margin-left: initial;}
.bestsellersec .products-grid li.item.product.product-item {margin-bottom: 10px;}
.bestsellersec .products.wrapper.grid.products-grid {margin: 0;padding: 0 20px;}
.bestsellersec span.product-image-container {width: 100% !important;}
.bestsellersec .slick-slide{margin: 0 10px;}
.bestsellersec .slick-dots li button:hover {background: #01123b;}
.bestsellersec .slick-dots li button {border: 1px solid #01123b;}
.bestsellersec .slick-dots li.slick-active button {background: #01123b;}
.bestsellersec ul.slick-dots {
    display: none !important;
}
.bestsellersec .product-item .price-box .price{
font-weight: 500;
    font-size: 16px;
    color: #212120;
    font-family: 'Raleway';
}
.bestsellersec .slick-prev, .bestsellersec .slick-next{
top: 40%;
}
/* Responsive */
@media (max-width:1100px){
  .thumbs{justify-content:center}
  .big-split{grid-template-columns:1fr}
  .content-split{grid-template-columns:1fr}
  .feature-section{grid-template-columns:1fr}
  .wrap{padding:20px}
}
@media (max-width:520px){
  .showcase{height:230px}
  .showcase img{max-width:70%}
  nav.site-nav{display:none}
}
@media screen and (max-width: 768px) {
    .cms-index-index .header.content .navigation ul li a:hover,.cms-index-index .header.content .navigation ul li a {
        color: #212120;
    }
    .cms-index-index a.storylink {
        color: #212120;
    }
    .nav-toggle:before{
        background-image: url(../icons/menu-white.svg);
    }
    .banner-text h2{
        font-size: 24px;
    }
    .banner-text {
        max-width: 350px;margin-top: 35px;
    }
    .banner-btn{
        top: 70%;
    }
    .image-row {
        flex-wrap: wrap;
    }
    .image-row picture {
        flex: 1 1 calc(50% - 10px);
    }
    .content-split{
        padding: 60px 20px 60px 20px;
    }
    .feature-text {
        padding: 0;
    }
}
@media screen and (max-width: 480px) {
    .banner-text h2 {
        font-size: 16px;
    }
    .banner-text {
        max-width: 250px;
        margin-top: 42px;
    }
    .banner-btn {
        top: initial;
        bottom: 20px;
    }
    .common-btn-white, .common-btn-black {
        padding: 6px 40px;
        font-size: 12px;
    }
    .content-split h2 {
        font-size: 24px;
    }
    .big-split .panel .panel-title {
        font-size: 24px;max-width: 110px;
    }
    .panel-content.top-left {
        top: 40px;
        left: 20px;
    }
    .panel-content.bottom-left {
        bottom: 40px;
        left: 20px;
    }
    .feature-section .feature-text h4 {
        font-size: 22px;
    }
    .big-split .panel:last-child {
        margin-left: 0;
    }
    .big-split .panel{
        min-height: initial;
    }
    .big-split .panel:first-child {
        margin-right: 0;
    }
    .big-split .panel {
        margin-top: 25px;
    }
}