/* Han Mobil 3.0.0 — final responsive consistency layer */
:root{
  --hm300-green:#8fb39a;
  --hm300-green-dark:#6f9279;
  --hm300-soft:#f4f8f5;
  --hm300-line:#dce8df;
  --hm300-text:#172019;
  --hm300-muted:#69756d;
}

/* Global overflow/typography guardrails. */
body.hanspot-theme,
body.hanspot-theme button,
body.hanspot-theme input,
body.hanspot-theme select,
body.hanspot-theme textarea{font-family:'Poppins',sans-serif!important}
body.hanspot-theme *{box-sizing:border-box}
body.hanspot-theme :is(img,svg,video,iframe){max-width:100%}
body.hanspot-theme :is(.hanspot-shell,.hanspot-woo-canvas,.hanspot-product-main,.hanspot-product-summary,.hanspot-product-gallery,.woocommerce-Tabs-panel,.hanspot-product-reviews){min-width:0!important}
body.hanspot-theme .woocommerce{max-width:100%!important}

/* Review area: compact desktop and perfectly contained mobile summary. */
body.hanspot-theme .hanspot-product-reviews{width:100%!important;max-width:100%!important;overflow:hidden!important}
body.hanspot-theme .hanspot-reviews-head{
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:22px 24px!important;
}
body.hanspot-theme .hanspot-reviews-head>div:first-child{min-width:0!important}
body.hanspot-theme .hanspot-reviews-head h2{font-size:23px!important;font-weight:500!important;line-height:1.25!important}
body.hanspot-theme .hanspot-reviews-head p{max-width:560px!important;font-size:11px!important;line-height:1.65!important}
body.hanspot-theme .hanspot-rating-summary{
  min-width:178px!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:11px 14px!important;
  background:var(--hm300-soft)!important;
  overflow:hidden!important;
}
body.hanspot-theme .hanspot-rating-summary>strong{font-size:29px!important;font-weight:500!important;white-space:nowrap!important}
body.hanspot-theme .hanspot-rating-summary>div{min-width:0!important;gap:4px!important}
body.hanspot-theme .hanspot-rating-summary .star-rating{
  float:none!important;
  display:block!important;
  width:5.4em!important;
  max-width:100%!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1!important;
  overflow:hidden!important;
  color:var(--hm300-green-dark)!important;
}
body.hanspot-theme .hanspot-rating-summary small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  font-weight:400!important;
}
body.hanspot-theme .hanspot-reviews-layout{min-width:0!important}
body.hanspot-theme :is(.hanspot-review-list-card,.hanspot-review-form-card){min-width:0!important;overflow:hidden!important}
body.hanspot-theme .hanspot-review-list-card .comment_container{min-width:0!important}
body.hanspot-theme .hanspot-review-list-card .comment-text{overflow-wrap:anywhere!important}

/* Tabs and common product detail blocks: prevent narrow-screen collisions. */
body.hanspot-theme .woocommerce-tabs{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body.hanspot-theme .woocommerce-tabs ul.tabs{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:22px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  white-space:nowrap!important;
}
body.hanspot-theme .woocommerce-tabs ul.tabs::-webkit-scrollbar{display:none!important}
body.hanspot-theme .woocommerce-tabs ul.tabs li{flex:0 0 auto!important;min-width:0!important}
body.hanspot-theme .woocommerce-tabs ul.tabs li a{font-weight:400!important}

/* Product cards: consistent inner width and no accidental centering. */
body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card,.woocommerce ul.products li.product){min-width:0!important;overflow:hidden!important}
body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card) :is(.hanspot-product-info,.spotcu-product-info){min-width:0!important;width:100%!important;text-align:left!important}
body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card) :is(h2,h3,.woocommerce-loop-product__title,.hanspot-card-category,.price,.hanmob-card-rating,.hanmob-card-variations){max-width:100%!important;text-align:left!important}

