/* =====================================================================
   Modern pass 2: colour-mesh hero, colour-coded tiles, pastel panels,
   card-style products. Pastels: lilac #F5F5F5, pink #F4F4F4, peach #EEEEEE,
   sky #F1F1F1, mint #ECECEC, lemon #EBEBEB
   ===================================================================== */
:root{--mc-p-violet:#F5F5F5;--mc-p-pink:#F4F4F4;--mc-p-peach:#EEEEEE;--mc-p-sky:#F1F1F1;--mc-p-mint:#ECECEC;--mc-p-lemon:#EBEBEB}

/* ---------- Header: frosted bar with a gradient hairline ---------- */
.elementor-154 .site-header{background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
.elementor-154 .site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#E10600,#E10600,#E10600,#B00500,#B00500);opacity:.85;pointer-events:none}
.elementor-154 .elementor-nav-menu--main .elementor-item{border-radius:999px;transition:background .2s,color .2s}
.elementor-154 .elementor-nav-menu--main .elementor-item:hover,.elementor-154 .elementor-nav-menu--main .elementor-item:focus-visible{background:#F4F4F4!important}

/* ---------- Hero: colour mesh + the shoe photo as a floating framed card ---------- */
body.tsh-page .elementor-131 .tsh-hero{background-image:radial-gradient(38% 46% at 8% 18%,#EEEEEE 0,rgba(17,17,17,0) 72%),radial-gradient(34% 42% at 38% 92%,#ECECEC 0,rgba(17,17,17,0) 72%),radial-gradient(30% 40% at 70% 6%,#EAEAEA 0,rgba(17,17,17,0) 72%),radial-gradient(32% 42% at 98% 88%,#E3E3E3 0,rgba(17,17,17,0) 72%),radial-gradient(26% 34% at 56% 50%,#EAEAEA 0,rgba(17,17,17,0) 72%)!important;background-color:#FFFFFF!important;background-size:cover!important;background-position:center!important;overflow:hidden}
body.tsh-page .elementor-131 .tsh-hero::before{content:""!important;position:absolute!important;inset:auto!important;top:9%!important;bottom:11%!important;right:max(3vw,24px)!important;left:auto!important;width:42%!important;z-index:0!important;opacity:1!important;border-radius:40px!important;background:url(/wp-content/uploads/2026/10/tts-low-top-sneakers.jpg) center/cover no-repeat!important;border:8px solid #fff!important;box-shadow:0 40px 80px -40px rgba(17,17,17,.55),0 24px 50px -30px rgba(17,17,17,.5)!important;transform:rotate(2deg);mix-blend-mode:normal!important}
body.tsh-page .elementor-131 .tsh-hero::after{content:"";position:absolute;z-index:0;top:4%;right:calc(max(3vw,24px) + 30%);width:150px;height:150px;border-radius:50%;background:conic-gradient(from 90deg,#E10600,#E10600,#E10600,#E10600,#B00500,#B00500,#E10600);filter:blur(2px);opacity:.9;-webkit-mask:radial-gradient(circle,transparent 46%,#000 48%);mask:radial-gradient(circle,transparent 46%,#000 48%);pointer-events:none}
body.tsh-page .elementor-131 .tsh-hero__inner{position:relative;z-index:1}
body.tsh-page .elementor-131 .tsh-hero__copy::before{display:none}
@media (max-width:1024px){
	body.tsh-page .elementor-131 .tsh-hero::before{top:auto!important;bottom:-6%!important;right:-8%!important;width:62%!important;height:44%!important;opacity:.35!important;transform:rotate(-6deg)}
	body.tsh-page .elementor-131 .tsh-hero::after{width:96px;height:96px;top:3%;right:6%}
}

/* ---------- Pastel panels alternate down the page ---------- */
body.tsh-page .elementor-131 .tsh-brands,
body.tsh-page .elementor-131 .tsh-steps,
body.tsh-page .elementor-131 .tsh-faq{margin-top:clamp(72px,9vw,128px);padding-bottom:clamp(72px,9vw,128px)!important}
body.tsh-page .elementor-131 .tsh-brands{background:linear-gradient(135deg,#F4F4F4 0%,#F0F0F0 100%)!important}
body.tsh-page .elementor-131 .tsh-steps{background:linear-gradient(135deg,#F1F1F1 0%,#F4F4F4 100%)!important}
body.tsh-page .elementor-131 .tsh-faq{background:linear-gradient(135deg,#FFFFFF 0%,#ECECEC 100%)!important}

/* ---------- Shop-by-style tiles: one colour each ---------- */
body.tsh-page .elementor-131 .tsh-tile{--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-bento>.tsh-tile:nth-child(2){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-bento>.tsh-tile:nth-child(3){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-bento>.tsh-tile:nth-child(4){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-bento>.tsh-tile:nth-child(5){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-bento>.tsh-tile:nth-child(6){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-tile::after,
body.tsh-page .elementor-131 .tsh-brand::after{background:linear-gradient(180deg,rgba(var(--mc-tile),0) 38%,rgba(var(--mc-tile),.55) 66%,rgba(var(--mc-tile),.94) 100%)!important}
body.tsh-page .elementor-131 .tsh-tile .elementor-heading-title,
body.tsh-page .elementor-131 .tsh-brand .elementor-heading-title{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.18)}
body.tsh-page .elementor-131 .tsh-tile:hover{box-shadow:0 26px 50px -26px rgba(var(--mc-tile),.75)!important}

/* ---------- Brand tiles: rotating colours ---------- */
body.tsh-page .elementor-131 .tsh-brand{--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-brandgrid>.tsh-brand:nth-child(8n+2){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-brandgrid>.tsh-brand:nth-child(8n+3){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-brandgrid>.tsh-brand:nth-child(8n+4){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-brandgrid>.tsh-brand:nth-child(8n+5){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-brandgrid>.tsh-brand:nth-child(8n+6){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-brandgrid>.tsh-brand:nth-child(8n+7){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-brandgrid>.tsh-brand:nth-child(8n+8){--mc-tile:10,10,10}
body.tsh-page .elementor-131 .tsh-brand:hover{box-shadow:0 22px 44px -24px rgba(var(--mc-tile),.8)!important}

/* ---------- Product cards: white cards, coloured category chips ---------- */
.woocommerce ul.products li.product{--mc-chip:10,10,10;background:#fff;border:1px solid #F1F1F1;border-radius:26px;padding:10px 10px 16px!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.woocommerce ul.products li.product:nth-child(5n+2){--mc-chip:10,10,10}
.woocommerce ul.products li.product:nth-child(5n+3){--mc-chip:10,10,10}
.woocommerce ul.products li.product:nth-child(5n+4){--mc-chip:10,10,10}
.woocommerce ul.products li.product:nth-child(5n+5){--mc-chip:10,10,10}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);border-color:rgba(var(--mc-chip),.35);box-shadow:0 24px 44px -26px rgba(var(--mc-chip),.6)}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap{border-radius:18px!important;overflow:hidden}
.woocommerce ul.products li.product .astra-shop-summary-wrap{padding:12px 6px 0!important}
.woocommerce ul.products li.product .ast-woo-product-category{display:inline-block!important;width:auto!important;margin-bottom:8px!important;padding:5px 10px!important;border-radius:999px;background:rgba(var(--mc-chip),.1)!important;color:rgb(var(--mc-chip))!important;font-size:10.5px!important;letter-spacing:.08em}
.woocommerce ul.products li.product .ast-woo-product-category a{color:inherit!important}
.tsh-products li.product:hover .astra-shop-thumbnail-wrap{transform:none!important;box-shadow:none!important}
.tsh-products ul.products li.product .button{border-color:rgba(var(--mc-chip),.45)!important;color:rgb(var(--mc-chip))!important}
.woocommerce ul.products li.product .button:hover,.woocommerce ul.products li.product .button:focus-visible{background:var(--mc-grad)!important;border-color:transparent!important;color:#fff!important}

/* ---------- Steps: white cards on the peach panel ---------- */
body.tsh-page .elementor-131 .tsh-step{background:#fff!important;border:0!important;border-top:4px solid var(--mc-violet)!important;border-radius:26px!important;padding:clamp(22px,2.4vw,32px)!important;box-shadow:0 18px 40px -30px rgba(17,17,17,.5)}
body.tsh-page .elementor-131 .tsh-step:nth-child(2){border-top-color:var(--mc-pink)!important}
body.tsh-page .elementor-131 .tsh-step:nth-child(3){border-top-color:var(--mc-orange)!important}

/* ---------- FAQ: white question cards with a colour bar ---------- */
body.tsh-page .elementor-131 .tsh-faq__list .elementor-toggle-item{background:#fff;border:0!important;border-left:4px solid var(--mc-violet)!important;border-radius:18px;margin-bottom:12px!important;overflow:hidden;box-shadow:0 12px 30px -24px rgba(17,17,17,.6)}
body.tsh-page .elementor-131 .tsh-faq__list .elementor-toggle-item:nth-child(5n+2){border-left-color:var(--mc-pink)!important}
body.tsh-page .elementor-131 .tsh-faq__list .elementor-toggle-item:nth-child(5n+3){border-left-color:var(--mc-orange)!important}
body.tsh-page .elementor-131 .tsh-faq__list .elementor-toggle-item:nth-child(5n+4){border-left-color:var(--mc-sky)!important}
body.tsh-page .elementor-131 .tsh-faq__list .elementor-toggle-item:nth-child(5n+5){border-left-color:var(--mc-green)!important}
body.tsh-page .elementor-131 .tsh-faq__list .elementor-tab-title,body.tsh-page .elementor-131 .tsh-faq__list .elementor-tab-content{border:0!important;padding-left:22px!important;padding-right:22px!important}

/* ---------- Reviews: pastel cards ---------- */
body.tsh-page .elementor-131 .tsh-rv{border:0!important;border-radius:24px!important;background:var(--mc-p-violet)!important}
body.tsh-page .elementor-131 .tsh-rv:nth-child(3n+2){background:var(--mc-p-pink)!important}
body.tsh-page .elementor-131 .tsh-rv:nth-child(3n+3){background:var(--mc-p-sky)!important}

/* ---------- Footer: soft colour wash ---------- */
.elementor-155{background:radial-gradient(40% 80% at 0% 0%,#F5F5F5 0,rgba(17,17,17,0) 70%),radial-gradient(40% 80% at 100% 100%,#F4F4F4 0,rgba(17,17,17,0) 70%),#FFFFFF!important}

/* ---------- Product page: colour washes behind the gallery and buy box ---------- */
body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{background:linear-gradient(135deg,#F5F5F5,#F4F4F4 55%,#EEEEEE)!important}

@media (prefers-reduced-motion:reduce){.woocommerce ul.products li.product{transition:none}.woocommerce ul.products li.product:hover{transform:none}}

/* ---------- Fixes: keep hero text clear of the photo card; tint product cards ---------- */
@media (min-width:1025px){body.tsh-page .elementor-131 .tsh-hero__copy{max-width:min(600px,50%)!important;flex-basis:min(600px,50%)!important}}
.woocommerce ul.products li.product{background:linear-gradient(180deg,#fff 0%,#fff 55%,rgba(var(--mc-chip),.07) 100%)!important;border-color:rgba(var(--mc-chip),.16)!important}
@media (max-width:767px){
	body.tsh-page .elementor-131 .tsh-hero::before{top:22px!important;bottom:auto!important;left:16px!important;right:16px!important;width:auto!important;height:250px!important;opacity:1!important;border-width:6px!important;border-radius:28px!important;transform:rotate(-1.5deg)}
	body.tsh-page .elementor-131 .tsh-hero::after{width:84px;height:84px;top:4px;right:6px}
}

/* speed: one font family for header, footer and body text (replaces Roboto / Open Sans / Plus Jakarta Sans) */
body,.elementor-154 :is(.elementor-nav-menu,.elementor-nav-menu a,.elementor-sub-item,.elementor-widget-text-editor,.elementor-widget-text-editor *,.elementor-menu-cart__container,.elementor-menu-cart__container *,.elementor-button-text,.elementor-button-icon-qty),.elementor-155 :is(.elementor-icon-list-text,.elementor-widget-text-editor,.elementor-widget-text-editor *,.elementor-heading-title){font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
/* speed: no live blur behind the sticky header on phones (repaints on every scroll frame) */
@media (max-width:1024px){.elementor-154 .site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.97)!important}}
/* speed: static gradient on the top offer bar (the moving one repainted every frame on every page) */
.elementor-154 .marquee-wrap{animation:none!important;background-size:100% 100%!important}
/* speed: no blur / endless pulse on each of the 12 video cards */
.tlv-card__live{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(17,17,17,.78)!important}
.tlv-card__live i{animation:none!important}
.tlv-box{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(17,17,17,.92)!important}

/* =====================================================================
   Black & white + hot red (#E10600). Clean-ups after the colour swap.
   ===================================================================== */
.elementor-154 .marquee-wrap{background:#0A0A0A!important}
.elementor-154 .site-header::after{background:#E10600!important;opacity:1}
.elementor-155::before{background:#E10600!important}
.pd-line{stroke:#E10600!important}
/* FAQ: plain cards, no coloured side bars */
body.tsh-page .elementor-131 .tsh-faq__list .elementor-toggle-item,
body.tsh-page .elementor-131 .tsh-faq__list .elementor-toggle-item:nth-child(n){border:1px solid #E6E6E6!important;box-shadow:none}
/* steps: one accent */
body.tsh-page .elementor-131 .tsh-step,body.tsh-page .elementor-131 .tsh-step:nth-child(n){border-top-color:#0A0A0A!important}
body.tsh-page .elementor-131 .tsh-step.pd-on:nth-child(n) .tsh-step__num .elementor-heading-title{color:#E10600!important;-webkit-text-fill-color:#E10600!important}
/* hero: clean white with one soft grey glow */
body.tsh-page .elementor-131 .tsh-hero{background-image:radial-gradient(55% 60% at 88% 18%,#F0F0F0 0,rgba(240,240,240,0) 72%),radial-gradient(40% 50% at 0% 100%,#F5F5F5 0,rgba(245,245,245,0) 72%)!important;background-color:#FFFFFF!important}
/* stats band: bold black strip, white type, red numbers */
body.tsh-page .elementor-131 .tsh-band{background:#0A0A0A!important;background-image:none!important}
body.tsh-page .elementor-131 .tsh-band .tsh-band__title .elementor-heading-title{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-shadow:none!important}
body.tsh-page .elementor-131 .tsh-band .tsh-band__title .elementor-heading-title :is(em,span,strong){color:#E10600!important;-webkit-text-fill-color:#E10600!important}
body.tsh-page .elementor-131 .tsh-band .tsh-stat__num .elementor-heading-title{color:#E10600!important;-webkit-text-fill-color:#E10600!important;text-shadow:none!important}
body.tsh-page .elementor-131 .tsh-band .tsh-stat__label,body.tsh-page .elementor-131 .tsh-band .tsh-stat__label *{color:#BDBDBD!important}
body.tsh-page .elementor-131 .tsh-band .tsh-stat{background:transparent!important;border-color:rgba(255,255,255,.14)!important;box-shadow:none!important}
/* steps: clean white cards with a thin outline */
body.tsh-page .elementor-131 .tsh-step,body.tsh-page .elementor-131 .tsh-step:nth-child(n){border:1px solid #E6E6E6!important;box-shadow:0 18px 40px -32px rgba(0,0,0,.35)}
/* WhatsApp buttons keep a green 3D edge */
html body.tsh-page .elementor-131 .elementor-element.tsh-btn--wa .elementor-button{box-shadow:0 4px 0 #128C7E!important}
html body.tsh-page .elementor-131 .elementor-element.tsh-btn--wa .elementor-button:active{box-shadow:0 1px 0 #128C7E!important}
/* FAQ: full width on phones, + sign never overlaps the question */
@media (max-width:1024px){body.tsh-page .elementor-131 .tsh-faq__list{width:100%!important;max-width:100%!important;align-self:stretch!important}}
body.tsh-page .elementor-131 .tsh-faq__list .elementor-tab-title{display:flex!important;align-items:center;gap:14px}
body.tsh-page .elementor-131 .tsh-faq__list .elementor-tab-title .elementor-toggle-icon{order:2;margin-left:auto;float:none!important;flex:none}
body.tsh-page .elementor-131 .tsh-faq__list .elementor-tab-title .elementor-toggle-title{flex:1;min-width:0}