/* Han Mobil 2.5.0 — mobile cards, filters, blog sidebar and WooCommerce cleanup */
:root{
  --hm250-green:#8fb39a;
  --hm250-green-dark:#6f9279;
  --hm250-soft:#f4f8f5;
  --hm250-line:#dce8df;
  --hm250-text:#172019;
  --hm250-muted:#69756d;
}

/* Filter panel: spacious headings, no squeezed fieldset legends. */
body.hanspot-theme .hanmob-shop-filter{overflow:visible!important}
body.hanspot-theme .hanmob-filter-mobile-body{overflow:hidden!important;border-radius:9px!important}
body.hanspot-theme .hanmob-filter-form{padding:0 16px 16px!important}
body.hanspot-theme .hanmob-filter-group{
  display:block!important;
  width:100%!important;
  min-inline-size:0!important;
  margin:0!important;
  padding:18px 0!important;
  border:0!important;
  border-bottom:1px solid var(--hm250-line)!important;
}
body.hanspot-theme .hanmob-filter-group:last-of-type{border-bottom:0!important}
body.hanspot-theme .hanmob-filter-group legend{
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 13px!important;
  padding:0!important;
  color:var(--hm250-text)!important;
  background:#fff!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  white-space:normal!important;
}
body.hanspot-theme .hanmob-filter-options{gap:10px!important;max-height:190px!important;padding:1px 7px 1px 0!important}
body.hanspot-theme .hanmob-filter-options label{min-height:22px!important;font-size:10px!important;line-height:1.4!important}
body.hanspot-theme .hanmob-filter-label{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
body.hanspot-theme .hanmob-filter-price .hanmob-price-fields{gap:9px!important}
body.hanspot-theme .hanmob-filter-price .hanmob-price-fields label{font-size:8.5px!important;gap:7px!important}
body.hanspot-theme .hanmob-filter-price input{height:42px!important;min-height:42px!important;font-size:10px!important}

/* Product cards: all text starts from the same left edge and never centers unexpectedly. */
body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card,.hmref-product-card){min-width:0!important;text-align:left!important}
body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card) .hanspot-product-info,
body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card) .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(.hanspot-card-category,.woocommerce-loop-product__title,h2,h3,.hanmob-card-rating,.hanmob-card-variations,.spotcu-product-price,.price){text-align:left!important;margin-left:0!important;margin-right:0!important}
body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card) :is(.woocommerce-loop-product__title,h2,h3){width:100%!important;max-width:100%!important;font-weight:400!important;overflow-wrap:anywhere!important;word-break:normal!important}

/* Card variation rows stay horizontal and symmetric. */
body.hanspot-theme .hanmob-card-variations{display:grid!important;gap:7px!important;width:100%!important;min-width:0!important}
body.hanspot-theme .hanmob-card-variations>div{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important}
body.hanspot-theme .hanmob-card-variations small{flex:0 0 40px!important;margin:0!important;font-size:7.5px!important;font-weight:400!important;line-height:1!important;color:var(--hm250-muted)!important}
body.hanspot-theme .hanmob-card-variations>div>span{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;min-width:0!important;flex:1 1 auto!important;white-space:nowrap!important;overflow:hidden!important}
body.hanspot-theme .hanmob-card-colors i{flex:0 0 14px!important;width:14px!important;height:14px!important}
body.hanspot-theme .hanmob-card-storage b{flex:0 0 auto!important;min-width:0!important;height:23px!important;padding:0 6px!important;font-size:7px!important;font-weight:400!important;white-space:nowrap!important}

