.elementor-11797 .elementor-element.elementor-element-0d7fd9c{overflow:hidden;}.elementor-11797 .elementor-element.elementor-element-1eb7317 > .elementor-widget-container{margin:-100px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-7da884d *//* ==== BESTSELLERS / PRODUCTS GRID (scoped) ==== */
#bestgrid ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Support both structures: <li class="product"> and <article class="card"> */
#bestgrid ul.products > li.product,
#bestgrid ul.products > article.card {
  list-style: none !important;
  background: #fff !important;
  border: 1px solid #e6e9ee !important;
  border-radius: 12px !important;
  padding: 12px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.05) !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  overflow: hidden !important;
}

/* Image (works for both li.product and article.card) */
#bestgrid ul.products img {
  width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
  margin-bottom: 12px !important;
  object-fit: cover !important;
}

/* If your override outputs <a class="thumb"><img/></a> (article.card structure) */
#bestgrid article.card .thumb {
  display:block !important;
  width:100% !important;
  aspect-ratio: 4/3 !important;
  overflow:hidden !important;
  background:#f6f7f9 !important;
}
#bestgrid article.card .thumb img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Titles */
#bestgrid h2.woocommerce-loop-product__title,
#bestgrid article.card .body .title {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 8px 0 !important;
  line-height: 1.4 !important;
  min-height: 42px !important; /* aligns rows */
}

/* Prices */
#bestgrid .price,
#bestgrid article.card .price {
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 6px 0 12px !important;
  color: #111 !important;
}

/* Buttons */
#bestgrid .button,
#bestgrid a.button {
  display: inline-block !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  margin-right: 6px !important;
}

/* Primary (Add to cart) */
#bestgrid .add_to_cart_button,
#bestgrid .ajax_add_to_cart {
  background: #0a5bd3 !important;
  color: #fff !important;
  border: none !important;
}
#bestgrid .add_to_cart_button:hover,
#bestgrid .ajax_add_to_cart:hover {
  background: #084bb0 !important;
}

/* Secondary (View) */
#bestgrid .button + .button {
  background: #fff !important;
  color: #0a1120 !important;
  border: 1px solid #e6e9ee !important;
}
#bestgrid .button + .button:hover {
  background: #f7f7f7 !important;
}

/* Responsive */
@media (max-width: 1100px) {
  #bestgrid ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 780px) {
  #bestgrid ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 520px) {
  #bestgrid ul.products { grid-template-columns: 1fr !important; }
}/* End custom CSS */
/* Start custom CSS *//* === Hero === */
.hero { position:relative; height:420px; display:flex; align-items:center; justify-content:flex-start; color:#fff; }
.hero .slide { width:100%; height:100%; display:flex; align-items:center; padding-left:6%; background-size:cover; background-position:center; }
.hero .copy { max-width:520px; }
.hero .eyebrow { display:inline-block; background:#0a5bd3; padding:6px 12px; border-radius:999px; font-weight:700; margin-bottom:10px; }
.hero h1 { font-size:40px; font-weight:900; margin:0 0 12px; }
.hero p { font-size:18px; margin:0 0 18px; }
.btn { background:#0a5bd3; color:#fff; padding:12px 16px; border-radius:10px; font-weight:700; margin-right:8px; display:inline-block; text-decoration:none; }
.btn.ghost { background:#fff; color:#0a1120; }

/* === Trust Strip === */
.trust-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; padding:20px; }
.trust-strip .card { background:#fff; border:1px solid #e6e9ee; border-radius:12px; padding:16px; font-size:14px; line-height:1.4; }

/* === Categories === */
.categories { padding:40px 20px; }
.cat-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.cat-grid a { position:relative; border-radius:12px; overflow:hidden; display:block; border:1px solid #e6e9ee; }
.cat-grid img { width:100%; height:140px; object-fit:cover; display:block; }
.cat-grid span { position:absolute; left:10px; bottom:10px; background:#0009; color:#fff; padding:6px 12px; border-radius:999px; font-weight:700; }

/* === Products Grid === */
.products { padding:40px 20px; }
.woocommerce ul.products { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:16px; }
.woocommerce ul.products li.product { border:1px solid #e6e9ee; border-radius:12px; overflow:hidden; background:#fff; padding:12px; }

/* === Reviews === */
.reviews { background:#0a1120; color:#fff; padding:40px 20px; text-align:center; border-radius:12px; margin:40px 0; }
.reviews h3 { margin:0 0 12px; font-size:22px; }
.reviews p { font-size:16px; opacity:0.9; }
.promo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding: 40px 20px;
}
.promo {
  text-align: center;
}
.promo img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  margin-bottom: 12px;
}
.promo h3 {
  font-size: 18px;
  font-weight: 800;
  margin: 8px 0 4px;
  text-transform: uppercase;
}
.promo p {
  font-size: 15px;
  color: #555;
  margin: 0;
}

@media (max-width: 900px) {
  .promo-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .promo-grid { grid-template-columns: 1fr; }
}/* End custom CSS */