/* Forms / WooCommerce pages stay inside their canvas. */
body.hanspot-theme :is(.hanspot-account-shell,.hanspot-account-main,.hanspot-cart-shell,.hanspot-checkout-shell,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation,.cart_totals,form.woocommerce-cart-form){min-width:0!important;max-width:100%!important}
body.hanspot-theme :is(.woocommerce-MyAccount-content,.hanspot-account-content,.hanspot-cart-form,.hanspot-cart-summary,.hanspot-checkout-order,.hanspot-checkout-customer){overflow-wrap:anywhere!important}

@media(max-width:900px){
  body.hanspot-theme .hanspot-reviews-layout{grid-template-columns:1fr!important;gap:16px!important}
}

@media(max-width:760px){
  body.hanspot-theme .hanspot-product-reviews{gap:14px!important}
  body.hanspot-theme .hanspot-reviews-head{
    grid-template-columns:minmax(0,1fr) minmax(132px,auto)!important;
    gap:10px!important;
    padding:15px!important;
    border-radius:10px!important;
  }
  body.hanspot-theme .hanspot-reviews-head>div:first-child>span{font-size:7.5px!important;letter-spacing:.09em!important;margin-bottom:3px!important}
  body.hanspot-theme .hanspot-reviews-head h2{font-size:17px!important;line-height:1.25!important}
  body.hanspot-theme .hanspot-reviews-head p{margin-top:5px!important;font-size:9px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  body.hanspot-theme .hanspot-rating-summary{
    min-width:0!important;
    width:100%!important;
    grid-template-columns:auto 1fr!important;
    gap:8px!important;
    padding:9px 10px!important;
    border-radius:9px!important;
  }
  body.hanspot-theme .hanspot-rating-summary>strong{font-size:22px!important}
  body.hanspot-theme .hanspot-rating-summary .star-rating{font-size:8.5px!important}
  body.hanspot-theme .hanspot-rating-summary small{font-size:7.5px!important}
  body.hanspot-theme :is(.hanspot-review-list-card,.hanspot-review-form-card){padding:15px!important;border-radius:10px!important}
  body.hanspot-theme .hanspot-review-list-card>h3{font-size:15px!important;margin-bottom:13px!important}
  body.hanspot-theme .hanspot-review-list-card .comment_container{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;padding:12px!important}
  body.hanspot-theme .hanspot-review-list-card .avatar{width:38px!important;height:38px!important}
  body.hanspot-theme .hanspot-review-list-card .meta{font-size:8px!important;line-height:1.5!important}
  body.hanspot-theme .hanspot-review-list-card .woocommerce-review__author{font-size:10px!important}
  body.hanspot-theme .hanspot-review-list-card .description{font-size:9px!important;line-height:1.65!important}
  body.hanspot-theme .hanspot-product-review-form{grid-template-columns:1fr!important;gap:10px!important}
  body.hanspot-theme .hanspot-product-review-form>*{grid-column:1!important}
  body.hanspot-theme .hanspot-review-form-title h3{font-size:17px!important}
  body.hanspot-theme .hanspot-product-review-form textarea{min-height:120px!important}
  body.hanspot-theme .woocommerce-tabs ul.tabs{gap:17px!important;padding-inline:1px!important}
  body.hanspot-theme .woocommerce-tabs ul.tabs li a{font-size:9px!important}
}

@media(max-width:430px){
  body.hanspot-theme .hanspot-reviews-head{
    grid-template-columns:minmax(0,1fr) 128px!important;
    padding:13px!important;
  }
  body.hanspot-theme .hanspot-reviews-head p{display:none!important}
  body.hanspot-theme .hanspot-rating-summary{gap:6px!important;padding:8px!important}
  body.hanspot-theme .hanspot-rating-summary>strong{font-size:20px!important}
  body.hanspot-theme .hanspot-rating-summary .star-rating{font-size:7.8px!important}
  body.hanspot-theme .hanspot-rating-summary small{font-size:6.9px!important}
}

@media(max-width:360px){
  body.hanspot-theme .hanspot-reviews-head{grid-template-columns:1fr!important}
  body.hanspot-theme .hanspot-rating-summary{max-width:170px!important;justify-self:start!important}
}