/*
Theme Name: Two Newts Trade
Theme URI: https://twonewts.co.uk
Author: Two Newts Print Shop
Description: Bold black, magenta and hi-viz lime block theme for Two Newts, built for WooCommerce.
Version: 3.10.4
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: two-newts-trade
*/

/* Hazard stripe: the signature element */
.tn-stripe{height:22px;background:repeating-linear-gradient(-45deg,var(--wp--preset--color--lime) 0 22px,#0E0E0E 22px 44px)}

/* Tag labels */
.tn-tag{display:inline-block;width:fit-content;padding:.45em 1em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;line-height:1.2}
.tn-tag.is-lime{background:var(--wp--preset--color--lime);color:#0E0E0E}
.tn-tag.is-magenta{background:var(--wp--preset--color--magenta);color:#fff}
.tn-tag.is-ink{background:var(--wp--preset--color--ink);color:var(--tn-accent-text)}

/* Chips */
ul.tn-chips{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none}
ul.tn-chips li{border:3px solid var(--wp--preset--color--lime);color:var(--tn-accent-text);font-weight:800;text-transform:uppercase;padding:.4em 1em;letter-spacing:.04em}

/* Bundle cards */
.tn-card{border:3px solid var(--wp--preset--color--steel);display:flex;flex-direction:column;height:100%;box-sizing:border-box}
.tn-card:hover,.tn-card:focus-within{border-color:var(--wp--preset--color--lime)}
ul.tn-kit{list-style:none;padding:0;margin:0}
ul.tn-kit li{border-bottom:2px solid var(--wp--preset--color--steel);padding:.6em 0;font-weight:600;font-size:1.1rem}
ul.tn-kit li strong{font-family:var(--wp--preset--font-family--display);color:var(--tn-accent-text);display:inline-block;min-width:2.6em;font-weight:400}
.tn-price{margin-top:auto!important;background:var(--wp--preset--color--magenta);color:#fff;padding:1rem 1.25rem}
.tn-price p{margin:0}
.tn-amount{font-family:var(--wp--preset--font-family--display);font-size:2rem;line-height:1}
.tn-card .wp-block-button,.tn-card .wp-block-button__link{width:100%;text-align:center;box-sizing:border-box}

/* Cards on lime */
.tn-pack{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--white);height:100%;display:flex;flex-direction:column;box-sizing:border-box}
.tn-pack h3{color:var(--tn-accent-text)}
.tn-pack .wp-block-buttons{margin-top:auto}

/* Steps */
.tn-step-num{font-family:var(--wp--preset--font-family--display);font-size:4rem;line-height:1;color:var(--wp--preset--color--magenta);margin:0}

/* Focus + motion */
a:focus-visible,button:focus-visible,.wp-block-button__link:focus-visible{outline:3px solid var(--wp--preset--color--magenta);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* WooCommerce */
.woocommerce-store-notice,p.demo_store{background:var(--wp--preset--color--magenta)!important}
.wc-block-components-product-price,.woocommerce .price{font-family:var(--wp--preset--font-family--display);font-weight:400}
.wc-block-components-button:not(.is-link),.woocommerce a.button,.woocommerce button.button,.single_add_to_cart_button{background:var(--wp--preset--color--lime)!important;color:#0E0E0E!important;border-radius:0!important;font-weight:800!important;text-transform:uppercase}
.wc-block-components-product-sale-badge,.onsale{background:var(--wp--preset--color--magenta)!important;color:#fff!important;border:0!important;border-radius:0!important}
.wc-block-mini-cart__badge{background:var(--wp--preset--color--magenta)!important;color:#fff!important}
.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{background:#fff;color:#0E0E0E;border-radius:0}
.wc-block-components-panel,.wc-block-components-totals-wrapper{border-color:var(--wp--preset--color--steel)!important}

.tn-lede{max-width:40rem}
.tn-service{border-top:4px solid var(--wp--preset--color--magenta);padding-top:1rem}
.tn-service a{color:var(--wp--preset--color--white);text-decoration:none}
.tn-service a:hover{color:var(--tn-accent-text)}
.has-lime-background-color .tn-pack .wp-block-button__link{background:var(--wp--preset--color--lime);color:#0E0E0E}

/* Business print cards */
.tn-from{font-family:var(--wp--preset--font-family--display);color:var(--tn-accent-text);font-size:1.6rem;line-height:1;margin-top:auto!important}
.tn-also{border-top:2px solid var(--wp--preset--color--steel);padding-top:1rem}

/* FAQ */
.tn-faq{border-bottom:2px solid var(--wp--preset--color--steel);padding:1rem 0}
.tn-faq summary{font-weight:800;font-size:1.2rem;cursor:pointer}
.tn-faq summary::marker{color:var(--tn-accent-text)}
.tn-faq p{margin-top:.75rem;max-width:44rem}
.has-lime-background-color .tn-service{border-top-color:var(--wp--preset--color--ink)}
.has-lime-background-color .tn-service h3{color:#0E0E0E}

/* ===== Dance schools landing ===== */
.tn-dance strong,.tn-dance h1 strong,.tn-dance h2 strong{font-family:var(--wp--preset--font-family--graffiti);font-weight:400;text-transform:none;color:var(--tn-accent-text);display:inline-block;transform:rotate(-3deg)}
.tn-dance h1 em,.tn-dance h2 em{font-family:var(--wp--preset--font-family--grace);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;color:var(--tn-pink-text,#F9C6DD)}
.tn-d-hero,.tn-d-cta,.tn-d-street,.tn-d-soft{position:relative;overflow:hidden;isolation:isolate}
.tn-d-hero>*,.tn-d-cta>*,.tn-d-street>*,.tn-d-soft>*{position:relative;z-index:1}
.tn-d-hero::before,.tn-d-hero::after,.tn-d-cta::before,.tn-d-cta::after,.tn-d-street::after,.tn-d-soft::after{content:"";position:absolute;z-index:0;pointer-events:none;background-repeat:no-repeat}
.tn-d-hero::before{width:min(62vw,560px);aspect-ratio:1;right:-12%;top:-18%;background-image:url(assets/images/splat-magenta.svg);background-size:contain}
.tn-d-hero::after{left:0;right:0;top:30%;height:60%;background-image:url(assets/images/ribbon-white.svg);background-size:100% 100%}
.tn-d-hero h1{max-width:12ch;font-size:clamp(3rem,9vw,7.5rem)}
.tn-d-card{position:relative;overflow:hidden}
.tn-d-card::after{content:"";position:absolute;width:110px;height:110px;right:-34px;top:-34px;background:url(assets/images/splat-magenta.svg) no-repeat center/contain;opacity:.35;pointer-events:none}
.tn-d-card:nth-child(even)::after{background-image:url(assets/images/splat-lime.svg)}
.tn-d-split{gap:0!important;margin:0!important}
.tn-d-split>.wp-block-column{padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,4.5rem);display:flex;flex-direction:column;gap:1rem}
.tn-d-street{background:var(--wp--preset--color--ink);border-top:3px solid var(--wp--preset--color--steel);border-bottom:3px solid var(--wp--preset--color--steel)}
.tn-d-street h2{font-size:clamp(2.4rem,5vw,3.6rem)}
.tn-d-street::after{width:320px;aspect-ratio:1;right:-90px;bottom:-110px;background-image:url(assets/images/splat-lime.svg);background-size:contain}
.tn-d-soft{background:var(--wp--preset--color--blush);color:#0E0E0E}
.tn-d-soft h2 em{color:#0E0E0E}
.tn-d-soft h2{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.05}
.tn-d-soft .tn-tag.is-ink{color:var(--tn-pink-text,#F9C6DD)}
.tn-d-soft::after{left:0;right:0;top:40%;height:70%;background-image:url(assets/images/ribbon-magenta.svg);background-size:100% 100%}
ul.tn-d-list{margin:0;padding-left:1.1rem;line-height:1.9}
.tn-d-street li::marker{color:var(--tn-accent-text)}
.tn-d-soft li::marker{color:var(--wp--preset--color--magenta)}
.tn-d-cta::before{width:min(50vw,420px);aspect-ratio:1;left:-10%;bottom:-30%;background-image:url(assets/images/splat-ink.svg);background-size:contain;opacity:.25}
.tn-d-cta::after{left:0;right:0;top:10%;height:90%;background-image:url(assets/images/ribbon-white.svg);background-size:100% 100%;opacity:.8}
.tn-d-cta h2 strong{color:#0E0E0E}
.tn-d-cta h2 em{color:var(--wp--preset--color--white)}
.tn-cross h3{color:var(--tn-accent-text)}

/* ===== Schools & clubs ===== */
.tn-inline-num{font-family:var(--wp--preset--font-family--display);color:var(--wp--preset--color--magenta);font-size:1.6em;margin-right:.35rem;vertical-align:-.1em}
.tn-leavers h2 strong{font-size:1.1em}
.tn-addon{color:var(--tn-text-muted,#BDBDBD);font-size:.95rem}
.has-concrete-background-color .tn-card{background:transparent}
.tn-opt .tn-ic{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.tn-ic-stitch{border:3px dashed var(--wp--preset--color--lime)}
.tn-ic-print{background:var(--wp--preset--color--lime)}
.tn-sw{height:64px;border:1px solid var(--wp--preset--color--steel)}
.tn-sw-dtf{background:linear-gradient(90deg,#E6007E 0 33%,#B8E62E 33% 66%,#fff 66%)}
.tn-sw-glitter{background-color:#c9c9d6;background-image:radial-gradient(circle at 20% 30%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 70% 60%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 40% 80%,#ffd6ec 0 1.3px,transparent 2px),radial-gradient(circle at 85% 20%,#fff 0 1px,transparent 1.6px),linear-gradient(120deg,#e8e8f0,#b9b9c9 40%,#f4f4f8 60%,#a9a9bb);background-size:14px 14px,17px 17px,11px 11px,9px 9px,100% 100%}
.tn-back{background:#ECECEC;color:#0E0E0E;border:3px solid var(--wp--preset--color--steel)}
.tn-back p{color:#444}
.tn-back img,.tn-pos img{width:100%;height:auto;display:block}
.tn-pos{border:3px solid var(--wp--preset--color--steel);text-align:center}
.tn-pos img{max-width:170px;margin:0 auto}
ul.tn-sizes{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
ul.tn-sizes li{border:2px solid var(--wp--preset--color--lime);color:var(--tn-accent-text);font-weight:800;padding:.3em .7em;font-size:.95rem}
ul.tn-sizes li.is-kid{border-color:var(--wp--preset--color--pink);color:var(--tn-pink-text,#F9C6DD)}
.tn-bulk{overflow-x:auto}
.tn-bulk table{border-collapse:collapse;width:100%;min-width:520px}
.tn-bulk th,.tn-bulk td{border:2px solid var(--wp--preset--color--steel);padding:.8rem 1rem;text-align:left}
.tn-bulk thead th{background:var(--wp--preset--color--magenta);color:#fff;text-transform:uppercase;font-size:.9rem;letter-spacing:.04em}
.tn-bulk td:first-child{font-weight:800}
.tn-bulk td:not(:first-child){font-family:var(--wp--preset--font-family--display);color:var(--tn-accent-text)}

/* ===== v1.5: header + layout ===== */
.tn-inner{width:100%}
.tn-tag{display:block}
.tn-wordmark{margin:0;font-family:var(--wp--preset--font-family--display);font-size:clamp(1.3rem,3vw,1.75rem);text-transform:uppercase;line-height:1;white-space:nowrap}
.tn-wordmark a{color:var(--wp--preset--color--white);text-decoration:none}
.tn-wordmark span{color:var(--wp--preset--color--magenta)}
.tn-header{gap:1rem}
.tn-header-right{gap:1.25rem}
.tn-header .wp-block-navigation{gap:1.5rem}
.tn-header .wp-block-navigation a{color:var(--wp--preset--color--white);text-decoration:none}
.tn-header .wp-block-navigation a:hover{color:var(--tn-accent-text)}
.tn-header .wp-block-navigation__responsive-container-open{color:var(--wp--preset--color--white)}
.tn-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.5rem}
.has-huge-font-size,.wp-block-heading.has-huge-font-size{line-height:.95}
h1.wp-block-heading{max-width:14ch}

/* ===== v1.6: header spacing, product grids, product pages ===== */
.tn-header{padding-left:var(--wp--style--root--padding-left,clamp(1.25rem,5vw,4.5rem))!important;padding-right:var(--wp--style--root--padding-right,clamp(1.25rem,5vw,4.5rem))!important}
/* Product grids (landing pages and shop) */
.woocommerce ul.products,.wc-block-grid__products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1.25rem;margin:0!important;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--wp--preset--color--concrete);border:3px solid var(--wp--preset--color--steel);padding:0 0 1rem!important;display:flex;flex-direction:column}
.has-concrete-background-color .woocommerce ul.products li.product{background:var(--wp--preset--color--ink)}
.woocommerce ul.products li.product:hover{border-color:var(--wp--preset--color--lime)}
.woocommerce ul.products li.product a img{margin:0 0 .75rem!important;background:#ECECEC;aspect-ratio:1;object-fit:contain}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--wp--preset--font-family--body)!important;font-size:1rem!important;font-weight:800;text-transform:none;line-height:1.3;color:var(--wp--preset--color--white);padding:0 1rem!important}
.woocommerce ul.products li.product .price{color:var(--tn-accent-text)!important;font-size:1.2rem!important;padding:0 1rem;margin:.4rem 0 .9rem!important}
.woocommerce ul.products li.product .button{margin:auto 1rem 0!important;text-align:center}
.woocommerce ul.products li.product a{text-decoration:none}
.woocommerce ul.products li.product .star-rating{margin:0 1rem .4rem}
/* Single product: sensible title size, light image backdrop */
.single-product h1,.single-product .product_title,.single-product .wp-block-post-title{font-size:clamp(1.8rem,3.4vw,2.8rem)!important;line-height:1.05;max-width:none}
.single-product .woocommerce-product-gallery img{background:#ECECEC}
.woocommerce-breadcrumb,.wc-block-breadcrumbs{font-size:.85rem;text-transform:uppercase}

/* ===== v1.7: shop, category and product pages ===== */
.tn-shop-main{padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60)}
.woocommerce-products-header__title,.woocommerce .page-title{font-size:clamp(2.2rem,5vw,3.5rem)!important;margin:.5rem 0 1rem}
.term-description,.woocommerce-products-header p{max-width:44rem}
.woocommerce .woocommerce-result-count{color:var(--tn-text-muted,#BDBDBD);margin:0 0 1rem}
.woocommerce .woocommerce-ordering select{background:#fff;color:#0E0E0E;border:0;border-radius:0;min-height:44px;padding:0 .75rem;font:inherit}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 .25rem}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:var(--wp--preset--color--concrete);color:var(--wp--preset--color--white);min-width:44px;padding:.7rem;font-weight:800}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--wp--preset--color--lime);color:#0E0E0E}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--wp--preset--color--concrete);border-color:var(--wp--preset--color--steel)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--wp--preset--color--lime)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#0E0E0E}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--tn-accent-text);font-size:1.8rem}
.woocommerce div.product form.cart .variations select,.woocommerce .quantity .qty{background:#fff;color:#0E0E0E;min-height:44px;border-radius:0}
.woocommerce span.onsale{min-height:auto;min-width:auto;padding:.4rem .7rem;line-height:1;top:.5rem;left:.5rem}

/* ===== v1.8: heroes, chips, wordmark ===== */
.tn-hero{padding-top:clamp(2rem,4vw,3.5rem)!important;padding-bottom:clamp(2rem,4vw,3.5rem)!important}
.tn-hero h1{font-size:clamp(2.6rem,6vw,4.6rem)!important}
.tn-hero-cols{gap:clamp(1.5rem,4vw,3rem)!important;margin:0!important}
.tn-hero-img img{width:100%;height:auto;max-height:460px;object-fit:contain}
ul.tn-chips{gap:.4rem 1.25rem}
ul.tn-chips li{border:0;padding:0;color:var(--tn-text-muted,#BDBDBD);font-weight:600;font-size:.95rem;text-transform:none;letter-spacing:0;display:flex;align-items:center;gap:.5rem}
ul.tn-chips li::before{content:"";width:9px;height:9px;background:var(--wp--preset--color--lime);flex-shrink:0}
.tn-wordmark small{display:block;font-family:var(--wp--preset--font-family--body);font-weight:800;font-size:.38em;letter-spacing:.32em;color:var(--tn-accent-text);margin-top:.35em}
.tn-products{width:100%}
@media (max-width:781px){.tn-hero-img img{max-height:240px}}

/* ===== v1.9: shop page ===== */
.tn-shop-intro{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}
.tn-shop-intro h1{font-size:clamp(2.2rem,5vw,3.5rem)!important}
.tn-shop-search .wp-block-search__inside-wrapper{border:0;padding:0;max-width:640px}
.tn-shop-search .wp-block-search__input{min-height:54px;border:0;border-radius:0;background:#fff;color:#0E0E0E;font-size:1.05rem;padding:0 1rem}
.tn-shop-search .wp-block-search__button{margin-left:0;border-radius:0;background:var(--wp--preset--color--lime);color:#0E0E0E;font-weight:800;text-transform:uppercase;padding:0 1.5rem}
.tn-cat-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}
.tn-cat-pills a{border:2px solid var(--wp--preset--color--steel);color:var(--wp--preset--color--white);text-decoration:none;font-weight:700;font-size:.9rem;padding:.45rem .9rem}
.tn-cat-pills a:hover,.tn-cat-pills a:focus-visible{border-color:var(--wp--preset--color--lime);color:var(--tn-accent-text)}
.woocommerce .woocommerce-result-count{font-size:.9rem;float:left;margin:.8rem 0 1.25rem}
.woocommerce .woocommerce-ordering{float:right;margin:0 0 1.25rem}
.woocommerce ul.products{clear:both}
.woocommerce ul.products li.product .woocommerce-loop-product__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.woocommerce ul.products li.product .price del{color:var(--tn-text-muted,#BDBDBD);font-size:.85em;opacity:1}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{font-size:.85rem!important;padding:.75rem 1rem!important}
@media (max-width:600px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:.9rem!important;padding:0 .6rem!important}.woocommerce ul.products li.product .price{padding:0 .6rem;font-size:1rem!important}.woocommerce ul.products li.product .button{margin:auto .6rem 0!important;font-size:.75rem!important}.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{float:none}}

/* ===== v1.9.1: pages a plugin renders the old way ===== */
.tn-classic-main{max-width:1240px;margin:0 auto;padding:var(--wp--preset--spacing--50) var(--wp--style--root--padding-right,clamp(1.25rem,5vw,4.5rem)) var(--wp--preset--spacing--60);box-sizing:content-box}
.tn-classic-main #primary,.tn-classic-main #main{width:100%;float:none;margin:0;padding:0}

/* ===================== v2.0: My Account ===================== */
.tn-account{--tn-gap:clamp(1.25rem,3vw,2.5rem)}
:is(.tn-account,.woocommerce-account) .woocommerce,.woocommerce-account main .woocommerce{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:var(--tn-gap);align-items:start}
:is(.tn-account,.woocommerce-account) .woocommerce>.woocommerce-notices-wrapper,:is(.tn-account,.woocommerce-account) .woocommerce>.tn-login-wrap{grid-column:1/-1}
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation,:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-content{float:none!important;width:auto!important}
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;position:sticky;top:1rem}
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation a{display:block;padding:.8rem 1rem;border:2px solid var(--wp--preset--color--steel);color:var(--wp--preset--color--white);text-decoration:none;font-weight:700}
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation a:hover{border-color:var(--wp--preset--color--lime);color:var(--tn-accent-text)}
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation li.is-active a{background:var(--wp--preset--color--lime);border-color:var(--wp--preset--color--lime);color:#0E0E0E}
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation-link--customer-logout a{border-color:transparent;color:var(--tn-text-muted,#BDBDBD);font-weight:600}
.tn-kicker{margin:0;color:var(--tn-accent-text);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.tn-small{color:var(--tn-text-muted,#BDBDBD);font-size:.9rem;margin:.25rem 0 0}
.tn-dash{display:flex;flex-direction:column;gap:var(--tn-gap)}
.tn-dash h2,.tn-order-status h2{font-size:clamp(2rem,4vw,3rem);margin:.25rem 0}
.tn-dash h3{font-size:1.3rem;margin:.2rem 0}
.tn-dash p{margin:0}
.tn-dash-latest,.tn-dash-trade,.tn-dash-help,.tn-order-status{background:var(--wp--preset--color--concrete);border:3px solid var(--wp--preset--color--steel);padding:clamp(1rem,3vw,1.75rem);display:flex;flex-direction:column;gap:1rem}
.tn-dash-latest-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.tn-pill{background:var(--wp--preset--color--magenta);color:#fff;font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;padding:.35rem .7rem}
.tn-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));counter-reset:none}
.tn-track li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;font-size:.85rem;color:var(--tn-text-muted,#BDBDBD);font-weight:600}
.tn-track li::before{content:"";position:absolute;top:10px;left:-50%;width:100%;height:4px;background:var(--wp--preset--color--steel);z-index:0}
.tn-track li:first-child::before{display:none}
.tn-track li.is-done::before,.tn-track li.is-current::before{background:var(--wp--preset--color--lime)}
.tn-track-dot{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;background:var(--wp--preset--color--ink);border:4px solid var(--wp--preset--color--steel)}
.tn-track li.is-done .tn-track-dot{background:var(--wp--preset--color--lime);border-color:var(--wp--preset--color--lime)}
.tn-track li.is-current .tn-track-dot{background:var(--wp--preset--color--magenta);border-color:var(--wp--preset--color--magenta);box-shadow:0 0 0 5px rgba(230,0,126,.3)}
.tn-track li.is-done,.tn-track li.is-current{color:var(--wp--preset--color--white)}
.tn-track-stopped{color:var(--tn-pink-text,#F9C6DD);font-weight:700}
.tn-dash-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:.75rem}
.tn-tile{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem;border:3px solid var(--wp--preset--color--steel);color:var(--wp--preset--color--white)!important;text-decoration:none!important;min-height:6.5rem}
.tn-tile strong{font-family:var(--wp--preset--font-family--display);font-weight:400;text-transform:uppercase;font-size:1.15rem}
.tn-tile span{color:var(--tn-text-muted,#BDBDBD);font-size:.9rem}
.tn-tile:hover,.tn-tile:focus-visible{border-color:var(--wp--preset--color--lime)}
.tn-tile.is-lime{background:var(--wp--preset--color--lime);border-color:var(--wp--preset--color--lime)}
.tn-tile.is-lime,.tn-tile.is-lime span{color:#0E0E0E!important}
.tn-dash-trade{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;border-color:var(--wp--preset--color--magenta)}
.tn-btn-sm{display:inline-block;background:var(--wp--preset--color--white);color:#0E0E0E!important;font-weight:800;text-transform:uppercase;text-decoration:none!important;padding:.75rem 1.1rem;font-size:.9rem}
.tn-btn-sm.is-lime{background:var(--wp--preset--color--lime)}
.tn-help-links{display:flex;flex-wrap:wrap;gap:1rem}
.tn-help-links a{color:var(--tn-accent-text);font-weight:700}
.tn-order-status{margin-bottom:1.5rem}
/* Tables, forms and buttons inside the account */
:is(.tn-account,.woocommerce-account) table.shop_table{border:0;border-collapse:collapse;width:100%}
:is(.tn-account,.woocommerce-account) table.shop_table th{background:var(--wp--preset--color--concrete);color:var(--wp--preset--color--white);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;border:0;padding:.8rem}
:is(.tn-account,.woocommerce-account) table.shop_table td{border-top:2px solid var(--wp--preset--color--steel);padding:.9rem .8rem;border-left:0;border-right:0}
:is(.tn-account,.woocommerce-account) .woocommerce-orders-table__cell-order-status{font-weight:700;color:var(--tn-accent-text)}
:is(.tn-account,.woocommerce-account) .woocommerce-button,:is(.tn-account,.woocommerce-account) .button{background:var(--wp--preset--color--lime)!important;color:#0E0E0E!important;border-radius:0!important;font-weight:800!important;text-transform:uppercase;margin:.15rem}
:is(.tn-account,.woocommerce-account) input.input-text,:is(.tn-account,.woocommerce-account) select,:is(.tn-account,.woocommerce-account) textarea{min-height:48px;border:0!important;border-radius:0!important;background:#fff;color:#0E0E0E;padding:.6rem .8rem;width:100%;box-sizing:border-box}
:is(.tn-account,.woocommerce-account) label{font-weight:700}
:is(.tn-account,.woocommerce-account) fieldset{border:2px solid var(--wp--preset--color--steel);padding:1rem;margin:1.5rem 0}
:is(.tn-account,.woocommerce-account) .woocommerce-Addresses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}
:is(.tn-account,.woocommerce-account) .woocommerce-Address{border:3px solid var(--wp--preset--color--steel);padding:1.25rem;width:auto!important;float:none!important}
:is(.tn-account,.woocommerce-account) .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;gap:1rem}
:is(.tn-account,.woocommerce-account) .woocommerce-Address-title h2{font-size:1.4rem;margin:0}
:is(.tn-account,.woocommerce-account) .woocommerce-Address-title a{color:var(--tn-accent-text);font-weight:700}
/* Logged out */
@media (max-width:781px){
 :is(.tn-account,.woocommerce-account) .woocommerce,.woocommerce-account main .woocommerce{grid-template-columns:1fr}
 :is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation ul{flex-direction:row;overflow-x:auto;position:static;padding-bottom:.25rem}
 :is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation a{white-space:nowrap;padding:.6rem .85rem;font-size:.9rem}
 .tn-track-label{font-size:.72rem}
 :is(.tn-account,.woocommerce-account) table.shop_table_responsive tr td::before{color:var(--tn-text-muted,#BDBDBD)}
}

/* ===== v2.1: thank-you page, tracker messages ===== */
.tn-track-msg{margin:.25rem 0 0;color:var(--wp--preset--color--white);font-weight:600}
.tn-ty{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem)}
.tn-ty h1{font-size:clamp(2.4rem,6vw,4rem)!important;margin:.25rem 0}
.tn-ty h2{font-size:1.6rem;margin:0 0 .75rem}
.tn-ty-lead{margin:0 0 1rem}
.tn-ty-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.75rem}
.tn-ty-facts li{border:2px solid var(--wp--preset--color--steel);padding:.8rem 1rem;display:flex;flex-direction:column;gap:.2rem}
.tn-ty-facts span{color:var(--tn-text-muted,#BDBDBD);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.tn-ty-facts strong{font-size:1.1rem}
.tn-ty-steps{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.6rem}
.tn-ty-steps li::marker{color:var(--wp--preset--color--magenta);font-weight:800}
.tn-ty-gift{background:var(--wp--preset--color--lime);color:#0E0E0E;padding:1.25rem 1.5rem}
.tn-ty-gift .tn-kicker{color:#0E0E0E}
.tn-ty-gift p{margin:.3rem 0 0;font-size:1.1rem}
.tn-code{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:1.4rem;letter-spacing:.05em;background:var(--wp--preset--color--ink);color:var(--tn-accent-text);padding:.1em .4em}
.tn-ty-acc a{color:var(--tn-accent-text);font-weight:700}
.tn-ty-details .woocommerce-bacs-bank-details,.tn-ty-details .wc-bacs-bank-details{border:3px solid var(--wp--preset--color--magenta);padding:1rem 1.25rem;margin-bottom:1.5rem}
.tn-ty-details h2{font-size:1.4rem}
.tn-ty-details table{width:100%;border-collapse:collapse}
.tn-ty-details th,.tn-ty-details td{border-top:2px solid var(--wp--preset--color--steel);padding:.7rem .5rem;text-align:left}
.tn-ty-details address{border:2px solid var(--wp--preset--color--steel);padding:1rem;font-style:normal}

/* ===== v2.2: shop by trade ===== */
.tn-trades{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.75rem}
.tn-trade{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.2rem;border:3px solid var(--wp--preset--color--steel);color:var(--wp--preset--color--white)!important;text-decoration:none!important;position:relative}
.tn-trade::before{content:"";width:10px;height:10px;background:var(--wp--preset--color--lime);margin-bottom:.35rem}
.tn-trade strong{font-family:var(--wp--preset--font-family--display);font-weight:400;text-transform:uppercase;font-size:1.15rem;line-height:1.1}
.tn-trade span{color:var(--tn-text-muted,#BDBDBD);font-size:.9rem}
.tn-trade:hover,.tn-trade:focus-visible{border-color:var(--wp--preset--color--lime)}
.tn-trade:hover::before{background:var(--wp--preset--color--magenta)}

/* ===== v2.3: client logos strip ===== */
.tn-clients{background:var(--wp--preset--color--lime);color:#0E0E0E;padding:1.5rem 0 1.75rem;overflow:hidden}
.tn-clients-title{margin:0 0 1rem;text-align:center;font-weight:800;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}
.tn-clients-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tn-clients-track{display:flex;width:max-content;animation:tn-clients-scroll var(--tn-clients-speed,30s) linear infinite}
.tn-clients:hover .tn-clients-track,.tn-clients:focus-within .tn-clients-track{animation-play-state:paused}
.tn-clients-set{display:flex;align-items:center;gap:clamp(2.5rem,6vw,4.5rem);list-style:none;margin:0;padding:0 clamp(1.25rem,3vw,2.25rem)}
.tn-clients-set img{display:block;height:clamp(34px,5vw,52px);width:auto;max-width:180px;object-fit:contain}
@keyframes tn-clients-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tn-clients-track{animation:none;width:auto;justify-content:center;flex-wrap:wrap}.tn-clients-set[aria-hidden]{display:none}.tn-clients-set{flex-wrap:wrap;justify-content:center;row-gap:1.5rem}.tn-clients-viewport{-webkit-mask-image:none;mask-image:none}}

/* ===== v2.3.1: account layout fixes ===== */
.woocommerce-account main .woocommerce{max-width:1240px;margin-left:auto;margin-right:auto}
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-content{min-width:0}
.tn-dash-latest,.tn-order-status{container-type:inline-size}
@container (max-width:560px){
 .tn-track{grid-template-columns:1fr;gap:.2rem}
 .tn-track li{flex-direction:row;text-align:left;gap:.75rem;padding:.35rem 0;font-size:.95rem}
 .tn-track li::before{left:10px;top:-50%;width:4px;height:100%}
 .tn-track li:first-child::before{display:none}
 .tn-track-label{font-size:.95rem!important}
}

/* ===== v2.3.2: put account menu and content side by side whatever else WooCommerce adds ===== */
:is(.tn-account,.woocommerce-account main) .woocommerce>*{grid-column:1/-1}
:is(.tn-account,.woocommerce-account main) .woocommerce>.woocommerce-MyAccount-navigation{grid-column:1}
:is(.tn-account,.woocommerce-account main) .woocommerce>.woocommerce-MyAccount-content{grid-column:2}
@media (max-width:781px){
 :is(.tn-account,.woocommerce-account main) .woocommerce>.woocommerce-MyAccount-navigation,
 :is(.tn-account,.woocommerce-account main) .woocommerce>.woocommerce-MyAccount-content{grid-column:1/-1}
}

/* ===== v2.5: tidy-ups ===== */
.tn-card>.wp-block-buttons{margin-top:auto!important}
.tn-card>.tn-from+.wp-block-buttons,.tn-card>p:last-of-type+.wp-block-buttons{margin-top:auto!important}
.has-lime-background-color .tn-service .tn-step-n{display:inline-block;background:var(--wp--preset--color--ink);color:var(--tn-accent-text);min-width:1.6em;text-align:center;margin-right:.35rem;padding:.05em .25em}
.tn-back-svg svg{width:100%;height:auto;display:block}

/* ===================== v3.0: light (default) and dark mode ===================== */
:root:not([data-tn-theme="dark"]),:root:not([data-tn-theme="dark"]) body{
 --wp--preset--color--ink:#FFFFFF;--wp--preset--color--white:#0E0E0E;--wp--preset--color--concrete:#F4F4F1;--wp--preset--color--steel:#DADAD4;
 --tn-accent-text:#E6007E;--tn-text-muted:#5A5A55;--tn-pink-text:#E6007E}
:root[data-tn-theme="dark"],:root[data-tn-theme="dark"] body,
.tn-footer,.tn-d-street{
 --wp--preset--color--ink:#0E0E0E;--wp--preset--color--white:#FFFFFF;--wp--preset--color--concrete:#1C1C1C;--wp--preset--color--steel:#333333;
 --tn-accent-text:#B8E62E;--tn-text-muted:#BDBDBD;--tn-pink-text:#F9C6DD}
.tn-footer{background:#1C1C1C!important;color:#fff}
.tn-d-street{background:#0E0E0E!important;color:#fff}
body{background:var(--wp--preset--color--ink);color:var(--wp--preset--color--white);transition:background-color .2s,color .2s}
@media (prefers-reduced-motion:reduce){body{transition:none}}

/* Text that sits on lime or magenta keeps fixed colours in both modes */
.has-ink-color{color:#0E0E0E!important}
.has-lime-background-color{color:#0E0E0E}
.has-magenta-background-color,.has-magenta-background-color.has-white-color,.has-magenta-background-color .has-white-color:not(.has-background){color:#FFFFFF!important}
.tn-d-cta h2 em{color:#FFFFFF}

/* Light mode details */
:root:not([data-tn-theme="dark"]) .tn-d-hero::after{background-image:url(assets/images/ribbon-magenta.svg)}
:root:not([data-tn-theme="dark"]) .tn-dance :is(h1,h2) strong{color:#0E0E0E;text-shadow:3px 3px 0 #B8E62E}
.tn-d-street h2 strong{color:#B8E62E!important;text-shadow:none!important}
:root:not([data-tn-theme="dark"]) :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=search],input[type=url],select,textarea):not(.tnd *){border:2px solid #CFCFC8!important}
:root:not([data-tn-theme="dark"]) .tn-hero-img img,:root:not([data-tn-theme="dark"]) .tn-back{filter:none}
:root:not([data-tn-theme="dark"]) .woocommerce ul.products li.product{box-shadow:0 1px 0 rgba(0,0,0,.02)}

/* The sun/moon switch in the header */
.tn-mode{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--wp--preset--color--steel);background:transparent;color:var(--wp--preset--color--white);cursor:pointer;padding:0}
.tn-mode:hover{border-color:var(--wp--preset--color--magenta)}
.tn-mode svg{width:20px;height:20px}
.tn-mode .tn-moon{display:none}
:root:not([data-tn-theme="dark"]) .tn-mode .tn-sun{display:none}
:root:not([data-tn-theme="dark"]) .tn-mode .tn-moon{display:block}
.has-lime-background-color .tn-service{border-top-color:#0E0E0E!important}
.has-lime-background-color .tn-service h3,.has-lime-background-color .tn-service p{color:#0E0E0E}
.has-lime-background-color .tn-step-n{background:#0E0E0E!important;color:#B8E62E!important}

/* ===== v3.1: pages that are always dark (Schools & clubs) ===== */
:root body.tn-force-dark,:root:not([data-tn-theme="dark"]) body.tn-force-dark{
 --wp--preset--color--ink:#0E0E0E;--wp--preset--color--white:#FFFFFF;--wp--preset--color--concrete:#1C1C1C;--wp--preset--color--steel:#333333;
 --tn-accent-text:#B8E62E;--tn-text-muted:#BDBDBD;--tn-pink-text:#F9C6DD;background:#0E0E0E;color:#fff}
:root:not([data-tn-theme="dark"]) body.tn-force-dark .tn-dance :is(h1,h2) strong{color:#B8E62E;text-shadow:none}
:root:not([data-tn-theme="dark"]) body.tn-force-dark .tn-d-hero::after{background-image:url(assets/images/ribbon-white.svg)}
:root:not([data-tn-theme="dark"]) body.tn-force-dark .tn-d-cta h2 strong{color:#0E0E0E}
body.tn-force-dark .tn-mode{display:none}
.tn-dash-actions{display:flex;flex-wrap:wrap;gap:.6rem}


/* ===== v3.3: black header always, hero dividers, page moods ===== */
.tn-header,.tn-header *{--wp--preset--color--ink:#0E0E0E;--wp--preset--color--white:#FFFFFF;--wp--preset--color--concrete:#1C1C1C;--wp--preset--color--steel:#333333;--tn-accent-text:#B8E62E;--tn-text-muted:#BDBDBD}
.tn-header{background:#0E0E0E!important;color:#fff;border-bottom-color:#0E0E0E!important}
.tn-header .tn-wordmark small{color:#B8E62E}

/* A hazard-stripe divider under every hero */
.tn-hero,.tn-d-hero{border-bottom:12px solid #B8E62E;border-image:repeating-linear-gradient(-45deg,#B8E62E 0 12px,#0E0E0E 12px 24px) 12}

/* Funeral printing: always light and calm */
:root body.tn-force-light,:root[data-tn-theme="dark"] body.tn-force-light{
 --wp--preset--color--ink:#FFFFFF;--wp--preset--color--white:#0E0E0E;--wp--preset--color--concrete:#F6F3F1;--wp--preset--color--steel:#E2DCD8;
 --tn-accent-text:#9C3D6B;--tn-text-muted:#5A5A55;--tn-pink-text:#9C3D6B;background:#fff;color:#0E0E0E}
body.tn-calm .tn-hero{border-bottom:3px solid #E2DCD8;border-image:none}
body.tn-calm .tn-mode{display:none}
body.tn-calm .tn-calm-hero h1 em{font-family:var(--wp--preset--font-family--grace);font-weight:400;text-transform:none;font-style:italic;color:#9C3D6B}
body.tn-calm .tn-tag.is-calm,.tn-tag.is-calm{background:#F2E6EC;color:#5B2340}
body.tn-calm .wp-element-button{background:#0E0E0E;color:#fff}
body.tn-calm .wp-element-button:hover{background:#9C3D6B;color:#fff}
body.tn-calm .has-magenta-background-color.wp-element-button{background:#9C3D6B!important}
body.tn-calm .tn-card{border-width:1px}
body.tn-calm .tn-step-num{background:#F2E6EC!important;color:#5B2340!important}

/* Battle maps: dark, with a little magic */
body.tn-maps .tn-maps-hero h1 strong{font-family:var(--wp--preset--font-family--graffiti);font-weight:400;color:#B8E62E;text-transform:none}
body.tn-calm .tn-stripe{display:none}

/* ---------- Login / register (3.3.3) ---------- */
.tn-login-wrap{display:grid;gap:clamp(1.5rem,3vw,2.25rem);max-width:1100px;margin-inline:auto}
.tn-login-intro{text-align:center;max-width:40rem;margin-inline:auto}
.tn-login-intro h1{font-size:clamp(2rem,4.5vw,3rem);margin:.25rem 0 .6rem;line-height:1.05}
.tn-login-intro p:last-child{margin:0;opacity:.85;font-size:1.05rem}
.tn-login-forms .u-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.75rem);align-items:stretch}
.tn-login-forms .u-column1,.tn-login-forms .u-column2{width:auto!important;float:none!important;display:flex;flex-direction:column}
.tn-login-forms .u-column2{order:-1}
.tn-login-forms .u-column1>h2,.tn-login-forms .u-column2>h2{display:none}
.tn-login-forms form.login,.tn-login-forms form.register{flex:1;display:flex;flex-direction:column;gap:.35rem;margin:0!important;padding:clamp(1.25rem,3vw,2rem)!important;border:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;border-radius:14px!important;background:var(--wp--preset--color--concrete)}
.tn-login-forms form.register{border:2px solid var(--wp--preset--color--lime)!important}
.tn-form-head{margin-bottom:.75rem}
.tn-form-head h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin:.2rem 0 .4rem;text-transform:none}
.tn-form-head p{margin:0;opacity:.8}
.tn-badge{display:inline-block;background:var(--wp--preset--color--lime);color:#111;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px}
.tn-ticks{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.45rem}
.tn-ticks li{position:relative;padding-left:1.7rem;line-height:1.4}
.tn-ticks li::before{content:"";position:absolute;left:0;top:.15em;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--wp--preset--color--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.tn-login-forms label{font-weight:700;font-size:.95rem}
:is(.tn-account,.woocommerce-account) .tn-login-forms input.input-text{background:transparent!important;color:inherit!important;border:1.5px solid color-mix(in srgb,currentColor 30%,transparent)!important;border-radius:8px!important;padding:.75rem .85rem!important;font-size:1rem}
:root :is(.tn-account,.woocommerce-account) .tn-login-forms input.input-text:focus{outline:none;border-color:var(--wp--preset--color--lime)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--wp--preset--color--lime) 30%,transparent)}
:is(.tn-account,.woocommerce-account) .tn-login-forms input.input-text:-webkit-autofill{-webkit-text-fill-color:currentColor;box-shadow:0 0 0 40px var(--wp--preset--color--concrete) inset!important;transition:background-color 9999s}
.tn-login-forms .woocommerce-form-row{margin-bottom:.6rem}
.tn-login-forms .woocommerce-privacy-policy-text{font-size:.85rem;opacity:.75}
.tn-login-forms .woocommerce-privacy-policy-text p{margin:.25rem 0}
.tn-login-forms button[type=submit]{width:100%;border-radius:8px;margin-top:.4rem}
.tn-login-forms form.login .form-row:has(button){display:flex;flex-direction:column-reverse;gap:.75rem;align-items:flex-start}
.tn-login-forms .woocommerce-form-login__rememberme{font-weight:400!important}
.tn-login-forms .lost_password{margin:.5rem 0 0;font-size:.92rem}
.tn-login-forms .lost_password a{color:var(--tn-accent-text)}
.tn-login-trade{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;align-items:center;justify-content:space-between;padding:clamp(1.25rem,3vw,2rem);border-radius:14px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-left:6px solid var(--wp--preset--color--magenta)}
.tn-login-trade h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:.2rem 0 .2rem;text-transform:none}
.tn-login-trade .tn-ticks{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.4rem 1.5rem}
.tn-login-trade .wp-element-button{white-space:nowrap}
@media (max-width:781px){.tn-login-forms .u-columns{grid-template-columns:1fr}}

/* ---------- The Two Newts (3.4) ---------- */
.tn-newt{display:block;height:auto;max-width:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));pointer-events:none;user-select:none}
.tn-hero-media{position:relative}.tn-hero{overflow-x:clip}
.tn-newt-hero{position:absolute;left:-46px;bottom:-26px;width:clamp(110px,13vw,170px);transform:rotate(-4deg);z-index:2;animation:tn-wave 4s ease-in-out 1s 2}
@keyframes tn-wave{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(3deg) translateY(-6px)}}
.tn-404 .tn-newts-pair{max-width:460px;margin-inline:auto}
.tn-404 h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.tn-empty-cart{text-align:center;max-width:34rem;margin:1rem auto 1.5rem}
.tn-empty-cart .tn-newt{width:170px;margin:0 auto .75rem}
.tn-empty-cart h2{margin:.2rem 0 .4rem}
.tn-empty-cart-block{margin-bottom:0}
.tn-login-intro .tn-newt-login{width:min(260px,70%);margin:0 auto .5rem}
.tn-ty-hero{position:relative}
.tn-newt-ty{float:right;width:clamp(120px,16vw,200px);margin:0 0 1rem 1.5rem;shape-outside:margin-box}
.tn-footer{position:relative}
.tn-newt-footer{position:absolute;right:max(16px,4vw);top:0;width:96px;transform:translateY(-78%);z-index:1}
@media (max-width:781px){
 .tn-newt-hero{left:auto;right:0;bottom:-18px;width:96px}
 .tn-newt-ty{width:110px;margin-left:1rem}
 .tn-newt-footer{width:72px}
}
@media (prefers-reduced-motion:reduce){.tn-newt-hero{animation:none}}

/* ===== Shop page (3.5) ===== */
.tn-shop-intro{gap:0;margin-bottom:2.5rem}
.tn-shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:clamp(1rem,3vw,2rem) 0 clamp(1.25rem,3vw,2rem);border-bottom:3px solid var(--wp--preset--color--steel)}
.tn-shop-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.6rem}
.tn-shop-title{font-size:clamp(2rem,4.4vw,3.2rem)!important;line-height:1;margin:0!important}
.tn-shop-lead{margin:0 0 .6rem;color:var(--tn-text-muted,#BDBDBD);font-size:1.05rem}
.tn-shop-find{display:flex;max-width:620px;width:100%}
.tn-shop-find input[type=search]{flex:1;min-width:0;min-height:52px;border:3px solid var(--wp--preset--color--lime);border-right:0;border-radius:0;background:#fff;color:#0E0E0E;font:inherit;font-size:1rem;padding:0 1rem}
.tn-shop-find button{border:0;border-radius:0;background:var(--wp--preset--color--lime);color:#0E0E0E;font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:0 1.4rem;cursor:pointer}
.tn-shop-find button:hover{filter:brightness(1.06)}
.tn-newt-shop{width:clamp(110px,12vw,160px);flex-shrink:0;margin-bottom:-.5rem;transform:rotate(4deg) scaleX(-1)}
ul.tn-stiles{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tn-stile a{position:relative;display:flex;flex-direction:column;height:100%;background:var(--wp--preset--color--concrete);border:2px solid var(--wp--preset--color--steel);border-top:6px solid var(--tn-stile,#B8E62E);color:var(--wp--preset--color--white);text-decoration:none;overflow:hidden;transition:border-color .15s,transform .15s}
.tn-stile--magenta{--tn-stile:#E6007E}.tn-stile--lime{--tn-stile:#B8E62E}
.tn-stile a:hover,.tn-stile a:focus-visible{border-color:var(--tn-stile);transform:translateY(-3px)}
.tn-stile-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#ECECEC}
.tn-stile-text{display:flex;flex-direction:column;gap:.3rem;padding:1rem 3rem 1.1rem 1.1rem}
.tn-stile-text strong{font-family:var(--wp--preset--font-family--heading,"Archivo Black"),Arial,sans-serif;text-transform:uppercase;font-size:1.15rem;line-height:1.1;letter-spacing:.01em}
.tn-stile-text span{color:var(--tn-text-muted,#BDBDBD);font-size:.92rem;line-height:1.4}
.tn-stile-arrow{position:absolute;right:1rem;bottom:1rem;width:30px;height:30px;display:grid;place-items:center;background:var(--tn-stile);color:#0E0E0E;font-weight:800}
.tn-stile--magenta .tn-stile-arrow{color:#fff}
.tn-more-cats{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.25rem;margin:1.25rem 0 0;font-size:.95rem}
.tn-more-cats span{color:var(--tn-text-muted,#BDBDBD);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}
.tn-more-cats a{color:var(--wp--preset--color--white);font-weight:700;text-decoration:none;border-bottom:2px solid var(--wp--preset--color--magenta);padding-bottom:1px}
.tn-more-cats a:hover,.tn-more-cats a:focus-visible{color:var(--tn-accent-text);border-color:var(--wp--preset--color--lime)}
[data-tn-theme=light] .tn-stile a{background:#fff;color:#0E0E0E;border-color:#DDD}
[data-tn-theme=light] .tn-stile a:hover{border-color:var(--tn-stile)}
[data-tn-theme=light] .tn-stile-text span,[data-tn-theme=light] .tn-shop-lead{color:#555}
[data-tn-theme=light] .tn-more-cats a{color:#0E0E0E}
[data-tn-theme=light] .tn-shop-head{border-color:#DDD}
@media (max-width:900px){ul.tn-stiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tn-newt-shop{display:none}ul.tn-stiles{gap:.6rem}.tn-stile-text{padding:.8rem 2.6rem .9rem .9rem}.tn-stile-text strong{font-size:.98rem}.tn-stile-text span{font-size:.82rem}.tn-stile-arrow{right:.6rem;bottom:.6rem;width:24px;height:24px}}
.tn-shop-find .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.tn-stile-text strong{font-family:"Archivo Black",var(--wp--preset--font-family--heading),Arial,sans-serif;font-weight:400}
.tn-stile a::before{content:"";display:block;aspect-ratio:16/10;background:repeating-linear-gradient(-45deg,var(--tn-stile) 0 14px,transparent 14px 34px);opacity:.18}
.tn-stile.has-img a::before{display:none}
.tn-stile-text{margin-top:auto}
.tn-stile-arrow{color:#0E0E0E!important}
.tn-stile--magenta .tn-stile-arrow{color:#fff!important}
.tn-stile-img{aspect-ratio:2/1}
.tn-stile a::before{aspect-ratio:4/1}
@media (max-width:560px){.tn-stile a::before{aspect-ratio:3/1}.tn-stile-img{aspect-ratio:3/2}}
/* Homepage tiles (3.6) */
.tn-home-tiles-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.tn-home-tiles-head h2{margin:.3rem 0 0}
.tn-home-tiles ul.tn-stiles{margin-top:1.5rem}
.tn-home-tiles-all{display:inline-flex;gap:.5rem;align-items:center;background:var(--wp--preset--color--lime);color:#0E0E0E!important;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none!important;padding:.8rem 1.2rem}
.tn-home-tiles-all:hover{filter:brightness(1.06)}
/* Tighter gap under the header, site-wide (3.6.1) */
.wp-site-blocks>main,.wp-site-blocks>header+*,.wp-site-blocks>.wp-block-template-part+main{margin-block-start:0!important}
main.wp-block-group[style*="padding-top"]{padding-top:clamp(1.25rem,3vw,2.25rem)!important}
.tn-shop-main{padding-top:clamp(.75rem,2vw,1.5rem)!important}
.tn-shop-head{padding-top:0}
main>.tn-hero:first-child,main>.tn-d-hero:first-child,main>.wp-block-group.alignfull:first-child.tn-hero{padding-top:clamp(1.25rem,3vw,2.5rem)!important}
.tn-d-hero{padding-top:clamp(1.25rem,3vw,2.5rem)!important}
/* Google reviews (3.7) */
.tn-reviews-wrap:has(.tn-reviews){padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)}
.tn-reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
.tn-reviews-head h2{margin:.3rem 0 0}
.tn-reviews-all{display:inline-flex;gap:.5rem;align-items:center;border:3px solid var(--wp--preset--color--lime);color:var(--tn-accent-text)!important;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none!important;padding:.65rem 1.1rem}
.tn-reviews-all:hover{background:var(--wp--preset--color--lime);color:#0E0E0E!important}
ul.tn-reviews-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tn-review{display:flex;flex-direction:column;gap:.8rem;background:var(--wp--preset--color--concrete);border:2px solid var(--wp--preset--color--steel);border-top:6px solid var(--wp--preset--color--lime);padding:1.25rem 1.25rem 1.1rem}
.tn-review.is-magenta{border-top-color:var(--wp--preset--color--magenta)}
.tn-review-stars{margin:0;color:var(--wp--preset--color--lime);font-size:1.15rem;letter-spacing:.12em}
.tn-review-stars .is-off{color:var(--wp--preset--color--steel)}
.tn-review blockquote{margin:0;padding:0;border:0;flex:1}
.tn-review blockquote p{margin:0;font-size:1.02rem;line-height:1.55}
.tn-review blockquote p::before{content:"“"}.tn-review blockquote p::after{content:"”"}
.tn-review-name{margin:0;font-weight:800;display:flex;flex-direction:column;gap:.1rem}
.tn-review-name span{font-weight:600;font-size:.8rem;color:var(--tn-text-muted,#BDBDBD);text-transform:uppercase;letter-spacing:.06em}
[data-tn-theme=light] .tn-review{background:#fff;border-color:#DDD}
[data-tn-theme=light] .tn-review-stars{color:#5E7A00}
@media (max-width:900px){ul.tn-reviews-list{grid-template-columns:1fr 1fr}}
@media (max-width:600px){ul.tn-reviews-list{grid-template-columns:1fr}}
.tn-review blockquote p{overflow-wrap:anywhere}
.tn-review-pics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.tn-review-pics a{display:block;aspect-ratio:1;overflow:hidden;border:2px solid var(--wp--preset--color--steel);background:#111}
.tn-review-pics a:hover{border-color:var(--wp--preset--color--lime)}
.tn-review-pics img{width:100%;height:100%;object-fit:cover;display:block}
/* Fancy Product Designer: "Customize" button in brand style (3.7.6) */
#fpd-start-customizing-button,.fpd-start-customizing-button,a[href*="start_customizing"],.single-product .fpd-blue-btn{display:inline-flex!important;align-items:center;gap:.5rem;background:var(--wp--preset--color--lime)!important;color:#0E0E0E!important;border:0!important;border-radius:0!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.05em;text-decoration:none!important;padding:.95rem 1.5rem!important;font-size:1rem!important;line-height:1.2;box-shadow:none!important;margin:.25rem 0 1rem}
#fpd-start-customizing-button:hover,.fpd-start-customizing-button:hover,a[href*="start_customizing"]:hover{filter:brightness(1.06)}
#fpd-start-customizing-button::before,.fpd-start-customizing-button::before,a[href*="start_customizing"]::before{content:"✎";font-size:1.1em}

/* ===================== v3.8: calmer product pages ===================== */
:root:not([data-tn-theme="dark"]){--tn-heading:#E6007E}
:root[data-tn-theme="dark"]{--tn-heading:#FF5CB3}
body.tn-force-dark{--tn-heading:#FF5CB3}
/* Product name */
.single-product h1.product_title,.single-product .product_title,.single-product .wp-block-post-title{font-size:clamp(1.45rem,2.4vw,2rem)!important;line-height:1.15;letter-spacing:0;color:var(--tn-heading)!important;margin:0 0 .6rem}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:1.5rem}
/* Headings inside the description and short description */
.single-product .woocommerce-product-details__short-description :is(h2,h3,h4),
.single-product .woocommerce-Tabs-panel :is(h2,h3,h4),
.single-product .wp-block-woocommerce-product-details :is(h2,h3,h4){font-size:1.1rem!important;line-height:1.3;letter-spacing:.02em;text-transform:uppercase;color:var(--tn-accent-text)!important;margin:1.6rem 0 .5rem}
.single-product .woocommerce-Tabs-panel h2:first-child{margin-top:.5rem}
.single-product .woocommerce-Tabs-panel :is(p,li){font-size:1rem;line-height:1.6}
.single-product .woocommerce-Tabs-panel ul{padding-left:1.2rem}
/* Related products heading */
.single-product .related > h2,.single-product .upsells > h2{font-size:1.4rem!important;color:var(--tn-heading)!important}
/* Belt and braces: hide PayPal buttons on product pages (they stay at checkout) */
.single-product .ppc-button-wrapper,.single-product #ppc-button-ppcp-gateway,.single-product .ppcp-messages,.single-product [id^="ppc-button"],.single-product .wc-ppcp-product-buttons{display:none!important}

/* ===================== v3.9: home hero shows everything we make ===================== */
.tn-hero h1 .tn-pink{font-style:normal;color:#E6007E}
.tn-qlinks{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem}
.tn-qlinks a{font-weight:800;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;padding:.55rem .8rem;border:2px solid var(--wp--preset--color--steel,#444);color:var(--wp--preset--color--white);text-decoration:none;line-height:1.1}
.tn-qlinks a:hover,.tn-qlinks a:focus-visible{border-color:#B8E62E}
.tn-qlinks a.is-gifts{background:#E6007E;border-color:#E6007E;color:#fff}
.tn-wall{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:center}
.tn-wall figure{position:relative;margin:0}
.tn-wall img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}
.tn-wall .w1{transform:rotate(-2deg)}.tn-wall .w2{transform:rotate(3deg)}.tn-wall .w3{transform:rotate(1deg)}.tn-wall .w4{transform:rotate(-3deg)}
.tn-wall figcaption{position:absolute;left:.25rem;top:.25rem;background:#fff;color:#0E0E0E;font-weight:800;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .5rem}
.tn-wall figcaption.is-pink{background:#E6007E;color:#fff}.tn-wall figcaption.is-lime{background:#B8E62E}
@media (max-width:781px){.tn-wall img{max-height:180px}.tn-wall{margin-top:1rem}}
.tn-hero-cols>.wp-block-column{min-width:0}.tn-wall,.tn-wall figure{min-width:0}

/* v3.9.1: hero photos laid out like the mockup, no tilt */
.tn-wall{display:block;position:relative;height:clamp(420px,44vw,560px)}
.tn-wall figure{position:absolute;transform:none!important;margin:0}
.tn-wall img{max-height:none;width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}
.tn-wall .w1{width:50%;left:0;top:0}.tn-wall .w2{width:44%;left:50%;top:0}
.tn-wall .w3{width:52%;left:2%;bottom:0}.tn-wall .w4{width:48%;left:52%;bottom:4%}
.tn-wall figcaption{left:6%;top:4%;font-size:.72rem}
.tn-wall .w3 figcaption,.tn-wall .w4 figcaption{top:-6%}
@media (max-width:781px){.tn-wall{height:auto;aspect-ratio:1/1.05;margin-top:1.5rem}.tn-wall img{max-height:none}}

/* ===================== v3.10: top bar and Christmas page ===================== */
.tn-topbar{background:#E6007E;color:#fff;font-weight:800;font-size:.85rem;letter-spacing:.03em;line-height:1;overflow:hidden;white-space:nowrap;padding:.6rem 0}
.tn-topbar-track{display:flex;width:max-content;animation:tn-scroll 32s linear infinite}
.tn-topbar:hover .tn-topbar-track,.tn-topbar:focus-within .tn-topbar-track{animation-play-state:paused}
.tn-topbar-run{display:flex;align-items:center;gap:1.4rem;padding-right:1.4rem;flex-shrink:0}
.tn-topbar a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.tn-topbar-sep{color:#B8E62E}
@keyframes tn-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:600px){.tn-topbar{font-size:.78rem}.tn-topbar-track{animation-duration:24s}}
/* Scrolls on every device, including ones set to reduce motion (requested). It's slow and pauses on hover or tap. */
.tn-topbar-track{animation:tn-scroll 32s linear infinite!important}
@media (max-width:600px){.tn-topbar-track{animation-duration:24s!important}}
.tn-topbar:hover .tn-topbar-track,.tn-topbar:focus-within .tn-topbar-track,.tn-topbar:active .tn-topbar-track{animation-play-state:paused!important}
.tn-xmas-hero h1 .tn-pink{font-style:normal;color:#E6007E}
.tn-xtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.5rem 0 1rem}
.tn-xtab{display:block;padding:1rem 1.1rem;border:3px solid var(--wp--preset--color--steel,#333);background:var(--wp--preset--color--concrete,#1C1C1C);color:var(--wp--preset--color--white);text-decoration:none}
.tn-xtab b{display:block;font-family:var(--wp--preset--font-family--display,inherit);font-size:1.2rem;text-transform:uppercase;letter-spacing:.02em}
.tn-xtab span{display:block;font-size:.9rem;opacity:.8;margin-top:.25rem}
.tn-xtab:hover,.tn-xtab:focus-visible{border-color:#B8E62E}
.tn-xtab.is-active{border-color:#E6007E;background:#E6007E;color:#fff}
.tn-xnote{font-size:.95rem;opacity:.85;margin:0}
.tn-xpanel{scroll-margin-top:1rem}.tn-xpanel+.tn-xpanel{margin-top:var(--wp--preset--spacing--60)}
@media (max-width:700px){.tn-xtabs{grid-template-columns:1fr}}

/* ===================== v3.10.2: Christmas ===================== */
.tn-qlinks a.is-xmas{background:#C8102E;border-color:#C8102E;color:#fff}
.tn-nav-xmas a{color:#ff5a6e!important;font-weight:800}
.tn-xmas-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 0%,rgba(200,16,46,.35),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(0,120,60,.35),transparent 55%),#0B1A12!important;color:#fff}
.tn-xmas-hero .tn-inner{position:relative;z-index:2}
.tn-xmas-hero h1,.tn-xmas-hero .tn-lede,.tn-xmas-hero .tn-xnote{color:#fff}
.tn-xmas-hero h1 .tn-pink{color:#ff4d6a;text-shadow:0 0 18px rgba(255,77,106,.55)}
/* string of fairy lights */
.tn-lights{position:absolute;left:0;right:0;top:0;height:46px;display:flex;justify-content:space-around;z-index:3;pointer-events:none}
.tn-lights::before{content:"";position:absolute;left:-2%;right:-2%;top:-14px;height:34px;border-bottom:2px solid #2b3a2f;border-radius:0 0 50% 50%/0 0 100% 100%}
.tn-lights i{position:relative;top:16px;width:12px;height:20px;border-radius:50% 50% 50% 50%/40% 40% 60% 60%;background:#ff3b5c;box-shadow:0 4px 18px 3px #ff3b5c;animation:tn-twinkle 1.6s ease-in-out infinite}
.tn-lights i::before{content:"";position:absolute;left:3px;top:-5px;width:6px;height:6px;background:#2b3a2f;border-radius:2px}
.tn-lights i:nth-child(4n+2){background:#ffd23f;box-shadow:0 4px 18px 3px #ffd23f;animation-delay:.4s}
.tn-lights i:nth-child(4n+3){background:#3ddc84;box-shadow:0 4px 18px 3px #3ddc84;animation-delay:.8s}
.tn-lights i:nth-child(4n){background:#4fc3ff;box-shadow:0 4px 18px 3px #4fc3ff;animation-delay:1.2s}
.tn-lights i:nth-child(odd){top:20px}
@media (max-width:700px){.tn-lights i:nth-child(n+15){display:none}}
@keyframes tn-twinkle{0%,100%{opacity:1;filter:brightness(1.15)}50%{opacity:.35;filter:brightness(.7)}}
/* falling snow */
.tn-snow{position:absolute;inset:0;z-index:1;pointer-events:none;
 background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 120px 90px,#fff,transparent),radial-gradient(3px 3px at 220px 160px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 320px 60px,#fff,transparent),radial-gradient(3px 3px at 60px 200px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 180px 240px,#fff,transparent),radial-gradient(2px 2px at 280px 280px,rgba(255,255,255,.7),transparent);
 background-size:360px 300px;animation:tn-snow 14s linear infinite;opacity:.55}
@keyframes tn-snow{from{background-position:0 0}to{background-position:60px 300px}}
.tn-xmas-hero .tn-tag.is-lime{background:#C8102E;color:#fff}
.tn-xtab{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.tn-xtab.is-active{background:#C8102E;border-color:#C8102E}
.tn-xtab:hover,.tn-xtab:focus-visible{border-color:#ffd23f}
.tn-xpanel .tn-tag.is-lime{background:#0B6E3A;color:#fff}
.tn-xpanel h2{color:#C8102E}
:root[data-tn-theme="dark"] .tn-xpanel h2{color:#ff5a6e}
.tn-xmas-hero .tn-lights,.tn-xmas-hero .tn-snow{animation-play-state:running}
.tn-lights i,.tn-snow{animation-duration:revert}
.tn-xmas-hero .tn-lights i{animation:tn-twinkle 1.6s ease-in-out infinite!important}
.tn-xmas-hero .tn-snow{animation:tn-snow 14s linear infinite!important}
.tn-xmas-hero .tn-lights i:nth-child(4n+2){animation-delay:.4s!important}.tn-xmas-hero .tn-lights i:nth-child(4n+3){animation-delay:.8s!important}.tn-xmas-hero .tn-lights i:nth-child(4n){animation-delay:1.2s!important}
.tn-xmas-hero{border-image:repeating-linear-gradient(-45deg,#C8102E 0 12px,#fff 12px 24px) 12!important}

/* ===================== v3.10.3: account pages never wider than the phone ===================== */
@media (max-width:781px){
 :is(.tn-account,.woocommerce-account) .woocommerce,.woocommerce-account main .woocommerce{grid-template-columns:minmax(0,1fr)!important}
}
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation,
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-navigation ul,
:is(.tn-account,.woocommerce-account) .woocommerce-MyAccount-content,
.tnt-portal,.tnt-portal form,.tnt-cards,.tnt-card{min-width:0;max-width:100%}
.tnt-portal{overflow-wrap:anywhere}
body{overflow-x:clip}
.tnt-bar{box-sizing:border-box;width:100%;max-width:100vw}
.tnt-bar .tnt-btn{white-space:nowrap;flex-shrink:0}