
:root{
  --adex-gb-primary: var(--primary-color, #f48721);
  --adex-gb-dark: var(--secondary-color, #041f1e);
  --adex-gb-bg: #fbf9f5;
  --adex-gb-title: #222831;
  --adex-gb-text: #252a34;
  --adex-gb-border: #eeeeee;
  --adex-gb-font: "Open Sans", Arial, sans-serif;
}

body,
body .adex-v110-home,
body .adex-gb-page{
  background:var(--adex-gb-bg)!important;
  font-family:var(--adex-gb-font)!important;
}

.adex-container,
.adex-v110-home,
.adex-gb-container{
  max-width:1200px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:16px!important;
  padding-right:16px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

.adex-v110-home > section,
.adex-v-home > section,
.adex-s-home > section{
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* hero stays inside page */
.adex-v110-hero,
.adex-v-hero,
.adex-hero-slider{
  max-width:1200px!important;
  margin:22px auto 24px!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* image/banner section: no crop */
.adex-v110-banner,
.adex-v-banner,
.adex-s-banner,
.adex-gh-banner{
  max-width:1200px!important;
  width:100%!important;
  margin:24px auto 32px!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
  display:flex!important;
  gap:16px!important;
  overflow:hidden!important;
}

.adex-v110-banner .adex-v110-col,
.adex-v-banner .adex-v-banner-col{
  min-width:0!important;
  border-radius:8px!important;
  overflow:hidden!important;
}

.adex-v110-banner .adex-slider,
.adex-v-banner .adex-v-slider{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  background:transparent!important;
  border-radius:8px!important;
  overflow:hidden!important;
}

.adex-v110-banner .adex-slide,
.adex-v-banner .adex-v-slide{
  position:relative!important;
  inset:auto!important;
  display:none!important;
  width:100%!important;
  height:auto!important;
  background:transparent!important;
}

.adex-v110-banner .adex-slide.active,
.adex-v-banner .adex-v-slide.active{
  display:block!important;
}

.adex-v110-banner img,
.adex-v-banner img,
.adex-s-banner img,
.adex-gh-banner img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:8px!important;
}

.adex-v110-hero .adex-slider,
.adex-v-hero .adex-v-slider{
  height:285px!important;
  background:#111827!important;
}

.adex-v110-hero .adex-slide,
.adex-v-hero .adex-v-slide{
  position:absolute!important;
  inset:0!important;
}

.adex-v110-hero img,
.adex-v-hero img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* section title */
.adex-sec-title,
.adex-v-section-title,
.adex-s-section-title,
.adex-gh-section-title{
  max-width:1200px!important;
  margin:18px auto 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid #ddd!important;
}

.adex-sec-title h2,
.adex-v-section-title h2,
.adex-s-section-title h2,
.adex-gh-section-title h2{
  margin:0 0 -1px!important;
  padding-bottom:9px!important;
  border-bottom:2px solid var(--adex-gb-primary)!important;
  font-size:18px!important;
  font-weight:700!important;
  color:#111827!important;
}

.adex-sec-title a,
.adex-v-section-title a,
.adex-s-section-title a,
.adex-gh-section-title a{
  color:var(--adex-gb-primary)!important;
  font-size:13px!important;
  font-weight:700!important;
}

/* home grid */
.adex-grid,
.adex-v-grid,
.adex-s-grid,
.adex-gh-grid{
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:stretch!important;
  gap:16px!important;
  box-sizing:border-box!important;
}

/* card like tp-product-card */
.adex-product,
.adex-v-product,
.adex-s-product,
.adex-gh-product{
  background:#fff!important;
  border:1px solid #eee!important;
  border-radius:6px!important;
  box-shadow:none!important;
  padding:10px!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:300px!important;
  height:100%!important;
  overflow:hidden!important;
  transition:box-shadow .2s ease, transform .2s ease!important;
  position:relative!important;
  cursor:pointer!important;
}

.adex-product:hover,
.adex-v-product:hover,
.adex-s-product:hover,
.adex-gh-product:hover{
  box-shadow:3px 3px 8px rgb(0 0 0 / 16%)!important;
  transform:none!important;
}

.adex-img,
.adex-v-img,
.adex-s-img,
.adex-gh-img{
  width:100%!important;
  height:185px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  margin:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}

.adex-img img,
.adex-v-img img,
.adex-s-img img,
.adex-gh-img img{
  max-width:100%!important;
  width:auto!important;
  height:165px!important;
  object-fit:contain!important;
  display:block!important;
  margin:0 auto!important;
}

.adex-product h3,
.adex-v-product h3,
.adex-s-product h3,
.adex-gh-product h3{
  min-height:38px!important;
  margin:8px 0 8px!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
  color:#222831!important;
}

.adex-product h3 a,
.adex-v-product h3 a,
.adex-s-product h3 a,
.adex-gh-product h3 a{
  color:#222831!important;
  text-decoration:none!important;
}

.adex-price,
.adex-v-price,
.adex-s-price,
.adex-gh-price{
  margin:0 0 10px!important;
  color:var(--adex-gb-primary)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

.adex-price del,
.adex-v-price del,
.adex-s-price del,
.adex-gh-price del{
  color:var(--adex-gb-primary)!important;
  opacity:.75!important;
}

.adex-actions,
.adex-v-card-actions,
.adex-s-card-actions,
.adex-gh-card-actions{
  margin-top:auto!important;
  display:flex!important;
  gap:8px!important;
  width:100%!important;
}

.adex-actions .button,
.adex-actions a.button,
.adex-v-card-actions .button,
.adex-v-card-actions a.button,
.adex-s-card-actions .button,
.adex-s-card-actions a.button,
.adex-gh-card-actions .button,
.adex-gh-card-actions a.button{
  flex:1!important;
  min-height:34px!important;
  padding:8px 10px!important;
  border-radius:4px!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}

.adex-outline,
.adex-v-outline,
.adex-s-outline,
.adex-gh-outline{
  background:#fff!important;
  border:1px solid var(--adex-gb-primary)!important;
  color:var(--adex-gb-primary)!important;
}

.adex-solid,
.adex-v-solid,
.adex-s-solid,
.adex-gh-solid{
  background:var(--adex-gb-primary)!important;
  border:1px solid var(--adex-gb-primary)!important;
  color:#fff!important;
}

.adex-product .added_to_cart,
.adex-product .wc-forward,
.adex-v-product .added_to_cart,
.adex-v-product .wc-forward,
.adex-s-product .added_to_cart,
.adex-s-product .wc-forward,
.adex-gh-product .added_to_cart,
.adex-gh-product .wc-forward{
  display:none!important;
}

/* top selling 2-column card like source */
.adex-grid[style*="--cols:2"] .adex-product,
.adex-v-grid[style*="--cols:2"] .adex-v-product,
.adex-s-grid[style*="--cols:2"] .adex-s-product,
.adex-gh-grid[style*="--cols:2"] .adex-gh-product{
  min-height:230px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:45% 55%!important;
  grid-template-rows:auto auto auto!important;
  gap:0 18px!important;
  align-items:center!important;
}

.adex-grid[style*="--cols:2"] .adex-img,
.adex-v-grid[style*="--cols:2"] .adex-v-img,
.adex-s-grid[style*="--cols:2"] .adex-s-img,
.adex-gh-grid[style*="--cols:2"] .adex-gh-img{
  grid-column:1!important;
  grid-row:1 / 4!important;
  height:195px!important;
  padding:10px!important;
}

.adex-grid[style*="--cols:2"] .adex-img img,
.adex-v-grid[style*="--cols:2"] .adex-v-img img,
.adex-s-grid[style*="--cols:2"] .adex-s-img img,
.adex-gh-grid[style*="--cols:2"] .adex-gh-img img{
  height:180px!important;
}

.adex-grid[style*="--cols:2"] h3,
.adex-v-grid[style*="--cols:2"] h3,
.adex-s-grid[style*="--cols:2"] h3,
.adex-gh-grid[style*="--cols:2"] h3{
  grid-column:2!important;
  grid-row:1!important;
  font-size:20px!important;
  font-weight:600!important;
  min-height:auto!important;
  margin:0 0 10px!important;
}

.adex-grid[style*="--cols:2"] .adex-price,
.adex-v-grid[style*="--cols:2"] .adex-v-price,
.adex-s-grid[style*="--cols:2"] .adex-s-price,
.adex-gh-grid[style*="--cols:2"] .adex-gh-price{
  grid-column:2!important;
  grid-row:2!important;
  font-size:18px!important;
  margin-bottom:18px!important;
}

.adex-grid[style*="--cols:2"] .adex-actions,
.adex-v-grid[style*="--cols:2"] .adex-v-card-actions,
.adex-s-grid[style*="--cols:2"] .adex-s-card-actions,
.adex-gh-grid[style*="--cols:2"] .adex-gh-card-actions{
  grid-column:2!important;
  grid-row:3!important;
}

/* ================= single product page ================= */
.adex-gb-page{
  background:#fbf9f5!important;
  padding:14px 0 36px!important;
}

.adex-gb-breadcrumb{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  font-size:13px!important;
  color:#777!important;
  margin:0 0 14px!important;
}

.adex-gb-breadcrumb a{
  color:#555!important;
  text-decoration:none!important;
}

.adex-gb-product-box{
  background:#fff!important;
  border:1px solid #e8e8e8!important;
  border-radius:8px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:52% 48%!important;
  gap:28px!important;
  box-shadow:0 2px 10px rgba(0,0,0,.04)!important;
  box-sizing:border-box!important;
}

.adex-gb-gallery{
  display:grid!important;
  grid-template-columns:78px 1fr!important;
  gap:14px!important;
}

.adex-gb-thumbs{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}

.adex-gb-thumb{
  width:72px!important;
  height:72px!important;
  background:#fff!important;
  border:1px solid #e8e8e8!important;
  border-radius:4px!important;
  padding:6px!important;
  cursor:pointer!important;
}

.adex-gb-thumb.active{
  border-color:var(--adex-gb-primary)!important;
}

.adex-gb-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

.adex-gb-main-image{
  border:1px solid #e8e8e8!important;
  border-radius:6px!important;
  height:430px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  overflow:hidden!important;
}

.adex-gb-main-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:18px!important;
  box-sizing:border-box!important;
}

.adex-gb-summary{
  padding:14px 0!important;
}

.adex-gb-sale{
  display:inline-block!important;
  background:var(--adex-gb-primary)!important;
  color:#fff!important;
  padding:3px 8px!important;
  border-radius:4px!important;
  font-size:11px!important;
  font-weight:700!important;
  margin-bottom:8px!important;
}

.adex-gb-summary h1{
  font-size:28px!important;
  line-height:1.25!important;
  font-weight:600!important;
  color:#222831!important;
  margin:0 0 12px!important;
}

.adex-gb-price{
  color:var(--adex-gb-primary)!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:700!important;
  margin-bottom:18px!important;
}

.adex-gb-price del{
  color:#777!important;
  font-size:16px!important;
  opacity:.9!important;
  margin-right:8px!important;
}

.adex-gb-short{
  font-size:14px!important;
  line-height:1.7!important;
  color:#333!important;
  margin-bottom:16px!important;
}

.adex-gb-cart-row form.cart{
  display:grid!important;
  grid-template-columns:150px 1fr!important;
  gap:10px!important;
  margin:0 0 10px!important;
  align-items:center!important;
}

.adex-gb-cart-row .quantity{
  margin:0!important;
}

.adex-gb-cart-row .qty{
  width:100%!important;
  height:42px!important;
  border:1px solid #ddd!important;
  border-radius:4px!important;
  text-align:center!important;
}

.adex-gb-cart-row .single_add_to_cart_button{
  height:42px!important;
  border-radius:4px!important;
  background:var(--adex-gb-primary)!important;
  color:#fff!important;
  border:0!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}

.adex-gb-buy-now{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:42px!important;
  background:var(--adex-gb-dark)!important;
  color:#fff!important;
  border-radius:4px!important;
  text-decoration:none!important;
  font-weight:700!important;
  margin-bottom:10px!important;
}

.adex-gb-extra-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:10px 0 16px!important;
}

.adex-gb-whatsapp,
.adex-gb-call{
  height:42px!important;
  border-radius:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700!important;
  font-size:13px!important;
}

.adex-gb-whatsapp{
  background:#21b45b!important;
}

.adex-gb-call{
  background:#284694!important;
}

.adex-gb-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 14px!important;
  border:1px solid #e8e8e8!important;
  border-radius:4px!important;
  background:#fff!important;
  font-size:13px!important;
  margin-bottom:12px!important;
}

.adex-gb-meta{
  display:flex!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  font-size:12px!important;
  color:#444!important;
}

.adex-gb-tabs-card,
.adex-gb-content-card,
.adex-gb-review-card,
.adex-gb-related{
  background:#fff!important;
  border:1px solid #e8e8e8!important;
  border-radius:8px!important;
  box-shadow:0 2px 10px rgba(0,0,0,.035)!important;
  margin:24px 0!important;
  padding:18px!important;
  box-sizing:border-box!important;
}

.adex-gb-tab-buttons{
  display:flex!important;
  gap:12px!important;
}

.adex-gb-tab-buttons button{
  border:1px solid #e8e8e8!important;
  background:#f8f8f8!important;
  color:#444!important;
  padding:12px 24px!important;
  border-radius:4px!important;
  font-weight:600!important;
  cursor:pointer!important;
}

.adex-gb-tab-buttons button.active{
  background:#fff!important;
  border-bottom:2px solid var(--adex-gb-primary)!important;
  color:#222!important;
}

.adex-gb-tab-panel{
  display:none!important;
}

.adex-gb-tab-panel.active{
  display:block!important;
}

.adex-gb-content-card h2,
.adex-gb-review-right h2,
.adex-gb-related h2{
  font-size:20px!important;
  font-weight:700!important;
  color:#222831!important;
  margin:0 0 18px!important;
  padding-bottom:10px!important;
  border-bottom:2px solid var(--adex-gb-primary)!important;
  display:inline-block!important;
}

.adex-gb-description{
  color:#111!important;
  font-size:14px!important;
  line-height:1.8!important;
}

.adex-gb-review-card{
  display:grid!important;
  grid-template-columns:34% 66%!important;
  gap:28px!important;
}

.adex-gb-rating-number{
  font-size:54px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#063d3a!important;
  margin-bottom:6px!important;
}

.adex-gb-rating-label,
.adex-gb-recommend{
  color:#666!important;
  font-size:13px!important;
  margin-bottom:8px!important;
}

.adex-gb-stars .star-rating{
  margin:8px 0!important;
}

.adex-gb-rating-bar{
  display:grid!important;
  grid-template-columns:34px 1fr 38px!important;
  gap:8px!important;
  align-items:center!important;
  margin:7px 0!important;
  font-size:12px!important;
}

.adex-gb-rating-bar i{
  height:8px!important;
  background:#ddd!important;
  border-radius:999px!important;
  display:block!important;
  overflow:hidden!important;
}

.adex-gb-rating-bar i b{
  height:100%!important;
  background:var(--adex-gb-primary)!important;
  display:block!important;
}

.adex-gb-review-right #reviews,
.adex-gb-review-right #comments{
  margin:0!important;
}

.adex-gb-review-right .comment-reply-title{
  display:none!important;
}

.adex-gb-review-right textarea,
.adex-gb-review-right input[type="text"],
.adex-gb-review-right input[type="email"]{
  width:100%!important;
  border:1px solid #e5e7eb!important;
  border-radius:4px!important;
  padding:12px!important;
  background:#fff!important;
}

.adex-gb-review-right .form-submit input{
  background:#333!important;
  color:#fff!important;
  border:0!important;
  border-radius:4px!important;
  padding:12px 22px!important;
  font-weight:700!important;
}

.adex-gb-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:14px!important;
}

