/* ==========================================================
   Store.Toolsheep Homepage V2 — Marketplace Commerce
   Inspired by marketplace shopping patterns, adapted to industrial commerce.
   ========================================================== */
:root{--c:#08BFEE;--cd:#079AC3;--y:#FEE900;--ink:#14212B;--muted:#677986;--border:#E1E7EB;--bg:#F5F6F7;--red:#E53935;--white:#fff}
.stsh-v2-root{background:var(--bg);padding:16px 0 38px;font-family:'Prompt','Kanit',sans-serif;color:var(--ink)}
.stsh-v2-shell{width:100%;max-width:1200px;margin-left:auto!important;margin-right:auto!important}
.stsh-v2-module{background:#fff;border:1px solid #ECEFF1;border-radius:12px;margin-top:14px;padding:18px 18px 20px;box-shadow:0 1px 2px rgba(20,33,43,.025)}
.stsh-v2-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.stsh-v2-title-row h2,.stsh-v2-recommend-head h2{margin:0;color:var(--ink);font:700 20px/1.25 'Prompt','Kanit',sans-serif;letter-spacing:-.02em}
.stsh-v2-more{display:inline-flex;align-items:center;gap:6px;color:var(--cd)!important;text-decoration:none!important;font-size:12px;font-weight:600;white-space:nowrap}
.stsh-v2-more i{font-size:9px}
/* hero: dense commerce first screen */
.stsh-v2-hero{display:grid!important;grid-template-columns:minmax(0,2.15fr) minmax(275px,.85fr)!important;gap:12px!important}
.stsh-v2-hero-carousel{border-radius:12px;overflow:hidden;background:#fff}
.stsh-v2-hero-carousel img{width:100%!important;height:338px!important;min-height:338px!important;object-fit:cover!important;border-radius:12px!important}
.stsh-v2-hero-carousel .swiper-pagination-bullet{width:7px!important;height:7px!important;background:#fff!important;opacity:.65!important;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.stsh-v2-hero-carousel .swiper-pagination-bullet-active{width:20px!important;border-radius:99px!important;background:var(--c)!important;opacity:1!important}
.stsh-v2-hero-carousel .elementor-swiper-button{width:34px!important;height:34px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:var(--ink)!important;box-shadow:0 3px 12px rgba(0,0,0,.12)!important}
.stsh-v2-promo-stack{height:100%;display:grid;grid-template-rows:1.05fr .95fr;gap:12px}
.stsh-v2-promo-tile{position:relative;display:flex;border-radius:12px;overflow:hidden;text-decoration:none!important;color:var(--ink)!important}
.stsh-v2-promo-tile--image{background-size:cover;background-position:center;min-height:180px}
.stsh-v2-promo-tile--assist{min-height:142px;align-items:center;gap:13px;padding:18px;border:1px solid #CDECF4;background:linear-gradient(135deg,#F0FBFE 0%,#fff 100%)}
.stsh-v2-promo-icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--c);color:#fff;font-size:17px}
.stsh-v2-promo-tile small{display:block;color:var(--cd);font-size:11px;font-weight:600;margin-bottom:3px}
.stsh-v2-promo-tile strong{display:block;font-size:15px;line-height:1.45;font-weight:700}
.stsh-v2-promo-arrow{margin-left:auto;color:var(--c);font-size:13px}
/* shortcuts */
.stsh-v2-shortcuts-module{padding:12px 16px 13px}
.stsh-v2-shortcuts{display:grid;grid-template-columns:repeat(6,1fr);align-items:stretch}
.stsh-v2-shortcuts a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:6px 10px;color:var(--ink)!important;text-decoration:none!important;border-right:1px solid #EEF1F3;font-size:12px;font-weight:600;white-space:nowrap}
.stsh-v2-shortcuts a:last-child{border-right:0}.stsh-v2-shortcuts a:hover{color:var(--cd)!important;background:#FAFDFE}
.stsh-v2-shortcuts a span{width:28px;height:28px;border-radius:8px;background:#F1FAFD;color:var(--c);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
/* categories */
.stsh-v2-category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;overflow:hidden}
.stsh-v2-category-grid a{min-height:120px;padding:16px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:var(--ink)!important;text-decoration:none!important;border-right:1px solid var(--border);background:#fff;text-align:center}
.stsh-v2-category-grid a:last-child{border-right:0}.stsh-v2-category-grid a:hover{background:#F8FCFD;color:var(--cd)!important}
.stsh-v2-category-grid span{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#F1FAFD;color:var(--c);font-size:20px}
.stsh-v2-category-grid strong{font-size:12px;line-height:1.35;font-weight:600}
/* brands */
.stsh-v2-brand-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;overflow:hidden}
.stsh-v2-brand-strip a{min-height:58px;display:flex;align-items:center;justify-content:center;padding:8px;color:#33434E!important;text-decoration:none!important;font-size:12px;font-weight:700;border-right:1px solid var(--border);background:#fff}
.stsh-v2-brand-strip a:last-child{border-right:0}.stsh-v2-brand-strip a:hover{background:#F8FCFD;color:var(--cd)!important}
/* deal title */
.stsh-v2-title-row--deal{padding-bottom:10px;border-bottom:1px solid #F0F2F4}
.stsh-v2-deal-title{display:flex;align-items:center;gap:9px}.stsh-v2-deal-title span{display:inline-flex;padding:5px 7px;border-radius:5px;background:var(--red);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}.stsh-v2-deal-title h2{font-size:20px}
/* products: marketplace cards */
.stsh-v2-products ul.products{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
.stsh-v2-products ul.products::before,.stsh-v2-products ul.products::after{display:none!important}
.stsh-v2-products ul.products li.product{width:auto!important;margin:0!important;padding:0 0 11px!important;border:1px solid #E6EBEE!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;min-width:0!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.stsh-v2-products ul.products li.product:hover{border-color:#CFE7EF!important;box-shadow:0 6px 18px rgba(20,33,43,.07)!important;transform:translateY(-1px)!important}
.stsh-v2-products ul.products li.product > a:first-child{display:block!important;margin:0!important;padding:0 10px!important}
.stsh-v2-products ul.products li.product img{width:100%!important;height:176px!important;margin:0 0 7px!important;padding:8px!important;object-fit:contain!important;background:#fff!important}
.stsh-v2-products .woocommerce-loop-product__title{height:38px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0 10px 6px!important;padding:0!important;color:#2B3942!important;font-size:11.5px!important;line-height:1.48!important;font-weight:500!important}
.stsh-v2-products .price{display:block!important;margin:0 10px 8px!important;color:var(--red)!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;min-height:19px}
.stsh-v2-products .price del{color:#9AA6AE!important;font-size:10px!important;font-weight:400!important}.stsh-v2-products .price ins{text-decoration:none!important}
.stsh-v2-products .onsale{top:7px!important;left:7px!important;right:auto!important;min-width:auto!important;min-height:auto!important;margin:0!important;padding:3px 6px!important;border-radius:4px!important;background:var(--red)!important;color:#fff!important;font-size:8px!important;font-weight:700!important;line-height:1.3!important}
.stsh-v2-products li.product > .button,.stsh-v2-products li.product > a.button{margin:auto 10px 0!important;min-height:32px!important;height:32px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #BEE8F3!important;border-radius:6px!important;background:#F3FBFE!important;color:var(--cd)!important;font-size:10.5px!important;font-weight:600!important;box-shadow:none!important}
.stsh-v2-products li.product > .button:hover,.stsh-v2-products li.product > a.button:hover{background:#E9F9FD!important;border-color:var(--c)!important}
.stsh-v2-products li.product > .button + .button,.stsh-v2-products li.product > .added_to_cart{display:none!important}
/* solutions */
.stsh-v2-solution-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.stsh-v2-solution-row a{min-height:84px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-radius:9px;color:var(--ink)!important;text-decoration:none!important;background:#fff}
.stsh-v2-solution-row a:hover{border-color:#CDECF4;background:#FAFDFE}.stsh-v2-solution-row span{width:38px;height:38px;border-radius:10px;background:#F1FAFD;color:var(--c);display:flex;align-items:center;justify-content:center}
.stsh-v2-solution-row strong{display:block;font-size:12px;font-weight:700;line-height:1.4}.stsh-v2-solution-row small{display:block;margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.35}
/* recommendation feed */
.stsh-v2-recommend-module{border-top:3px solid var(--c)}.stsh-v2-recommend-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.stsh-v2-recommend-head span{color:var(--muted);font-size:11px}
.stsh-v2-products--feed ul.products{row-gap:12px!important}
/* guide and assist */
.stsh-v2-bottom-module{margin-top:14px}.stsh-v2-bottom-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12px}.stsh-v2-guide-box,.stsh-v2-assist-box{border:1px solid var(--border);border-radius:12px;background:#fff;padding:18px}
.stsh-v2-box-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.stsh-v2-box-head>span{width:38px;height:38px;border-radius:10px;background:#F1FAFD;color:var(--c);display:flex;align-items:center;justify-content:center}.stsh-v2-box-head strong{display:block;font-size:14px}.stsh-v2-box-head small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.stsh-v2-guide-box>a{min-height:38px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #EEF1F3;color:#33434E!important;text-decoration:none!important;font-size:11px;font-weight:500}.stsh-v2-guide-box>a i{font-size:8px;color:#A5B0B7}
.stsh-v2-assist-box{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;background:linear-gradient(135deg,#F2FBFE,#fff)}.stsh-v2-assist-icon{width:46px;height:46px;border-radius:999px;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.stsh-v2-assist-box small{color:var(--cd);font-size:9px;font-weight:700;letter-spacing:.06em}.stsh-v2-assist-box h2{margin:3px 0 5px;font-size:17px;line-height:1.3}.stsh-v2-assist-box p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.55}.stsh-v2-assist-actions{display:flex;flex-direction:column;gap:7px;min-width:150px}.stsh-v2-btn{min-height:34px;padding:0 11px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--ink)!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10.5px;font-weight:600}.stsh-v2-btn--yellow{background:var(--y);border-color:var(--y)}
@media(max-width:1024px){.stsh-v2-root{padding-top:12px}.stsh-v2-hero{grid-template-columns:1.7fr .9fr!important}.stsh-v2-hero-carousel img{height:300px!important;min-height:300px!important}.stsh-v2-shortcuts{grid-template-columns:repeat(3,1fr)}.stsh-v2-shortcuts a:nth-child(3){border-right:0}.stsh-v2-shortcuts a:nth-child(-n+3){border-bottom:1px solid #EEF1F3}.stsh-v2-category-grid{grid-template-columns:repeat(4,1fr)}.stsh-v2-category-grid a:nth-child(4){border-right:0}.stsh-v2-category-grid a:nth-child(-n+4){border-bottom:1px solid var(--border)}.stsh-v2-brand-strip{grid-template-columns:repeat(4,1fr)}.stsh-v2-brand-strip a:nth-child(4){border-right:0}.stsh-v2-brand-strip a:nth-child(-n+4){border-bottom:1px solid var(--border)}.stsh-v2-products ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}.stsh-v2-products ul.products li.product:nth-child(n+5){display:none!important}.stsh-v2-solution-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.stsh-v2-root{padding:8px 0 26px}.stsh-v2-shell{padding-left:10px!important;padding-right:10px!important}.stsh-v2-module{margin-top:10px;padding:14px 12px 15px;border-radius:10px}.stsh-v2-hero{display:flex!important;flex-direction:column!important;gap:8px!important;padding-left:10px!important;padding-right:10px!important}.stsh-v2-hero-carousel img{height:auto!important;min-height:0!important;aspect-ratio:3.05/1!important;object-fit:cover!important}.stsh-v2-promo-stack{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr;gap:8px}.stsh-v2-promo-tile--image{min-height:96px}.stsh-v2-promo-tile--assist{min-height:96px;padding:11px}.stsh-v2-promo-icon{width:34px;height:34px;flex-basis:34px;font-size:13px}.stsh-v2-promo-tile small{font-size:8px}.stsh-v2-promo-tile strong{font-size:10px}.stsh-v2-promo-arrow{display:none}.stsh-v2-shortcuts-module{padding:8px 8px 9px}.stsh-v2-shortcuts{display:flex;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.stsh-v2-shortcuts::-webkit-scrollbar{display:none}.stsh-v2-shortcuts a{min-width:112px;flex-direction:column;gap:4px;min-height:62px;border:0!important;padding:6px;font-size:9.5px}.stsh-v2-shortcuts a span{width:30px;height:30px}.stsh-v2-title-row{margin-bottom:12px}.stsh-v2-title-row h2,.stsh-v2-recommend-head h2{font-size:16px}.stsh-v2-more{font-size:10px}.stsh-v2-category-grid{display:flex;overflow-x:auto;border:0;border-radius:0;gap:8px}.stsh-v2-category-grid::-webkit-scrollbar{display:none}.stsh-v2-category-grid a{min-width:106px;min-height:104px;border:1px solid var(--border)!important;border-radius:9px;padding:12px 6px}.stsh-v2-category-grid span{width:44px;height:44px;font-size:17px}.stsh-v2-category-grid strong{font-size:10px}.stsh-v2-brand-strip{display:flex;overflow-x:auto;border:0;gap:7px}.stsh-v2-brand-strip::-webkit-scrollbar{display:none}.stsh-v2-brand-strip a{min-width:110px;min-height:46px;border:1px solid var(--border)!important;border-radius:8px;font-size:10px}.stsh-v2-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.stsh-v2-products ul.products li.product:nth-child(n+5){display:flex!important}.stsh-v2-product-module:not(.stsh-v2-recommend-module) .stsh-v2-products ul.products li.product:nth-child(n+5){display:none!important}.stsh-v2-products ul.products li.product img{height:142px!important}.stsh-v2-products .woocommerce-loop-product__title{height:36px!important;font-size:10px!important;margin-left:8px!important;margin-right:8px!important}.stsh-v2-products .price{font-size:11.5px!important;margin-left:8px!important;margin-right:8px!important}.stsh-v2-products li.product>.button,.stsh-v2-products li.product>a.button{margin-left:8px!important;margin-right:8px!important;font-size:9px!important;height:30px!important;min-height:30px!important}.stsh-v2-solution-row{display:flex;overflow-x:auto;gap:8px}.stsh-v2-solution-row::-webkit-scrollbar{display:none}.stsh-v2-solution-row a{min-width:245px}.stsh-v2-recommend-head{display:block;margin-bottom:12px}.stsh-v2-recommend-head span{display:block;margin-top:4px;font-size:9.5px}.stsh-v2-bottom-grid{grid-template-columns:1fr}.stsh-v2-assist-box{grid-template-columns:40px 1fr}.stsh-v2-assist-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-width:0}.stsh-v2-assist-box h2{font-size:15px}}
@media(max-width:390px){.stsh-v2-promo-stack{grid-template-columns:1fr}.stsh-v2-promo-tile--image{display:none}.stsh-v2-products ul.products li.product img{height:128px!important}.stsh-v2-category-grid a{min-width:96px}.stsh-v2-assist-actions{grid-template-columns:1fr}}


/* ==========================================================
   Store.Toolsheep Homepage V3 — Commerce Merchandising
   Consolidates repetitive product modules into a real shopping surface.
   ========================================================== */

/* Slightly denser marketplace rhythm */
.stsh-v2-root{padding-top:12px!important}
.stsh-v2-module{margin-top:12px!important;padding:16px 16px 18px!important}
.stsh-v2-title-row{margin-bottom:13px!important}
.stsh-v2-title-row h2,.stsh-v2-recommend-head h2,.stsh-v3-featured-head h2{font-size:19px!important}

/* Hero gets a little more retail-like: less oversized, tighter side stack */
.stsh-v2-hero-carousel img{height:320px!important;min-height:320px!important}
.stsh-v2-promo-tile--image{min-height:168px!important}
.stsh-v2-promo-tile--assist{min-height:140px!important;padding:15px!important}

/* Category: behave like a marketplace category shelf, not feature cards */
.stsh-v2-category-module{padding-bottom:15px!important}
.stsh-v2-category-grid a{min-height:102px!important;padding:13px 7px 10px!important;gap:8px!important}
.stsh-v2-category-grid a span{width:42px!important;height:42px!important;border-radius:11px!important;font-size:16px!important}
.stsh-v2-category-grid a strong{font-size:11.5px!important;line-height:1.3!important;text-align:center!important}

/* Brand shelf: compact and scannable */
.stsh-v2-brand-strip{gap:7px!important}
.stsh-v2-brand-strip a{min-height:40px!important;border-radius:8px!important;font-size:11px!important;background:#fff!important}
.stsh-v2-brand-strip a:hover{border-color:var(--c)!important;background:#F7FCFE!important;color:var(--cd)!important}

/* Featured product tabs */
.stsh-v3-featured-module{position:relative}
.stsh-v3-featured-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:22px;margin-bottom:14px}
.stsh-v3-featured-head>div:first-child small,.stsh-v2-recommend-head small{display:block;margin-bottom:2px;color:var(--c);font:700 9px/1.2 'Prompt','Kanit',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.stsh-v3-featured-head h2{margin:0;color:var(--ink);font:700 19px/1.25 'Prompt','Kanit',sans-serif;letter-spacing:-.02em}
.stsh-v3-tabs{justify-self:start;display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:9px;background:#F2F5F7}
.stsh-v3-tabs button{appearance:none;border:0;background:transparent;color:#647582;min-width:72px;height:31px;padding:0 12px;border-radius:7px;font:600 11.5px/1 'Prompt','Kanit',sans-serif;cursor:pointer}
.stsh-v3-tabs button:hover{color:var(--cd)}
.stsh-v3-tabs button.is-active{background:#fff;color:var(--cd);box-shadow:0 1px 4px rgba(20,33,43,.09)}
.stsh-v3-tab-panel{display:none!important}
.stsh-v3-tab-panel.is-active{display:block!important}

/* Product card system: product is the visual hero; CTA is secondary */
.stsh-v2-products ul.products{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
.stsh-v2-products ul.products:before,.stsh-v2-products ul.products:after{display:none!important}
.stsh-v2-products ul.products li.product{width:auto!important;margin:0!important;min-width:0!important;border:1px solid #E6EBEE!important;border-radius:10px!important;background:#fff!important;padding:10px!important;box-shadow:none!important;overflow:hidden!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}
.stsh-v2-products ul.products li.product:hover{border-color:#B9E7F3!important;box-shadow:0 5px 16px rgba(20,33,43,.07)!important;transform:translateY(-2px)!important}
.stsh-v2-products ul.products li.product a.woocommerce-LoopProduct-link{display:block!important;text-decoration:none!important}
.stsh-v2-products ul.products li.product img{height:154px!important;width:100%!important;object-fit:contain!important;margin:0 0 8px!important;background:#FAFBFC!important;border-radius:8px!important}
.stsh-v2-products .woocommerce-loop-product__title{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:38px!important;margin:0 0 7px!important;padding:0!important;color:#26343E!important;font:500 12px/1.55 'Prompt','Kanit',sans-serif!important}
.stsh-v2-products .price{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:5px!important;min-height:24px!important;margin:0 0 8px!important;color:#E53935!important;font:700 13.5px/1.4 'Prompt','Kanit',sans-serif!important}
.stsh-v2-products .price del{color:#9AA7B0!important;font-size:10px!important;font-weight:500!important;opacity:1!important}
.stsh-v2-products .price ins{text-decoration:none!important;color:#E53935!important}
.stsh-v2-products .onsale{top:8px!important;left:8px!important;right:auto!important;min-width:0!important;min-height:0!important;line-height:1!important;margin:0!important;padding:5px 7px!important;border-radius:6px!important;background:#E53935!important;color:#fff!important;font:700 9px/1 'Prompt','Kanit',sans-serif!important}
.stsh-v2-products a.button{width:100%!important;min-height:32px!important;margin:0!important;padding:7px 8px!important;border:1px solid #CDECF4!important;border-radius:7px!important;background:#F2FBFE!important;color:#078CB3!important;text-align:center!important;font:600 11px/1.3 'Prompt','Kanit',sans-serif!important;box-shadow:none!important}
.stsh-v2-products a.button:hover{border-color:var(--c)!important;background:var(--c)!important;color:#fff!important}
.stsh-v2-products a.added_to_cart{display:none!important}

/* Full-width campaign breaks the grid rhythm like a real marketplace campaign tile */
.stsh-v3-campaign-module{margin-top:12px!important}
.stsh-v3-campaign{position:relative;display:block;height:188px;border-radius:12px;overflow:hidden;background:#EAF9FD;text-decoration:none!important}
.stsh-v3-campaign img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.stsh-v3-campaign-action{position:absolute;right:16px;bottom:14px;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 14px;border-radius:8px;background:rgba(255,255,255,.95);color:var(--ink);font:600 11px/1 'Prompt','Kanit',sans-serif;box-shadow:0 3px 12px rgba(20,33,43,.10)}
.stsh-v3-campaign:hover .stsh-v3-campaign-action{color:var(--cd)}

/* Recommendation is now the large browsing feed */
.stsh-v2-recommend-module{padding-bottom:20px!important}
.stsh-v2-recommend-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:15px!important;margin-bottom:14px!important}
.stsh-v2-products--feed ul.products{grid-template-columns:repeat(5,minmax(0,1fr))!important;row-gap:12px!important}

/* Solutions become compact service shelves */
.stsh-v2-solution-row a{min-height:68px!important;padding:11px 12px!important;border-radius:9px!important}
.stsh-v2-solution-row a>span{width:34px!important;height:34px!important;flex:0 0 34px!important}
.stsh-v2-solution-row strong{font-size:11.5px!important}.stsh-v2-solution-row small{font-size:9.5px!important}

@media(max-width:1024px){
  .stsh-v3-featured-head{grid-template-columns:1fr auto;gap:10px}.stsh-v3-tabs{grid-column:1/3;grid-row:2;justify-self:start}.stsh-v3-featured-more{grid-column:2;grid-row:1}
  .stsh-v2-products ul.products,.stsh-v2-products--feed ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .stsh-v3-campaign{height:150px}
}
@media(max-width:767px){
  .stsh-v2-root{padding-top:8px!important}.stsh-v2-module{padding:13px 12px 14px!important;margin-top:9px!important;border-radius:10px!important}
  .stsh-v2-hero-carousel img{height:auto!important;min-height:0!important;aspect-ratio:2.15/1!important}
  .stsh-v3-featured-head{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}.stsh-v3-featured-head>div:first-child{margin-right:auto}.stsh-v3-tabs{order:3;width:100%;overflow-x:auto;justify-content:flex-start}.stsh-v3-tabs button{flex:1;min-width:76px}.stsh-v3-featured-more{font-size:10px!important}
  .stsh-v2-products ul.products,.stsh-v2-products--feed ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .stsh-v2-products ul.products li.product{padding:8px!important;border-radius:9px!important}
  .stsh-v2-products ul.products li.product img{height:130px!important;margin-bottom:7px!important}.stsh-v2-products .woocommerce-loop-product__title{font-size:10.5px!important;min-height:34px!important}.stsh-v2-products .price{font-size:12px!important}.stsh-v2-products a.button{min-height:30px!important;font-size:10px!important}
  .stsh-v3-campaign{height:auto;aspect-ratio:2.2/1;border-radius:9px}.stsh-v3-campaign-action{right:9px;bottom:8px;min-height:29px;padding:0 10px;font-size:9.5px}
}
@media(max-width:390px){
  .stsh-v2-products ul.products li.product img{height:112px!important}
}


/* ==========================================================
   Store.Toolsheep Homepage V4 — Discovery + LINE refinement
   Refines Hero assistance, shopping shortcuts and real categories.
   ========================================================== */

/* HERO RIGHT: usable LINE assistance block */
.stsh-v4-promo-stack{height:100%;display:grid;grid-template-rows:1fr 1fr;gap:12px}
.stsh-v4-promo-tile{display:block;overflow:hidden;border-radius:12px;text-decoration:none!important}
.stsh-v4-promo-tile--image{min-height:154px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(20,33,43,.04)}
.stsh-v4-line-card{min-height:154px;display:grid;grid-template-columns:minmax(0,1fr) 94px;align-items:center;gap:13px;padding:14px;border:1px solid #D8E9EE;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(20,33,43,.04)}
.stsh-v4-line-copy{min-width:0}
.stsh-v4-line-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:4px;color:#079AC3;font:700 9px/1.2 'Prompt','Kanit',sans-serif;letter-spacing:.02em}
.stsh-v4-line-kicker i{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#EAF8FD;color:#08BFEE;font-size:9px}
.stsh-v4-line-copy>strong{display:block;color:#14212B;font:700 14px/1.35 'Prompt','Kanit',sans-serif;letter-spacing:-.01em}
.stsh-v4-line-copy>p{margin:4px 0 8px;color:#657783;font:400 9.5px/1.45 'Prompt','Kanit',sans-serif}
.stsh-v4-line-id{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.stsh-v4-line-id span{color:#83919A;font-size:9px;font-weight:500}.stsh-v4-line-id b{color:#14212B;font-size:11px;font-weight:700}
.stsh-v4-line-btn{min-height:30px;width:max-content;max-width:100%;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:7px;background:#06C755;color:#fff!important;text-decoration:none!important;font:600 9.5px/1 'Prompt','Kanit',sans-serif;box-shadow:0 4px 10px rgba(6,199,85,.18)}
.stsh-v4-line-btn:hover{background:#05B84C;color:#fff!important;transform:translateY(-1px)}
.stsh-v4-line-btn i{font-size:12px}
.stsh-v4-line-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none!important;color:#566873!important}
.stsh-v4-line-qr img{width:88px!important;height:88px!important;object-fit:contain!important;border-radius:8px;background:#fff}
.stsh-v4-line-qr small{font-size:8px;font-weight:600;white-space:nowrap}

/* QUICK SHOPPING SHORTCUTS: semantic colors and real destinations */
.stsh-v2-shortcuts-module{padding:13px 14px!important}
.stsh-v4-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.stsh-v4-shortcut{min-width:0;min-height:66px;padding:10px 9px;display:grid;grid-template-columns:36px minmax(0,1fr) 10px;align-items:center;gap:9px;border:1px solid #E4E9EC;border-radius:10px;background:#fff;color:#14212B!important;text-decoration:none!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.stsh-v4-shortcut:hover{border-color:#C9E5ED;box-shadow:0 5px 14px rgba(20,33,43,.06);transform:translateY(-1px)}
.stsh-v4-sc-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:15px}
.stsh-v4-sc-copy{min-width:0}.stsh-v4-sc-copy strong{display:block;font:600 11px/1.25 'Prompt','Kanit',sans-serif;white-space:nowrap}.stsh-v4-sc-copy small{display:block;margin-top:3px;color:#788892;font:400 8.3px/1.25 'Prompt','Kanit',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stsh-v4-sc-arrow{color:#B2BEC5;font-size:7px}
.stsh-v4-sc-all .stsh-v4-sc-icon{background:#EEF5FF;color:#2563EB}
.stsh-v4-sc-sale .stsh-v4-sc-icon{background:#FFF0EF;color:#E53935}
.stsh-v4-sc-brand .stsh-v4-sc-icon{background:#F5F0FF;color:#7C3AED}
.stsh-v4-sc-best .stsh-v4-sc-icon{background:#FFF6DF;color:#E99000}
.stsh-v4-sc-quote .stsh-v4-sc-icon{background:#ECFAF1;color:#159447}
.stsh-v4-sc-guide .stsh-v4-sc-icon{background:#EBF8F9;color:#078E9B}

/* POPULAR CATEGORIES: real Woo category links, stronger visual icons */
.stsh-v2-category-module{padding-bottom:16px!important}
.stsh-v4-category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.stsh-v4-cat{min-height:118px;padding:12px 7px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #E3E8EB;border-radius:10px;background:#fff;color:#14212B!important;text-decoration:none!important;text-align:center;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.stsh-v4-cat:hover{border-color:#BDE3ED;box-shadow:0 5px 14px rgba(20,33,43,.055);transform:translateY(-2px);color:#14212B!important}
.stsh-v4-cat-icon{width:58px;height:58px;margin-bottom:2px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:23px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.62)}
.stsh-v4-cat strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;font:600 11px/1.35 'Prompt','Kanit',sans-serif}
.stsh-v4-cat small{color:#8A99A2;font:500 8px/1.2 'Prompt','Kanit',sans-serif;white-space:nowrap}
.stsh-v4-cat-air .stsh-v4-cat-icon{background:linear-gradient(145deg,#E7F9FF,#CBEFFD);color:#079AC3}
.stsh-v4-cat-water .stsh-v4-cat-icon{background:linear-gradient(145deg,#E8F3FF,#D6E7FF);color:#2874CC}
.stsh-v4-cat-gear .stsh-v4-cat-icon{background:linear-gradient(145deg,#F2F1FF,#E1DEFF);color:#6456D9}
.stsh-v4-cat-motor .stsh-v4-cat-icon{background:linear-gradient(145deg,#FFF7DE,#FDE9A9);color:#C98900}
.stsh-v4-cat-chemical .stsh-v4-cat-icon{background:linear-gradient(145deg,#FFF0F2,#FFDCE1);color:#D94A5B}
.stsh-v4-cat-wateracc .stsh-v4-cat-icon{background:linear-gradient(145deg,#E9FAF7,#CFF2EB);color:#168E79}
.stsh-v4-cat-spare .stsh-v4-cat-icon{background:linear-gradient(145deg,#F5F6F8,#E6E9ED);color:#586973}
.stsh-v4-cat-tools .stsh-v4-cat-icon{background:linear-gradient(145deg,#FFF2E6,#FFDDBF);color:#C66C20}

@media(max-width:1024px){
  .stsh-v4-promo-tile--image{min-height:132px}.stsh-v4-line-card{min-height:132px;grid-template-columns:minmax(0,1fr) 76px;padding:11px;gap:9px}.stsh-v4-line-qr img{width:70px!important;height:70px!important}.stsh-v4-line-copy>strong{font-size:12px}.stsh-v4-line-copy>p{font-size:8.5px}.stsh-v4-line-btn{font-size:8.5px}
  .stsh-v4-shortcuts{grid-template-columns:repeat(3,1fr)}
  .stsh-v4-category-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:767px){
  .stsh-v4-promo-stack{grid-template-rows:auto}.stsh-v4-promo-tile--image{display:none}.stsh-v4-line-card{min-height:128px;grid-template-columns:minmax(0,1fr) 82px}.stsh-v4-line-copy>strong{font-size:12.5px}.stsh-v4-line-copy>p{font-size:9px}.stsh-v4-line-qr img{width:76px!important;height:76px!important}
  .stsh-v2-shortcuts-module{padding:10px!important}.stsh-v4-shortcuts{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.stsh-v4-shortcuts::-webkit-scrollbar{display:none}.stsh-v4-shortcut{min-width:190px;min-height:62px;scroll-snap-align:start}
  .stsh-v4-category-grid{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.stsh-v4-category-grid::-webkit-scrollbar{display:none}.stsh-v4-cat{min-width:118px;min-height:112px;scroll-snap-align:start}.stsh-v4-cat-icon{width:54px;height:54px;font-size:21px}.stsh-v4-cat strong{font-size:10.5px}
}
@media(max-width:390px){
  .stsh-v4-line-card{grid-template-columns:minmax(0,1fr) 72px;padding:10px}.stsh-v4-line-qr img{width:66px!important;height:66px!important}.stsh-v4-line-copy>p{display:none}.stsh-v4-line-btn{padding:0 8px;font-size:8px}
  .stsh-v4-shortcut{min-width:174px}.stsh-v4-cat{min-width:108px}
}


/* ==========================================================
   Store.Toolsheep Homepage V5 — Compact Discovery refinement
   Removes shortcut strip, compacts LINE card, and simplifies categories.
   ========================================================== */

/* Global spacing trim */
.stsh-v2-root{padding:12px 0 28px!important}
.stsh-v2-module{margin-top:10px!important;padding:16px 16px 16px!important}
.stsh-v2-title-row{margin-bottom:10px!important}
.stsh-v2-title-row h2,.stsh-v2-recommend-head h2{font-size:18px!important}
.stsh-v2-bottom-module{margin-top:10px!important}

/* Hero area compact */
.stsh-v2-hero{gap:10px!important}
.stsh-v5-promo-stack{height:100%;display:grid;grid-template-rows:1fr 1fr;gap:10px}
.stsh-v5-promo-tile{display:block;overflow:hidden;border-radius:12px;text-decoration:none!important}
.stsh-v5-promo-tile--image{min-height:150px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(20,33,43,.04)}
.stsh-v5-line-card{min-height:150px;display:grid;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:12px;padding:14px 16px;border:1px solid #D8E9EE;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(20,33,43,.035)}
.stsh-v5-line-copy{min-width:0}
.stsh-v5-line-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.stsh-v5-line-head>span{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#EAF8FD;color:#08BFEE;font-size:14px;flex:0 0 34px}
.stsh-v5-line-head strong{display:block;color:#14212B;font:700 18px/1.25 'Prompt','Kanit',sans-serif;letter-spacing:-.02em}
.stsh-v5-line-copy>p{margin:0 0 10px;color:#647582;font:400 12px/1.45 'Prompt','Kanit',sans-serif}
.stsh-v5-line-id{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#647582;font:500 12px/1.2 'Prompt','Kanit',sans-serif}
.stsh-v5-line-id b{color:#14212B;font-size:15px;font-weight:700}
.stsh-v5-line-btn{min-height:38px;width:max-content;max-width:100%;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:9px;background:#06C755;color:#fff!important;text-decoration:none!important;font:700 12px/1 'Prompt','Kanit',sans-serif;box-shadow:0 6px 14px rgba(6,199,85,.18)}
.stsh-v5-line-btn:hover{background:#05B84C;color:#fff!important;transform:translateY(-1px)}
.stsh-v5-line-btn i{font-size:16px}
.stsh-v5-line-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none!important;color:#566873!important}
.stsh-v5-line-qr img{width:118px!important;height:118px!important;object-fit:contain!important;border-radius:10px;background:#fff}
.stsh-v5-line-qr small{font-size:10px;font-weight:600;white-space:nowrap}

/* Category module: no border cards, no English labels, bigger icons */
.stsh-v2-category-module{padding-top:14px!important;padding-bottom:12px!important}
.stsh-v5-category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.stsh-v5-cat{min-height:94px;padding:6px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;background:transparent;border:none!important;border-radius:0;color:#14212B!important;text-decoration:none!important;text-align:center;transition:transform .16s ease}
.stsh-v5-cat:hover{transform:translateY(-2px);color:#14212B!important}
.stsh-v5-cat-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:18px;font-size:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 3px 10px rgba(20,33,43,.06)}
.stsh-v5-cat strong{display:block;min-height:auto;font:600 12px/1.35 'Prompt','Kanit',sans-serif;letter-spacing:-.01em}
.stsh-v5-cat-air .stsh-v5-cat-icon{background:linear-gradient(145deg,#E7F9FF,#CBEFFD);color:#079AC3}
.stsh-v5-cat-water .stsh-v5-cat-icon{background:linear-gradient(145deg,#E8F3FF,#D6E7FF);color:#2874CC}
.stsh-v5-cat-gear .stsh-v5-cat-icon{background:linear-gradient(145deg,#F2F1FF,#E1DEFF);color:#6456D9}
.stsh-v5-cat-motor .stsh-v5-cat-icon{background:linear-gradient(145deg,#FFF7DE,#FDE9A9);color:#C98900}
.stsh-v5-cat-chemical .stsh-v5-cat-icon{background:linear-gradient(145deg,#FFF0F2,#FFDCE1);color:#D94A5B}
.stsh-v5-cat-wateracc .stsh-v5-cat-icon{background:linear-gradient(145deg,#E9FAF7,#CFF2EB);color:#168E79}
.stsh-v5-cat-spare .stsh-v5-cat-icon{background:linear-gradient(145deg,#F5F6F8,#E6E9ED);color:#586973}
.stsh-v5-cat-tools .stsh-v5-cat-icon{background:linear-gradient(145deg,#FFF2E6,#FFDDBF);color:#C66C20}

@media(max-width:1024px){
  .stsh-v5-promo-tile--image{min-height:130px}
  .stsh-v5-line-card{min-height:130px;grid-template-columns:minmax(0,1fr) 102px;padding:12px 14px}
  .stsh-v5-line-head strong{font-size:15px}
  .stsh-v5-line-copy>p{font-size:11px}
  .stsh-v5-line-id{font-size:11px}.stsh-v5-line-id b{font-size:13px}
  .stsh-v5-line-btn{min-height:34px;font-size:11px}
  .stsh-v5-line-qr img{width:96px!important;height:96px!important}
  .stsh-v5-category-grid{grid-template-columns:repeat(4,1fr);gap:10px}
}
@media(max-width:767px){
  .stsh-v2-root{padding:10px 0 24px!important}
  .stsh-v2-module{padding:14px 14px 14px!important;margin-top:8px!important}
  .stsh-v5-promo-stack{grid-template-rows:auto}
  .stsh-v5-promo-tile--image{display:none}
  .stsh-v5-line-card{min-height:auto;grid-template-columns:minmax(0,1fr) 118px;padding:12px;gap:10px}
  .stsh-v5-line-head{gap:8px;margin-bottom:4px}
  .stsh-v5-line-head>span{width:30px;height:30px;font-size:12px;flex-basis:30px}
  .stsh-v5-line-head strong{font-size:15px}
  .stsh-v5-line-copy>p{font-size:10.5px;margin-bottom:8px}
  .stsh-v5-line-id{margin-bottom:8px;font-size:10.5px}.stsh-v5-line-id b{font-size:12.5px}
  .stsh-v5-line-btn{min-height:34px;padding:0 12px;font-size:10.5px}
  .stsh-v5-line-qr img{width:110px!important;height:110px!important}
  .stsh-v5-line-qr small{font-size:9px}
  .stsh-v5-category-grid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .stsh-v5-category-grid::-webkit-scrollbar{display:none}
  .stsh-v5-cat{min-width:104px;min-height:88px;scroll-snap-align:start}
  .stsh-v5-cat-icon{width:58px;height:58px;font-size:22px}
  .stsh-v5-cat strong{font-size:11px}
}
@media(max-width:430px){
  .stsh-v5-line-card{grid-template-columns:minmax(0,1fr) 94px}
  .stsh-v5-line-qr img{width:88px!important;height:88px!important}
  .stsh-v5-line-head strong{font-size:14px}
  .stsh-v5-line-copy>p{font-size:10px}
  .stsh-v5-line-btn{font-size:10px}
}
@media(max-width:390px){
  .stsh-v5-line-card{grid-template-columns:minmax(0,1fr) 86px;padding:10px 11px}
  .stsh-v5-line-copy>p{font-size:9.5px}
  .stsh-v5-line-id{font-size:10px}.stsh-v5-line-id b{font-size:12px}
  .stsh-v5-line-btn{min-height:32px;padding:0 10px;font-size:9.5px}
  .stsh-v5-line-qr img{width:80px!important;height:80px!important}
}


/* ==========================================================
   Store.Toolsheep Homepage V10 — Native Elementor 75/25
   Width ratio is configured in Elementor container settings,
   not overridden with CSS.
   ========================================================== */

/* Align every page shell to Header V26's 1200px desktop content width */
.stsh-v2-shell{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}

/* Whole-page compact rhythm */
.stsh-v2-root{padding:8px 0 20px!important;gap:0!important}
.stsh-v2-module{margin-top:8px!important;padding:10px 0 12px!important}
.stsh-v2-title-row,.stsh-v2-recommend-head{margin-bottom:7px!important}
.stsh-v2-title-row h2,.stsh-v2-recommend-head h2{font-size:18px!important;line-height:1.25!important}
.stsh-v2-more{font-size:10.5px!important;font-weight:600!important;gap:4px!important;padding:0!important}
.stsh-v2-more i{font-size:8px!important}
.stsh-v2-brand-module,.stsh-v3-featured-module,.stsh-v2-solution-module,.stsh-v2-recommend-module,.stsh-v2-bottom-module{margin-top:7px!important}

/* Hero outer structure: Elementor handles widths, CSS only fixes alignment/visuals */
.stsh-v2-hero{align-items:stretch!important;margin-top:0!important;padding-left:0!important;padding-right:0!important}
.stsh-v2-hero-main,.stsh-v2-hero-side{min-width:0!important}
.stsh-v2-hero-carousel{position:relative!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}
.stsh-v2-hero-carousel img{width:100%!important;height:338px!important;min-height:338px!important;object-fit:cover!important;border-radius:12px!important;display:block!important}

/* Right 25% stack: same total height as V5 left carousel */
.stsh-v10-side-stack{height:338px;display:grid;grid-template-rows:166px 166px;gap:6px}
.stsh-v10-side-banner{display:block;height:166px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center center;text-decoration:none!important;box-shadow:inset 0 0 0 1px rgba(20,33,43,.04)}
.stsh-v10-line-card{height:166px;display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:8px;padding:10px 10px 10px 12px;border:1px solid #D8E9EE;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(20,33,43,.035)}
.stsh-v10-line-copy{min-width:0}
.stsh-v10-line-head{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.stsh-v10-line-head>span{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:999px;background:#EAF8FD;color:#08BFEE;font-size:11px}
.stsh-v10-line-head strong{display:block;color:#14212B;font:700 13px/1.25 'Prompt','Kanit',sans-serif;letter-spacing:-.01em}
.stsh-v10-line-copy>p{margin:0 0 8px;color:#647582;font:400 9.5px/1.4 'Prompt','Kanit',sans-serif}
.stsh-v10-line-btn{min-height:31px;width:max-content;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:#06C755;color:#fff!important;text-decoration:none!important;font:700 9.5px/1 'Prompt','Kanit',sans-serif}
.stsh-v10-line-btn i{font-size:12px}
.stsh-v10-line-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none!important;color:#566873!important}
.stsh-v10-line-qr img{width:90px!important;height:90px!important;object-fit:contain!important;border-radius:8px;background:#fff}
.stsh-v10-line-qr small{font-size:8px;font-weight:600;white-space:nowrap}

/* Carousel arrows: simple/stable */
.stsh-v2-hero-carousel .elementor-swiper-button{top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;border-radius:999px!important;background:rgba(255,255,255,.96)!important;color:#14212B!important;box-shadow:0 3px 12px rgba(0,0,0,.12)!important;z-index:8!important}
.stsh-v2-hero-carousel .elementor-swiper-button-prev{left:10px!important}
.stsh-v2-hero-carousel .elementor-swiper-button-next{right:10px!important}
.stsh-v2-hero-carousel .swiper-pagination{bottom:8px!important}

/* Pull categories noticeably closer to Hero */
.stsh-v2-category-module{margin-top:3px!important;padding-top:7px!important;padding-bottom:8px!important}
.stsh-v5-category-grid{gap:4px!important}
.stsh-v5-cat{min-height:88px!important;padding:4px 3px 5px!important;gap:5px!important}
.stsh-v5-cat-icon{width:58px!important;height:58px!important}
.stsh-v5-cat strong{font-size:11px!important;line-height:1.3!important}

@media(max-width:1024px){
  .stsh-v2-shell{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .stsh-v2-hero-carousel img{height:300px!important;min-height:300px!important}
  .stsh-v10-side-stack{height:300px;grid-template-rows:147px 147px}
  .stsh-v10-side-banner{height:147px}
  .stsh-v10-line-card{height:147px;grid-template-columns:minmax(0,1fr) 82px;padding:9px}
  .stsh-v10-line-head strong{font-size:11.5px}
  .stsh-v10-line-copy>p{font-size:8.8px}
  .stsh-v10-line-btn{min-height:29px;font-size:9px}
  .stsh-v10-line-qr img{width:76px!important;height:76px!important}
}
@media(max-width:767px){
  .stsh-v2-root{padding-top:6px!important}
  .stsh-v2-shell{padding-left:8px!important;padding-right:8px!important}
  .stsh-v2-hero{display:flex!important;flex-direction:column!important;gap:8px!important}
  .stsh-v2-hero-main,.stsh-v2-hero-side{width:100%!important;max-width:100%!important;flex-basis:100%!important}
  .stsh-v2-hero-carousel img{height:auto!important;min-height:0!important;aspect-ratio:3.05/1!important;object-fit:cover!important}
  .stsh-v10-side-stack{height:auto;display:block}
  .stsh-v10-side-banner{display:none!important}
  .stsh-v10-line-card{height:auto;min-height:124px;grid-template-columns:minmax(0,1fr) 104px;padding:11px 12px}
  .stsh-v10-line-head strong{font-size:13px}
  .stsh-v10-line-copy>p{font-size:9.5px}
  .stsh-v10-line-btn{font-size:9.5px}
  .stsh-v10-line-qr img{width:98px!important;height:98px!important}
  .stsh-v2-category-module{margin-top:2px!important;padding-top:6px!important}
}


/* ==========================================================
   Store.Toolsheep Homepage V11 — Native 70/30 Refine
   - Native Elementor width update: left 70 / right 30
   - Better global alignment with header rhythm
   - Tighter section spacing
   - Cleaner slider controls / pagination
   ========================================================== */

:root{
  --stsh-home-max-v11:1200px;
  --stsh-home-sidepad-v11:0px;
  --stsh-hero-h-v11:338px;
  --stsh-hero-gap-v11:6px;
  --stsh-v11-ink:#14212B;
  --stsh-v11-cyan:#08BFEE;
  --stsh-v11-border:#DCE6ED;
}

/* Global width alignment to feel parallel with header */
.stsh-v2-shell,
.stsh-v2-bottom-module{
  max-width:var(--stsh-home-max-v11)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.stsh-v2-shell > .e-con-inner,
.stsh-v2-bottom-module > .e-con-inner{
  max-width:var(--stsh-home-max-v11)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--stsh-home-sidepad-v11)!important;
  padding-right:var(--stsh-home-sidepad-v11)!important;
}

/* Hero native 70/30 with cleaner parallel edges */
.stsh-v2-hero{
  margin-top:0!important;
}
.stsh-v2-hero > .e-con-inner{
  align-items:stretch!important;
  gap:var(--stsh-hero-gap-v11)!important;
}
.stsh-v2-hero-main,
.stsh-v2-hero-side{
  min-width:0!important;
  align-self:stretch!important;
}
.stsh-v2-hero-carousel,
.stsh-v2-hero-carousel .swiper,
.stsh-v2-hero-carousel .swiper-wrapper,
.stsh-v2-hero-carousel .swiper-slide,
.stsh-v2-hero-carousel .elementor-image-carousel-wrapper{
  height:var(--stsh-hero-h-v11)!important;
}
.stsh-v2-hero-carousel{
  border-radius:12px!important;
  overflow:hidden!important;
}
.stsh-v2-hero-carousel img{
  width:100%!important;
  height:var(--stsh-hero-h-v11)!important;
  min-height:var(--stsh-hero-h-v11)!important;
  object-fit:cover!important;
  display:block!important;
}

/* Right stack resized for 30% width */
.stsh-v10-side-stack{
  height:var(--stsh-hero-h-v11)!important;
  display:grid!important;
  grid-template-rows:166px 166px!important;
  gap:var(--stsh-hero-gap-v11)!important;
}
.stsh-v10-side-banner{
  height:166px!important;
  border-radius:12px!important;
  background-size:cover!important;
  background-position:center center!important;
}
.stsh-v10-line-card{
  height:166px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 104px!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
}
.stsh-v10-line-head strong{font-size:14px!important;line-height:1.22!important}
.stsh-v10-line-copy>p{font-size:10px!important;line-height:1.45!important;margin:0 0 10px!important}
.stsh-v10-line-btn{min-height:34px!important;padding:0 13px!important;font-size:10.5px!important}
.stsh-v10-line-qr img{width:98px!important;height:98px!important}
.stsh-v10-line-qr small{font-size:9px!important}

/* Slider arrows and dots: more intentional, less odd-looking */
.stsh-v2-hero-carousel .elementor-swiper-button{
  width:38px!important;
  height:38px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.95)!important;
  color:var(--stsh-v11-ink)!important;
  box-shadow:0 8px 18px rgba(20,33,43,.14)!important;
  border:1px solid rgba(20,33,43,.06)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:10!important;
  opacity:1!important;
}
.stsh-v2-hero-carousel .elementor-swiper-button:hover{
  background:#fff!important;
  color:var(--stsh-v11-cyan)!important;
}
.stsh-v2-hero-carousel .elementor-swiper-button-prev{left:12px!important}
.stsh-v2-hero-carousel .elementor-swiper-button-next{right:12px!important}
.stsh-v2-hero-carousel .swiper-pagination{
  bottom:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.stsh-v2-hero-carousel .swiper-pagination-bullet{
  width:8px!important;
  height:8px!important;
  margin:0!important;
  background:#D8E3EA!important;
  opacity:1!important;
  box-shadow:none!important;
}
.stsh-v2-hero-carousel .swiper-pagination-bullet-active{
  width:22px!important;
  height:8px!important;
  border-radius:999px!important;
  background:var(--stsh-v11-cyan)!important;
}

/* Reduce whitespace between sections */
.stsh-v2-root{padding:6px 0 14px!important}
.stsh-v2-module{margin-top:3px!important;padding:8px 0 8px!important}
.stsh-v2-title-row,
.stsh-v2-recommend-head{margin-bottom:4px!important}
.stsh-v2-category-module{margin-top:-2px!important;padding-top:4px!important;padding-bottom:6px!important}
.stsh-v2-brand-module,
.stsh-v3-featured-module,
.stsh-v2-solution-module,
.stsh-v2-recommend-module,
.stsh-v2-bottom-module{margin-top:4px!important}
.stsh-v2-more{font-size:10px!important;gap:3px!important}
.stsh-v2-more i{font-size:8px!important}

/* Category shelf slightly tighter so first fold feels denser */
.stsh-v5-category-grid{gap:2px!important}
.stsh-v5-cat{min-height:80px!important;padding:2px 2px 4px!important;gap:4px!important}
.stsh-v5-cat-icon{width:54px!important;height:54px!important}
.stsh-v5-cat strong{font-size:10.8px!important;line-height:1.24!important}

@media(max-width:1024px){
  .stsh-v2-shell,
  .stsh-v2-bottom-module{max-width:100%!important}
  .stsh-v2-shell > .e-con-inner,
  .stsh-v2-bottom-module > .e-con-inner{padding-left:12px!important;padding-right:12px!important}
  .stsh-v2-hero-carousel,
  .stsh-v2-hero-carousel .swiper,
  .stsh-v2-hero-carousel .swiper-wrapper,
  .stsh-v2-hero-carousel .swiper-slide,
  .stsh-v2-hero-carousel .elementor-image-carousel-wrapper,
  .stsh-v2-hero-carousel img{height:300px!important;min-height:300px!important}
  .stsh-v10-side-stack{height:300px!important;grid-template-rows:147px 147px!important}
  .stsh-v10-side-banner{height:147px!important}
  .stsh-v10-line-card{height:147px!important;grid-template-columns:minmax(0,1fr) 98px!important;padding:10px 12px!important}
  .stsh-v10-line-qr img{width:92px!important;height:92px!important}
}
@media(max-width:767px){
  .stsh-v2-shell > .e-con-inner,
  .stsh-v2-bottom-module > .e-con-inner{padding-left:10px!important;padding-right:10px!important}
  .stsh-v2-module{padding:8px 0!important}
  .stsh-v2-hero-carousel,
  .stsh-v2-hero-carousel .swiper,
  .stsh-v2-hero-carousel .swiper-wrapper,
  .stsh-v2-hero-carousel .swiper-slide,
  .stsh-v2-hero-carousel .elementor-image-carousel-wrapper,
  .stsh-v2-hero-carousel img{height:248px!important;min-height:248px!important}
  .stsh-v10-side-stack{height:auto!important;grid-template-rows:auto!important;gap:8px!important}
  .stsh-v10-side-banner{display:none!important}
  .stsh-v10-line-card{height:auto!important;grid-template-columns:minmax(0,1fr) 112px!important;padding:12px!important}
  .stsh-v10-line-qr img{width:104px!important;height:104px!important}
}
@media(max-width:430px){
  .stsh-v2-hero-carousel,
  .stsh-v2-hero-carousel .swiper,
  .stsh-v2-hero-carousel .swiper-wrapper,
  .stsh-v2-hero-carousel .swiper-slide,
  .stsh-v2-hero-carousel .elementor-image-carousel-wrapper,
  .stsh-v2-hero-carousel img{height:226px!important;min-height:226px!important}
  .stsh-v10-line-card{grid-template-columns:minmax(0,1fr) 92px!important}
  .stsh-v10-line-qr img{width:84px!important;height:84px!important}
}


/* ==========================================================
   Store.Toolsheep Homepage V12 — Width & Gap Refine
   - Reduce homepage width so it aligns better with header
   - Pull left/right hero banners much closer together
   ========================================================== */

:root{
  --stsh-home-max-v12:1160px;
  --stsh-hero-gap-v12:2px;
  --stsh-hero-h-v12:338px;
}

/* Narrower shell so page does not exceed header visual boundary */
.stsh-v2-shell,
.stsh-v2-bottom-module{
  max-width:var(--stsh-home-max-v12)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.stsh-v2-shell > .e-con-inner,
.stsh-v2-bottom-module > .e-con-inner{
  max-width:var(--stsh-home-max-v12)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Hero almost touching */
.stsh-v2-hero > .e-con-inner{
  gap:var(--stsh-hero-gap-v12)!important;
}
.stsh-v2-hero-carousel,
.stsh-v2-hero-carousel .swiper,
.stsh-v2-hero-carousel .swiper-wrapper,
.stsh-v2-hero-carousel .swiper-slide,
.stsh-v2-hero-carousel .elementor-image-carousel-wrapper,
.stsh-v2-hero-carousel img{
  height:var(--stsh-hero-h-v12)!important;
  min-height:var(--stsh-hero-h-v12)!important;
}

/* Right stack synced to new narrow gap */
.stsh-v10-side-stack,
.stsh-v6-promo-stack{
  height:var(--stsh-hero-h-v12)!important;
  display:grid!important;
  grid-template-rows:168px 168px!important;
  gap:var(--stsh-hero-gap-v12)!important;
}
.stsh-v10-side-banner,
.stsh-v6-promo-tile--image{height:168px!important}
.stsh-v10-line-card,
.stsh-v6-line-card{height:168px!important}

/* Pull next section upward a bit more */
.stsh-v2-category-module{margin-top:-6px!important;padding-top:2px!important;padding-bottom:6px!important}
.stsh-v2-module{margin-top:2px!important}

@media(max-width:1024px){
  :root{--stsh-hero-h-v12:300px;--stsh-home-max-v12:100%}
  .stsh-v2-shell > .e-con-inner,
  .stsh-v2-bottom-module > .e-con-inner{padding-left:10px!important;padding-right:10px!important}
  .stsh-v10-side-stack,
  .stsh-v6-promo-stack{height:300px!important;grid-template-rows:149px 149px!important}
  .stsh-v10-side-banner,
  .stsh-v6-promo-tile--image{height:149px!important}
  .stsh-v10-line-card,
  .stsh-v6-line-card{height:149px!important}
}
@media(max-width:767px){
  .stsh-v2-shell > .e-con-inner,
  .stsh-v2-bottom-module > .e-con-inner{padding-left:8px!important;padding-right:8px!important}
  .stsh-v2-hero > .e-con-inner{gap:8px!important}
  .stsh-v2-hero-carousel,
  .stsh-v2-hero-carousel .swiper,
  .stsh-v2-hero-carousel .swiper-wrapper,
  .stsh-v2-hero-carousel .swiper-slide,
  .stsh-v2-hero-carousel .elementor-image-carousel-wrapper,
  .stsh-v2-hero-carousel img{height:248px!important;min-height:248px!important}
  .stsh-v10-side-stack,
  .stsh-v6-promo-stack{height:auto!important;grid-template-rows:auto!important;gap:8px!important}
  .stsh-v10-side-banner,
  .stsh-v6-promo-tile--image{display:none!important}
  .stsh-v10-line-card,
  .stsh-v6-line-card{height:auto!important}
}


/* ==========================================================
   Store.Toolsheep Homepage V13 — Hero Gap + Arrow Polish
   - Reduce left/right hero gap again
   - Refine slider arrows to look lighter and more intentional
   ========================================================== */

:root{
  --stsh-hero-gap-v13:1px;
  --stsh-hero-h-v13:338px;
}

/* Pull left/right hero blocks almost touching */
.stsh-v2-hero > .e-con-inner{
  gap:var(--stsh-hero-gap-v13)!important;
}
.stsh-v10-side-stack,
.stsh-v6-promo-stack{
  height:var(--stsh-hero-h-v13)!important;
  display:grid!important;
  grid-template-rows:168.5px 168.5px!important;
  gap:var(--stsh-hero-gap-v13)!important;
}
.stsh-v10-side-banner,
.stsh-v6-promo-tile--image{height:168.5px!important}
.stsh-v10-line-card,
.stsh-v6-line-card{height:168.5px!important}

/* Slider arrow polish */
.stsh-v2-hero-carousel .elementor-swiper-button,
.stsh-v2-hero-carousel .swiper-button-prev,
.stsh-v2-hero-carousel .swiper-button-next{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#1C2B36!important;
  border:1px solid rgba(20,33,43,.08)!important;
  box-shadow:0 4px 10px rgba(20,33,43,.10)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
  transition:all .18s ease!important;
}
.stsh-v2-hero-carousel .elementor-swiper-button:hover,
.stsh-v2-hero-carousel .swiper-button-prev:hover,
.stsh-v2-hero-carousel .swiper-button-next:hover{
  background:#FFFFFF!important;
  color:#08BFEE!important;
  box-shadow:0 6px 14px rgba(20,33,43,.14)!important;
}
.stsh-v2-hero-carousel .elementor-swiper-button-prev,
.stsh-v2-hero-carousel .swiper-button-prev{left:10px!important}
.stsh-v2-hero-carousel .elementor-swiper-button-next,
.stsh-v2-hero-carousel .swiper-button-next{right:10px!important}
.stsh-v2-hero-carousel .elementor-swiper-button i,
.stsh-v2-hero-carousel .swiper-button-prev i,
.stsh-v2-hero-carousel .swiper-button-next i,
.stsh-v2-hero-carousel .elementor-swiper-button svg{
  font-size:13px!important;
  width:13px!important;
  height:13px!important;
}

@media(max-width:1024px){
  .stsh-v2-hero > .e-con-inner{gap:2px!important}
  .stsh-v10-side-stack,
  .stsh-v6-promo-stack{height:300px!important;grid-template-rows:149px 149px!important;gap:2px!important}
  .stsh-v10-side-banner,
  .stsh-v6-promo-tile--image{height:149px!important}
  .stsh-v10-line-card,
  .stsh-v6-line-card{height:149px!important}
}
@media(max-width:767px){
  .stsh-v2-hero > .e-con-inner{gap:8px!important}
}


/* ==========================================================
   Store.Toolsheep Homepage V14 — Flash Sale + Category scale-up
   ========================================================== */

/* Category icons and labels larger */
.stsh-v5-cat{gap:6px!important}
.stsh-v5-cat-icon{
  width:68px!important;
  height:68px!important;
  border-radius:20px!important;
  font-size:26px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 4px 12px rgba(20,33,43,.07)!important;
}
.stsh-v5-cat strong{
  font:600 13px/1.32 'Prompt','Kanit',sans-serif!important;
  letter-spacing:-.01em!important;
}

/* Flash sale section */
.stsh-v14-flash-module{
  position:relative;
  overflow:hidden;
}
.stsh-v14-flash-module:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,#FF6A63 0%,#FF8E34 48%,#FFC247 100%);
}
.stsh-v14-flash-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:end;
  gap:18px;
  margin-bottom:14px;
}
.stsh-v14-flash-title small{
  display:block;
  margin-bottom:2px;
  color:#FF6A63;
  font:700 9px/1.2 'Prompt','Kanit',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.stsh-v14-flash-title h2{
  margin:0;
  color:#14212B;
  font:700 20px/1.22 'Prompt','Kanit',sans-serif;
  letter-spacing:-.02em;
}
.stsh-v14-flash-timer{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.stsh-v14-timer-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#5C6E79;
  font:600 11.5px/1 'Prompt','Kanit',sans-serif;
}
.stsh-v14-timer-label i{color:#FF6A63}
.stsh-v14-timebox{
  min-width:56px;
  height:44px;
  padding:0 10px;
  border-radius:12px;
  background:#FFF5F2;
  border:1px solid #FFD8CF;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.stsh-v14-timebox b{
  color:#D7453C;
  font:700 15px/1 'Prompt','Kanit',sans-serif;
}
.stsh-v14-timebox small{
  margin-top:2px;
  color:#8A5C59;
  font:600 9px/1 'Prompt','Kanit',sans-serif;
}
.stsh-v14-flash-products ul.products{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.stsh-v14-flash-products ul.products li.product{
  display:flex;
}
.stsh-v14-flash-products ul.products li.product .price ins,
.stsh-v14-flash-products ul.products li.product .price{
  color:#E24B3B!important;
}
.stsh-v14-flash-products ul.products li.product .button{
  background:#FF7E2F!important;
}
.stsh-v14-flash-products ul.products li.product .button:hover{
  background:#EC6E21!important;
}
.stsh-v14-flash-products .onsale{
  background:#FF5B55!important;
  color:#fff!important;
  border-radius:999px!important;
  min-width:auto!important;
  min-height:auto!important;
  padding:5px 8px!important;
  line-height:1!important;
  font-size:10px!important;
  top:9px!important;
  left:9px!important;
  right:auto!important;
  margin:0!important;
}

@media(max-width:1024px){
  .stsh-v5-cat-icon{width:64px!important;height:64px!important;font-size:24px!important}
  .stsh-v5-cat strong{font-size:12.5px!important}
  .stsh-v14-flash-head{grid-template-columns:1fr;align-items:start;gap:10px}
  .stsh-v14-flash-products ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .stsh-v5-cat-icon{width:58px!important;height:58px!important;font-size:22px!important}
  .stsh-v5-cat strong{font-size:12px!important}
  .stsh-v14-flash-module{padding-top:12px!important}
  .stsh-v14-flash-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stsh-v14-timebox{min-width:50px;height:42px;padding:0 8px}
}


/* ==========================================================
   Store.Toolsheep Homepage V15 — Flash Sale Pro Polish
   ========================================================== */

.stsh-v14-flash-module{
  padding-top:16px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFDFC 100%)!important;
}
.stsh-v14-flash-module:before{
  height:4px!important;
  background:linear-gradient(90deg,#FF5E57 0%,#FF8C2B 50%,#FFC64E 100%)!important;
}

/* Head */
.stsh-v15-flash-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
}
.stsh-v15-flash-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#FF6A4E;
  font:700 10px/1 'Prompt','Kanit',sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.stsh-v15-flash-kicker i{font-size:11px}
.stsh-v15-flash-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:6px 0 4px;
}
.stsh-v15-flash-title-row h2{
  margin:0;
  color:#14212B;
  font:700 28px/1 'Prompt','Kanit',sans-serif;
  letter-spacing:-.03em;
}
.stsh-v15-flash-pill{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(90deg,#FF6A63,#FF9152);
  color:#fff;
  font:700 12px/1 'Prompt','Kanit',sans-serif;
  box-shadow:0 8px 18px rgba(255,106,78,.24);
}
.stsh-v15-flash-title-wrap p{
  margin:0;
  color:#6A7B86;
  font:400 12px/1.45 'Prompt','Kanit',sans-serif;
}

/* Timer */
.stsh-v15-flash-timer{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid #FFE0D6;
  border-radius:14px;
  background:#FFF8F5;
}
.stsh-v15-timer-label{
  color:#D75346;
  font:700 11.5px/1 'Prompt','Kanit',sans-serif;
  white-space:nowrap;
}
.stsh-v15-timebox{
  min-width:58px;
  height:48px;
  padding:0 8px;
  border-radius:12px;
  background:#fff;
  border:1px solid #FFD8CF;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 4px 10px rgba(255,126,90,.06);
}
.stsh-v15-timebox b{
  display:block;
  width:100%;
  color:#D94738;
  font:700 18px/1 'Prompt','Kanit',sans-serif;
  letter-spacing:.02em;
}
.stsh-v15-timebox small{
  display:block;
  width:100%;
  margin-top:2px;
  color:#8E655F;
  font:600 9px/1 'Prompt','Kanit',sans-serif;
}

/* One-row slider */
.stsh-v15-flash-products{position:relative}
.stsh-v15-flash-viewport{
  overflow:hidden;
  width:100%;
}
.stsh-v15-flash-products ul.products{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  margin:0!important;
  transform:translate3d(0,0,0);
}
.stsh-v15-flash-products ul.products::before,
.stsh-v15-flash-products ul.products::after{display:none!important}
.stsh-v15-flash-products ul.products li.product{
  width:auto!important;
  margin:0!important;
  padding:0 0 14px!important;
  border:1px solid #EAEFF3!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFDFC 100%)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  box-shadow:0 2px 8px rgba(20,33,43,.03)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.stsh-v15-flash-products ul.products li.product:hover{
  transform:translateY(-2px)!important;
  border-color:#FFD2C3!important;
  box-shadow:0 10px 20px rgba(20,33,43,.08)!important;
}
.stsh-v15-flash-products ul.products li.product > a:first-child{padding:0 12px!important}
.stsh-v15-flash-products ul.products li.product img{
  height:176px!important;
  padding:10px!important;
  margin:0 0 8px!important;
  background:#F9FBFC!important;
  border-radius:10px!important;
}
.stsh-v15-flash-products .woocommerce-loop-product__title{
  height:42px!important;
  margin:0 12px 8px!important;
  font-size:15px!important;
  line-height:1.35!important;
  color:#1E2A33!important;
}
.stsh-v15-flash-products ul.products li.product .price{
  margin:0 12px 10px!important;
  min-height:34px!important;
  color:#E6503C!important;
  font-size:15px!important;
  font-weight:700!important;
}
.stsh-v15-flash-products ul.products li.product .price del{
  color:#98A7B1!important;
  font-size:12px!important;
  opacity:1!important;
  margin-right:4px!important;
}
.stsh-v15-flash-products ul.products li.product .price ins{
  color:#E6503C!important;
  text-decoration:none!important;
}
.stsh-v15-flash-products ul.products li.product .button{
  margin:0 12px!important;
  min-height:38px!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,#FF8E2D,#FF6D2D)!important;
  box-shadow:0 8px 16px rgba(255,127,50,.2)!important;
  font-weight:700!important;
}
.stsh-v15-flash-products ul.products li.product .button:hover{
  background:linear-gradient(90deg,#FF8125,#F86524)!important;
}

/* Sale badge animation */
.stsh-v15-flash-products .onsale{
  background:linear-gradient(90deg,#FF5D57,#FF7E57)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  top:10px!important;
  left:10px!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:0 8px 16px rgba(255,93,87,.25)!important;
  animation:stshFlashPulse 1.7s ease-in-out infinite;
}
@keyframes stshFlashPulse{
  0%,100%{transform:scale(1)}
  15%{transform:scale(1.06)}
  30%{transform:scale(1)}
  45%{transform:scale(1.06)}
  60%{transform:scale(1)}
}

/* Slider arrows */
.stsh-v15-flash-nav{
  pointer-events:none;
}
.stsh-v15-flash-arrow{
  pointer-events:auto;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:38px;
  height:38px;
  border:1px solid rgba(20,33,43,.08);
  border-radius:999px;
  background:rgba(255,255,255,.95);
  color:#17232E;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 14px rgba(20,33,43,.10);
  transition:all .18s ease;
}
.stsh-v15-flash-arrow:hover{
  background:#fff;
  color:#FF7A33;
  box-shadow:0 8px 18px rgba(20,33,43,.14);
}
.stsh-v15-flash-arrow:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.stsh-v15-flash-arrow.is-prev{left:-18px}
.stsh-v15-flash-arrow.is-next{right:-18px}

@media(max-width:1024px){
  .stsh-v15-flash-head{grid-template-columns:1fr;align-items:start;gap:12px}
  .stsh-v15-flash-title-row h2{font-size:24px!important}
  .stsh-v15-flash-products ul.products li.product img{height:160px!important}
  .stsh-v15-flash-arrow.is-prev{left:-10px}
  .stsh-v15-flash-arrow.is-next{right:-10px}
}
@media(max-width:767px){
  .stsh-v15-flash-head{margin-bottom:12px}
  .stsh-v15-flash-title-row{flex-wrap:wrap;gap:8px}
  .stsh-v15-flash-title-row h2{font-size:22px!important}
  .stsh-v15-flash-timer{gap:6px;padding:8px 10px}
  .stsh-v15-timebox{min-width:50px;height:44px}
  .stsh-v15-timebox b{font-size:16px!important}
  .stsh-v15-flash-products ul.products li.product img{height:150px!important}
  .stsh-v15-flash-products .woocommerce-loop-product__title{font-size:13px!important;height:38px!important}
  .stsh-v15-flash-arrow{width:34px;height:34px}
  .stsh-v15-flash-arrow.is-prev{left:-6px}
  .stsh-v15-flash-arrow.is-next{right:-6px}
}


/* ==========================================================
   Store.Toolsheep Homepage V16 — Flash Sale Brand Tone Refresh
   ========================================================== */

/* Brand-tone flash header */
.stsh-v14-flash-module{
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFEFF 100%)!important;
}
.stsh-v14-flash-module:before{
  background:linear-gradient(90deg,#08BFEE 0%,#1B9FE8 55%,#F5D500 100%)!important;
}
.stsh-v16-flash-head{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
}
.stsh-v16-flash-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#08AEE0;
  font:700 10px/1 'Prompt','Kanit',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.stsh-v16-flash-kicker i{color:#F4C400}
.stsh-v16-flash-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:6px 0 4px;
}
.stsh-v16-flash-title-row h2{
  margin:0;
  color:#14212B;
  font:700 29px/1 'Prompt','Kanit',sans-serif;
  letter-spacing:-.03em;
}
.stsh-v16-flash-pill{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(90deg,#F7DD00,#FFD400);
  color:#14212B;
  font:700 12px/1 'Prompt','Kanit',sans-serif;
  box-shadow:0 8px 16px rgba(247,221,0,.18);
}
.stsh-v16-flash-title-wrap p{
  margin:0;
  color:#60717C;
  font:400 12px/1.45 'Prompt','Kanit',sans-serif;
  max-width:560px;
}
.stsh-v16-flash-more{justify-self:end}

/* Timer now in store.toolsheep tone */
.stsh-v16-flash-timer{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid #D6EEF6;
  border-radius:14px;
  background:#F7FDFF;
}
.stsh-v16-timer-label{
  color:#1295C8;
  font:700 11.5px/1 'Prompt','Kanit',sans-serif;
  white-space:nowrap;
}
.stsh-v16-timebox{
  min-width:58px;
  height:50px;
  padding:0 8px;
  border-radius:12px;
  background:#fff;
  border:1px solid #D8EDF6;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 4px 10px rgba(8,191,238,.05);
}
.stsh-v16-timebox b{
  display:block;
  width:100%;
  color:#14212B;
  font:700 18px/1 'Prompt','Kanit',sans-serif;
}
.stsh-v16-timebox small{
  display:block;
  width:100%;
  margin-top:2px;
  color:#6D7E8B;
  font:600 9px/1 'Prompt','Kanit',sans-serif;
}

/* One-row slider wrapper */
.stsh-v16-flash-products{position:relative}
.stsh-v16-flash-viewport{overflow:hidden;width:100%}
.stsh-v16-flash-products ul.products{gap:14px!important}

/* Card redesign in brand tone */
.stsh-v16-flash-products ul.products li.product{
  padding:0 0 12px!important;
  border:1px solid #DFEBF1!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFF 100%)!important;
  box-shadow:0 3px 10px rgba(20,33,43,.04)!important;
}
.stsh-v16-flash-products ul.products li.product:hover{
  border-color:#BFE7F3!important;
  box-shadow:0 10px 24px rgba(20,33,43,.08)!important;
}
.stsh-v16-flash-products ul.products li.product > a:first-child{padding:0 10px!important}
.stsh-v16-flash-products ul.products li.product img{
  height:164px!important;
  padding:10px!important;
  margin:0 0 8px!important;
  background:#F7FBFD!important;
  border-radius:10px!important;
}
.stsh-v16-flash-products .woocommerce-loop-product__title{
  height:44px!important;
  margin:0 12px 6px!important;
  font-size:14px!important;
  line-height:1.4!important;
  color:#1C2A35!important;
}
.stsh-v16-flash-products ul.products li.product .price{
  margin:0 12px 10px!important;
  min-height:34px!important;
  color:#D94C3D!important;
  font-size:15px!important;
  font-weight:700!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px 6px!important;
  align-items:flex-end!important;
}
.stsh-v16-flash-products ul.products li.product .price del{
  color:#93A3AE!important;
  font-size:12px!important;
  line-height:1!important;
}
.stsh-v16-flash-products ul.products li.product .price ins{
  color:#D94C3D!important;
  text-decoration:none!important;
}
.stsh-v16-flash-products ul.products li.product .button{
  margin:0 12px!important;
  min-height:38px!important;
  border-radius:10px!important;
  background:#F7DD00!important;
  color:#14212B!important;
  box-shadow:0 8px 14px rgba(247,221,0,.18)!important;
  font-weight:700!important;
}
.stsh-v16-flash-products ul.products li.product .button:hover{
  background:#F2D200!important;
  color:#14212B!important;
}

/* Sale badge animation toned to brand */
.stsh-v16-flash-products .onsale{
  background:linear-gradient(90deg,#FF6A57,#FF8A57)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  top:10px!important;
  left:10px!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:0 8px 16px rgba(255,106,87,.22)!important;
  animation:stshFlashBrandPulse 1.8s ease-in-out infinite;
}
@keyframes stshFlashBrandPulse{
  0%,100%{transform:scale(1)}
  20%{transform:scale(1.05)}
  40%{transform:scale(1)}
  60%{transform:scale(1.05)}
  80%{transform:scale(1)}
}

/* Arrows in header brand language */
.stsh-v16-flash-nav{pointer-events:none}
.stsh-v16-flash-arrow{
  pointer-events:auto;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:38px;
  height:38px;
  border:1px solid rgba(8,191,238,.18);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#14212B;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 14px rgba(20,33,43,.10);
  transition:all .18s ease;
}
.stsh-v16-flash-arrow:hover{
  background:#08BFEE;
  color:#fff;
  border-color:#08BFEE;
  box-shadow:0 8px 18px rgba(8,191,238,.24);
}
.stsh-v16-flash-arrow:disabled{opacity:.45;cursor:not-allowed}
.stsh-v16-flash-arrow.is-prev{left:-18px}
.stsh-v16-flash-arrow.is-next{right:-18px}

@media(max-width:1024px){
  .stsh-v16-flash-head{grid-template-columns:1fr;align-items:start;gap:12px}
  .stsh-v16-flash-title-row h2{font-size:25px!important}
  .stsh-v16-flash-more{justify-self:start}
  .stsh-v16-flash-products ul.products li.product img{height:156px!important}
  .stsh-v16-flash-arrow.is-prev{left:-10px}
  .stsh-v16-flash-arrow.is-next{right:-10px}
}
@media(max-width:767px){
  .stsh-v16-flash-head{margin-bottom:12px}
  .stsh-v16-flash-title-row{flex-wrap:wrap;gap:8px}
  .stsh-v16-flash-title-row h2{font-size:22px!important}
  .stsh-v16-flash-timer{gap:6px;padding:8px 10px;flex-wrap:wrap}
  .stsh-v16-timebox{min-width:50px;height:44px}
  .stsh-v16-timebox b{font-size:16px!important}
  .stsh-v16-flash-products ul.products li.product img{height:148px!important}
  .stsh-v16-flash-products .woocommerce-loop-product__title{font-size:13px!important;height:40px!important}
  .stsh-v16-flash-arrow{width:34px;height:34px}
  .stsh-v16-flash-arrow.is-prev{left:-6px}
  .stsh-v16-flash-arrow.is-next{right:-6px}
}


/* ==========================================================
   Store.Toolsheep Homepage V17 — Product Card UX Fix
   Analysis-driven fixes:
   1) Too many cards visible -> cramped scanning, weak title readability
   2) Product hierarchy unclear -> image/title/price/button compete
   3) CTA too heavy and disconnected
   4) Cards lack merchandising polish and alignment
   ========================================================== */

/* Section header: slightly more structured */
.stsh-v17-flash-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:18px;
  margin-bottom:18px;
}
.stsh-v17-flash-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#08AEE0;
  font:700 10px/1 'Prompt','Kanit',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.stsh-v17-flash-kicker i{color:#F4C400}
.stsh-v17-flash-title-row{display:flex;align-items:center;gap:10px;margin:6px 0 4px}
.stsh-v17-flash-title-row h2{margin:0;color:#14212B;font:700 29px/1 'Prompt','Kanit',sans-serif;letter-spacing:-.03em}
.stsh-v17-flash-pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:linear-gradient(90deg,#F7DD00,#FFD400);color:#14212B;font:700 12px/1 'Prompt','Kanit',sans-serif;box-shadow:0 8px 16px rgba(247,221,0,.18)}
.stsh-v17-flash-title-wrap p{margin:0;color:#60717C;font:400 12px/1.45 'Prompt','Kanit',sans-serif;max-width:580px}
.stsh-v17-flash-more{justify-self:end}
.stsh-v17-flash-timer{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #D6EEF6;border-radius:14px;background:#F7FDFF}
.stsh-v17-timer-label{color:#1295C8;font:700 11.5px/1 'Prompt','Kanit',sans-serif;white-space:nowrap}
.stsh-v17-timebox{min-width:58px;height:50px;padding:0 8px;border-radius:12px;background:#fff;border:1px solid #D8EDF6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 10px rgba(8,191,238,.05)}
.stsh-v17-timebox b{display:block;width:100%;color:#14212B;font:700 18px/1 'Prompt','Kanit',sans-serif}
.stsh-v17-timebox small{display:block;width:100%;margin-top:2px;color:#6D7E8B;font:600 9px/1 'Prompt','Kanit',sans-serif}

/* Carousel layout: force fewer cards for readability */
.stsh-v17-flash-products{position:relative}
.stsh-v17-flash-viewport{overflow:hidden;width:100%}
.stsh-v17-flash-products ul.products{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;margin:0!important;padding:0!important;list-style:none!important}
.stsh-v17-flash-products ul.products::before,
.stsh-v17-flash-products ul.products::after{display:none!important}
.stsh-v17-flash-products ul.products li.product{width:auto!important;margin:0!important;min-width:0!important}

/* Product card redesign */
.stsh-v17-flash-products ul.products li.product{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0 0 14px!important;
  border:1px solid #DCE8EF!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFF 100%)!important;
  box-shadow:0 4px 14px rgba(20,33,43,.04)!important;
  overflow:hidden!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.stsh-v17-flash-products ul.products li.product:hover{
  transform:translateY(-3px)!important;
  border-color:#C3E6F2!important;
  box-shadow:0 12px 24px rgba(20,33,43,.08)!important;
}

/* Make product image lead the card */
.stsh-v17-flash-products ul.products li.product > a:first-child{
  display:block!important;
  padding:12px 12px 8px!important;
  text-decoration:none!important;
}
.stsh-v17-flash-products ul.products li.product img{
  width:100%!important;
  height:188px!important;
  padding:10px!important;
  margin:0!important;
  object-fit:contain!important;
  background:#F7FBFD!important;
  border:1px solid #EEF5F8!important;
  border-radius:12px!important;
}

/* Clear information hierarchy */
.stsh-v17-flash-products .woocommerce-loop-product__title{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  height:46px!important;
  margin:0 14px 8px!important;
  color:#1A2731!important;
  font:600 15px/1.42 'Prompt','Kanit',sans-serif!important;
  letter-spacing:-.01em!important;
}
.stsh-v17-flash-products ul.products li.product .price{
  margin:0 14px 12px!important;
  min-height:40px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:4px 8px!important;
  color:#D94C3D!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.stsh-v17-flash-products ul.products li.product .price del{
  order:1;
  color:#97A6B1!important;
  font-size:12px!important;
  line-height:1.15!important;
  opacity:1!important;
}
.stsh-v17-flash-products ul.products li.product .price ins{
  order:2;
  color:#D94C3D!important;
  text-decoration:none!important;
  font-size:16px!important;
}

/* CTA aligned and less heavy */
.stsh-v17-flash-products ul.products li.product .button{
  margin: auto 14px 0!important;
  min-height:42px!important;
  border-radius:12px!important;
  background:#F7DD00!important;
  color:#14212B!important;
  box-shadow:none!important;
  border:1px solid #EFD539!important;
  font:700 13px/1 'Prompt','Kanit',sans-serif!important;
  letter-spacing:-.01em!important;
}
.stsh-v17-flash-products ul.products li.product .button:hover{
  background:#F2D200!important;
  color:#14212B!important;
  border-color:#E3C700!important;
}

/* Sale badge: noticeable but not noisy */
.stsh-v17-flash-products .onsale{
  background:linear-gradient(90deg,#FF6A57,#FF8A57)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  top:12px!important;
  left:12px!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:0 8px 16px rgba(255,106,87,.22)!important;
  animation:stshFlashBadgePulse 1.9s ease-in-out infinite;
}
@keyframes stshFlashBadgePulse{
  0%,100%{transform:scale(1)}
  25%{transform:scale(1.05)}
  50%{transform:scale(1)}
  75%{transform:scale(1.05)}
}

/* Arrows */
.stsh-v17-flash-nav{pointer-events:none}
.stsh-v17-flash-arrow{
  pointer-events:auto;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:40px;
  height:40px;
  border:1px solid rgba(8,191,238,.18);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#14212B;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(20,33,43,.10);
  transition:all .18s ease;
}
.stsh-v17-flash-arrow:hover{background:#08BFEE;color:#fff;border-color:#08BFEE;box-shadow:0 10px 20px rgba(8,191,238,.24)}
.stsh-v17-flash-arrow:disabled{opacity:.42;cursor:not-allowed}
.stsh-v17-flash-arrow.is-prev{left:-18px}
.stsh-v17-flash-arrow.is-next{right:-18px}

@media(max-width:1024px){
  .stsh-v17-flash-head{grid-template-columns:1fr;align-items:start;gap:12px}
  .stsh-v17-flash-title-row h2{font-size:25px!important}
  .stsh-v17-flash-more{justify-self:start}
  .stsh-v17-flash-products ul.products li.product img{height:176px!important}
  .stsh-v17-flash-products .woocommerce-loop-product__title{font-size:14px!important}
  .stsh-v17-flash-arrow.is-prev{left:-10px}
  .stsh-v17-flash-arrow.is-next{right:-10px}
}
@media(max-width:767px){
  .stsh-v17-flash-title-row{flex-wrap:wrap;gap:8px}
  .stsh-v17-flash-title-row h2{font-size:22px!important}
  .stsh-v17-flash-timer{gap:6px;padding:8px 10px;flex-wrap:wrap}
  .stsh-v17-timebox{min-width:50px;height:44px}
  .stsh-v17-timebox b{font-size:16px!important}
  .stsh-v17-flash-products ul.products li.product img{height:162px!important}
  .stsh-v17-flash-products .woocommerce-loop-product__title{height:42px!important;font-size:13px!important}
  .stsh-v17-flash-products ul.products li.product .price{font-size:15px!important}
  .stsh-v17-flash-products ul.products li.product .price ins{font-size:15px!important}
  .stsh-v17-flash-arrow{width:34px;height:34px}
  .stsh-v17-flash-arrow.is-prev{left:-6px}
  .stsh-v17-flash-arrow.is-next{right:-6px}
}


/* ==========================================================
   V18 Flash Sale Plugin host
   Flash Sale rendering/timer/carousel moved out of Elementor inline JS
   into a dedicated WordPress plugin for reliability.
   ========================================================== */
.stsh-v18-flash-host{position:relative!important;overflow:visible!important;padding-top:10px!important;padding-bottom:12px!important}
.stsh-v18-flash-shortcode{width:100%!important}


/* ==========================================================
   Store.Toolsheep Homepage V19 — Width lock + Flash host refine
   ========================================================== */

/* Lock homepage rhythm to the same usable width as the header */
.stsh-v2-root,
.stsh-v2-root > .e-con-inner{
  width:100%!important;
}
.stsh-v2-root > .e-con-inner,
.stsh-v2-shell,
.stsh-v2-shell > .e-con-inner,
.stsh-v2-bottom-module,
.stsh-v2-bottom-module > .e-con-inner{
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.stsh-v2-root{
  overflow-x:clip!important;
}

/* Flash section host tuning */
.stsh-v18-flash-host{
  overflow:visible!important;
  padding-top:8px!important;
  padding-bottom:10px!important;
}
.stsh-v18-flash-shortcode{
  width:100%!important;
  display:block!important;
}

/* Keep flash section aligned visually with other modules */
#stsh-v18-flash-sale.stsh-v2-shell,
#stsh-v18-flash-sale.stsh-v2-shell > .e-con-inner{
  max-width:1200px!important;
}


/* ==========================================================
   Store.Toolsheep Homepage V20 — Final width lock for current phase
   ========================================================== */
:root{--stsh-home-final-width:1160px}
.stsh-v2-root{overflow-x:hidden!important}
.stsh-v2-shell,
.stsh-v2-shell > .e-con-inner,
.stsh-v2-bottom-module,
.stsh-v2-bottom-module > .e-con-inner,
#stsh-v18-flash-sale,
#stsh-v18-flash-sale > .e-con-inner{
  width:100%!important;
  max-width:var(--stsh-home-final-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.stsh-v18-flash-host{overflow:hidden!important;padding-top:6px!important;padding-bottom:8px!important}
.stsh-v18-flash-shortcode{width:100%!important;max-width:100%!important}


/* ==========================================================
   Store.Toolsheep Homepage V21 — hard width lock + no horizontal overflow
   ========================================================== */
html,body{max-width:100%!important;overflow-x:hidden!important}
.stsh-v2-root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
.stsh-v2-shell,
.stsh-v2-bottom-module,
#stsh-v18-flash-sale{
  width:1160px!important;
  max-width:calc(100vw - 32px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.stsh-v2-shell > .e-con-inner,
.stsh-v2-bottom-module > .e-con-inner,
#stsh-v18-flash-sale > .e-con-inner{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding-left:0!important;
  padding-right:0!important;
}
.stsh-v21-flash-shortcode{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.stsh-v18-flash-host{overflow:hidden!important}
@media(max-width:767px){
  .stsh-v2-shell,.stsh-v2-bottom-module,#stsh-v18-flash-sale{max-width:calc(100vw - 16px)!important}
}


/* ==========================================================
   Store.Toolsheep Homepage V22 — product-card border cleanup
   ========================================================== */
/* Remove the gray card frame across homepage product sections */
.stsh-v2-products ul.products li.product{
  border:none!important;
  box-shadow:0 4px 14px rgba(20,33,43,.05)!important;
}
.stsh-v2-products ul.products li.product:hover{
  border:none!important;
  box-shadow:0 10px 22px rgba(20,33,43,.09)!important;
}
/* keep section links compact like the rest of the homepage */
.stsh-v2-more,
.stsh-v21-all,
.stsh-v22-all{
  font-size:12px!important;
  font-weight:600!important;
}


/* ==========================================================
   Store.Toolsheep Homepage V23 — card unification + spacing
   ========================================================== */
/* Pull Flash Sale down from categories a little more */
.stsh-v23-flash,
.stsh-v22-flash,
.stsh-v21-flash-host{
  margin-top:18px!important;
}

/* Unify product-card look across the homepage */
.stsh-v2-products ul.products li.product{
  border:none!important;
  box-shadow:0 4px 14px rgba(20,33,43,.05)!important;
  background:#fff!important;
}
.stsh-v2-products ul.products li.product:hover{
  border:none!important;
  box-shadow:0 10px 22px rgba(20,33,43,.08)!important;
}

/* Remove the inner gray image frame across all homepage product cards */
.stsh-v2-products ul.products li.product > a:first-child,
.stsh-v2-products ul.products li.product .mf-product-thumbnail,
.stsh-v2-products ul.products li.product .product-thumbnail,
.stsh-v2-products ul.products li.product .woocommerce-LoopProduct-link,
.stsh-v2-products ul.products li.product .woocommerce-LoopProduct-link img,
.stsh-v2-products ul.products li.product img{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

/* Keep section links consistent */
.stsh-v2-more,
.stsh-v22-all,
.stsh-v23-all{
  font-size:12px!important;
  font-weight:600!important;
}


/* ==========================================================
   Store.Toolsheep Homepage V24 — Popular Brands + Featured tabs
   ========================================================== */
/* Popular brand cards: visual, E-commerce style */
.stsh-v24-brand-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.stsh-v24-brand-card{
  position:relative;
  min-height:112px;
  border:1px solid #E5EDF1;
  border-radius:14px;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  background:#fff;
  text-decoration:none!important;
  color:#14212B!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.stsh-v24-brand-card:hover{
  transform:translateY(-2px);
  border-color:#BFE8F2;
  box-shadow:0 10px 22px rgba(20,33,43,.08);
}
.stsh-v24-brand-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.96) 0%, rgba(255,255,255,.82) 54%, rgba(255,255,255,.58) 100%);
  pointer-events:none;
}
.stsh-v24-brand-card.is-sky{background:linear-gradient(135deg,#F4FBFE 0%,#FFFFFF 100%)}
.stsh-v24-brand-card.is-teal{background:linear-gradient(135deg,#F2FBFA 0%,#FFFFFF 100%)}
.stsh-v24-brand-card.is-violet{background:linear-gradient(135deg,#F7F4FF 0%,#FFFFFF 100%)}
.stsh-v24-brand-card.is-blue{background:linear-gradient(135deg,#F4F8FE 0%,#FFFFFF 100%)}
.stsh-v24-brand-card.is-gold{background:linear-gradient(135deg,#FFF9EA 0%,#FFFFFF 100%)}
.stsh-v24-brand-card.is-green{background:linear-gradient(135deg,#F5FDF6 0%,#FFFFFF 100%)}
.stsh-v24-brand-card.is-cyan{background:linear-gradient(135deg,#F2FCFF 0%,#FFFFFF 100%)}
.stsh-v24-brand-card.is-peach{background:linear-gradient(135deg,#FFF6EF 0%,#FFFFFF 100%)}
.stsh-v24-brand-media,.stsh-v24-brand-copy{position:relative;z-index:1}
.stsh-v24-brand-media{
  width:90px;height:76px;flex:0 0 90px;display:flex;align-items:center;justify-content:center;
}
.stsh-v24-brand-media img{
  width:100%;height:100%;object-fit:contain;opacity:.28;filter:grayscale(.08);
}
.stsh-v24-brand-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.stsh-v24-brand-copy strong{
  font:700 16px/1.15 'Prompt','Kanit',sans-serif;
  letter-spacing:-.02em;color:#14212B;
}
.stsh-v24-brand-copy small{
  font:500 11px/1.4 'Prompt','Kanit',sans-serif;color:#6E808B;
}

/* Featured header label: remove the 'ดูสินค้า' wording and keep real working tabs */
.stsh-v3-featured-head > div:first-child small{font-size:10px!important;letter-spacing:.07em!important}

/* Remove all inner gray frame backgrounds on all product cards across homepage */
.stsh-v2-products ul.products li.product a.woocommerce-LoopProduct-link,
.stsh-v2-products ul.products li.product .mf-product-thumbnail,
.stsh-v2-products ul.products li.product .product-thumbnail,
.stsh-v2-products ul.products li.product > a:first-child{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
}
.stsh-v2-products ul.products li.product img{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}

@media(max-width:1024px){
  .stsh-v24-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .stsh-v24-brand-grid{grid-template-columns:1fr;gap:10px}
  .stsh-v24-brand-card{min-height:96px;padding:14px 16px;border-radius:12px}
  .stsh-v24-brand-media{width:76px;height:64px;flex-basis:76px}
  .stsh-v24-brand-copy strong{font-size:15px}
  .stsh-v24-brand-copy small{font-size:10px}
}


/* ==========================================================
   Store.Toolsheep Homepage V25 — Featured Products Hub
   ========================================================== */
.stsh-v3-featured-module{
  position:relative;
  margin-top:10px!important;
  padding-top:14px!important;
}

.stsh-v25-featured-head{
  display:grid;
  grid-template-columns:minmax(170px,auto) auto 1fr;
  align-items:end;
  gap:20px;
  margin-bottom:14px;
}
.stsh-v25-featured-title small{
  display:block;
  margin-bottom:3px;
  color:#08AEE0;
  font:700 9px/1.2 'Prompt','Kanit',sans-serif;
  letter-spacing:.1em;
}
.stsh-v25-featured-title h2{
  margin:0;
  color:#14212B;
  font:700 20px/1.22 'Prompt','Kanit',sans-serif;
  letter-spacing:-.025em;
}

.stsh-v25-tabs{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border-radius:10px;
  background:#F2F5F7;
}
.stsh-v25-tabs button{
  appearance:none;
  border:0;
  background:transparent;
  min-width:76px;
  height:34px;
  padding:0 13px;
  border-radius:8px;
  color:#647582;
  font:600 12px/1 'Prompt','Kanit',sans-serif;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.stsh-v25-tabs button:hover{color:#079AC3;background:rgba(255,255,255,.65)}
.stsh-v25-tabs button.is-active{
  background:#fff;
  color:#079AC3;
  box-shadow:0 1px 5px rgba(20,33,43,.10);
}
.stsh-v25-tabs button:focus-visible{outline:2px solid #08BFEE;outline-offset:2px}

.stsh-v25-featured-more{justify-self:end;align-self:end}

.stsh-v25-tab-panel{display:none!important}
.stsh-v25-tab-panel.is-active{display:block!important}
.stsh-v25-tab-panel[hidden]{display:none!important}

/* Product cards use the same system already used across Store.Toolsheep */
.stsh-v25-tab-panel ul.products{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}

/* Better fallback when a WooCommerce tab returns zero products */
.stsh-v25-empty{
  min-height:150px;
  border:1px dashed #CFE4EC;
  border-radius:12px;
  background:#FBFEFF;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:6px;
  color:#677985;
}
.stsh-v25-empty i{font-size:20px;color:#08AEE0}
.stsh-v25-empty strong{font-size:13px;color:#14212B}
.stsh-v25-empty span{font-size:11px}

@media(max-width:1024px){
  .stsh-v25-featured-head{grid-template-columns:1fr auto;gap:12px}
  .stsh-v25-tabs{grid-column:1/2;grid-row:2}
  .stsh-v25-featured-more{grid-column:2;grid-row:2}
  .stsh-v25-tab-panel ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .stsh-v25-featured-head{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .stsh-v25-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .stsh-v25-tabs button{min-width:0;width:100%}
  .stsh-v25-featured-more{align-self:flex-end}
  .stsh-v25-tab-panel ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ==========================================================
   Store.Toolsheep Homepage V26 — Featured Tabs / Solution / B2B
   ========================================================== */

/* FEATURED PRODUCTS — robust CSS-only tabs */
.stsh-v26-featured-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:end;
  gap:18px;
  margin-bottom:12px;
}
.stsh-v26-featured-title small{
  display:block;
  margin-bottom:3px;
  color:#079AC3;
  font:700 9px/1.2 'Prompt','Kanit',sans-serif;
  letter-spacing:.08em;
}
.stsh-v26-featured-title h2{
  margin:0;
  color:#14212B;
  font:700 20px/1.2 'Prompt','Kanit',sans-serif;
  letter-spacing:-.02em;
}
.stsh-v26-tabs{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:4px;
  border-radius:11px;
  background:#F1F5F7;
}
.stsh-v26-tabs input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.stsh-v26-tabs label{
  min-width:76px;
  min-height:34px;
  padding:0 14px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#5D6F7A;
  font:600 12px/1 'Prompt','Kanit',sans-serif;
  transition:.15s ease;
}
.stsh-v26-tabs label:hover{color:#079AC3}
.stsh-v26-tabs input:checked + label{
  background:#fff;
  color:#079AC3;
  box-shadow:0 1px 4px rgba(20,33,43,.08);
}
.stsh-v25-tab-panel{display:none!important}
.stsh-v3-featured-module:has(#stsh-v26-tab-best:checked) .stsh-v25-panel-best,
.stsh-v3-featured-module:has(#stsh-v26-tab-sale:checked) .stsh-v25-panel-sale,
.stsh-v3-featured-module:has(#stsh-v26-tab-new:checked) .stsh-v25-panel-new{
  display:block!important;
}
.stsh-v26-featured-more-wrap{justify-self:end}
.stsh-v26-more{display:none!important}
.stsh-v3-featured-module:has(#stsh-v26-tab-best:checked) .stsh-v26-more-best,
.stsh-v3-featured-module:has(#stsh-v26-tab-sale:checked) .stsh-v26-more-sale,
.stsh-v3-featured-module:has(#stsh-v26-tab-new:checked) .stsh-v26-more-new{
  display:inline-flex!important;
}

/* SHOP BY SOLUTION — industrial e-commerce discovery cards */
.stsh-v26-solution-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.stsh-v26-solution-card{
  min-height:108px;
  padding:16px;
  border:1px solid #E3EDF2;
  border-radius:13px;
  background:#fff;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 18px;
  align-items:center;
  gap:12px;
  color:#14212B!important;
  text-decoration:none!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.stsh-v26-solution-card:hover{
  transform:translateY(-2px);
  border-color:#BFE7F2;
  box-shadow:0 9px 20px rgba(20,33,43,.07);
}
.stsh-v26-solution-icon{
  width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;
}
.stsh-v26-solution-icon.is-blue{background:#EAF7FD;color:#089FCD}
.stsh-v26-solution-icon.is-cyan{background:#ECFBFC;color:#0AA9B8}
.stsh-v26-solution-icon.is-violet{background:#F1EEFF;color:#6758D8}
.stsh-v26-solution-icon.is-red{background:#FFF0F2;color:#D94B5B}
.stsh-v26-solution-icon.is-gold{background:#FFF6D9;color:#C98900}
.stsh-v26-solution-icon.is-gray{background:#F2F5F7;color:#5A6C77}
.stsh-v26-solution-copy{min-width:0}
.stsh-v26-solution-copy small{
  display:block;margin-bottom:4px;color:#08A5D2;font:700 8px/1 'Prompt','Kanit',sans-serif;letter-spacing:.07em;
}
.stsh-v26-solution-copy strong{
  display:block;margin-bottom:4px;color:#14212B;font:700 13px/1.35 'Prompt','Kanit',sans-serif;
}
.stsh-v26-solution-copy p{margin:0;color:#70808B;font:400 10px/1.4 'Prompt','Kanit',sans-serif}
.stsh-v26-solution-arrow{font-size:11px;color:#91A3AD;transition:transform .16s ease,color .16s ease}
.stsh-v26-solution-card:hover .stsh-v26-solution-arrow{transform:translateX(3px);color:#08A5D2}

/* BOTTOM — B2B service + assisted purchase */
.stsh-v26-bottom-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:12px;
}
.stsh-v26-b2b-box,.stsh-v26-assist-box{
  min-height:190px;
  border:1px solid #DDEAF0;
  border-radius:14px;
  background:#fff;
  padding:18px;
}
.stsh-v26-b2b-box{display:flex;flex-direction:column}
.stsh-v26-box-head{display:flex;gap:12px;align-items:flex-start}
.stsh-v26-box-head>span{
  width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#EAF8FD;color:#08A9D7;display:flex;align-items:center;justify-content:center;
}
.stsh-v26-box-head small,.stsh-v26-assist-copy>small{
  display:block;margin-bottom:4px;color:#079AC3;font:700 8.5px/1 'Prompt','Kanit',sans-serif;letter-spacing:.07em;
}
.stsh-v26-box-head strong{display:block;color:#14212B;font:700 17px/1.3 'Prompt','Kanit',sans-serif}
.stsh-v26-box-head p{margin:4px 0 0;color:#71818B;font:400 10.5px/1.45 'Prompt','Kanit',sans-serif}
.stsh-v26-b2b-benefits{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 14px}
.stsh-v26-b2b-benefits span{
  padding:7px 9px;border-radius:8px;background:#F7FAFB;color:#42545F;font:600 10px/1 'Prompt','Kanit',sans-serif;
}
.stsh-v26-b2b-benefits i{color:#08A9D7;margin-right:4px;font-size:8px}
.stsh-v26-b2b-cta{
  margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;color:#079AC3!important;text-decoration:none!important;font:700 11px/1 'Prompt','Kanit',sans-serif;
}
.stsh-v26-assist-box{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 260px;
  align-items:center;
  gap:14px;
  background:linear-gradient(135deg,#F4FBFE 0%,#FFFFFF 58%);
}
.stsh-v26-assist-icon{
  width:48px;height:48px;border-radius:999px;background:#08B9E6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;
}
.stsh-v26-assist-copy h2{margin:0 0 5px;color:#079AC3;font:700 18px/1.25 'Prompt','Kanit',sans-serif}
.stsh-v26-assist-copy p{margin:0;color:#6D7E89;font:400 10.5px/1.45 'Prompt','Kanit',sans-serif}
.stsh-v26-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.stsh-v26-contact{
  min-height:52px;padding:8px 10px;border:1px solid #DDE8ED;border-radius:10px;background:#fff;display:flex;align-items:center;gap:9px;text-decoration:none!important;color:#14212B!important;transition:.15s ease;
}
.stsh-v26-contact:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(20,33,43,.07)}
.stsh-v26-contact>i{width:22px;text-align:center;font-size:17px}
.stsh-v26-contact span{display:flex;flex-direction:column;min-width:0}
.stsh-v26-contact small{font-size:7.5px;line-height:1.1;color:#82919A;font-weight:700}
.stsh-v26-contact strong{margin-top:2px;font-size:10px;line-height:1.15;white-space:nowrap}
.stsh-v26-contact.is-line>i{color:#06C755}
.stsh-v26-contact.is-facebook>i{color:#1877F2}
.stsh-v26-contact.is-phone>i{color:#F3C900}
.stsh-v26-contact.is-email>i{color:#607681}

@media(max-width:1024px){
  .stsh-v26-featured-head{grid-template-columns:1fr auto;align-items:start}
  .stsh-v26-tabs{grid-row:2;grid-column:1/3}
  .stsh-v26-featured-more-wrap{grid-column:2;grid-row:1}
  .stsh-v26-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stsh-v26-bottom-grid{grid-template-columns:1fr}
  .stsh-v26-assist-box{grid-template-columns:48px minmax(0,1fr)}
  .stsh-v26-contact-grid{grid-column:1/3;grid-template-columns:repeat(4,1fr)}
}
@media(max-width:767px){
  .stsh-v26-featured-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
  .stsh-v26-tabs{width:100%;overflow-x:auto}
  .stsh-v26-tabs label{min-width:88px;flex:1}
  .stsh-v26-solution-grid{grid-template-columns:1fr}
  .stsh-v26-solution-card{min-height:96px;padding:14px}
  .stsh-v26-assist-box{display:flex;flex-direction:column;align-items:flex-start}
  .stsh-v26-contact-grid{width:100%;grid-template-columns:1fr 1fr}
  .stsh-v26-b2b-box,.stsh-v26-assist-box{padding:15px;min-height:auto}
}


/* ==========================================================
   Store.Toolsheep Homepage V27 — Featured Products stability
   ========================================================== */
.stsh-v27-featured-host{width:100%!important;display:block!important}
/* Old V25/V26 selectors are intentionally bypassed by the V27 shortcode. */


/* ==========================================================
   Store.Toolsheep Homepage V28 — Business, contact & hover stability
   ========================================================== */

/* Business box is now assurance-only: no CTA link. */
.stsh-v28-b2b-box{justify-content:flex-start!important}
.stsh-v28-b2b-assurance{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #E6EEF2;
  display:flex;
  align-items:center;
  gap:8px;
  color:#61737F;
  font:600 11px/1.4 'Prompt','Kanit',sans-serif;
}
.stsh-v28-b2b-assurance i{color:#08A9D7;font-size:13px}

/* Long email must remain readable without changing card geometry. */
.stsh-v28-contact-grid .is-email strong{
  font-size:10px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere;
}

/* Home interactive controls: hover/focus must NOT shift, scale or reflow. */
.stsh-v2-root .stsh-v10-line-btn,
.stsh-v2-root .stsh-v2-more,
.stsh-v2-root .stsh-v24-brand-card,
.stsh-v2-root .stsh-v26-solution-card,
.stsh-v2-root .stsh-v26-contact,
.stsh-v2-root .stsh-v27-tabs button,
.stsh-v2-root .stsh-v2-products .button,
.stsh-v2-root .stsh-v23-arrow,
.stsh-v2-root .stsh-v17-flash-arrow,
.stsh-v2-root .stsh-v16-flash-arrow,
.stsh-v2-root .stsh-v15-flash-arrow{
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  text-shadow:none!important;
  filter:none!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease!important;
}
.stsh-v2-root .stsh-v10-line-btn:hover,
.stsh-v2-root .stsh-v10-line-btn:focus,
.stsh-v2-root .stsh-v2-more:hover,
.stsh-v2-root .stsh-v2-more:focus,
.stsh-v2-root .stsh-v24-brand-card:hover,
.stsh-v2-root .stsh-v24-brand-card:focus,
.stsh-v2-root .stsh-v26-solution-card:hover,
.stsh-v2-root .stsh-v26-solution-card:focus,
.stsh-v2-root .stsh-v26-contact:hover,
.stsh-v2-root .stsh-v26-contact:focus,
.stsh-v2-root .stsh-v27-tabs button:hover,
.stsh-v2-root .stsh-v27-tabs button:focus,
.stsh-v2-root .stsh-v2-products .button:hover,
.stsh-v2-root .stsh-v2-products .button:focus,
.stsh-v2-root .stsh-v23-arrow:hover,
.stsh-v2-root .stsh-v23-arrow:focus,
.stsh-v2-root .stsh-v17-flash-arrow:hover,
.stsh-v2-root .stsh-v17-flash-arrow:focus,
.stsh-v2-root .stsh-v16-flash-arrow:hover,
.stsh-v2-root .stsh-v16-flash-arrow:focus,
.stsh-v2-root .stsh-v15-flash-arrow:hover,
.stsh-v2-root .stsh-v15-flash-arrow:focus{
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Prevent the solution-card arrow from shifting horizontally on hover. */
.stsh-v2-root .stsh-v26-solution-card:hover .stsh-v26-solution-arrow,
.stsh-v2-root .stsh-v26-solution-card:focus .stsh-v26-solution-arrow{
  transform:none!important;
}

/* Product cards may lift visually via shadow, but geometry stays fixed. */
.stsh-v2-root .stsh-v2-products ul.products li.product:hover{
  transform:none!important;
}

/* Contact cards: state changes only via border/background/color, never movement. */
.stsh-v28-contact-grid .stsh-v26-contact:hover,
.stsh-v28-contact-grid .stsh-v26-contact:focus{
  transform:none!important;
  box-shadow:0 4px 12px rgba(20,33,43,.06)!important;
}


/* ==========================================================
   Store.Toolsheep Homepage V29 — Global Hover Stability Layer
   Goal: links/buttons look structurally identical before/after hover.
   Hover must not change size, position, typography, underline, radius or layout.
   ========================================================== */

/* Universal geometry reset for Home interactive elements */
.stsh-v2-root a,
.stsh-v2-root button,
.stsh-v2-root label[role="tab"],
.stsh-v2-root .button{
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  filter:none!important;
  text-shadow:none!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  -webkit-font-smoothing:antialiased;
}
.stsh-v2-root a:hover,
.stsh-v2-root a:focus,
.stsh-v2-root a:active,
.stsh-v2-root button:hover,
.stsh-v2-root button:focus,
.stsh-v2-root button:active,
.stsh-v2-root label[role="tab"]:hover,
.stsh-v2-root label[role="tab"]:focus,
.stsh-v2-root .button:hover,
.stsh-v2-root .button:focus,
.stsh-v2-root .button:active{
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  filter:none!important;
  text-shadow:none!important;
  text-decoration:none!important;
  letter-spacing:inherit!important;
}

/* "ดูทั้งหมด" / section links — identical on hover */
.stsh-v2-root .stsh-v2-more,
.stsh-v2-root .stsh-v2-more:link,
.stsh-v2-root .stsh-v2-more:visited,
.stsh-v2-root .stsh-v2-more:hover,
.stsh-v2-root .stsh-v2-more:focus,
.stsh-v2-root .stsh-v2-more:active{
  color:#079AC3!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  text-decoration:none!important;
}

/* LINE CTA — preserve exact normal state */
.stsh-v2-root .stsh-v10-line-btn,
.stsh-v2-root .stsh-v10-line-btn:link,
.stsh-v2-root .stsh-v10-line-btn:visited,
.stsh-v2-root .stsh-v10-line-btn:hover,
.stsh-v2-root .stsh-v10-line-btn:focus,
.stsh-v2-root .stsh-v10-line-btn:active{
  background:#06C755!important;
  color:#fff!important;
  border-color:#06C755!important;
  box-shadow:0 6px 14px rgba(6,199,85,.18)!important;
  opacity:1!important;
}
.stsh-v2-root .stsh-v10-line-qr,
.stsh-v2-root .stsh-v10-line-qr:visited,
.stsh-v2-root .stsh-v10-line-qr:hover,
.stsh-v2-root .stsh-v10-line-qr:focus{
  color:#566873!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Popular categories — no hover recolor/reflow */
.stsh-v2-root .stsh-v5-cat,
.stsh-v2-root .stsh-v5-cat:visited,
.stsh-v2-root .stsh-v5-cat:hover,
.stsh-v2-root .stsh-v5-cat:focus{
  color:#14212B!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
}

/* Popular brand cards — keep same border/background and no lift */
.stsh-v2-root .stsh-v24-brand-card:hover,
.stsh-v2-root .stsh-v24-brand-card:focus,
.stsh-v2-root .stsh-v24-brand-card:active{
  transform:none!important;
  border-color:#E5EDF1!important;
  box-shadow:none!important;
  color:#14212B!important;
  opacity:1!important;
}
.stsh-v2-root .stsh-v24-brand-card:visited{color:#14212B!important}

/* Solution cards — identical geometry and copy state */
.stsh-v2-root .stsh-v26-solution-card,
.stsh-v2-root .stsh-v26-solution-card:visited,
.stsh-v2-root .stsh-v26-solution-card:hover,
.stsh-v2-root .stsh-v26-solution-card:focus,
.stsh-v2-root .stsh-v26-solution-card:active{
  color:#14212B!important;
  background:#fff!important;
  border-color:#DCE8EE!important;
  box-shadow:none!important;
  opacity:1!important;
}
.stsh-v2-root .stsh-v26-solution-card:hover .stsh-v26-solution-arrow,
.stsh-v2-root .stsh-v26-solution-card:focus .stsh-v26-solution-arrow{
  transform:none!important;
  color:#91A3AD!important;
}

/* Assisted-purchase contact buttons — line/facebook/phone/email stay identical */
.stsh-v2-root .stsh-v26-contact,
.stsh-v2-root .stsh-v26-contact:link,
.stsh-v2-root .stsh-v26-contact:visited,
.stsh-v2-root .stsh-v26-contact:hover,
.stsh-v2-root .stsh-v26-contact:focus,
.stsh-v2-root .stsh-v26-contact:active{
  background:#fff!important;
  color:#14212B!important;
  border-color:#DDE8ED!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
}
.stsh-v2-root .stsh-v26-contact small{color:#82919A!important}
.stsh-v2-root .stsh-v26-contact strong{color:#14212B!important}
.stsh-v2-root .stsh-v26-contact.is-line>i{color:#06C755!important}
.stsh-v2-root .stsh-v26-contact.is-facebook>i{color:#1877F2!important}
.stsh-v2-root .stsh-v26-contact.is-phone>i{color:#F3C900!important}
.stsh-v2-root .stsh-v26-contact.is-email>i{color:#607681!important}

/* Featured tabs: hover may not imitate active state. Active state remains plugin-controlled. */
.stsh-v2-root .stsh-v27-tabs button:not(.is-active):hover,
.stsh-v2-root .stsh-v27-tabs button:not(.is-active):focus,
.stsh-v2-root .stsh-v25-tabs button:not(.is-active):hover,
.stsh-v2-root .stsh-v25-tabs button:not(.is-active):focus,
.stsh-v2-root .stsh-v3-tabs button:not(.is-active):hover,
.stsh-v2-root .stsh-v3-tabs button:not(.is-active):focus{
  background:transparent!important;
  color:#63747E!important;
  border-color:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Product card buttons — preserve normal light-blue Store.Toolsheep style */
.stsh-v2-root .stsh-v2-products li.product > .button,
.stsh-v2-root .stsh-v2-products li.product > a.button,
.stsh-v2-root .stsh-v2-products li.product > .button:visited,
.stsh-v2-root .stsh-v2-products li.product > a.button:visited,
.stsh-v2-root .stsh-v2-products li.product > .button:hover,
.stsh-v2-root .stsh-v2-products li.product > a.button:hover,
.stsh-v2-root .stsh-v2-products li.product > .button:focus,
.stsh-v2-root .stsh-v2-products li.product > a.button:focus,
.stsh-v2-root .stsh-v2-products li.product > .button:active,
.stsh-v2-root .stsh-v2-products li.product > a.button:active{
  background:#F1FBFF!important;
  color:#079AC3!important;
  border-color:#8ED9EC!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
  opacity:1!important;
}

/* Product cards themselves never move on hover */
.stsh-v2-root .stsh-v2-products ul.products li.product,
.stsh-v2-root .stsh-v2-products ul.products li.product:hover,
.stsh-v2-root .stsh-v2-products ul.products li.product:focus-within{
  transform:none!important;
  translate:none!important;
  scale:none!important;
}

/* Carousel arrows — same white/black state before and after hover */
.stsh-v2-root .elementor-swiper-button,
.stsh-v2-root .elementor-swiper-button:hover,
.stsh-v2-root .elementor-swiper-button:focus,
.stsh-v2-root .stsh-v23-arrow,
.stsh-v2-root .stsh-v23-arrow:hover,
.stsh-v2-root .stsh-v23-arrow:focus,
.stsh-v2-root .stsh-v17-flash-arrow,
.stsh-v2-root .stsh-v17-flash-arrow:hover,
.stsh-v2-root .stsh-v17-flash-arrow:focus,
.stsh-v2-root .stsh-v16-flash-arrow,
.stsh-v2-root .stsh-v16-flash-arrow:hover,
.stsh-v2-root .stsh-v16-flash-arrow:focus,
.stsh-v2-root .stsh-v15-flash-arrow,
.stsh-v2-root .stsh-v15-flash-arrow:hover,
.stsh-v2-root .stsh-v15-flash-arrow:focus{
  background:#fff!important;
  color:#14212B!important;
  border-color:rgba(20,33,43,.08)!important;
  box-shadow:0 4px 10px rgba(20,33,43,.10)!important;
  transform:translateY(-50%)!important;
  opacity:1!important;
}

/* Campaign/banner link: no zoom/lift/filter on hover */
.stsh-v2-root .stsh-v3-campaign,
.stsh-v2-root .stsh-v3-campaign:hover,
.stsh-v2-root .stsh-v3-campaign:focus,
.stsh-v2-root .stsh-v3-campaign:active{
  transform:none!important;
  scale:none!important;
  filter:none!important;
  box-shadow:none!important;
}

/* Generic final guard against theme link hover typography changes */
.stsh-v2-root a:hover *,
.stsh-v2-root a:focus *,
.stsh-v2-root button:hover *,
.stsh-v2-root button:focus *{
  text-decoration:none!important;
  text-shadow:none!important;
  transform:none!important;
  filter:none!important;
}


/* ==========================================================
   Store.Toolsheep V34 Production final layer
   ========================================================== */
/* Real brand logos must be full-opacity. Static decorative image is hidden until patched. */
.stsh-v24-brand-grid .stsh-v24-brand-media img{
  visibility:hidden!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.stsh-v24-brand-grid.stsh-v34-brand-ready .stsh-v24-brand-media img{
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
/* Prevent page-level horizontal overflow when template is inserted into a new WP Page. */
html,body{max-width:100%;overflow-x:clip}
.stsh-v2-root{width:100%!important;max-width:100%!important;overflow-x:clip!important}