/* @font-face {
    font-family: 'Agbalumo-Regular';
    src: url('../css/Agbalumo-Regular.ttf');
    font-display: swap;
} */

@font-face {
  font-family: 'Quicksand-VariableFont_wght';
  src: url('../css/Quicksand-VariableFont_wght.ttf');
  font-display: swap;
}

@font-face {
  font-family: 'GreatVibes-Regular';
  src: url('../css/GreatVibes-Regular.ttf');
  font-display: swap;
}
*{
    font-family: 'Quicksand-VariableFont_wght',sans-serif;
}
html { scroll-behavior: smooth; }
body { overflow-x: hidden; color: #222; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(255, 59, 48, .45);
  outline-offset: 2px;
}
.navbar-toggler { border-color: rgba(0, 0, 0, .15); }
.navbar-toggler-icon { width: 1.3em; height: 1.3em; }
img { max-width: 100%; height: auto; }
h1{
  font-family: 'GreatVibes-Regular';
}
.qty{
  width:80px;
  border-radius:10px;
  padding:5px;
  text-align: center;
  border:1px solid grey;
  height:25px;
}
.minus,.minus:hover{
  border-radius:5px;
  background-color: #ff0c0c;
  color: white;
  padding: 1px 6px;
}
.add,.add:hover{
  border-radius:5px;
  background-color: #ff0c0c;
  color: white;
  padding: 1px 6px;
}
.card{
  border-radius: 15px;
  border:none;
}
.card-img-top{
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
a{
  text-decoration: none;
}
.flinks{
  list-style-type: none;
  padding-left: 0rem !important;
}
.flinks a{
  color:black;
}
.social{
  text-decoration: none;
  color: #fd2a00;
  font-size: 24px;
}
.tlink{
  text-decoration: none;
  color: black;
  /* margin-right: 5px; */
}
.tlink:nth-child(odd)::after {
  content: "|";
  margin-left: 5px;
  color: #d7d7d7;
}

.whyus{
  background-image: url('/storage/image/whyus.jpg');
  background-size: contain;
}

.corporate{
  background-color: #fff3f3;
/* border-radius:10px; */
}

.fa-2xl{
  font-size: 4em !important;
}

.search-container {
  position: relative;
  width: 100%; /* Adjust the width as needed */
}

/* Search input styling */
.search-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 25px;
}


/* Search icon styling */
.search-icon, .search-icon:hover {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  background: #ff0c0c;
  border-radius: 50%;
  padding: 4px 8px;
  color: white;
}

.links-container {
  display: flex;
  align-items: center;
}

/* Common styling for link items */
.link-item {
  margin-right: auto;
  position: relative;
  text-decoration: none;
  color: #333;
  /* font-size: 16px; */
  display: flex;
  align-items: center;
}

/* Styling for wish list link */


/* Styling for user link */
.signup {
  display: flex;
  align-items: center;
}

/* Styling for notification count */


