:root{--wthp-orange:#ff7900;--wthp-orange2:#ff9800;--wthp-ink:#101827;--wthp-line:#e1e7ef}
.wthp-home{width:100%;max-width:100%;margin:0 auto;padding:18px 0 50px;color:var(--wthp-ink);font-family:inherit}
.wthp-home *{box-sizing:border-box}
.wthp-home a{color:inherit}
.wthp-hero-stage{display:block;width:100%}
.wthp-hero-wrap{min-width:0;width:100%}
.wthp-hero{height:430px;border-radius:14px;overflow:hidden;position:relative;background:#0a0a0a;box-shadow:0 8px 25px rgba(15,23,42,.08)}
.wthp-slide{position:absolute;inset:0;background-color:#111;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .45s ease}
.wthp-slide.is-active{opacity:1;visibility:visible}
.wthp-slide.no-image{background:linear-gradient(105deg,#050505,#171717)}
.wthp-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.62) 38%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.05) 100%)}
.wthp-slide-content{position:relative;z-index:2;height:100%;width:min(650px,66%);display:flex;flex-direction:column;justify-content:center;padding:42px 50px;color:#fff}
.wthp-kicker{color:var(--wthp-orange2);font-weight:900;letter-spacing:1.7px;font-size:14px;text-transform:uppercase}
.wthp-slide h1{font-size:clamp(34px,3.5vw,52px);line-height:1.03;margin:10px 0 16px;font-weight:900;max-width:630px}
.wthp-slide p{font-size:18px;line-height:1.45;margin:0 0 26px;color:#f8fafc}
.wthp-cta{width:max-content;display:inline-flex;align-items:center;gap:11px;padding:14px 23px;border-radius:8px;background:var(--wthp-orange);color:#fff!important;text-decoration:none;font-weight:900}
.wthp-cta:hover{background:#ff8a00}
.wthp-prev,.wthp-next{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:#111;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.wthp-prev{left:12px}.wthp-next{right:12px}
.wthp-dots{position:absolute;z-index:5;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.wthp-dots button{width:8px;height:8px;border:0;border-radius:20px;padding:0;background:#e5e7eb;cursor:pointer}
.wthp-dots button.is-active{width:25px;background:var(--wthp-orange)}
.wthp-services{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:12px 0 4px}
.wthp-services>div{min-height:76px;background:#fff;border:1px solid var(--wthp-line);border-radius:10px;padding:13px 12px;box-shadow:0 2px 9px rgba(15,23,42,.03)}
.wthp-services b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wthp-services i{font-style:normal;color:var(--wthp-orange);font-size:19px}
.wthp-services span{display:block;color:#7b8798;font-size:10px;margin:5px 0 0 27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wthp-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 0}
.wthp-promo{height:150px;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(110deg,#090909,#292929);background-size:cover;background-position:center;text-decoration:none;color:#fff;box-shadow:0 5px 18px rgba(15,23,42,.07)}
.wthp-promo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.2))}
.wthp-promo-content{position:absolute;inset:0;padding:23px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.wthp-promo-content strong{font-size:22px;line-height:1.05;max-width:64%}
.wthp-promo-content small{font-size:12px;margin:7px 0 13px}
.wthp-promo-content em{font-style:normal;background:var(--wthp-orange);padding:8px 13px;border-radius:6px;font-size:11px;font-weight:900}
@media(max-width:1250px){.wthp-home{padding-left:15px;padding-right:15px}.wthp-services{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.wthp-home{padding:10px}.wthp-hero{height:390px;border-radius:10px}.wthp-slide-content{width:100%;padding:28px}.wthp-slide h1{font-size:32px}.wthp-slide p{font-size:14px}.wthp-services{grid-template-columns:1fr 1fr}.wthp-services>div{min-height:68px}.wthp-promos{grid-template-columns:1fr;margin-top:12px}.wthp-promo{height:145px}}
@media(max-width:420px){.wthp-services{grid-template-columns:1fr}.wthp-slide h1{font-size:28px}.wthp-prev,.wthp-next{width:36px;height:36px;font-size:23px}}

/* Shop visual section: same breakout principle as WILTECH Marketplace V3.5.1.
   Only WILTECH Home is made full-width; WooCommerce catalogue is untouched. */
.wthp-home.wthp-shop-fullwidth{
  box-sizing:border-box;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding-left:clamp(16px,2.4vw,42px) !important;
  padding-right:clamp(16px,2.4vw,42px) !important;
  overflow:visible;
}
.wthp-home.wthp-shop-fullwidth .wthp-hero-stage,
.wthp-home.wthp-shop-fullwidth .wthp-hero-wrap,
.wthp-home.wthp-shop-fullwidth .wthp-services,
.wthp-home.wthp-shop-fullwidth .wthp-promos{
  width:100% !important;
  max-width:none !important;
}
@media(max-width:800px){
  .wthp-home.wthp-shop-fullwidth{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}