/* Price hierarchy: regular/old price smaller, current discounted price slightly larger; all black. */
body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price){display:flex!important;align-items:baseline!important;gap:7px!important;flex-wrap:wrap!important;color:#111814!important;font-weight:400!important;line-height:1.25!important}
body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price)>del,
body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price)>del *{font-size:9.5px!important;font-weight:400!important;color:#8b958e!important}
body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price)>ins,
body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price)>ins *{font-size:14px!important;font-weight:500!important;color:#111814!important;text-decoration:none!important}
body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price):not(:has(ins)),
body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price):not(:has(ins)) *{font-size:12px!important;font-weight:400!important;color:#111814!important}

/* Product detail: service/payment strip was removed in PHP; prevent old cached markup from showing. */
body.hanspot-theme .hanmob-product-services{display:none!important}

/* Blog detail: useful right column with categories + last five posts. */
body.hanspot-theme .hanmob-blog-single{background:#fff!important;padding:42px 0 74px!important}
body.hanspot-theme .hanmob-blog-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:28px!important;align-items:start!important}
body.hanspot-theme .hanmob-blog-article{min-width:0!important}
body.hanspot-theme .hanmob-blog-sidebar{display:grid!important;gap:16px!important;position:sticky!important;top:22px!important}
body.hanspot-theme .hanmob-blog-side-card{padding:20px!important;border:1px solid var(--hm250-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
body.hanspot-theme .hanmob-blog-side-title{padding-bottom:13px!important;margin-bottom:6px!important;border-bottom:1px solid var(--hm250-line)!important}
body.hanspot-theme .hanmob-blog-side-title>span{display:block!important;margin-bottom:3px!important;color:var(--hm250-green-dark)!important;font-size:8px!important;font-weight:500!important;letter-spacing:.08em!important}
body.hanspot-theme .hanmob-blog-side-title h2{margin:0!important;color:var(--hm250-text)!important;font-size:17px!important;font-weight:500!important}
body.hanspot-theme .hanmob-blog-categories{list-style:none!important;margin:0!important;padding:0!important}
body.hanspot-theme .hanmob-blog-categories li{margin:0!important;padding:0!important;border-bottom:1px solid #edf2ee!important}
body.hanspot-theme .hanmob-blog-categories li:last-child{border-bottom:0!important}
body.hanspot-theme .hanmob-blog-categories a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:43px!important;color:var(--hm250-text)!important;text-decoration:none!important;font-size:10.5px!important;font-weight:400!important}
body.hanspot-theme .hanmob-blog-categories a:hover{color:var(--hm250-green-dark)!important}
body.hanspot-theme .hanmob-blog-categories small{display:grid!important;place-items:center!important;min-width:25px!important;height:25px!important;padding:0 6px!important;border-radius:999px!important;background:var(--hm250-soft)!important;color:var(--hm250-green-dark)!important;font-size:8px!important}
body.hanspot-theme .hanmob-recent-posts{display:grid!important;gap:0!important}
body.hanspot-theme .hanmob-recent-post{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;padding:12px 0!important;border-bottom:1px solid #edf2ee!important;text-decoration:none!important}
body.hanspot-theme .hanmob-recent-post:last-child{border-bottom:0!important;padding-bottom:0!important}
body.hanspot-theme .hanmob-recent-thumb{display:grid!important;place-items:center!important;width:58px!important;height:48px!important;overflow:hidden!important;border-radius:7px!important;background:var(--hm250-soft)!important;color:var(--hm250-green-dark)!important}
body.hanspot-theme .hanmob-recent-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
body.hanspot-theme .hanmob-recent-copy{display:grid!important;gap:4px!important;min-width:0!important}
body.hanspot-theme .hanmob-recent-copy strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:var(--hm250-text)!important;font-size:10px!important;line-height:1.45!important;font-weight:500!important}
body.hanspot-theme .hanmob-recent-copy small{color:var(--hm250-muted)!important;font-size:8px!important;font-weight:400!important}

/* Account / Cart / Checkout: eliminate legacy brown/gold tones. */
body.hanspot-theme.woocommerce-account,
body.hanspot-theme.woocommerce-cart,
body.hanspot-theme.woocommerce-checkout{background:#fff!important;color:var(--hm250-text)!important}
body.hanspot-theme :is(.hanspot-account-welcome,.hanspot-account-summary-grid>a,.hanspot-account-help,.hanspot-account-nav,.hanspot-myaccount-content,.hanspot-cart-form,.hanspot-cart-summary,.hanspot-cart-totals,.hanspot-cart-item,.hanspot-cart-list-head,.hanspot-checkout-card,.woocommerce-checkout-review-order){border-color:var(--hm250-line)!important;box-shadow:none!important}
body.hanspot-theme .hanspot-account-welcome{background:var(--hm250-soft)!important;border:1px solid var(--hm250-line)!important;color:var(--hm250-text)!important}
body.hanspot-theme .hanspot-account-welcome>div>span{color:var(--hm250-green-dark)!important;font-weight:500!important}
body.hanspot-theme .hanspot-account-welcome h2{color:var(--hm250-text)!important;font-weight:500!important}
body.hanspot-theme .hanspot-account-welcome p{color:var(--hm250-muted)!important}
body.hanspot-theme .hanspot-account-welcome>a{background:#fff!important;border:1px solid var(--hm250-line)!important;color:var(--hm250-text)!important;font-weight:500!important}
body.hanspot-theme .hanspot-account-welcome>a span{color:var(--hm250-text)!important;font-weight:500!important}
body.hanspot-theme .hanspot-account-summary-grid>a{background:#fff!important;color:var(--hm250-text)!important}
body.hanspot-theme .hanspot-account-summary-grid>a>span{background:var(--hm250-soft)!important;color:var(--hm250-green-dark)!important}
body.hanspot-theme .hanspot-account-summary-grid :is(small,em){color:var(--hm250-muted)!important}
body.hanspot-theme .hanspot-account-summary-grid strong{color:var(--hm250-text)!important;font-weight:500!important}
body.hanspot-theme .hanspot-account-help{background:#fff!important;color:var(--hm250-text)!important}
body.hanspot-theme .hanspot-account-help>a{background:var(--hm250-green)!important;color:#fff!important;font-weight:500!important;text-transform:none!important}
body.hanspot-theme .hanspot-account-help>a :is(i,span){color:#fff!important}
body.hanspot-theme .hanspot-account-nav a{color:var(--hm250-text)!important;font-weight:400!important}
body.hanspot-theme .hanspot-account-nav .is-active>a{background:var(--hm250-soft)!important;color:var(--hm250-green-dark)!important}
body.hanspot-theme .hanspot-account-nav-icon{background:var(--hm250-soft)!important;color:var(--hm250-green-dark)!important}

body.hanspot-theme .hanspot-cart-list-head{background:var(--hm250-soft)!important;color:var(--hm250-muted)!important}
body.hanspot-theme .hanspot-cart-item{background:#fff!important;color:var(--hm250-text)!important}
body.hanspot-theme .hanspot-cart-product strong,
body.hanspot-theme .hanspot-cart-product strong a{color:var(--hm250-text)!important;font-weight:500!important}
body.hanspot-theme :is(.hanspot-cart-price,.hanspot-cart-subtotal,.hanspot-cart-totals .amount,.hanspot-cart-totals strong,.hanspot-cart-totals th,.hanspot-cart-totals td){color:#111814!important;font-weight:400!important}
body.hanspot-theme .hanspot-cart-totals h2{color:var(--hm250-text)!important;font-weight:500!important}
body.hanspot-theme .hanspot-cart-remove{color:var(--hm250-muted)!important}
body.hanspot-theme .hanspot-cart-remove:hover{color:var(--hm250-green-dark)!important}
body.hanspot-theme .hanspot-coupon input,
body.hanspot-theme .hanspot-cart-quantity input{border-color:var(--hm250-line)!important;background:#fff!important;color:var(--hm250-text)!important}
body.hanspot-theme .hanspot-cart-actions .button,
body.hanspot-theme .wc-proceed-to-checkout .checkout-button{background:var(--hm250-green)!important;border-color:var(--hm250-green)!important;color:#fff!important;font-weight:500!important}
body.hanspot-theme .hanspot-cart-actions .button:hover,
body.hanspot-theme .wc-proceed-to-checkout .checkout-button:hover{background:var(--hm250-green-dark)!important;border-color:var(--hm250-green-dark)!important;color:#fff!important}
body.hanspot-theme .hanspot-cart-secure{color:var(--hm250-muted)!important}
body.hanspot-theme .hanspot-cart-secure svg{color:var(--hm250-green-dark)!important}

/* Woo notices and page headings never inherit brown. */
body.hanspot-theme :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){background:var(--hm250-soft)!important;border-color:var(--hm250-line)!important;color:var(--hm250-text)!important}
body.hanspot-theme :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{color:var(--hm250-green-dark)!important}
body.hanspot-theme :is(.hanspot-page-head,.hanspot-special-page-title,.hanspot-woo-canvas) :is(h1,h2,h3,strong,a){color:var(--hm250-text)!important}

@media(max-width:900px){
  body.hanspot-theme .hanmob-blog-layout{grid-template-columns:1fr!important}
  body.hanspot-theme .hanmob-blog-sidebar{position:static!important;grid-template-columns:1fr 1fr!important}
}

@media(max-width:760px){
  /* Mobile filters are closed initially by JS and become a comfortable single column when opened. */
  body.hanspot-theme .hanmob-filter-mobile-body{padding:0!important}
  body.hanspot-theme .hanmob-filter-head{padding:15px 16px!important}
  body.hanspot-theme .hanmob-filter-form{display:block!important;padding:0 16px 16px!important}
  body.hanspot-theme .hanmob-filter-group{padding:17px 0!important}
  body.hanspot-theme .hanmob-filter-group legend{font-size:11px!important;margin-bottom:12px!important}
  body.hanspot-theme .hanmob-filter-options{max-height:210px!important}
  body.hanspot-theme .hanmob-blog-sidebar{grid-template-columns:1fr!important}
}

@media(max-width:560px){
  /* Two-column mobile cards remain neat: no centered text or stacked option labels. */
  body.hanspot-theme .hanmob-shop-results ul.products,
  body.hanspot-theme .hanmob-product-grid{gap:10px!important}
  body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card) .hanspot-product-info,
  body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card) .spotcu-product-info{padding:10px 9px 11px!important}
  body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card) .hanspot-card-category{display:block!important;width:100%!important;min-height:0!important;margin:0 0 6px!important;font-size:6.8px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.hanspot-theme :is(.hanmob-product-card,.spotcu-product-card) :is(.woocommerce-loop-product__title,h2,h3){display:block!important;min-height:34px!important;margin:0 0 6px!important;font-size:10px!important;line-height:1.55!important;text-align:left!important}
  body.hanspot-theme .hanmob-card-rating{justify-content:flex-start!important;gap:4px!important;margin:0 0 7px!important;min-width:0!important;overflow:hidden!important}
  body.hanspot-theme .hanmob-card-rating .star-rating{font-size:8px!important;width:5.4em!important;flex:0 0 5.4em!important}
  body.hanspot-theme .hanmob-card-rating :is(span,small){font-size:6.8px!important;white-space:nowrap!important}
  body.hanspot-theme .hanmob-card-variations{gap:6px!important;margin:5px 0 8px!important}
  body.hanspot-theme .hanmob-card-variations>div{gap:5px!important;flex-wrap:nowrap!important}
  body.hanspot-theme .hanmob-card-variations small{display:block!important;flex:0 0 28px!important;font-size:6.2px!important}
  body.hanspot-theme .hanmob-card-variations>div>span{gap:3px!important;overflow:hidden!important}
  body.hanspot-theme .hanmob-card-colors i{width:12px!important;height:12px!important;flex-basis:12px!important}
  body.hanspot-theme .hanmob-card-storage b{height:20px!important;padding:0 4px!important;font-size:6px!important;border-radius:4px!important}
  body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price){gap:5px!important;margin-top:2px!important}
  body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price)>del,
  body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price)>del *{font-size:7.5px!important}
  body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price)>ins,
  body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price)>ins *{font-size:11.5px!important}
  body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price):not(:has(ins)),
  body.hanspot-theme :is(.spotcu-product-price,.hanspot-product-info .price,.woocommerce ul.products li.product .price):not(:has(ins)) *{font-size:9.5px!important}
  body.hanspot-theme .hanspot-product-actions{margin-top:9px!important}
}