.homebanner{
  background-image: url('/storage/image/banner.jpg');
  height: 600px;
  background-repeat: 100% 100%;
  background-size: 100% 100%;
}
.homebanner p{
  font-size: 25px;
}
.homebanner h1{
  font-size: 3em;
}
.homebanner .para{
  font-size: 18px !important;
}
.carousel-caption{
  top: 50%;
transform: translateY(-50%);
bottom:initial;
}
.giftnow{
  padding:10px 25px;
  border-radius: 15px;
  text-decoration: none;
  background: hsla(0, 100%, 52%, 1);

background: linear-gradient(0deg, hsla(0, 100%, 52%, 1) 0%, hsla(0, 98%, 78%, 1) 100%);

background: -moz-linear-gradient(0deg, hsla(0, 100%, 52%, 1) 0%, hsla(0, 98%, 78%, 1) 100%);

background: -webkit-linear-gradient(0deg, hsla(0, 100%, 52%, 1) 0%, hsla(0, 98%, 78%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FF0C0C", endColorstr="#FE9292", GradientType=1 );
color:white;
}

.heading h1 {
  text-align: center;
      font-size:30px; font-weight:300; color:#ff0c0c; letter-spacing:1px;
      /* text-transform: uppercase; */
  
      display: grid;
      grid-template-columns: 1fr 0.2fr max-content 0.2fr 1fr;
      grid-template-rows: 27px 0;
      grid-gap: 20px;
      align-items: center;
  }
  
  .heading h1:after,.heading h1:before {
      content: " ";
      display: block;
      border-bottom: 1px solid #ff0c0c;
      border-top: 1px solid #ff0c0c;
      height: 5px;
    background-color:#f8f8f8;
  }

  .card-circle{
    text-align:center;
     /* margin-top:50px; */
     /* background:#27496D;     */
     border:10px solid transparent;
     /* color:#fff; */
     /* Font-family: Montserrat; */
     /* padding:50px; */
     border-radius:50%;
}

.fa-gift{
  color: #ff0c0c;
}


.card-wrapper{
  max-width: 1100px;
  margin: 0 auto;
}
.img{
  width: 100%;
  display: block;
}
.img-display{
  overflow: hidden;
}
.img-showcase{
  display: flex;
  width: 100%;
  transition: all 0.5s ease;
}
.img-showcase img{
  min-width: 100%;
}
.img-select{
  display: flex;
}
.img-item{
  margin: 0.3rem;
}
.img-item:nth-child(1),
.img-item:nth-child(2),
.img-item:nth-child(3){
  margin-right: 0;
}
.img-item:hover{
  opacity: 0.8;
}
.product-content{
  padding: 2rem 1rem;
}
.product-title{
  font-size: 3rem;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  color: #12263a;
  /* margin: 1rem 0; */
}
.product-title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 80px;
  background: #12263a;
}
.product-link{
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.9rem;
  display: inline-block;
  margin-bottom: 0.5rem;
  background: #256eff;
  color: #fff;
  padding: 0 0.3rem;
  transition: all 0.5s ease;
}
.product-link:hover{
  opacity: 0.9;
}
.product-rating{
  color: #ffc107;
}
.product-rating span{
  font-weight: 600;
  color: #252525;
}
.product-price{
  margin: 1rem 0;
  font-size: 1rem;
  font-weight: 700;
}
.product-price span{
  font-weight: 400;
}
.last-price span{
  color: #f64749;
  text-decoration: line-through;
}
.new-price span{
  color: #256eff;
}
.product-detail h2{
  text-transform: capitalize;
  color: #12263a;
  padding-bottom: 0.6rem;
}
.product-detail p{
  font-size: 0.9rem;
  padding: 0.3rem;
  opacity: 0.8;
}
.product-detail ul{
  margin: 1rem 0;
  font-size: 0.9rem;
}
.product-detail ul li{
  margin: 0;
  list-style: none;
  background: url(https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/checked.png) left center no-repeat;
  background-size: 18px;
  padding-left: 1.7rem;
  margin: 0.4rem 0;
  font-weight: 600;
  opacity: 0.9;
}
.product-detail ul li span{
  font-weight: 400;
}
.purchase-info{
  margin: 1.5rem 0;
}
.purchase-info input{
  border: 1.5px solid #ddd;
  border-radius: 25px;
  text-align: center;
  padding: 0.45rem 0.8rem;
  outline: 0;
  margin-right: 0.2rem;
  margin-bottom: 1rem;
}
.purchase-info input{
  width: 60px;
}
/* .purchase-info .btn{
  cursor: pointer;
  color: #fff;
} */
/* .purchase-info .btn:first-of-type{
  background: #256eff;
}
.purchase-info .btn:last-of-type{
  background: #f64749;
}
.purchase-info .btn:hover{
  opacity: 0.9;
} */
.social-links{
  display: flex;
  align-items: center;
}
.social-links a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #000;
  border: 1px solid #000;
  margin: 0 0.2rem;
  border-radius: 50%;
  text-decoration: none;
  font-size: 0.8rem;
  transition: all 0.5s ease;
}
.social-links a:hover{
  background: #000;
  border-color: transparent;
  color: #fff;
}