.adex-gb-section-head a{
  color:var(--adex-gb-primary)!important;
  text-decoration:none!important;
  font-weight:700!important;
  font-size:13px!important;
}

.adex-gb-related-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
}

.adex-gb-related-card{
  min-height:280px!important;
}

@media(max-width:900px){
  .adex-gb-product-box,
  .adex-gb-review-card{
    grid-template-columns:1fr!important;
  }

  .adex-gb-gallery{
    grid-template-columns:1fr!important;
  }

  .adex-gb-thumbs{
    flex-direction:row!important;
    order:2!important;
    overflow-x:auto!important;
  }

  .adex-gb-main-image{
    height:340px!important;
  }

  .adex-gb-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:768px){
  .adex-container,
  .adex-v110-home,
  .adex-gb-container{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .adex-v110-banner,
  .adex-v-banner,
  .adex-s-banner,
  .adex-gh-banner{
    flex-direction:column!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .adex-v110-banner .adex-v110-col,
  .adex-v-banner .adex-v-banner-col{
    flex-basis:100%!important;
  }

  .adex-grid[style*="--cols:2"] .adex-product,
  .adex-v-grid[style*="--cols:2"] .adex-v-product,
  .adex-s-grid[style*="--cols:2"] .adex-s-product,
  .adex-gh-grid[style*="--cols:2"] .adex-gh-product{
    display:flex!important;
    min-height:300px!important;
    padding:10px!important;
  }

  .adex-grid[style*="--cols:2"] h3,
  .adex-v-grid[style*="--cols:2"] h3,
  .adex-s-grid[style*="--cols:2"] h3,
  .adex-gh-grid[style*="--cols:2"] h3{
    font-size:14px!important;
  }

  .adex-gb-cart-row form.cart,
  .adex-gb-extra-actions{
    grid-template-columns:1fr!important;
  }

  .adex-gb-summary h1{
    font-size:24px!important;
  }
}
