:root{
–shpban-chocolate-brown:#3A1F1A;
–shpban-caramel-gold:#C58A45;
–shpban-cream-bg:#FFF9F3;
–shpban-white:#FFFFFF;
}
.shpban-section *{margin:0;padding:0;box-sizing:border-box;}
.shpban-section{
position:relative;
width:100%;
height:clamp(320px, 55vw, 620px);
overflow:hidden;
font-family:’Poppins’,sans-serif;
background:var(–shpban-chocolate-brown);
}
.shpban-slide{
position:absolute;
inset:0;
opacity:0;
z-index:1;
transition:opacity 4s ease-in-out;
}
.shpban-slide.shpban-active{
opacity:1;
z-index:2;
}
.shpban-slide-bg{
position:absolute;
inset:-3%;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
animation:shpbanKenBurns 11s ease-in-out infinite alternate;
}
.shpban-slide:nth-child(1) .shpban-slide-bg{
background-image:url(‘https://corazonmart.com/wp-content/uploads/2026/09/Milk-and-tasty-chocolate-top-view-_-Free-Photo.jpg’);
}
.shpban-slide:nth-child(2) .shpban-slide-bg{
background-image:url(‘https://corazonmart.com/wp-content/uploads/2026/09/Chocolate-spread-banner.png’);
}
.shpban-slide:nth-child(3) .shpban-slide-bg{
background-image:url(‘https://corazonmart.com/wp-content/uploads/2026/09/syrups_toppings_banner_150kb.jpg’);
}
.shpban-slide:nth-child(4) .shpban-slide-bg{
background-image:url(‘https://corazonmart.com/wp-content/uploads/2026/09/jams_banner_150kb.jpg’);
}
@keyframes shpbanKenBurns{
0%{transform:scale(1) translate(0,0);}
100%{transform:scale(1.12) translate(-1.5%, -1.5%);}
}
.shpban-overlay{
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(26,16,13,0.35) 0%, rgba(26,16,13,0.55) 100%);
pointer-events:none;
}
.shpban-content{
position:absolute;
inset:0;
z-index:4;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:24px;
}
.shpban-breadcrumb{
display:flex;
align-items:center;
gap:8px;
font-size:clamp(13px, 1.5vw, 15px);
color:var(–shpban-cream-bg);
opacity:.9;
font-weight:400;
margin-bottom:18px;
}
.shpban-breadcrumb a{
color:var(–shpban-cream-bg);
text-decoration:none;
transition:color .3s ease;
}
.shpban-breadcrumb a:hover{
color:var(–shpban-caramel-gold);
}
.shpban-breadcrumb span{
color:var(–shpban-caramel-gold);
}
.shpban-breadcrumb .shpban-sep{
color:rgba(255,255,255,.5);
}
.shpban-heading{
font-family:’Poppins’,sans-serif;
font-weight:700;
font-size:clamp(30px, 5vw, 52px);
color:var(–shpban-white);
line-height:1.15;
margin-bottom:14px;
}
.shpban-subtext{
font-size:clamp(14px, 1.8vw, 17px);
font-weight:300;
line-height:1.6;
color:var(–shpban-cream-bg);
opacity:.9;
max-width:560px;
}
.shpban-dots{
position:absolute;
left:50%;
bottom:22px;
transform:translateX(-50%);
display:flex;
gap:10px;
z-index:5;
}
.shpban-dot{
width:9px;
height:9px;
border-radius:50%;
background:rgba(255,255,255,0.45);
cursor:pointer;
transition:background .3s ease, transform .3s ease;
border:none;
padding:0;
}
.shpban-dot.shpban-dot-active{
background:var(–shpban-caramel-gold);
transform:scale(1.2);
}
@media (prefers-reduced-motion: reduce){
.shpban-slide-bg{
animation:none !important;
}
.shpban-slide{
transition:opacity 1.2s ease !important;
}
}
@media (max-width: 480px){
.shpban-dots{bottom:14px;}
}

Shop All Chocolates

Discover delicious chocolates, spreads, jams, syrups, toppings & more.