/* ── BANNER ── */
  .cart-banner {
    background: #f5f5f5;
    border-bottom: 3px solid #cf8519;
    padding: 36px 40px 28px;
    position: relative;
    overflow: hidden;
  }
  
  .cart-banner h1 {
    
    font-size: 40px;
    color: #000000;
  }
  .cart-banner h1 span { color: #cf8519; }
  .cart-breadcrumb {
    
    font-size: 13px;
    color: #888888; margin-top: 6px;
    text-transform: uppercase;
  }
  .cart-breadcrumb a { color: #cf8519; text-decoration: none; }

  /* ── TRUST BAR ── */
  .trust-bar {
    max-width: 1200px; margin: 32px auto 0;
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 1px; background: #dddddd;
    border: 1px solid #dddddd;
  }
  .trust-item {
    background: #ffffff;
    padding: 18px 14px; text-align: center;
  }
  .trust-item .t-icon { font-size: 24px; margin-bottom: 7px; }
  .trust-item h5 {
    
    font-size: 13px;  color: #cf8519; margin-bottom: 4px;
  }
  .trust-item p { font-size: 12px; color: #888888; font-weight: 300; line-height: 1.4; }
/* ── MAIN WRAP ── */
  .cart-wrap {
    background: #f0f0f0;
    padding: 40px 40px 72px;
    
    min-height: 60vh;
  }

  .cart-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 28px;
    align-items: start;
  }

  /* ── TABLE HEADER ── */
  .cart-table-header {
    display: grid;
    grid-template-columns: 80px 1fr 110px 150px 110px 36px;
    gap: 12px;
    align-items: center;
    padding: 12px 20px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-bottom: 2px solid #cf8519;
  }
  .cart-table-header span {
    font-size: 11px; font-weight: 700;
     text-transform: uppercase;
    color: #cf8519;
  }
  .cart-table-header span.center { text-align: center; }

  /* ── CART ITEM ── */
  .cart-item {
    display: grid;
    grid-template-columns: 80px 1fr 110px 150px 110px 36px;
    gap: 12px;
    align-items: center;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-top: none;
    transition: box-shadow .2s;
  }
  .cart-item:hover { box-shadow: 0 2px 12px rgba(207,133,25,0.12); }

  .item-img {
    width: 72px; height: 72px;
    object-fit: cover;
    border: 1px solid #e0e0e0;
  }

  .item-info h4 {
    font-size: 14px; font-weight: 600;
    color: #000000; line-height: 1.35; margin-bottom: 4px;
  }
  .item-info .item-sku {
    font-size: 11px; letter-spacing: 1.5px;
    color: #999999; text-transform: uppercase;
  }
  .item-info .item-badge {
    display: inline-block; margin-top: 6px;
    background: #fff8ee;
    border: 1px solid #cf8519;
    color: #cf8519;
    font-size: 10px; font-weight: 700;
     padding: 2px 8px;
    text-transform: uppercase;
  }

  .item-price {
    font-size: 14px; font-weight: 600;
    color: #444444; text-align: center;
  }

  /* qty */
  .qty-control {
    display: flex; align-items: center; justify-content: center;
    border: 1px solid #dddddd;
    width: fit-content; margin: 0 auto;
  }
  .qty-btn {
    width: 30px; height: 32px;
    background: #f5f5f5;
    border: none; color: #cf8519;
    font-size: 17px; cursor: pointer;
    
    font-weight: 700;
    transition: background .15s;
    display: flex; align-items: center; justify-content: center;
  }
  .qty-btn:hover { background: #cf8519; color: #ffffff; }
  .qty-input {
    width: 40px; height: 32px;
    background: #ffffff;
    border: none; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;
    color: #000000; text-align: center;
     font-size: 14px; font-weight: 600;
    outline: none;
  }

  .item-total {
    font-size: 15px; font-weight: 700;
    color: #cf8519; text-align: center;
  }

  .item-remove {
    background: none; border: none;
    color: #bbbbbb; cursor: pointer;
    font-size: 16px;
    transition: color .15s;
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
  }
  .item-remove:hover { color: #e53935; }

  /* ── ACTIONS ROW ── */
  .cart-actions {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 20px;
    background: #fafafa;
    border: 1px solid #e0e0e0; border-top: none;
  }
  .coupon-row { display: flex; gap: 0; }
  .coupon-input {
    padding: 10px 16px;
    background: #ffffff;
    border: 1px solid #dddddd; border-right: none;
    color: #000000;  font-size: 13px;
     outline: none; width: 200px;
  }
  .coupon-input::placeholder { color: #aaaaaa; }
  .coupon-input:focus { border-color: #cf8519; }
  .coupon-btn {
    padding: 10px 20px;
    background: #cf8519; color: #ffffff;
    border: none; cursor: pointer;
    
    font-size: 15px; 
    transition: background .2s;
  }
  .coupon-btn:hover { background: #b8721a; }

  .update-btn {
    padding: 10px 22px;
    background: transparent;
    border: 1px solid #cccccc; color: #666666;
    cursor: pointer; 
    font-size: 15px; 
    transition: all .2s;
  }
  .update-btn:hover { border-color: #cf8519; color: #cf8519; }

  /* ── ORDER SUMMARY ── */
  .order-summary {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    position: sticky; top: 20px;
  }

  .summary-title {
    background: #cf8519;
    padding: 14px 22px;
    
    font-size: 20px; 
    color: #ffffff;
  }

  .summary-body { padding: 22px; }

  .summary-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
  }
  .summary-row:last-of-type { border-bottom: none; }
  .summary-row .s-label { color: #666666; font-weight: 400; }
  .summary-row .s-value { color: #000000; font-weight: 600; }
  .summary-row.discount .s-value { color: #2e7d32; }

  .summary-divider { height: 1px; background: #e0e0e0; margin: 8px 0; }

  .total-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 0 6px;
  }
  .total-row .t-label {
    
    font-size: 18px;  color: #000000;
  }
  .total-row .t-value {
    
    font-size: 26px;  color: #cf8519;
  }

  .summary-note {
    display: flex; align-items: flex-start; gap: 9px;
    margin: 14px 0;
    padding: 11px 14px;
    background: #fff8ee;
    border-left: 3px solid #cf8519;
    font-size: 12px; color: #888888; line-height: 1.5;
  }

  .checkout-btn {
    display: block; width: 100%;
    padding: 15px;
    background: #cf8519; color: #ffffff;
    border: none; cursor: pointer;
    
    font-size: 19px; 
    transition: background .2s;
    text-align: center; text-decoration: none;
    margin-top: 18px;
  }
  .checkout-btn:hover { background: #b8721a; }

  .continue-btn {
    display: block; width: 100%; text-align: center;
    padding: 11px; margin-top: 10px;
    background: transparent;
    border: 1px solid #dddddd; color: #888888;
    cursor: pointer; 
    font-size: 14px; 
    transition: all .2s; text-decoration: none;
  }
  .continue-btn:hover { border-color: #cf8519; color: #cf8519; }

 

  /* ── EMPTY STATE ── */
  .cart-empty {
    display: none;
    flex-direction: column; align-items: center; justify-content: center;
    padding: 80px 20px; text-align: center;
    max-width: 1200px; margin: 0 auto;
  }
  .cart-empty .empty-icon { font-size: 60px; margin-bottom: 18px; opacity: .4; }
  .cart-empty h2 {
    
    font-size: 34px;  color: #000000; margin-bottom: 10px;
  }
  .cart-empty p { font-size: 15px; color: #888888; margin-bottom: 26px; font-weight: 300; }
  .cart-empty a {
    padding: 13px 34px;
    background: #cf8519; color: #ffffff;
    
    font-size: 17px; 
    text-decoration: none; transition: background .2s;
  }
  .cart-empty a:hover { background: #b8721a; }

 
 /* ── RESPONSIVE ── */
  @media (max-width: 960px) {
    .cart-grid { grid-template-columns: 1fr; }
    .order-summary { position: static; }
    .trust-bar { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 680px) {
    .cart-wrap { padding: 24px 16px 56px; }
    .cart-banner { padding: 24px 20px; }
    .cart-table-header { display: none; }
    .cart-item {
      grid-template-columns: 72px 1fr 36px;
      grid-template-rows: auto auto auto;
      row-gap: 10px;
    }
    .item-img { grid-row: 1 / 4; }
    .item-price { text-align: left; }
    .qty-control { justify-content: flex-start; }
    .item-total { text-align: left; }
    .cart-actions { flex-direction: column; gap: 12px; align-items: flex-start; }
    .trust-bar { grid-template-columns: 1fr 1fr; }
  }
/************************************/
/***       13. Our Blog css       ***/
/************************************/

.our-blog{
	padding: 100px 0;
	background: url('../images/section-bg-shape-2.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

.post-item{
	height: calc(100% - 30px);
    margin-bottom: 30px;
}

.post-featured-image{
    margin-bottom: 20px;
}

.post-featured-image a{
    cursor: none;
}

.post-featured-image figure,
.post-featured-image a{
    display: block;
}

.post-featured-image img{
    width: 100%;
    aspect-ratio: 1 / 0.85;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.post-item:hover .post-featured-image img{
    transform: scale(1.1);
}

.post-item-content{
	margin-bottom: 15px;
}

.post-item-content h3{
	color: var(--primary-color);
    font-size: 20px;
	line-height: 1.4em;
}

.post-item-content h3 a{
    color: inherit;
}

.post-item-btn a{
	position: relative;
	color: var(--primary-color);
	font-weight: 500;
	text-transform: capitalize;
	padding-right: 25px;
}

.post-item-btn a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0px , -50%);
	width: 17px;
	height: 16px;
	background: url('../images/arrow-dark.svg') no-repeat;
	background-position: right center;
	background-size: cover;
	transition: all 0.4s ease-in-out;
}

.post-item-btn a:hover::after{
	transform: translate(2px , -50%);
}

.our-blog-footer{
	margin-top: 20px;
	text-align: center;
}
/*----------account_ecom-----*/
.account_ecom {
    display: flex;
    gap: 10px;
    align-items: center;
}
.account_ecom img {
    width: 30px;
}
.account_ecom a {
    color: black;
    position: relative;
}
.account_ecom .item_cart {
    
}
.account_ecom .item_cart .count_item {
        position: absolute;
    top: -17px;
    right: -8px;
    background: #c07a17;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 15px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}
.account_ecom .item_login a {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
}
/* Default Header */
.main-header {
    width: 100%;
    transition: all 0.4s ease;
}

/* Scroll Active Class */
.main-header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    backdrop-filter: blur(10px);
    background: rgb(255 255 255 / 77%);
    box-shadow: 0 5px 20px rgb(0 0 0 / 18%);
    z-index: 99;
    animation: slideDown 0.4s ease;
}

/* Smooth slide effect */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
/* ── FEATURES ── */
.features-section {
  background: #fff;
  padding: 64px 0;
  border-top: 1.5px solid #E8E6E3;
  border-bottom: 1.5px solid #E8E6E3;
}
.feature-item {
  display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    box-shadow: var(--card-shadow);
    position: relative;
    border: 1px solid rgb(230 221 221 / 60%);
    backdrop-filter: blur(2px);
    min-height: 110px;
}
.feature-icon {
  width: 48px; height: 48px;
  background: #F7F5F2;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
  border: 1.5px solid #E8E6E3;
}
.feature-title {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 4px;
}
.feature-desc { font-size: 0.83rem; color: #6B6B6B; line-height: 1.6; }
.slider_main img {
    height:500px;
}


/* Circle Card */
.circle-card {
  cursor: pointer;
  transition: 0.3s ease;
}

/* Circle Icon */
.circle-icon {
  width: 95px;
  height: 95px;
  margin: auto;
  border-radius: 50%;
  background: #c07a17;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #fff;
      margin-top: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Text */
.circle-card p {
  margin-top: 12px;
  font-weight: 500;
  font-size: 14px;
  transition: 0.3s;
}

/* Hover */
.circle-card:hover .circle-icon {
  background: #000;
  color: #fff;
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.circle-card:hover p {
  font-weight: 600;
}

.categorySwiper .swiper-pagination{
    position: relative;
    margin-top: 40px;
    text-align: center;
}

.categorySwiper .swiper-pagination .swiper-pagination-bullet{
	height: 8px;
    width: 8px;
    background: black;
    opacity: 1;
    margin: 0 8px;
}

.categorySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
	position: relative;
    background-color: #cf8619;
}

.categorySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #cf8619;
    height: 18px;
    width: 18px;
    border-radius: 50%;
}



@media (max-width:767px) {
    .slider_main img {
    height: 140px;
    object-fit: cover;
}
.features-section {
    padding: 20px 0;
}
.navbar-brand {
    max-width: 75px;
}
.topbar-contact-info {
    display: none;
}
}