@media screen and (min-width: 992px){
  .pcard{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1.5rem;
  }
  .card-wrapper{
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .product-imgs{
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .product-content{
      padding-top: 0;
  }
}

@media screen and (min-width: 325px){
  .body{
    padding-left: auto;
    padding-right: auto;
  }
  .link-item{
    margin-right: 10px;
  }
  .wishlist {
    /* background-color: #FF6347; Tomato color */
    padding: 10px;
    /* border-radius: 50%; */
  }
  
  /* Styling for cart link */
  .cart {
    /* background-color: #87CEEB;  */
    padding: 10px;
    /* border-radius: 50%; */
  }
  .notification {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: red;
    color: white;
    font-size: 13px;
    padding: 1px 7px;
    border-radius: 50%;
  }
  .heading h1{
    font-size: 22px;
  }
  /* .carousel-item img{
    height:85vh;
  } */
  .carousel-caption p{
    font-size: 12px;
  }
  .carousel-caption h1{
    font-size: 1em;
  }
  .carousel-caption .para{
    font-size: 12px !important;
  }
}

@media (max-width: 767.98px) {
  .smallphone .signup { font-size: .78rem; white-space: nowrap; }
  .smallphone .link-item { margin-right: .25rem; padding: .5rem; }
  .navbar-nav .nav-link { padding: .7rem 0; }
  .heading h1 { grid-template-columns: 1fr max-content 1fr; gap: .6rem; }
  .heading h1 .fa-gift { display: none; }
  footer .col-lg-3 { margin-bottom: 1.25rem; }
}

@media screen and (min-width: 768px){
  .body{
    padding-left: 2em;
    padding-right: 2em;
  }
  .link-item{
    margin-right: 20px;
  }
  .wishlist {
    /* background-color: #FF6347; Tomato color */
    padding: 13px;
    /* border-radius: 50%; */
  }
  
  /* Styling for cart link */
  .cart {
    /* background-color: #87CEEB;  */
    padding: 13px;
    /* border-radius: 50%; */
  }
  .notification {
    position: absolute;
    top: -1px;
    right: -3px;
    background-color: red;
    color: white;
    font-size: 12px;
    /* padding: 3px 8px; */
    border-radius: 50%;
  }
  .heading h1{
    font-size: 30px;
  }
  /* .carousel-item img{
    height:90vh;
  } */
  .carousel-caption p{
    font-size: 25px;
  }
  .carousel-caption h1{
    font-size: 3em;
  }
  .carousel-caption .para{
    font-size: 18px !important;
  }
}
@media screen and (min-width: 1024px){
  .body{
    padding-left: 2em;
    padding-right: 2em;
  }
  .link-item{
    margin-right: auto;
  }
}
@media screen and (min-width: 1440px){
  .body{
    padding-left: 4em;
    padding-right: 4em;
  }
}

.prodcard {
  position: relative;
  /* width: 320px; */
  height: 390px;
  background: #fff3f3;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width:320px) {
  .prodcard{
    height: auto;
  }
}
@media screen and (min-width:780px) {
  .prodcard{
    height: 420px;
  }
}
@media screen and (min-width:1024px) {
  .prodcard{
    height: 465px;
  }
}

@media screen and (min-width:2560px) {
  .prodcard{
    height: 650px;
  }
}
.prodcard::before {
  content: "";
  position: absolute;
  top: -50%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  transform: skewY(345deg);
  transition: 0.5s;
}

.prodcard:hover::before {
  top: -60%;
  transform: skewY(390deg);
}

.prodcard::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 600;
  font-size: 8em;
  color: rgba(0, 0, 0, 0.1);
}

.prodcard .imgBx {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  z-index: 1;
}

.prodcard .imgBx img {
  max-width: 90%;
  transition: 0.5s;
  border-radius: 50%;
}

.prodcard:hover .imgBx img {
  max-width: 70%;
}

.prodcard .contextBx {
  position: relative;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
  color: #000;
}

.prodcard .contextBx h3 {
  font-size: 16px;
  /* color: #ffffff; */
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}

.prodcard .contextBx .price {
  font-size: 24px;
  /* color: #fff; */
  font-weight: 500;
  letter-spacing: 1px;
}

.prodcard .contextBx .buy {
  position: relative;
  top: 200px;
  opacity: 0;
  padding: 10px 30px;
  margin-top: 15px;
  color: #fff;
  text-decoration: none;
  background: #2196f3;
  border-radius: 30px;
  text-decoration: uppercase;
  letter-spacing: 1px;
  transition: 0.5s;
}

.prodcard .contextBx .buy {
  top: 0;
  opacity: 1;
}

.custom-btn {
  width: auto;
  /* height: 40px; */
  color: #fff;
  border-radius: 5px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  /* display: inline-block; */
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}



.btn-5 {
  width:auto;
  /* height: 40px; */
  /* line-height: 42px; */
  padding: 10px 25px;
  border: none;
  background: rgb(255,27,0);
background: linear-gradient(0deg, rgba(255,27,0,1) 0%, rgba(251,75,2,1) 100%);
}
.btn-5:hover {
  color: #f0094a;
  background: transparent;
   box-shadow:none;
}
.btn-5:before,
.btn-5:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #f0094a;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.btn-5:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-5:hover:before,
.btn-5:hover:after{
  width:100%;
  transition:800ms ease all;
}

.btn-6 {
  width:auto;
  /* height: 40px; */
  /* line-height: 42px; */
  /* padding: 10px 25px; */
  border: none;
  border-radius: 50%;
  font-size:20px;
  background: rgb(255,27,0);
background: linear-gradient(0deg, rgba(255,27,0,1) 0%, rgba(251,75,2,1) 100%);
}
.btn-6:hover {
  color: #f0094a;
  background: transparent;
   box-shadow:none;
}
.btn-6:before,
.btn-6:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #f0094a;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.btn-6:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-6:hover:before,
.btn-6:hover:after{
  width:100%;
  transition:800ms ease all;
}

@media screen and (min-width:320px) {
  .orders{
    padding:10px;
  }
}

@media screen and (min-width:768px) {
  .orders{
    padding:3em;
  }
}

@media screen and (min-width:1440px) {
  .orders{
    padding:5em;
  }
}

#filter{
  border: 1px solid #c4c2c2;
  border-radius: 5px;
  padding: 5px;
}

