.elementor-439 .elementor-element.elementor-element-dec6cdc{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-439 .elementor-element.elementor-element-a2241af{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-439 .elementor-element.elementor-element-2fc24b3{text-align:center;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-a2241af */.elementor-439 .elementor-element.elementor-element-a2241af h2{
  font-size: 32px;
  font-weight: 800;
  color: #0f2f46;
  margin-bottom: 8px;
}

.elementor-439 .elementor-element.elementor-element-a2241af p{
  font-size: 16px;
  color: #6d6d6d;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fcccc7 *//* ===== SHOP GRID ===== */
.ghraan-shop-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  max-width: 1400px;
  margin: 0 auto;
}

/* ===== PRODUCT CARD ===== */
.ghraan-product-card{
  background: #ffffff;
  border-radius: 20px;
  padding: 18px;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
  border: 1px solid #f1ece5;
}

.ghraan-product-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.10);
}

/* ===== IMAGE ===== */
.ghraan-product-image{
  background: #f6f6f6;
  padding: 18px;
  border-radius: 16px;
  margin-bottom: 16px;
}

.ghraan-product-image img{
  width: 100%;
  max-width: 220px;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: transform .3s ease;
}

.ghraan-product-card:hover .ghraan-product-image img{
  transform: scale(1.05);
}

/* ===== TITLE ===== */
.ghraan-product-card h3{
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #0f2f46;
  line-height: 1.35;
}

/* ===== PRICE ===== */
.ghraan-price{
  font-size: 16px;
  margin-bottom: 16px;
}

.ghraan-price del{
  color: #999;
  margin-right: 6px;
  font-size: 14px;
}

.ghraan-price ins{
  color: #0f9d47;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none;
}

/* ===== BUTTON ===== */
.ghraan-btn{
  display: block;
  width: 100%;
  padding: 13px 16px;
  border-radius: 12px;
  background: linear-gradient(135deg,#0f6a3b,#15814a);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: all .3s ease;
}

.ghraan-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(15,106,59,.2);
  color: #fff;
}

/* ===== SALE BADGE ===== */
.ghraan-badge{
  position: absolute;
  top: 14px;
  left: 14px;
  background: #ff2d2d;
  color: #fff;
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 50px;
  font-weight: 700;
  z-index: 2;
}

/* ===== CATEGORY BUTTONS ===== */
.ghraan-shop-cats{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px;
}

.ghraan-shop-cats button{
  font-size: 14px;
  font-weight: 600;
  padding: 10px 16px;
  border-radius: 50px;
  border: 1px solid #e7ddd0;
  background: #fff;
  color: #c91f4f;
  cursor: pointer;
  transition: all .3s ease;
}

.ghraan-shop-cats button:hover,
.ghraan-shop-cats button.active{
  background: #0f6a3b;
  color: #fff;
  border-color: #0f6a3b;
  box-shadow: 0 8px 20px rgba(15,106,59,.15);
}

/* ===== TABLET ===== */
@media (max-width: 1024px){
  .ghraan-shop-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ===== MOBILE ===== */
@media (max-width: 767px){
  .ghraan-shop-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ghraan-product-card{
    padding: 14px;
    border-radius: 16px;
  }

  .ghraan-product-image{
    padding: 14px;
    border-radius: 14px;
  }

  .ghraan-product-image img{
    max-width: 180px;
  }

  .ghraan-product-card h3{
    font-size: 17px;
  }

  .ghraan-price{
    font-size: 15px;
  }

  .ghraan-price ins{
    font-size: 18px;
  }

  .ghraan-btn{
    font-size: 14px;
    padding: 12px;
  }

  .ghraan-badge{
    font-size: 11px;
    padding: 5px 9px;
  }
}/* End custom CSS */
/* Start custom CSS *//* GRID FIX */
.ghraan-shop-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  max-width: 4000px;
  margin: 0 auto;
}

/* CARD */
.ghraan-product-card{
  background:#ffffff;
  border-radius:20px;
  padding:20px;
  text-align:center;
  box-shadow:0 12px 30px rgba(0,0,0,0.06);
  transition:all .3s ease;
  position:relative;
}

.ghraan-product-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

/* IMAGE BOX */
.ghraan-product-image{
  background:#f6f6f6;
  padding:20px;
  border-radius:16px;
  margin-bottom:15px;
}

.ghraan-product-image img{
  width:100%;
  max-width:260px;
  transition:.3s;
}

.ghraan-product-card:hover img{
  transform:scale(1.05);
}

/* TITLE */
.ghraan-product-card h3{
  font-size:22px;
  font-weight:700;
  margin-bottom:6px;
  color:#0f2f46;
}

/* PRICE */
.ghraan-price{
  font-size:18px;
  margin-bottom:15px;
}

.ghraan-price del{
  color:#999;
  margin-right:6px;
}

.ghraan-price ins{
  color:#0f9d47;
  font-size:22px;
  font-weight:800;
  text-decoration:none;
}

/* BUTTON */
.ghraan-btn{
  display:block;
  width:100%;
  padding:14px;
  border-radius:12px;
  background:linear-gradient(135deg,#0f6a3b,#15814a);
  color:#fff;
  font-weight:700;
  font-size:16px;
  transition:.3s;
}

.ghraan-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(15,106,59,.2);
}

/* BADGE */
.ghraan-badge{
  position:absolute;
  top:12px;
  left:12px;
  background:#ff2d2d;
  color:#fff;
  padding:6px 10px;
  font-size:12px;
  border-radius:50px;
  font-weight:700;
}

/* CATEGORY BUTTON */
.ghraan-shop-cats a{
  font-size:14px;
  padding:10px 14px;
}

/* MOBILE */
@media(max-width:767px){
  .ghraan-shop-grid{
    grid-template-columns:1fr;
    max-width:100%;
  }
}/* End custom CSS */