.walletcard{
  border-left:15px solid #fd3201;
  background-color: #fff3f3;
}

.wrap {
  /* padding:1rem; */
  position:relative;
  width: 90%;
}

.dropdown-menu{
  background-color: #fff3f3 !important;
}

.clients {
    align-items: center;
    -webkit-box-align: center;
    display: grid;
    gap: 4.8rem 1.8rem;
    grid-template-columns: auto auto;
    justify-items: center;
    margin: 10px auto;
    max-width: 1024px;
   }

.clients li {
  list-style: none;
  margin: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.clients img {
  height: 3.2rem;

}
.clients:hover li {
filter: blur(0px);
-webkit-filter: blur(0px);
}
.clients:hover li:not(:hover)  {
filter: blur(2px);
-webkit-filter: blur(2px);
}
.clients li:hover {
-webkit-transform: translateY(-0.3rem);
transform: translateY(-0.3rem); 
}

@media (min-width: 1024px) {
.clients {
    grid-template-columns: auto auto auto auto; }
    
.clients img {
  height: 4rem; }}

/* --- Images (gray logo) --- */
.clients img {
  -webkit-filter: grayscale(100%) brightness(10%) contrast(10%);
          filter: grayscale(100%) brightness(10%) contrast(10%); }

.clients img:hover {
  background: none;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }


  /* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 50px;
  height: 50px;
  margin-top: -0.5em;

  border: 5px solid #fd3201;
  border-radius: 100%;
  border-bottom-color: transparent;
  -webkit-animation: spinner 1s linear 0s infinite;
  animation: spinner 1s linear 0s infinite;


}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  font-size: 2.5rem;
  cursor: pointer;
}

.rating input[type="radio"] {
  display: none;
}

.rating label {
  color: #ccc;
  transition: color 0.2s;
  cursor: pointer;
}

.rating input[type="radio"]:checked ~ label,
.rating label:hover,
.rating label:hover ~ label {
  color: gold;
}

/* Cherish Wares brand system */
:root {
  --cw-red: #e83f4f;
  --cw-wine: #741f38;
  --cw-blush: #fff0f2;
  --cw-ivory: #fffcfa;
  --cw-ink: #2d2025;
  --cw-gold: #c99a45;
}
body.bg-white { background: var(--cw-ivory) !important; color: var(--cw-ink); }
.brand-hero-shell { margin: 1rem clamp(1rem, 3vw, 3rem) 0; border-radius: 1.35rem; overflow: hidden; box-shadow: 0 16px 44px rgba(116, 31, 56, .12); }
/*.brand-hero-shell .carousel-item img { aspect-ratio: 3 / 1; object-fit: cover; }*/
.brand-intro { padding: clamp(2.5rem, 7vw, 5rem) 1rem 2.25rem; max-width: 830px; }
.eyebrow { display: inline-block; color: var(--cw-red); font-size: .75rem; font-weight: 800; letter-spacing: .16em; margin-bottom: .7rem; }
.brand-intro h1 { font-family: 'Quicksand-VariableFont_wght', sans-serif; color: var(--cw-wine); font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 750; letter-spacing: -.04em; }
.brand-intro p { color: #69565e; font-size: 1.08rem; margin: .8rem auto 1.35rem; max-width: 580px; }
.brand-primary, .custom-btn.btn-5 { background: var(--cw-red); border: 1px solid var(--cw-red); border-radius: .7rem; box-shadow: 0 8px 18px rgba(232, 63, 79, .2); color: #fff; font-weight: 700; padding: .72rem 1.2rem; position: relative; }
.brand-primary:hover, .custom-btn.btn-5:hover { background: var(--cw-wine); border-color: var(--cw-wine); color: #fff; transform: translateY(-1px); }
.custom-btn.btn-5:before, .custom-btn.btn-5:after { display: none; }
.trust-strip { background: var(--cw-wine); color: #fff; margin-bottom: 2rem; }
.trust-item { align-items: center; display: flex; gap: .6rem; justify-content: center; min-height: 68px; padding: .7rem; font-size: .88rem; font-weight: 650; }
.trust-item i { color: #f7c9d1; font-size: 1.1rem; }
.brand-content { max-width: 1440px; padding-left: clamp(1rem, 3vw, 3rem); padding-right: clamp(1rem, 3vw, 3rem); }
.heading h1 { color: var(--cw-wine); font-family: 'Quicksand-VariableFont_wght', sans-serif; font-size: clamp(1.45rem, 2.7vw, 2rem); font-weight: 750; letter-spacing: -.025em; }
.heading h1:after, .heading h1:before { border-color: #edc8d0; background-color: transparent; }
.fa-gift, .heading .fa-gift { color: var(--cw-red); }
.card { border: 1px solid rgba(116, 31, 56, .08); box-shadow: 0 8px 24px rgba(53, 25, 34, .07) !important; overflow: hidden; transition: transform .22s ease, box-shadow .22s ease; }
.card:hover { box-shadow: 0 15px 32px rgba(53, 25, 34, .13) !important; transform: translateY(-4px); }
/*.card-img-top { aspect-ratio: 1.15 / 1; object-fit: cover; }*/
.card-body { padding: 1rem 1rem 1.1rem; }
.card-title { color: var(--cw-wine); font-weight: 700; }
.occasion-link { color: var(--cw-wine); text-decoration: none; }
.occasion-link:hover { color: var(--cw-red); }
.card-circle { border: 5px solid #fff; box-shadow: 0 8px 20px rgba(116, 31, 56, .13) !important; }
.whyus { background-color: var(--cw-blush); background-blend-mode: soft-light; border-radius: 1.25rem; }
.whyus h1 { color: var(--cw-wine) !important; font-family: 'Quicksand-VariableFont_wght', sans-serif; font-weight: 750; }
.prodcard { background: #fff; border: 1px solid rgba(116, 31, 56, .1); border-radius: 1rem; height: 100%; min-height: 390px; }
.prodcard::before, .prodcard::after { display: none; }
.prodcard .imgBx { height: 235px; padding: 1rem; }
.prodcard .imgBx img { border-radius: .75rem; height: 100%; max-width: 100%; object-fit: contain; transition: transform .25s ease; }
.prodcard:hover .imgBx img { max-width: 100%; transform: scale(1.035); }
.prodcard .contextBx { align-items: flex-start; justify-content: flex-start; padding: .25rem 1.1rem 1.2rem; }
.prodcard .contextBx h3 { color: var(--cw-ink); font-size: .95rem; letter-spacing: 0; line-height: 1.4; min-height: 2.7em; text-align: left; text-transform: none; }
.prodcard .contextBx .price { color: var(--cw-wine); font-size: 1.25rem; font-weight: 750; margin: .35rem 0; }
.btn-6 { background: transparent; border: 1px solid #e9b9c3; color: var(--cw-wine); box-shadow: none; }
.btn-6:hover { background: var(--cw-blush); color: var(--cw-red); }
.search-input { border-color: #ebc3cb; background: #fffdfd; }
.search-input:focus { border-color: var(--cw-red); box-shadow: 0 0 0 .2rem rgba(232, 63, 79, .12); }
.search-icon, .search-icon:hover { background: var(--cw-red); }
footer { border-top: 1px solid #f0cfd5; }
@media (max-width: 767.98px) {
  .brand-hero-shell { margin: .75rem .75rem 0; border-radius: 1rem; }
  .brand-hero-shell .carousel-item img { aspect-ratio: 1.5 / 1; }
  .trust-item { font-size: .74rem; justify-content: flex-start; padding-left: 1rem; }
  .trust-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.18); }
  .trust-item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.18); }
  .prodcard { min-height: 330px; }
  .prodcard .imgBx { height: 175px; }
  .prodcard .contextBx { padding: .25rem .8rem 1rem; }
  .prodcard .contextBx h3 { font-size: .82rem; }
}