/*
Theme Name: Ten Design 2026
Theme URI: https://office-design.co.il/
Description: עיצוב חדש לאתר Ten Design – ריהוט משרדי. ערכת בת של ProxTheme ששומרת על כל הלוגיקה העסקית (צבעים, קופה, משלוחים) ומחליפה את כל התצוגה.
Author: Techro
Author URI: https://techro.co.il/
Template: ProxTheme
Version: 2.0.0
Requires PHP: 8.0
Text Domain: tendesign
*/

/* =========================================================================
   v2 design system (designer handoff "ten-design-home-v2").
   Everything is namespaced: .tn = a container in the new design, .tn-* = its parts.
   ========================================================================= */
@font-face{font-family:"AlmoniTZ";src:url(assets/fonts/almoni-300.ttf) format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"AlmoniTZ";src:url(assets/fonts/almoni-400.ttf) format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"AlmoniTZ";src:url(assets/fonts/almoni-500.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"AlmoniTZ";src:url(assets/fonts/almoni-700.ttf) format("opentype");font-weight:700;font-display:swap}
:root{--tn-green:#16874d;--tn-green-d:#106b3c;--tn-ink:#1b1c1b;--tn-ink-2:#55585a;--tn-ink-3:#6b6e70;--tn-line:#e4e5e6;--tn-tile:#f4f4f5;--tn-black:#111211;--tn-gutter:clamp(24px,2.8vw,40px);--tn-wrap:1594px}
@media (max-width:980px){:root{--tn-gutter:1.25rem}}
/* the old stylesheet colours every link green on hover – not in this design */
/* text grey: one step darker than the mockup (#85888a) so all small text passes WCAG AA 4.5:1 */
.tn a:hover{color:inherit}
.tn a:is(.tn-btn-green,.tn-btn-ink,.tn-btn-line,.tn-tel,.tn-wa,.tn-m-promo,.tn-tile,.tn-sb-pic,.tn-add):hover,.tn-ribbon a:hover{color:#fff}
.tn a.tn-btn-white:hover{color:var(--ink)}
.tn a:is(.tn-more,.tn-sale):hover{color:var(--green)}
.tn{--green:#16874d; --green-d:#106b3c;
  --ink:#1b1c1b; --ink-2:#55585a; --ink-3:#6b6e70;
  --line:#e4e5e6; --tile:#f4f4f5; --paper:#fff; --black:#111211;
  --gutter:clamp(24px,2.8vw,40px); --wrap:1594px; --r:0px;
  --ease:cubic-bezier(.22,.7,.2,1);}
:where(.tn),:where(.tn) *{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.tn{font-family:"AlmoniTZ",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:1.3125rem;line-height:1.45;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-weight:400}
:where(.tn) img{display:block;max-width:100%}
:where(.tn) a{color:inherit;text-decoration:none}
:where(.tn) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(.tn) ul,:where(.tn) ol{list-style:none}
.tn :focus-visible{outline:0.125rem solid var(--green);outline-offset:0.1875rem;border-radius:0}
.tn-wrap{max-width:calc(var(--wrap) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
bdi{unicode-bidi:isolate}
:where(.tn) h1,:where(.tn) h2,:where(.tn) h3{font-weight:700;letter-spacing:-.005em;line-height:1.02}
:where(.tn) h2{font-size:clamp(40px,4.2vw,60px);text-wrap:balance}
.tn-more{display:inline-flex;align-items:center;gap:0.375rem;color:var(--green);font-weight:500;white-space:nowrap}
.tn-more svg{width:0.5625rem;height:0.9375rem;transition:transform .25s var(--ease)}
.tn-more:hover svg{transform:translateX(-4px)}
.tn-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5625rem;height:3.375rem;padding-inline:2.125rem;border-radius:0;font-weight:500;font-size:1.3125rem;white-space:nowrap;transition:background .2s,color .2s,transform .15s}
.tn-btn:active{transform:scale(.98)}
.tn-btn-green{background:var(--green);color:#fff}
.tn-btn-green:hover{background:var(--green-d)}
.tn-btn-white{background:#fff;color:var(--ink)}
.tn-btn-white:hover{background:#e9e9ea}
.tn-btn-line{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);color:#fff}
.tn-btn-line:hover{background:rgba(255,255,255,.1)}
.tn-ribbon{background:var(--black);color:#fff;text-align:center;font-size:1.1875rem;padding:.625rem var(--gutter);font-weight:500;margin-inline-start:0.625rem;border-bottom:1px solid rgba(255,255,255,.5);white-space:nowrap}
.tn-hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(1.25rem);-webkit-backdrop-filter:saturate(180%) blur(1.25rem);border-bottom:1px solid var(--line)}
.tn-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:5.5rem;gap:1.5rem}
.tn-logo{justify-self:start}
.tn-logo img{height:3.5rem;width:auto}
.tn-nav{display:flex;align-items:stretch;justify-content:center;gap:2.125rem;height:100%;font-size:1.3125rem}
.tn-nav>li{display:flex;align-items:center}
.tn-nav>li>a{padding-block:0.375rem;transition:color .15s}
.tn-nav>li>a:hover{color:var(--green)}
.tn-nav .tn-sale{color:var(--green);font-weight:500}
.tn-tools{display:flex;align-items:center;gap:0.375rem;justify-self:end}
.tn-tel{display:inline-flex;align-items:center;height:3rem;padding-inline:1.375rem;margin-inline-start:.5rem;background:var(--green);color:#fff;font-weight:700;font-size:1.3125rem;white-space:nowrap;transition:background .2s}
.tn-tel:hover{background:var(--green-d)}
.tn-ico{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:0;position:relative;transition:background .15s}
.tn-ico:hover{background:var(--tile)}
.tn-ico svg{width:1.375rem;height:1.375rem}
.tn-count{position:absolute;top:0.3125rem;left:0.25rem;min-width:1.0625rem;height:1.0625rem;padding-inline:0.25rem;border-radius:0;background:var(--green);color:#fff;font-size:0.8125rem;line-height:1.0625rem;text-align:center;font-weight:500;display:none}
.tn-count.tn-on{display:block}
.tn-burger{display:none}
.tn-find{position:absolute;inset-inline:0;top:100%;background:#fff;border-bottom:1px solid var(--line);display:none}
.tn-find.tn-on{display:block}
.tn-find input{width:100%;height:4.75rem;border:0;background:none;font:inherit;font-size:2.125rem;font-weight:500;color:var(--ink);outline:0}
.tn-find input::placeholder{color:var(--ink-3)}
.tn-sheet input{width:100%;height:3.125rem;border-radius:0;border:0;background:var(--tile);font:inherit;padding-inline:1rem;margin-bottom:0.875rem}
.tn-nav>li{position:static}
.tn-nav>li.tn-has>a{position:relative;display:flex;align-items:center;height:100%}
.tn-nav>li.tn-has>a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:.1875rem;background:var(--green);transform:scaleX(0);transition:transform .22s var(--ease)}
.tn-nav>li.tn-has:hover>a::after,.tn-nav>li.tn-has:focus-within>a::after{transform:none}
.tn-fly{position:absolute;inset-inline:0;top:100%;background:#fff;border-top:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity .18s,transform .25s var(--ease),visibility .18s}
.tn-fly::after{content:"";position:absolute;inset-inline:0;top:100%;height:100vh;background:rgba(10,11,10,.42);pointer-events:none}
.tn-nav>li.tn-has:hover .tn-fly,.tn-nav>li.tn-has:focus-within .tn-fly{opacity:1;visibility:visible;transform:none}
.tn-mega{display:grid;grid-template-columns:15rem minmax(0,1fr) 23rem;gap:2.5rem;padding-block:2.25rem 2.5rem}
.tn-m-list small{display:block;color:var(--ink-3);font-size:1.0625rem;margin-bottom:.75rem}
.tn-m-list>a{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:1.5rem;font-weight:500;line-height:1.2;padding-block:.5rem;border-bottom:1px solid var(--line);transition:color .15s,padding .2s var(--ease)}
.tn-m-list>a:hover{color:var(--green);padding-inline-start:.375rem}
.tn-m-list>a span{font-size:1.0625rem;font-weight:400;color:var(--ink-3)}
.tn-m-list>a.tn-m-all{display:inline-flex;align-items:center;justify-content:flex-start;gap:.5rem;border:0;margin-top:.875rem;font-size:1.25rem;color:var(--green)}
.tn-m-all svg{width:.5625rem;height:.9375rem}
.tn-m-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.tn-m-tiles a{display:block;line-height:1.2;opacity:0;transform:translateY(.5rem);transition:opacity .25s,transform .35s var(--ease)}
.tn-nav>li.tn-has:hover .tn-m-tiles a,.tn-nav>li.tn-has:focus-within .tn-m-tiles a{opacity:1;transform:none}
.tn-m-tiles a:nth-child(2){transition-delay:.04s}
.tn-m-tiles a:nth-child(3){transition-delay:.08s}
.tn-m-tiles a:nth-child(4){transition-delay:.12s}
.tn-m-tiles .tn-ph{position:relative;aspect-ratio:1/.9;background:var(--tile);margin-bottom:.625rem;overflow:hidden}
.tn-m-tiles img{position:absolute;inset:9%;width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s var(--ease)}
.tn-m-tiles a:hover img{transform:scale(1.05)}
.tn-m-tiles b{display:block;font-weight:700;font-size:1.3125rem;transition:color .15s}
.tn-m-tiles a:hover b{color:var(--green)}
.tn-m-tiles span{color:var(--ink-2);font-size:1.0625rem}
.tn-m-promo{position:relative;display:block;overflow:hidden;background:#222;color:#fff;min-height:17rem}
.tn-m-promo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.tn-m-promo:hover>img{transform:scale(1.03)}
.tn-m-promo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.2) 34%,rgba(0,0,0,0) 54%)}
.tn-m-cap{position:absolute;z-index:2;inset-inline:1.25rem;bottom:1rem;line-height:1.15}
.tn-m-cap b{display:block;font-size:2rem;font-weight:700}
.tn-m-cap span{font-size:1.1875rem}
.tn-hero{position:relative;height:clamp(680px,calc(100vh - 8rem),860px);overflow:hidden;background:#dcdbdc}
.tn-hero>img{position:absolute;top:-1%;left:calc(50% - min(17.5rem,17.2vw));height:112%;width:auto;max-width:none;transform:translateX(-50%)}
.tn-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(255,255,255,.62) 0,rgba(255,255,255,.34) 30%,rgba(255,255,255,0) 52%)}
.tn-hero-txt{position:relative;z-index:2;height:100%;max-width:calc(var(--wrap) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.tn-lock{display:inline-grid}
.tn-kick{font-size:clamp(25px,1.9vw,31px);font-weight:500;line-height:1.1;margin-bottom:.625rem}
.tn-hero h1{font-size:clamp(104px,7.8vw,150px);line-height:.92;letter-spacing:0;font-weight:700;white-space:nowrap}
.tn-lock-bar{width:0;min-width:100%;margin-top:.625rem;background:var(--green);color:#fff;font-weight:700;font-size:clamp(27px,2.2vw,38px);line-height:1;padding-block:.5625rem .625rem;text-align:center;white-space:nowrap}
.tn-hero p{font-size:clamp(23px,1.75vw,27px);line-height:1.25;margin-top:1.25rem;max-width:18em;font-weight:400}
.tn-acts{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem}
.tn-cats{padding-block:2.5rem 0}
.tn-cats ul{display:grid;grid-template-columns:repeat(8,1fr);gap:1rem}
.tn-cats a{display:block;text-align:center;line-height:1.2}
.tn-cats .tn-ph{position:relative;aspect-ratio:1/1;background:var(--tile);margin-bottom:.75rem;overflow:hidden}
.tn-cats .tn-ph::after{content:"";position:absolute;inset-inline:0;bottom:0;height:.25rem;background:var(--green);transform:scaleX(0);transition:transform .25s var(--ease)}
.tn-cats a:hover .tn-ph::after{transform:none}
.tn-cats img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s var(--ease)}
.tn-cats a:hover img{transform:scale(1.05)}
.tn-cats b{font-weight:500;font-size:1.3125rem;display:block;transition:color .15s}
.tn-cats a:hover b{color:var(--green)}
.tn-cats span{color:var(--ink-3);font-size:1.0625rem}
.tn-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2.5rem;border:1px solid var(--line)}
.tn-trust li{padding:1rem 1.5rem;line-height:1.25}
.tn-trust li+li{border-inline-start:1px solid var(--line)}
.tn-trust b{display:block;font-weight:700;font-size:1.3125rem}
.tn-trust span{color:var(--ink-2);font-size:1.125rem}
.tn-sb{display:grid;grid-template-columns:minmax(0,1.12fr) 1fr 1fr;background:var(--tile)}
.tn-sb-pic{position:relative;display:block;overflow:hidden}
.tn-sb-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.tn-sb-pic:hover img{transform:scale(1.03)}
.tn-sb-txt{padding:2.75rem 2.75rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.tn-stamp{display:flex;transform:rotate(-3deg);transform-origin:100% 50%;filter:drop-shadow(0 .625rem .875rem rgba(0,0,0,.22));margin-bottom:1.75rem}
.tn-stamp span{display:block;padding:.25rem 1rem .375rem;font-weight:700;font-size:clamp(46px,3.8vw,62px);line-height:1;background:var(--black);color:#fff}
.tn-stamp span+span{background:var(--green);transform:rotate(-1.5deg) scale(1.08)}
.tn-sb h2{font-size:clamp(32px,2.7vw,42px)}
.tn-sb-txt>p{font-size:1.4375rem;color:var(--ink-2);margin-top:.5rem}
.tn-sb-acts{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem}
.tn-cd{display:flex;gap:.5rem;margin-top:1.5rem}
.tn-cd div{background:#fff;min-width:4.5rem;padding:.5rem .5rem .375rem;text-align:center;line-height:1}
.tn-cd b{display:block;font-size:2rem;font-weight:700}
.tn-cd span{font-size:.9375rem;color:var(--ink-2)}
.tn-tag{position:absolute;z-index:2;top:0;inset-inline-start:0;display:flex;align-items:stretch;font-size:1rem;line-height:1;font-weight:700;color:#fff}
.tn-tag b{background:var(--black);padding:.4375rem .625rem;font-weight:500}
.tn-tag i{background:var(--green);padding:.4375rem .625rem;font-style:normal}
section.tn-s{padding-block:6rem 0}
.tn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.875rem;margin-bottom:2.375rem}
.tn-head p{color:var(--ink-2);font-size:1.5rem;margin-top:0.5rem}
.tn-price{display:flex;align-items:baseline;gap:0.75rem;flex-wrap:wrap}
.tn-price b{font-weight:700;font-size:1.75rem;line-height:1}
.tn-price s{color:var(--ink-3);font-size:1.125rem}
.tn-price i{font-style:normal;color:var(--green);font-weight:500;font-size:1.0625rem}
.tn-grid{display:grid;gap:2.75rem 1.25rem}
.tn-g3{grid-template-columns:repeat(4,1fr)}
.tn-g4{grid-template-columns:repeat(5,1fr)}
.tn-p{position:relative;display:flex;flex-direction:column}
.tn-p .tn-ph{position:relative;background:var(--tile);border-radius:var(--r);overflow:hidden;display:grid;place-items:center}
.tn-g3 .tn-ph{aspect-ratio:1/.8;background:#ececed}
.tn-g4 .tn-ph{aspect-ratio:1/1.12}
.tn-p .tn-ph img{transition:transform .5s var(--ease)}
.tn-g3 .tn-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.tn-g3 .tn-ph img.tn-fit{object-fit:contain;padding:8%;mix-blend-mode:multiply}
.tn-g4 .tn-ph img{position:absolute;inset:7% 8% 9%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.tn-p:hover .tn-ph img{transform:scale(1.035)}
.tn-p .tn-add{display:block;width:100%;height:2.75rem;margin-top:.875rem;background:var(--green);color:#fff;font-weight:700;font-size:1.1875rem;letter-spacing:.01em;transition:background .2s}
.tn-p .tn-add:hover{background:var(--ink)}
.tn-p .tn-add.tn-ok{background:var(--ink)}
.tn-p .tn-bd{padding:1rem 0 0;display:flex;flex-direction:column;flex:1}
.tn-p .tn-price{margin-top:auto}
.tn-p .tn-nm{font-weight:700;font-size:1.625rem;line-height:1.05}
.tn-p .tn-ty{color:var(--ink-2);font-size:1.125rem;margin-block:0.125rem 0.625rem;line-height:1.3}
.tn-p:hover .tn-nm{color:var(--green)}
.tn-all{text-align:center;margin-top:2.25rem}
.tn-all .tn-btn svg{width:.5625rem;height:.9375rem;transition:transform .25s var(--ease)}
.tn-all .tn-btn:hover svg{transform:translateX(-4px)}
.tn-filter{display:flex;align-items:center;gap:1.5rem;font-size:1.3125rem;color:var(--ink-3)}
.tn-filter button{padding-block:0.375rem;position:relative;transition:color .15s}
.tn-filter button:hover{color:var(--ink)}
.tn-filter button[aria-pressed=true]{color:var(--ink);font-weight:500}
.tn-filter button[aria-pressed=true]::after{content:"";position:absolute;inset-inline:0;bottom:0;height:0.125rem;background:var(--ink)}
.tn-p[hidden]{display:none}
.tn-spec{--H:clamp(560px,44vw,720px);--W:calc(var(--H)*.5725);margin-top:6rem;background:radial-gradient(circle at 50% 54%,#efefef 0,#cfd0d0 calc(var(--H)*.26),#4a4b4a calc(var(--H)*.5),#161716 calc(var(--H)*.72),#111211 100%);color:#fff;overflow:hidden}
.tn-spec-in{padding-block:3.5rem 2.75rem}
.tn-spec-head{text-align:center;position:relative;z-index:3}
.tn-spec-head h2{font-size:clamp(44px,4.2vw,64px)}
.tn-spec-head p{font-size:1.4375rem;color:#c5c6c7;margin-top:.25rem}
.tn-spec-stage{position:relative;height:var(--H);margin-top:1.5rem}
.tn-ghost{position:absolute;inset-inline:0;top:50%;transform:translateY(-50%);text-align:center;font-weight:700;font-size:clamp(150px,17vw,300px);line-height:1;letter-spacing:.01em;color:rgba(255,255,255,.07);white-space:nowrap;direction:ltr;pointer-events:none}
.tn-s-chair{position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:none;opacity:0;transition:opacity .35s}
.tn-s-chair.tn-on{opacity:1}
.tn-c-out{position:absolute;z-index:3;top:calc(var(--y)*1%);width:calc(50% - var(--W)*var(--d));display:flex;align-items:center;gap:.875rem;transform:translateY(-50%);transition:opacity .25s}
.tn-c-out.tn-r{right:0}
.tn-c-out.tn-l{left:0;flex-direction:row-reverse}
.tn-spec-stage.tn-alt .tn-c-out{opacity:0;pointer-events:none}
.tn-c-t{flex:none;width:14.5rem;line-height:1.2}
.tn-c-t b{display:block;font-size:1.4375rem;font-weight:700}
.tn-c-t span{font-size:1.125rem;color:#b9bbbc}
.tn-c-out i{flex:1;height:1px;background:rgba(255,255,255,.55);position:relative}
.tn-c-out i::after{content:"";position:absolute;top:-.25rem;width:.5625rem;height:.5625rem;background:var(--green);box-shadow:0 0 0 2px #fff}
.tn-c-out.tn-r i::after{left:0}
.tn-c-out.tn-l i::after{right:0}
.tn-spec-buy{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.5rem}
.tn-s-angles{display:flex;gap:.25rem}
.tn-s-angles button{height:2.75rem;padding-inline:1.125rem;color:#fff;background:rgba(255,255,255,.08);font-size:1.125rem;transition:background .15s,color .15s}
.tn-s-angles button:hover{background:rgba(255,255,255,.18)}
.tn-s-angles button[aria-pressed=true]{background:#fff;color:var(--ink);font-weight:500}
.tn-s-price{display:flex;align-items:baseline;gap:.875rem}
.tn-s-price b{font-size:1.5rem;font-weight:500}
.tn-s-price strong{font-size:2.75rem;font-weight:700;line-height:1}
.tn-s-price s{color:#a7a9aa;font-size:1.375rem}
.tn-four{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.tn-tile{position:relative;display:block;aspect-ratio:1/1.16;overflow:hidden;color:#fff;background:#222}
.tn-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.tn-tile:hover img{transform:scale(1.03)}
.tn-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.76) 0,rgba(0,0,0,.3) 26%,rgba(0,0,0,0) 48%)}
.tn-tile div{position:absolute;z-index:2;inset-inline-start:1.5rem;inset-inline-end:5rem;bottom:1.375rem}
.tn-tile h3{font-size:2.375rem}
.tn-tile p{font-size:1.1875rem;margin-top:.25rem;color:rgba(255,255,255,.88);line-height:1.2}
.tn-go{position:absolute;z-index:2;left:1.5rem;bottom:1.5rem;width:2.75rem;height:2.75rem;background:var(--green);display:grid;place-items:center;transition:background .2s}
.tn-go svg{width:.5625rem;height:.9375rem}
.tn-tile:hover .tn-go{background:#fff;color:var(--green)}
.tn-biz{display:grid;grid-template-columns:1.1fr 1fr;background:var(--black);color:#fff}
.tn-biz-txt{padding:3.5rem 3.5rem}
.tn-biz h2{font-size:clamp(44px,4.2vw,60px)}
.tn-biz .tn-lead{font-size:1.4375rem;color:#b9bbbc;margin-top:.625rem;line-height:1.3}
.tn-steps{margin-top:2rem;display:grid;gap:1rem}
.tn-steps li{display:flex;gap:1rem;align-items:flex-start}
.tn-steps i{flex:none;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:var(--green);font-style:normal;font-weight:700;font-size:1.3125rem}
.tn-steps b{display:block;font-size:1.5rem;font-weight:500;line-height:1.1}
.tn-steps p{color:#a7a9aa;font-size:1.1875rem;margin-top:.125rem;line-height:1.3}
.tn-biz-pic{position:relative;min-height:30rem;overflow:hidden}
.tn-biz-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tn-btn-line{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);color:#fff}
.tn-clients{text-align:center}
.tn-clients>.tn-wrap>p{font-size:1.4375rem;color:var(--ink-2);margin-top:.375rem}
.tn-clients ul{display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem;margin-top:2rem}
.tn-clients li{position:relative;aspect-ratio:1/.68;background:var(--tile)}
.tn-clients img{position:absolute;inset:24% 20%;width:60%;height:52%;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.72;transition:filter .25s,opacity .25s}
.tn-clients li:hover img{filter:none;opacity:1}
.tn-faq{text-align:center}
.tn-faq-list{max-width:56.25rem;margin:2.125rem auto 0;border-top:1px solid var(--line);text-align:start}
:where(.tn) details{border-bottom:1px solid var(--line)}
:where(.tn) summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding-block:1.5rem;font-size:1.8125rem;font-weight:500;line-height:1.15;transition:color .15s}
:where(.tn) summary:hover{color:var(--green)}
:where(.tn) summary::-webkit-details-marker{display:none}
:where(.tn) summary svg{width:1.375rem;height:1.375rem;flex:none;transition:transform .25s var(--ease);color:var(--ink-3)}
:where(.tn) details[open] summary svg{transform:rotate(45deg)}
:where(.tn) details p{padding-bottom:1.625rem;color:var(--ink-2);font-size:1.4375rem;line-height:1.4;max-width:34em}
.tn-ft{background:var(--black);margin-top:6.5rem;color:#a9abac;font-size:1.25rem}
.tn-btn-ink{background:var(--ink);color:#fff}
.tn-btn-ink:hover{background:#000}
.tn-f-main{display:grid;grid-template-columns:1.55fr repeat(4,1fr) 1.3fr;gap:2.5rem;padding-block:4.5rem 5rem}
.tn-ft a{transition:color .15s}
.tn-ft a:hover{color:#46cf85}
.tn-f-brand img{display:block;height:3.5rem;width:auto}
.tn-f-brand p{margin-top:1.25rem;max-width:17em;line-height:1.35}
.tn-f-soc{display:flex;gap:.5rem;margin-top:1.375rem}
.tn-f-soc a{width:2.75rem;height:2.75rem;display:grid;place-items:center;background:#242524;color:#fff;transition:background .15s}
.tn-f-soc a:hover{background:var(--green);color:#fff}
.tn-f-soc svg{width:1.375rem;height:1.375rem}
.tn-f-col b{display:block;color:#fff;font-weight:700;font-size:1.5rem;line-height:1.1;padding-bottom:.625rem;margin-bottom:.75rem;position:relative}
.tn-f-col b::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:2rem;height:.1875rem;background:var(--green)}
.tn-f-col li{line-height:1.25;padding-block:.3125rem}
.tn-f-tel{font-size:2rem;font-weight:700;color:#fff;line-height:1.1}
.tn-f-nav{display:inline-flex;align-items:center;gap:.375rem;color:#46cf85;font-weight:500}
.tn-f-nav svg{width:.5625rem;height:.9375rem}
.tn-legal{background:var(--green);color:#fff;font-size:1.125rem}
.tn-legal .tn-wrap{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-block:.875rem}
.tn-legal a:hover{color:#fff;text-decoration:underline}
.tn-lg-r{display:flex;gap:1.5rem;flex-wrap:wrap}
.tn-wa{position:fixed;left:1.5rem;bottom:1.5rem;z-index:40;width:3.5rem;height:3.5rem;border-radius:0;background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:0 0.5rem 1.5rem -8px rgba(0,0,0,.4);transition:background .2s,transform .2s var(--ease)}
.tn-wa:hover{background:var(--green-d);transform:scale(1.05)}
.tn-wa svg{width:1.6875rem;height:1.6875rem}
.tn-wa.tn-call{bottom:5.25rem;background:var(--ink)}
.tn-wa.tn-call:hover{background:#000}
.tn-sheet{position:fixed;inset:0;z-index:60;background:#fff;padding:1.125rem 1.5rem 2.5rem;overflow:auto;transform:translateY(-100%);visibility:hidden;transition:transform .35s var(--ease),visibility .35s}
.tn-sheet.tn-on{transform:none;visibility:visible}
.tn-sheet .tn-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.125rem}
.tn-sheet li a{display:block;font-size:2.375rem;font-weight:700;line-height:1.4}
.tn-sheet .tn-sale{color:var(--green)}
.tn-sheet .tn-foot{margin-top:1.75rem;display:grid;gap:0.625rem}
@media (max-width:1180px){.tn-nav{gap:1.25rem}
.tn-tel{display:none}
  }
@media (min-width:981px) and (max-width:1280px){.tn-g3,.tn-g4{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:980px){.tn{--gutter:1.25rem;--r:0px}
.tn-nav{display:none}
.tn-burger{display:grid}
.tn-bar{display:flex;height:3.5rem;justify-content:space-between;gap:0.625rem}
.tn-logo{position:absolute;right:50%;transform:translateX(50%)}
.tn-logo img{height:1.875rem}
.tn-tools .tn-search{display:none}
.tn-g3{grid-template-columns:repeat(2,1fr);gap:1.875rem .75rem}
.tn-g4{grid-template-columns:repeat(2,1fr);gap:1.875rem 0.75rem}
.tn-two,.tn-about,.tn-faq,.tn-steps{grid-template-columns:1fr}
.tn-faq{text-align:start}
:where(.tn) summary{font-size:1.5625rem;padding-block:1.125rem}
:where(.tn) details p{font-size:1.3125rem}
.tn-steps{border-top:0;margin-top:2.125rem;gap:0}
.tn-steps li{border-top:1px solid rgba(255,255,255,.2);padding-block:1rem}
section.tn-s{padding-block:4rem 0}
.tn-biz{margin-top:4rem;padding-block:4rem}
.tn-head{align-items:flex-start;flex-direction:column;gap:0.875rem;margin-bottom:1.5rem}
.tn-filter{overflow-x:auto;width:calc(100vw - 1.25rem);margin-inline-end:-20px;padding-inline-end:1.25rem;scrollbar-width:none;white-space:nowrap}
.tn-filter::-webkit-scrollbar{display:none}
.tn-filter button{flex:none}
.tn-cats{padding-block:1.375rem 1.125rem}
.tn-cats .tn-wrap{padding-inline:0}
.tn-cats ul{display:flex;overflow-x:auto;gap:0.25rem;padding-inline:0.875rem;scrollbar-width:none}
.tn-cats ul::-webkit-scrollbar{display:none}
.tn-cats li{flex:0 0 7rem}
.tn-cats .tn-ph{height:5.25rem}
.tn-cats a{font-size:1.1875rem}
.tn-clients ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1.625rem 1.125rem;justify-items:center}
.tn-ribbon{font-size:1.0625rem;padding-block:0.4375rem}
.tn-wa{left:1rem;bottom:1rem}
.tn-hero{height:auto;padding-bottom:calc(100vw - 1.875rem);background:#d9d8d9}
.tn-hero>img{top:auto;bottom:0;height:100vw}
.tn-hero::before{background:linear-gradient(180deg,#eeeeee 0,#e6e5e6 calc(100% - 100vw),rgba(230,229,230,0) calc(100% - 100vw + 22vw))}
.tn-hero-txt{padding:1.625rem 1.25rem 0}
.tn-hero h1{font-size:clamp(4.75rem,23vw,6.5rem)}
.tn-hero p{font-size:1.5625rem;margin-top:0.375rem}
.tn-acts{flex-wrap:wrap;gap:0.75rem 1.25rem;margin-top:1rem}
.tn-p .tn-nm{font-size:1.6875rem}
.tn-p .tn-ty{font-size:1.125rem}
.tn-price b{font-size:1.8125rem}
.tn-price s{font-size:1.125rem}
.tn-price i{font-size:1.0625rem}
.tn-p .tn-add{height:2.875rem;font-size:1.1875rem;margin-top:.75rem}
.tn-tile{aspect-ratio:1/1}
.tn-tile div{inset-inline:1.375rem;bottom:1.375rem}
.tn-tile h3{font-size:2.5rem}
}
@media (max-width:1280px){.tn-cats ul{grid-template-columns:repeat(4,1fr)}
.tn-four{grid-template-columns:repeat(2,1fr)}
.tn-tile{aspect-ratio:1/.8}
}
@media (max-width:1180px){.tn-tel{display:none}
}
@media (max-width:980px){.tn-bar{height:4rem}
.tn-logo img{height:2.5rem}
.tn-cats{padding-block:1.25rem 0}
.tn-cats .tn-wrap{padding-inline:0}
.tn-cats ul{display:flex;overflow-x:auto;gap:.625rem;padding-inline:var(--gutter);scrollbar-width:none}
.tn-cats ul::-webkit-scrollbar{display:none}
.tn-cats li{flex:0 0 7.25rem}
.tn-cats .tn-ph{height:auto;margin-bottom:.5rem}
.tn-cats b{font-size:1.125rem}
.tn-trust{grid-template-columns:1fr 1fr;margin-top:1.25rem}
.tn-trust li{padding:.75rem .875rem}
.tn-trust li+li{border-inline-start:0}
.tn-trust li:nth-child(even){border-inline-start:1px solid var(--line)}
.tn-trust li:nth-child(n+3){border-top:1px solid var(--line)}
.tn-trust b{font-size:1.1875rem}
.tn-trust span{font-size:1rem}
.tn-sb,.tn-biz{grid-template-columns:1fr}
.tn-biz{margin-top:0;padding-block:0}
.tn-sb-pic{min-height:0;aspect-ratio:1/.8}
.tn-sb-txt,.tn-biz-txt{padding:1.75rem 1.25rem 2rem}
.tn-biz-pic{min-height:0;aspect-ratio:4/3;order:-1}
.tn-stamp span{font-size:3.25rem}
.tn-four{gap:.625rem}
.tn-tile{aspect-ratio:1/1.15}
.tn-tile div{inset-inline-start:.875rem;inset-inline-end:.875rem;bottom:.875rem}
.tn-tile h3{font-size:1.75rem}
.tn-tile p{font-size:1rem}
.tn-go{display:none}
.tn-tag{font-size:.875rem}
.tn-tag b,.tn-tag i{padding:.3125rem .4375rem}
.tn-sheet .tn-tel{display:none}
.tn-wa{left:1rem;bottom:1rem;width:3.25rem;height:3.25rem}
.tn-wa.tn-call{bottom:4.75rem}
}
@media (max-width:1280px){.tn-hero>img{left:calc(50% - 14rem)}
.tn-hero h1{font-size:clamp(84px,8vw,104px)}
.tn-sb{grid-template-columns:minmax(0,1.4fr) 1fr}
.tn-sb-pic:last-child{display:none}
}
@media (max-width:980px){.tn-hero{height:auto;padding-bottom:calc(100vw - 2rem);background:#e8e7e8;text-align:center}
.tn-hero>img{top:auto;bottom:0;left:50%;height:100vw}
.tn-hero::before{background:linear-gradient(180deg,#f3f3f3 0,#e8e7e8 calc(100% - 100vw),rgba(232,231,232,0) calc(100% - 100vw + 20vw))}
.tn-hero-txt{height:auto;align-items:center;padding:1.75rem 1.25rem 0}
.tn-hero h1{font-size:clamp(80px,23vw,104px);line-height:.98}
.tn-kick{font-size:1.3125rem;margin-bottom:.25rem}
.tn-lock-bar{font-size:clamp(20px,5.8vw,26px);margin-top:.5rem}
.tn-hero p{font-size:1.3125rem;margin-top:.75rem}
.tn-acts{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-top:1rem}
.tn-sb{grid-template-columns:1fr 1fr}
.tn-sb-txt{grid-column:1/-1;order:2;padding:1.75rem 1.25rem 2rem}
.tn-sb-pic,.tn-sb-pic:last-child{display:block;aspect-ratio:1/1.05}
}
@media (max-width:980px){.tn-all{margin-top:1.5rem}
.tn-all .tn-btn{width:100%}
}
@media (max-width:980px){.tn-clients ul{grid-template-columns:repeat(3,1fr);gap:.5rem;justify-items:stretch}
.tn-clients li:nth-child(7){display:none}
.tn-clients img{height:52%}
.tn-clients>.tn-wrap>p{font-size:1.25rem}
}
@media (max-width:1400px){.tn-f-main{grid-template-columns:repeat(4,1fr);gap:2.5rem 1.5rem}
.tn-f-brand{grid-column:1/4}
.tn-f-contact{grid-column:4;grid-row:1}
}
@media (max-width:980px){.tn-ft{margin-top:4.5rem}
.tn-f-main{grid-template-columns:1fr 1fr;gap:2.25rem 1.25rem;padding-block:3rem}
.tn-f-brand,.tn-f-contact{grid-column:1/-1;grid-row:auto}
.tn-f-brand{order:-2}
.tn-f-contact{order:-1}
.tn-legal .tn-wrap{padding-bottom:5.5rem}
}
@media (max-width:1400px){.tn-mega{grid-template-columns:13rem minmax(0,1fr) 18rem;gap:1.75rem}
.tn-c-t{width:12rem}
.tn-c-t b{font-size:1.25rem}
.tn-c-t span{font-size:1rem}
}
@media (max-width:1180px){.tn-spec{--H:500px}
.tn-c-t{width:9.5rem}
.tn-m-promo{display:none}
.tn-mega{grid-template-columns:13rem minmax(0,1fr)}
}
@media (max-width:980px){.tn-spec{--H:430px;margin-top:4rem;background:radial-gradient(circle at 50% 37%,#efefef 0,#cfd0d0 26vw,#4a4b4a 56vw,#161716 84vw,#111211 100%)}
.tn-spec-in{padding-block:2.25rem 2rem}
.tn-spec-stage{height:auto;margin-top:1rem;padding-top:var(--H);display:grid;grid-template-columns:1fr 1fr;gap:1.25rem .875rem}
.tn-s-chair{height:var(--H)}
.tn-ghost{top:calc(var(--H)/2);font-size:26vw}
.tn-c-out{position:static;width:auto;transform:none;flex-direction:column;align-items:flex-start;display:block}
.tn-c-out i{display:none}
.tn-c-t{width:auto}
.tn-spec-stage.tn-alt .tn-c-out{opacity:1}
.tn-spec-buy{flex-direction:column;align-items:stretch}
.tn-s-angles{justify-content:center}
.tn-s-price{justify-content:center}
}
@media (prefers-reduced-motion:reduce){:where(.tn),:where(.tn) *{transition:none!important;scroll-behavior:auto!important}
}

/* ---------- wiring the design to WordPress / WooCommerce ---------- */
.tn-navwrap{height:100%;display:flex;justify-content:center}
.admin-bar .tn-hd{top:32px}
@media (max-width:782px){.admin-bar .tn-hd{top:46px}}
@media (max-width:600px){.admin-bar .tn-hd{top:0}}
.tn-ribbon{margin-inline-start:0;overflow:hidden;text-overflow:ellipsis}
.tn-ribbon a{text-decoration:underline;text-underline-offset:.2em;margin-inline-start:.25rem}
.tn-logo img{display:block}
.tn-hero.no-img{background:linear-gradient(180deg,#eeeeee,#dcdbdc)}
.tn-sheet form{margin:0}
.tn-sheet .tn-btn{width:100%}

/* product card: the whole card is a link (stretched title link); the cart button sits above it */
.tn-p{min-width:0}
.tn-p .tn-nm{margin:0}
.tn-p .tn-nm a::after{content:"";position:absolute;inset:0;z-index:1}
.tn-p .tn-add{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}
.tn-p .tn-add.loading{opacity:.65;pointer-events:none}
.tn-p .tn-add.is-link{background:var(--ink)}
.tn-p .tn-add.is-link:hover{background:#000}
.tn-p .tn-add.tn-ok,.tn-spec-buy .tn-btn.tn-ok{background:var(--ink)}
.tn .added_to_cart{display:none!important}
.tn-p .tn-ph img{display:block}
.tn-p.is-oos .tn-ph img{opacity:.55}
.tn-price .tn-ask{font-size:1.25rem}
/* product photos are never cropped – desks use the "fit" variant of the design */
.tn-g3 .tn-ph img{object-fit:contain;padding:8%;mix-blend-mode:multiply;object-position:50% 50%}
.tn-g3 .tn-ph{background:var(--tile)}
.tn-g4 .tn-ph{aspect-ratio:1/1.12}
.tn-g4 .tn-ph img,.tn-loop .tn-ph img{position:absolute;inset:7% 8% 9%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.tn-spec-buy .tn-btn.loading{opacity:.65}
.tn-s-price a{color:inherit}
.tn-s-chair{pointer-events:none}
.tn-faq-list p a{color:var(--green)}
.tn-biz-pic:empty{display:none}
.tn-sb-pic img{background:#ddd}
.tn-nav>li.tn-has.tn-shut .tn-fly{opacity:0;visibility:hidden}
/* lifestyle photos (not on white) fill the tile instead of floating in it – still uncropped */
.tn-g3 .tn-ph img.tn-photo{padding:0;mix-blend-mode:normal}
.tn-ribbon a{text-decoration:none}

/* =========================================================================
   The rest of the site (shop, product, cart, checkout, pages) in the same language
   ========================================================================= */
:root{--header-h:5.5rem;--brand:#16874d;--brand-d:#106b3c;--brand-l:#e8f3ed;--g:#16874d;--g-d:#106b3c;--g-hi:#16874d;--deep:#111211;--sale:#16874d;--ink:#1b1c1b;--muted:#55585a;--muted-2:#6b6e70;--line:#e4e5e6;--line-2:#d6d7d8;--mist:#f4f4f5;--mist-2:#ececed;--lime:#16874d}
@media (max-width:980px){:root{--header-h:4rem}}
body.td{color:var(--tn-ink)}
.td-wrap{max-width:calc(var(--tn-wrap) + var(--tn-gutter)*2);padding-inline:var(--tn-gutter)}
.td-main{min-height:40vh}
.tn-h,.td-cat-head h1,.td-page-head h1,.td-summary .product_title,.related.products>h2,.upsells.products>h2,.td-pdp-tabs summary,.td-404 strong,.woocommerce-cart .cart_totals h2,.woocommerce-checkout h3,.td-empty h2{font-family:"AlmoniTZ",system-ui,sans-serif;font-weight:700;letter-spacing:-.005em;line-height:1.02;color:var(--tn-ink)}
.td-btn{font-weight:500;min-height:3.25rem;padding-inline:1.75rem}
.td-btn-dark{background:var(--tn-ink)}
.td-btn-dark:hover{background:#000;color:#fff}
.td-btn-brand,.td-btn-wa{background:var(--tn-green);color:#fff}
.td-btn-brand:hover,.td-btn-wa:hover{background:var(--tn-green-d);color:#fff}
.td-btn-ghost{border:1px solid var(--tn-line)}
.td-iconbtn{border:1px solid var(--tn-line)}

/* page heads + breadcrumbs */
.td-cat-head,.td-page-head{background:none;padding:2rem 0 0;margin:0}
.td-page-head{margin-bottom:2.25rem}
.td-cat-head h1,.td-page-head h1{font-size:clamp(40px,4.2vw,60px);margin:.625rem 0 0}
.td-cat-intro,.td-page-head p{color:var(--tn-ink-2);font-size:1.0625rem;max-width:46em}
.td-breadcrumb{font-size:.9rem;color:var(--tn-ink-3);gap:.5rem}
.td-breadcrumb a{color:var(--tn-ink-3)}
.td-breadcrumb a:hover{color:var(--tn-green)}

/* sub-category chips → square tiles */
.td-subcats{gap:.5rem;padding:1.5rem 0 .25rem}
.td-subcats a{border:0;background:var(--tn-tile);padding:.375rem 1rem .375rem .375rem;font-weight:500;font-size:1rem;gap:.625rem;transition:background .15s,color .15s}
.td-subcats a img{width:2.5rem;height:2.5rem;background:#fff;padding:.125rem}
.td-subcats a:hover{background:#e9e9ea;color:var(--tn-ink)}
.td-subcats a.is-active{background:var(--tn-ink);color:#fff}

/* shop layout, filters */
.td-shop{padding-block:2rem 0}
@media (min-width:1025px){.td-shop{grid-template-columns:15rem minmax(0,1fr);gap:2.5rem}}
.td-filters{gap:1.75rem}
.td-fgroup h3{color:var(--tn-ink-3);font-weight:500;font-size:.95rem;margin-bottom:.5rem}
.td-fgroup ul{gap:0}
.td-fgroup ul a{padding:.5rem 0;border-bottom:1px solid var(--tn-line);font-size:1.05rem;font-weight:500;transition:color .15s,padding .2s}
.td-fgroup ul a:hover{background:none;color:var(--tn-green);padding-inline-start:.375rem}
.td-fgroup ul a.is-active{background:none;color:var(--tn-green);font-weight:700}
.td-fgroup ul a.is-active small,.td-fgroup a small{color:var(--tn-ink-3)}
.td-toggle{border:1px solid var(--tn-line);font-weight:500}
.td-toggle:hover{border-color:var(--tn-ink)}
.td-toggle.is-on .td-switch{background:var(--tn-green)}
.td-price-form input,.td-toolbar select{border:1px solid var(--tn-line)}
.td-toolbar{margin-bottom:1.5rem}
.td-toolbar .woocommerce-result-count{color:var(--tn-ink-3)}
.td-active-filters a{background:var(--tn-tile)}
.td-active-filters a:hover{background:var(--tn-ink);color:#fff}
.woocommerce-pagination .page-numbers a,.woocommerce-pagination .page-numbers span{border:1px solid var(--tn-line)!important;font-weight:500}
.woocommerce-pagination .page-numbers a:hover{border-color:var(--tn-ink)!important;color:var(--tn-ink)}
.woocommerce-pagination .page-numbers span.current{background:var(--tn-ink)!important;border-color:var(--tn-ink)!important}
.td-cat-seo{border-top:1px solid var(--tn-line);margin-top:4rem}
.td-empty{border:1px solid var(--tn-line)}

/* product grids (shop, related, upsells) – the design's card */
.tn-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.75rem 1.25rem;margin:0;padding:0}
.tn-loop .tn-ph{aspect-ratio:1/1.12}
.tn-loop .tn-nm{font-size:1.5rem}
@media (max-width:1280px){.tn-loop{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.tn-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.875rem .75rem}.tn-loop .tn-nm{font-size:1.5rem}}
.related.products,.upsells.products{margin-top:6rem}
.related.products>h2,.upsells.products>h2{font-size:clamp(40px,4.2vw,60px);margin:0 0 2.375rem}

/* single product */
.td-pdp{padding-block:1.5rem 0}
.td-pdp-grid{margin-top:1.5rem;gap:clamp(24px,4vw,64px)}
.td-gallery-main,.td-thumbs button{background:var(--tn-tile)}
.td-thumbs button{border:2px solid transparent}
.td-thumbs button[aria-current=true]{border-color:var(--tn-ink)}
.td-summary .td-pdp-cat,.td-summary .td-pdp-cat a{color:var(--tn-green);font-weight:500;font-size:1rem}
.td-summary .product_title{font-size:clamp(36px,3.1vw,52px);margin:.25rem 0 .875rem}
.td-summary .price{font-family:"AlmoniTZ",system-ui,sans-serif;font-size:2.75rem!important;font-weight:700!important;color:var(--tn-ink)!important;gap:.875rem}
.td-summary .price del{font-size:1.375rem;font-weight:400;color:var(--tn-ink-3)!important}
.td-summary form.cart{background:none;padding:0;margin:1.5rem 0!important}
.td-summary form.cart .quantity{border:1px solid var(--tn-line);height:3.375rem}
.td-summary form.cart .single_add_to_cart_button,.td-summary .single_add_to_cart_button{background:var(--tn-green)!important;min-height:3.375rem;font-family:"AlmoniTZ",system-ui,sans-serif!important;font-weight:700!important;font-size:1.3125rem!important}
.td-summary .single_add_to_cart_button:hover{background:var(--tn-green-d)!important}
.td-summary table.variations select{border:1px solid var(--tn-line)}
.td-pdp-desc{border-top:1px solid var(--tn-line);color:var(--tn-ink-2)}
.td-pdp-desc-in h2,.td-pdp-desc-in h3,.td-pdp-desc-in h4{color:var(--tn-ink)}
.td-pdp-trust{border:1px solid var(--tn-line)}
.td-pdp-trust .td-ic,.td-pdp-trust a{color:var(--tn-green)}
.td-pdp-tabs{gap:0;border-top:1px solid var(--tn-line);max-width:56.25rem;margin-top:4rem}
.td-pdp-tabs details,.td-pdp-tabs details[open]{border:0;border-bottom:1px solid var(--tn-line);background:none}
.td-pdp-tabs summary{padding:1.25rem 0;font-size:1.75rem;font-weight:500;transition:color .15s}
.td-pdp-tabs summary:hover{color:var(--tn-green)}
.td-pdp-tabs summary .td-ic{color:var(--tn-ink-3)}
.td-pdp-tabs .td-tab-body{padding:0 0 1.5rem;color:var(--tn-ink-2)}
.td-sticky-atc .td-btn-dark{background:var(--tn-green)}
/* sale tag on the product photo – same black + green tag as the cards */
.td-badge,.td-gallery-main .td-badge{top:0;inset-inline-start:0;box-shadow:none;font-family:"AlmoniTZ",system-ui,sans-serif;font-size:1rem;font-weight:700;line-height:1;color:#fff}
.td-badge b{display:flex;align-items:center;background:var(--tn-black);font-family:inherit;font-weight:500;font-size:1rem;letter-spacing:0;padding:.4375rem .625rem}
.td-badge i,.td-badge-lg i{background:var(--tn-green);color:#fff;font-size:1rem;padding:.4375rem .625rem}
.td-badge-lg b,.td-badge-lg i{font-size:1.1875rem;padding:.5rem .75rem}
.td-badge-oos i{background:#fff;color:var(--tn-ink-2)}

/* cart, checkout, account */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:var(--tn-ink)!important;font-weight:500!important}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover{background:#000!important}
.woocommerce .button.alt,.woocommerce button.button.alt,.woocommerce a.button.alt,#place_order,.woocommerce .wc-proceed-to-checkout a.checkout-button{background:var(--tn-green)!important;font-weight:700!important}
.woocommerce .button.alt:hover,#place_order:hover,.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:var(--tn-green-d)!important}
.woocommerce table.shop_table{border:1px solid var(--tn-line)!important}
.woocommerce table.shop_table th{background:var(--tn-tile)}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:var(--tn-tile)}
.woocommerce-cart .cart_totals h2{font-size:2.25rem}
.woocommerce-checkout h3{font-size:2rem}
.woocommerce .quantity .qty,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection--single{border:1px solid var(--tn-line)!important}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--tn-ink)!important;box-shadow:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--tn-tile)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--tn-green)!important}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--tn-ink)}
.woocommerce-cart-form table.shop_table tr.cart_item{border-color:var(--tn-line)!important}

/* content pages */
.td-prose a{color:var(--tn-green)}
.td-prose h2,.td-prose h3{font-family:"AlmoniTZ",system-ui,sans-serif;font-weight:700;line-height:1.1;color:var(--tn-ink)}
.td-prose h2{font-size:2.25rem}.td-prose h3{font-size:1.75rem}
.td-404 strong{color:var(--tn-green);font-size:clamp(9rem,20vw,16rem)}
@media (max-width:980px){
  .td-cat-head,.td-page-head{padding-top:1.25rem}
  .td-page-head{margin-bottom:1.5rem}
  .related.products,.upsells.products{margin-top:4rem}
  .td-summary .price{font-size:2.25rem!important}
  .td-pdp-tabs summary{font-size:1.5rem}
}
/* product gallery: the photo always fits whole inside its square (portrait photos were cut at the bottom) */
.td-gallery-slide{display:block}
.td-gallery-slide>a{display:block;width:100%;height:100%}
.td-gallery-slide img{width:100%;height:100%;max-height:100%}

/* =========================================================================
   v3: product page (.tn-pdp), cart and checkout (.tn-ck) – designer handoff "ten-design-product-cart-checkout".
   Scoped to their pages so the home page and the rest of the site are unchanged.
   ========================================================================= */
.tn-pdp .tn-crumbs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-block:1.5rem 1.25rem;font-size:1.0625rem;color:var(--ink-3)}
.tn-pdp .tn-crumbs a:hover{color:var(--green)}
.tn-pdp .tn-crumbs svg{width:.4375rem;height:.75rem;color:#b4b6b7}
.tn-pdp .tn-crumbs [aria-current]{color:var(--ink)}
.tn-pdp .tn-buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4.5rem;align-items:start}
.tn-pdp .tn-gal-w{position:sticky;top:7.25rem;min-width:0}
.tn-pdp .tn-hero-shot{position:relative;display:block;width:100%;aspect-ratio:1/1;max-height:max(30rem,calc(100vh - 22rem));background:var(--tile);overflow:hidden;cursor:zoom-in}
.tn-pdp .tn-hero-shot img{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .2s,transform .6s var(--ease)}
.tn-pdp .tn-hero-shot:hover img{transform:scale(1.03)}
.tn-pdp .tn-hero-shot img.tn-fade{opacity:0}
.tn-pdp .tn-hero-shot .tn-tag{font-size:1.0625rem}
.tn-pdp .tn-zm{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.375rem;height:2.5rem;padding-inline:.875rem;background:#fff;font-size:1.0625rem;font-weight:500;transition:background .15s,color .15s}
.tn-pdp .tn-zm svg{width:1.25rem;height:1.25rem}
.tn-pdp .tn-hero-shot:hover .tn-zm{background:var(--ink);color:#fff}
.tn-pdp .tn-thumbs{display:flex;gap:.625rem;margin-top:.625rem}
.tn-pdp .tn-thumbs button{position:relative;flex:0 0 6rem;height:6rem;background:var(--tile);box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s}
.tn-pdp .tn-thumbs button:hover{box-shadow:inset 0 0 0 1px #c9cbcc}
.tn-pdp .tn-thumbs button[aria-current=true]{box-shadow:inset 0 0 0 2px var(--ink)}
.tn-pdp .tn-thumbs img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.tn-pdp .tn-panel{min-width:0}
.tn-pdp .tn-p-kick{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.125rem;color:var(--ink-3)}
.tn-pdp .tn-p-kick a{color:var(--green);font-weight:500}
.tn-pdp .tn-panel h1{margin-top:.75rem;line-height:.9}
.tn-pdp .tn-panel h1 span{display:block;font-size:clamp(26px,1.9vw,32px);font-weight:500;line-height:1.1;margin-bottom:.375rem}
.tn-pdp .tn-panel h1 b{display:block;font-size:clamp(64px,4.6vw,88px);font-weight:700;letter-spacing:0;direction:ltr;text-align:right;white-space:nowrap}
.tn-pdp .tn-p-bar{display:block;width:100%;height:.375rem;background:var(--green);margin-top:.875rem}
.tn-pdp .tn-p-lead{font-size:1.375rem;line-height:1.35;color:var(--ink-2);margin-top:1rem}
.tn-pdp .tn-pbox{margin-top:1.375rem;background:var(--tile);padding:1.25rem 1.5rem 1.125rem}
.tn-pdp .tn-p-price{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.tn-pdp .tn-p-price .tn-now{display:flex;align-items:baseline;gap:.875rem;flex-wrap:wrap}
.tn-pdp .tn-p-price strong{font-size:3.5rem;font-weight:700;line-height:.9}
.tn-pdp .tn-p-price s{font-size:1.5rem;color:var(--ink-3)}
.tn-pdp .tn-p-price em{display:block;font-style:normal;color:var(--green);font-weight:500;font-size:1.1875rem;margin-top:.375rem}
.tn-pdp .tn-pbox>.tn-tag{position:static;display:inline-flex;font-size:1.125rem;margin-bottom:1rem}
.tn-pdp .tn-pbox>.tn-tag b,.tn-pdp .tn-pbox>.tn-tag i{padding:.5rem .75rem}
.tn-pdp .tn-p-price em{margin-top:0}
.tn-pdp .tn-p-notes{margin-top:1rem;padding-top:.875rem;border-top:1px solid #e1e2e3;display:grid;gap:.5rem;font-size:1.125rem;color:var(--ink-2)}
.tn-pdp .tn-p-notes li{display:flex;align-items:center;gap:.625rem;line-height:1.25}
.tn-pdp .tn-p-notes svg{flex:none;width:1.375rem;height:1.375rem;color:var(--green)}
.tn-pdp .tn-p-notes b{color:var(--ink);font-weight:700}
.tn-pdp .tn-p-notes a{color:var(--green);font-weight:500;text-decoration:underline;text-underline-offset:.2em}
.tn-pdp .tn-ends{display:flex;align-items:center;gap:.625rem}
.tn-pdp .tn-ends i{flex:none;width:.5625rem;height:.5625rem;margin-inline:.40625rem;background:var(--green);animation:tn-blink 1.6s steps(1) infinite}
.tn-pdp .tn-ends b{color:var(--ink);font-weight:700}
@keyframes tn-blink{50%{opacity:.25}
}
.tn-pdp .tn-opt{display:flex;align-items:center;gap:1rem;margin-top:1.25rem}
.tn-pdp .tn-opt-l{font-size:1.1875rem;color:var(--ink-2)}
.tn-pdp .tn-opt-l b{color:var(--ink);font-weight:500}
.tn-pdp .tn-sw{display:flex;gap:.5rem}
.tn-pdp .tn-sw button{width:2.75rem;height:2.75rem;padding:.3125rem;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}
.tn-pdp .tn-sw button span{display:block;width:100%;height:100%;background:#1d1e1d}
.tn-pdp .tn-sw button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink)}
.tn-pdp .tn-feats{margin-top:1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.tn-pdp .tn-feats li{display:flex;gap:.75rem;align-items:center;font-size:1.1875rem;line-height:1.15;background:var(--tile);padding:.75rem 1rem}
.tn-pdp .tn-feats svg{flex:none;width:1.75rem;height:1.75rem;color:var(--green)}
.tn-pdp .tn-cta{display:grid;grid-template-columns:auto 1fr;gap:.625rem;margin-top:1.25rem}
.tn-pdp .tn-qty{display:flex;align-items:center;box-shadow:inset 0 0 0 1px var(--line);height:3.75rem}
.tn-pdp .tn-qty button{width:3.25rem;height:100%;font-size:1.5rem;color:var(--ink-2);transition:background .15s,color .15s}
.tn-pdp .tn-qty button:hover{background:var(--tile);color:var(--ink)}
.tn-pdp .tn-qty input{width:2.75rem;height:100%;border:0;text-align:center;font:inherit;font-size:1.5rem;font-weight:500;color:var(--ink);background:none;-moz-appearance:textfield}
.tn-pdp .tn-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.tn-pdp .tn-cta .tn-btn{height:3.75rem;font-size:1.5rem;font-weight:700}
.tn-pdp .tn-btn-green.tn-ok{background:var(--ink)}
.tn-pdp .tn-quote{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:1rem 1.125rem;border:1px solid var(--line)}
.tn-pdp .tn-quote b{display:block;font-weight:700;font-size:1.25rem;line-height:1.15}
.tn-pdp .tn-quote span{font-size:1.0625rem;color:var(--ink-2)}
.tn-pdp .tn-q-btns{display:flex;gap:.5rem;flex:none}
.tn-pdp .tn-q-btns a{display:inline-flex;align-items:center;gap:.4375rem;height:2.75rem;padding-inline:.875rem;font-size:1.125rem;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.tn-pdp .tn-q-btns svg{width:1.25rem;height:1.25rem}
.tn-pdp .tn-q-wa{background:var(--green);color:#fff}
.tn-pdp .tn-q-wa:hover{background:var(--green-d)}
.tn-pdp .tn-q-tel{box-shadow:inset 0 0 0 1px var(--ink)}
.tn-pdp .tn-q-tel:hover{background:var(--ink);color:#fff}
.tn-pdp .tn-trust2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}
.tn-pdp .tn-trust2 li{display:flex;gap:.75rem;align-items:flex-start;padding:.875rem 1rem;border:1px solid var(--line);line-height:1.2}
.tn-pdp .tn-trust2 svg{flex:none;width:1.625rem;height:1.625rem;color:var(--green)}
.tn-pdp .tn-trust2 b{display:block;font-weight:700;font-size:1.1875rem}
.tn-pdp .tn-trust2 span{color:var(--ink-2);font-size:1.0625rem}
.tn-pdp .tn-band{background:var(--tile);margin-top:4.5rem;padding-block:2.25rem 2.5rem}
.tn-pdp .tn-band h2{font-size:clamp(32px,2.6vw,40px)}
.tn-pdp .tn-band-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.tn-pdp .tn-comp{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.25rem}
.tn-pdp .tn-cc{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;align-items:center;background:#fff;padding:.75rem}
.tn-pdp .tn-cc .tn-ph{position:relative;aspect-ratio:1/1;background:var(--tile);overflow:hidden}
.tn-pdp .tn-cc .tn-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.tn-pdp .tn-cc .tn-ph img.tn-fit{inset:8%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.tn-pdp .tn-cc:hover .tn-ph img{transform:scale(1.04)}
.tn-pdp .tn-cc .tn-nm{font-weight:700;font-size:1.375rem;line-height:1.05}
.tn-pdp .tn-cc:hover .tn-nm{color:var(--green)}
.tn-pdp .tn-cc .tn-ty{font-size:1rem;color:var(--ink-2);line-height:1.25;margin-block:.125rem .375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tn-pdp .tn-cc .tn-price b{font-size:1.375rem}
.tn-pdp .tn-cc .tn-price s{font-size:1rem}
.tn-pdp .tn-cc .tn-add{height:2.25rem;margin-top:.5rem;padding-inline:.875rem;background:var(--green);color:#fff;font-weight:700;font-size:1.0625rem;transition:background .2s}
.tn-pdp .tn-cc .tn-add:hover,.tn-pdp .tn-cc .tn-add.tn-ok{background:var(--ink)}
.tn-pdp .tn-band+.tn-spec{margin-top:0}
.tn-pdp .tn-tabs{display:flex;gap:2.25rem;border-bottom:1px solid var(--line)}
.tn-pdp .tn-tabs button{position:relative;padding-block:1rem;font-size:1.5rem;font-weight:500;color:var(--ink-3);transition:color .15s}
.tn-pdp .tn-tabs button:hover{color:var(--ink)}
.tn-pdp .tn-tabs button[aria-selected=true]{color:var(--ink);font-weight:700}
.tn-pdp .tn-tabs button[aria-selected=true]::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:.25rem;background:var(--green)}
.tn-pdp .tn-tab-p{padding-top:2.5rem}
.tn-pdp .tn-tab-p[hidden]{display:none}
.tn-pdp .tn-ship{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.tn-pdp .tn-ship li{padding:1.5rem;background:var(--tile);line-height:1.35}
.tn-pdp .tn-ship svg{width:2rem;height:2rem;color:var(--green)}
.tn-pdp .tn-ship b{display:block;font-size:1.5rem;font-weight:700;margin-top:.75rem}
.tn-pdp .tn-ship p{color:var(--ink-2);font-size:1.25rem;margin-top:.375rem}
.tn-pdp .tn-ship a{color:var(--green);font-weight:500}
.tn-pdp .tn-det{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;align-items:start}
.tn-pdp .tn-det h3{font-size:clamp(30px,2.4vw,38px)}
.tn-pdp .tn-det h2{font-size:clamp(40px,3.6vw,56px)}
.tn-pdp .tn-det .tn-copy p{font-size:1.4375rem;line-height:1.45;color:var(--ink-2);margin-top:1.125rem;max-width:32em}
.tn-pdp .tn-det .tn-copy p:first-of-type{color:var(--ink);font-size:1.75rem;line-height:1.3;margin-top:0}
.tn-pdp .tn-suits{margin-top:2.25rem}
.tn-pdp .tn-suits b{display:block;font-size:1.3125rem;font-weight:700;margin-bottom:.75rem}
.tn-pdp .tn-suits ul{display:flex;flex-wrap:wrap;gap:.5rem}
.tn-pdp .tn-suits li{padding:.5rem .875rem;box-shadow:inset 0 0 0 1px var(--line);font-size:1.1875rem}
.tn-pdp .tn-spec-t{width:100%;border-collapse:collapse;font-size:1.3125rem}
.tn-pdp .tn-spec-t th,.tn-pdp .tn-spec-t td{text-align:start;padding:1rem 0;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.3}
.tn-pdp .tn-spec-t tr:first-child th,.tn-pdp .tn-spec-t tr:first-child td{border-top:2px solid var(--ink)}
.tn-pdp .tn-spec-t th{width:42%;font-weight:400;color:var(--ink-2);padding-inline-end:1.5rem}
.tn-pdp .tn-spec-t td{font-weight:500}
.tn-pdp .tn-sbar{position:fixed;inset-inline:0;bottom:0;z-index:45;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(1.25rem);-webkit-backdrop-filter:saturate(180%) blur(1.25rem);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .35s var(--ease)}
.tn-pdp .tn-sbar.tn-on{transform:none}
.tn-pdp .tn-sbar .tn-wrap{display:flex;align-items:center;gap:1.25rem;height:5.25rem}
.tn-pdp .tn-sbar img{width:3.75rem;height:3.75rem;object-fit:contain;background:var(--tile);mix-blend-mode:multiply}
.tn-pdp .tn-sbar .tn-t{line-height:1.1;margin-inline-end:auto}
.tn-pdp .tn-sbar .tn-t b{display:block;font-size:1.5rem;font-weight:700;direction:ltr;text-align:right}
.tn-pdp .tn-sbar .tn-t span{font-size:1.0625rem;color:var(--ink-2)}
.tn-pdp .tn-sbar .tn-price b{font-size:1.875rem}
.tn-pdp .tn-sbar .tn-btn{height:3.25rem}
body.tn-bar-on .tn-wa{transform:translateY(-5.25rem)}
.tn-pdp .tn-lb{position:fixed;inset:0;z-index:80;background:#fff;display:grid;grid-template-rows:auto 1fr auto;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.tn-pdp .tn-lb.tn-on{opacity:1;visibility:visible}
.tn-pdp .tn-lb-top{display:flex;align-items:center;justify-content:space-between;padding:1rem var(--gutter);font-size:1.1875rem;color:var(--ink-2)}
.tn-pdp .tn-lb-top>span{display:flex;align-items:baseline;gap:.75rem}
.tn-pdp .tn-lb-top b{color:var(--ink);font-weight:700}
.tn-pdp .tn-lb-stage{position:relative;overflow:hidden}
.tn-pdp .tn-lb-stage img{position:absolute;inset:2% 10%;width:80%;height:96%;object-fit:contain}
.tn-pdp .tn-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:3.5rem;height:3.5rem;display:grid;place-items:center;background:var(--tile);transition:background .15s,color .15s}
.tn-pdp .tn-lb-nav:hover{background:var(--ink);color:#fff}
.tn-pdp .tn-lb-nav svg{width:1.5rem;height:1.5rem}
.tn-pdp .tn-lb-nav.tn-pv{right:var(--gutter)}
.tn-pdp .tn-lb-nav.tn-nx{left:var(--gutter)}
.tn-pdp .tn-lb-th{display:flex;justify-content:center;gap:.5rem;padding:1rem var(--gutter) 1.5rem}
.tn-pdp .tn-lb-th button{width:4.5rem;height:4.5rem;background:var(--tile);box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s}
.tn-pdp .tn-lb-th button[aria-current=true]{box-shadow:inset 0 0 0 2px var(--ink)}
.tn-pdp .tn-lb-th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:.375rem}
@media (max-width:1400px){.tn-pdp .tn-buy{gap:3rem}
.tn-pdp .tn-feats{grid-template-columns:1fr}
.tn-pdp .tn-comp{grid-template-columns:repeat(2,1fr)}
.tn-pdp .tn-quote{flex-direction:column;align-items:stretch}
.tn-pdp .tn-q-btns a{flex:1;justify-content:center}

}
@media (max-width:1180px){.tn-pdp .tn-buy{gap:2.25rem}
.tn-pdp .tn-trust2{grid-template-columns:1fr}
.tn-pdp .tn-det{gap:3rem}

}
@media (max-width:980px){.tn-pdp .tn-crumbs{padding-block:.875rem;font-size:1rem;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
.tn-pdp .tn-crumbs>*:nth-child(-n+2){display:none}
.tn-pdp .tn-buy{grid-template-columns:minmax(0,1fr);gap:1.5rem}
.tn-pdp .tn-gal-w{order:-1}
.tn-pdp .tn-gal-w{position:static}
.tn-pdp .tn-gal-w{margin-inline:calc(var(--gutter)*-1)}
.tn-pdp .tn-thumbs{display:flex;gap:.5rem;padding-inline:var(--gutter);overflow-x:auto;scrollbar-width:none}
.tn-pdp .tn-thumbs::-webkit-scrollbar{display:none}
.tn-pdp .tn-thumbs button{flex:0 0 4.5rem;height:4.5rem}
.tn-pdp .tn-hero-shot{height:auto;aspect-ratio:1/1}
.tn-pdp .tn-zm span{display:none}
.tn-pdp .tn-zm{padding-inline:.625rem}
.tn-pdp .tn-panel{position:static}
.tn-pdp .tn-panel h1 b{font-size:clamp(56px,17vw,76px)}
.tn-pdp .tn-panel h1 span{font-size:1.5rem}
.tn-pdp .tn-p-lead{font-size:1.3125rem}
.tn-pdp .tn-p-price strong{font-size:3rem}
.tn-pdp .tn-feats{grid-template-columns:1fr 1fr;gap:.5rem}
.tn-pdp .tn-feats li{font-size:1.0625rem;padding:.75rem;gap:.5rem;flex-direction:column;align-items:flex-start}
.tn-pdp .tn-det{grid-template-columns:1fr;gap:2.5rem}
.tn-pdp .tn-trust2{grid-template-columns:1fr 1fr;gap:.5rem}
.tn-pdp .tn-trust2 li{flex-direction:column;gap:.375rem;padding:.75rem}
.tn-pdp .tn-quote{flex-direction:column;align-items:stretch}
.tn-pdp .tn-q-btns a{flex:1;justify-content:center}
.tn-pdp .tn-band{margin-top:3rem;padding-block:1.75rem 2rem}
.tn-pdp .tn-comp{grid-template-columns:1fr;gap:.625rem}
.tn-pdp .tn-cc{grid-template-columns:6.5rem minmax(0,1fr)}
.tn-pdp .tn-tabs{gap:1.5rem;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter)}
.tn-pdp .tn-tabs button{font-size:1.3125rem;white-space:nowrap}
.tn-pdp .tn-tab-p{padding-top:1.75rem}
.tn-pdp .tn-ship{grid-template-columns:1fr;gap:.625rem}
.tn-pdp .tn-ship li{padding:1.125rem}
.tn-pdp .tn-det .tn-copy p:first-of-type{font-size:1.5rem}
.tn-pdp .tn-det .tn-copy p{font-size:1.3125rem}
.tn-pdp .tn-spec-t{font-size:1.1875rem}
.tn-pdp .tn-sbar .tn-wrap{height:4.5rem;gap:.75rem}
.tn-pdp .tn-sbar img,.tn-pdp .tn-sbar .tn-t span{display:none}
.tn-pdp .tn-sbar .tn-t b{font-size:1.3125rem}
.tn-pdp .tn-sbar .tn-price b{font-size:1.5rem}
.tn-pdp .tn-sbar .tn-price s{display:none}
.tn-pdp .tn-sbar .tn-btn{height:3rem;padding-inline:1.25rem;font-size:1.25rem}
body.tn-bar-on .tn-wa{transform:translateY(-4.5rem)}
.tn-pdp .tn-lb-stage img{inset:2% 0;width:100%}
.tn-pdp .tn-lb-nav{display:none}
.tn-pdp .tn-lb-th button{width:3.5rem;height:3.5rem}

}
.tn-ck .tn-flow{display:flex;align-items:center;gap:.75rem;padding-block:1.75rem 0;font-size:1.125rem;color:var(--ink-3)}
.tn-ck .tn-flow li{display:flex;align-items:center;gap:.5rem;white-space:nowrap}
.tn-ck .tn-flow li i{width:1.75rem;height:1.75rem;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:1rem;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3)}
.tn-ck .tn-flow li i svg{width:1rem;height:1rem}
.tn-ck .tn-flow li.tn-on{color:var(--ink);font-weight:500}
.tn-ck .tn-flow li.tn-on i{background:var(--ink);color:#fff;box-shadow:none}
.tn-ck .tn-flow li.tn-done{color:var(--ink)}
.tn-ck .tn-flow li.tn-done i{background:var(--green);color:#fff;box-shadow:none}
.tn-ck .tn-flow .tn-ln{flex:0 0 3rem;height:1px;background:var(--line)}
.tn-ck .tn-page-h{display:flex;align-items:baseline;gap:1rem;margin-top:1.25rem}
.tn-ck .tn-page-h h1{font-size:clamp(44px,3.8vw,60px)}
.tn-ck .tn-page-h span{color:var(--ink-3);font-size:1.3125rem}
.tn-ck .tn-shop{display:grid;grid-template-columns:minmax(0,1fr) 31rem;gap:4rem;align-items:start;margin-top:2rem}
.tn-ck .tn-sum{position:sticky;top:7.25rem;background:var(--tile);padding:1.75rem 1.75rem 1.5rem}
.tn-ck .tn-sum h2{font-size:2rem}
.tn-ck .tn-rows{margin-top:1.125rem}
.tn-ck .tn-rows div{display:flex;justify-content:space-between;gap:1rem;padding-block:.5rem;font-size:1.25rem}
.tn-ck .tn-rows dt{color:var(--ink-2)}
.tn-ck .tn-rows dd{font-weight:500;text-align:left}
.tn-ck .tn-rows .tn-save dd{color:var(--green)}
.tn-ck .tn-rows .tn-muted dd{color:var(--ink-2);font-weight:400;font-size:1.125rem}
.tn-ck .tn-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:.75rem;padding-top:1rem;border-top:2px solid var(--ink)}
.tn-ck .tn-total b{font-size:1.5rem;font-weight:700}
.tn-ck .tn-total strong{font-size:2.75rem;font-weight:700;line-height:1}
.tn-ck .tn-total small{display:block;font-size:1rem;color:var(--ink-3);margin-top:.25rem}
.tn-ck .tn-sum .tn-go-pay{width:100%;height:3.75rem;margin-top:1.25rem;font-size:1.5rem;font-weight:700}
.tn-ck .tn-sec{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.875rem;font-size:1.0625rem;color:var(--ink-2)}
.tn-ck .tn-sec svg{width:1.125rem;height:1.125rem}
.tn-ck .tn-pays{display:flex;justify-content:center;gap:.375rem;margin-top:.75rem}
.tn-ck .tn-pays span{height:1.75rem;padding-inline:.5rem;display:grid;place-items:center;background:#fff;font-size:.875rem;font-weight:700;letter-spacing:.02em;color:var(--ink-2);direction:ltr}
.tn-ck .tn-coupon{margin-top:1rem;border-top:1px solid #e1e2e3;padding-top:.875rem}
.tn-ck .tn-coupon summary{font-size:1.1875rem;font-weight:500;padding-block:.25rem;display:flex;align-items:center;gap:.5rem;justify-content:flex-start}
.tn-ck .tn-coupon summary svg{width:1.25rem;height:1.25rem;color:var(--green)}
.tn-ck .tn-coupon summary::after{content:"+";margin-inline-start:auto;color:var(--ink-3);font-weight:400}
.tn-ck .tn-coupon[open] summary::after{content:"−"}
.tn-ck .tn-coupon form{display:flex;gap:.5rem;margin-top:.75rem}
.tn-ck .tn-coupon input{flex:1;min-width:0}
.tn-ck .tn-coupon button{height:3.25rem;padding-inline:1.25rem;background:var(--ink);color:#fff;font-weight:500}
.tn-ck .tn-help{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem 1.125rem;background:#fff}
.tn-ck .tn-help b{display:block;font-weight:700;font-size:1.1875rem;line-height:1.15}
.tn-ck .tn-help span{font-size:1rem;color:var(--ink-2)}
.tn-ck .tn-help .tn-q-btns{display:flex;gap:.375rem;flex:none}
.tn-ck .tn-q-btns a{display:grid;place-items:center;width:2.75rem;height:2.75rem;transition:background .15s,color .15s}
.tn-ck .tn-q-btns svg{width:1.3125rem;height:1.3125rem}
.tn-ck .tn-q-wa{background:var(--green);color:#fff}
.tn-ck .tn-q-wa:hover{background:var(--green-d)}
.tn-ck .tn-q-tel{box-shadow:inset 0 0 0 1px var(--ink)}
.tn-ck .tn-q-tel:hover{background:var(--ink);color:#fff}
.tn-ck .tn-lines{border-top:2px solid var(--ink)}
.tn-ck .tn-line{display:grid;grid-template-columns:10rem minmax(0,1fr) auto;gap:1.5rem;padding-block:1.5rem;border-bottom:1px solid var(--line);align-items:start;transition:opacity .25s}
.tn-ck .tn-line.tn-out{opacity:0}
.tn-ck .tn-line .tn-ph{position:relative;aspect-ratio:1/1;background:var(--tile);overflow:hidden}
.tn-ck .tn-line .tn-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tn-ck .tn-line .tn-ph img.tn-fit{inset:7%;width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.tn-ck .tn-line .tn-nm{font-size:2rem;font-weight:700;line-height:1;direction:ltr;text-align:right}
.tn-ck .tn-line .tn-ty{color:var(--ink-2);font-size:1.1875rem;margin-top:.375rem;line-height:1.3}
.tn-ck .tn-line .tn-tag{position:static;display:inline-flex;margin-top:.625rem;font-size:.9375rem}
.tn-ck .tn-line .tn-ctl{display:flex;align-items:center;gap:1.25rem;margin-top:1rem}
.tn-ck .tn-qty{display:flex;align-items:center;box-shadow:inset 0 0 0 1px var(--line);height:2.875rem}
.tn-ck .tn-qty button{width:2.75rem;height:100%;font-size:1.375rem;color:var(--ink-2);transition:background .15s,color .15s}
.tn-ck .tn-qty button:hover{background:var(--tile);color:var(--ink)}
.tn-ck .tn-qty output{min-width:2.25rem;text-align:center;font-size:1.3125rem;font-weight:500}
.tn-ck .tn-rm{display:inline-flex;align-items:center;gap:.375rem;font-size:1.0625rem;color:var(--ink-3);transition:color .15s}
.tn-ck .tn-rm svg{width:1rem;height:1rem}
.tn-ck .tn-rm:hover{color:var(--ink)}
.tn-ck .tn-line .tn-lp{text-align:left;white-space:nowrap}
.tn-ck .tn-line .tn-lp b{display:block;font-size:1.75rem;font-weight:700;line-height:1}
.tn-ck .tn-line .tn-lp s{font-size:1.0625rem;color:var(--ink-3)}
.tn-ck .tn-line .tn-lp small{display:block;font-size:1rem;color:var(--ink-3);margin-top:.375rem}
.tn-ck .tn-empty{display:none;padding-block:3rem;text-align:center;border-bottom:1px solid var(--line)}
.tn-ck .tn-empty b{display:block;font-size:2rem;font-weight:700}
.tn-ck .tn-empty p{color:var(--ink-2);margin-block:.5rem 1.5rem}
.tn-ck .tn-lines.tn-none+.tn-empty{display:block}
.tn-ck .tn-ship-note{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}
.tn-ck .tn-ship-note li{display:flex;gap:.875rem;align-items:flex-start;padding:1.125rem 1.25rem;border:1px solid var(--line);line-height:1.25}
.tn-ck .tn-ship-note svg{flex:none;width:1.75rem;height:1.75rem;color:var(--green)}
.tn-ck .tn-ship-note b{display:block;font-size:1.3125rem;font-weight:700}
.tn-ck .tn-ship-note span{color:var(--ink-2);font-size:1.0625rem}
.tn-ck .tn-back{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:1.1875rem;font-weight:500;color:var(--green)}
.tn-ck .tn-back svg{width:.5625rem;height:.9375rem;transform:scaleX(-1)}
.tn-ck .tn-addon{margin-top:5rem}
.tn-ck .tn-addon h2{font-size:clamp(32px,2.6vw,40px)}
.tn-ck .tn-comp{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.25rem}
.tn-ck .tn-cc{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;align-items:center;padding:.75rem;border:1px solid var(--line)}
.tn-ck .tn-cc .tn-ph{position:relative;aspect-ratio:1/1;background:var(--tile);overflow:hidden}
.tn-ck .tn-cc .tn-ph img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.tn-ck .tn-cc .tn-nm{font-weight:700;font-size:1.375rem;line-height:1.05}
.tn-ck .tn-cc:hover .tn-nm{color:var(--green)}
.tn-ck .tn-cc .tn-ty{font-size:1rem;color:var(--ink-2);line-height:1.25;margin-block:.125rem .375rem}
.tn-ck .tn-cc .tn-price b{font-size:1.375rem}
.tn-ck .tn-cc .tn-price s{font-size:1rem}
.tn-ck .tn-cc .tn-add{height:2.25rem;margin-top:.5rem;padding-inline:.875rem;background:var(--green);color:#fff;font-weight:700;font-size:1.0625rem;transition:background .2s}
.tn-ck .tn-cc .tn-add:hover,.tn-ck .tn-cc .tn-add.tn-ok{background:var(--ink)}
.tn-co-head{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.tn-co-head .tn-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:5.5rem;gap:1rem}
.tn-co-head .tn-logo img{height:3.25rem}
.tn-co-head .tn-safe{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:500}
.tn-co-head .tn-safe svg{width:1.375rem;height:1.375rem;color:var(--green)}
.tn-co-head .tn-side{justify-self:end;display:flex;align-items:center;gap:1.5rem;font-size:1.1875rem}
.tn-co-head .tn-side a:hover{color:var(--green)}
.tn-co-head .tn-side .tn-t{display:flex;align-items:center;gap:.5rem;font-weight:700}
.tn-co-head .tn-side .tn-t svg{width:1.25rem;height:1.25rem}
.tn-ck .tn-blk{padding-block:2rem;border-top:1px solid var(--line)}
.tn-ck .tn-blk:first-child{border-top:2px solid var(--ink)}
.tn-ck .tn-blk h2{display:flex;align-items:center;gap:.75rem;font-size:2rem}
.tn-ck .tn-blk h2 i{width:2.25rem;height:2.25rem;display:grid;place-items:center;background:var(--ink);color:#fff;font-style:normal;font-size:1.25rem}
.tn-ck .tn-blk>p{color:var(--ink-2);font-size:1.1875rem;margin-top:.375rem}
.tn-ck .tn-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1rem;margin-top:1.25rem}
.tn-ck .tn-f{display:flex;flex-direction:column;gap:.375rem}
.tn-ck .tn-f.tn-w{grid-column:1/-1}
.tn-ck .tn-f label{font-size:1.125rem;font-weight:500}
.tn-ck .tn-f label em{font-style:normal;color:var(--ink-3);font-weight:400}
:where(.tn-ck) input[type=text],:where(.tn-ck) input[type=tel],:where(.tn-ck) input[type=email],:where(.tn-ck) textarea,.tn-ck .tn-coupon input{height:3.25rem;border:0;box-shadow:inset 0 0 0 1px #cfd1d2;background:#fff;font:inherit;font-size:1.25rem;padding-inline:1rem;color:var(--ink);border-radius:0;transition:box-shadow .15s}
:where(.tn-ck) textarea{height:6rem;padding-block:.75rem;resize:vertical}
:where(.tn-ck) input:focus,:where(.tn-ck) textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--ink)}
.tn-ck .tn-f.tn-bad input{box-shadow:inset 0 0 0 2px #c62828}
.tn-ck .tn-f .tn-err{display:none;color:#c62828;font-size:1rem}
.tn-ck .tn-f.tn-bad .tn-err{display:block}
.tn-ck .tn-f small{color:var(--ink-3);font-size:1rem}
.tn-ck .tn-chk{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.25rem;font-size:1.1875rem;cursor:pointer;line-height:1.3}
.tn-ck .tn-chk input{appearance:none;flex:none;width:1.5rem;height:1.5rem;margin-top:.0625rem;box-shadow:inset 0 0 0 1px #9fa2a4;background:#fff;cursor:pointer;display:grid;place-items:center}
.tn-ck .tn-chk input:checked{background:var(--ink);box-shadow:none}
.tn-ck .tn-chk input:checked::after{content:"";width:.5rem;height:.875rem;border:solid #fff;border-width:0 .1875rem .1875rem 0;transform:translateY(-.125rem) rotate(45deg)}
.tn-ck .tn-chk a{color:var(--green);text-decoration:underline;text-underline-offset:.2em}
.tn-ck .tn-chk.tn-bad span{color:#c62828}
.tn-ck .tn-biz[hidden],.tn-ck .tn-addr[hidden]{display:none}
.tn-ck .tn-opts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem}
.tn-ck .tn-opt{position:relative;display:flex;gap:.875rem;align-items:flex-start;padding:1.125rem 1.25rem;box-shadow:inset 0 0 0 1px #cfd1d2;cursor:pointer;line-height:1.25;transition:box-shadow .15s,background .15s}
.tn-ck .tn-opt:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.tn-ck .tn-opt input{position:absolute;opacity:0}
.tn-ck .tn-opt .tn-rd{flex:none;width:1.375rem;height:1.375rem;margin-top:.125rem;box-shadow:inset 0 0 0 1px #9fa2a4;background:#fff}
:where(.tn-ck) input[type=radio],:where(.tn-ck) input[type=checkbox]{appearance:none;border-radius:0}
.tn-ck .tn-opt:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink);background:#fafafa}
.tn-ck .tn-opt:has(input:checked) .tn-rd{box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 0 .3125rem #fff;background:var(--ink)}
.tn-ck .tn-opt:has(input:focus-visible){outline:.125rem solid var(--green);outline-offset:.1875rem}
.tn-ck .tn-opt svg{flex:none;width:1.75rem;height:1.75rem;color:var(--green);margin-inline-start:auto}
.tn-ck .tn-opt b{display:block;font-size:1.3125rem;font-weight:700}
.tn-ck .tn-opt span{color:var(--ink-2);font-size:1.0625rem}
.tn-ck .tn-seg{display:flex}
.tn-ck .tn-seg label{flex:1;position:relative;cursor:pointer}
.tn-ck .tn-seg input{position:absolute;opacity:0}
.tn-ck .tn-seg span{display:grid;place-items:center;height:3.25rem;box-shadow:inset 0 0 0 1px #cfd1d2;font-size:1.1875rem;transition:background .15s,color .15s}
.tn-ck .tn-seg label+label span{margin-inline-start:-1px}
.tn-ck .tn-seg input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.tn-ck .tn-seg input:focus-visible+span{outline:.125rem solid var(--green);outline-offset:.125rem}
.tn-ck .tn-frame{margin-top:1.25rem;border:1px solid #cfd1d2}
.tn-ck .tn-frame-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.125rem;background:var(--tile);font-size:1.0625rem;color:var(--ink-2)}
.tn-ck .tn-frame-top b{display:flex;align-items:center;gap:.5rem;color:var(--ink);font-weight:500;font-size:1.1875rem}
.tn-ck .tn-frame-top svg{width:1.25rem;height:1.25rem;color:var(--green)}
.tn-ck .tn-frame .tn-fields{padding:1.25rem 1.125rem 1.375rem;margin-top:0}
.tn-ck .tn-frame .tn-num input{direction:ltr;text-align:left;letter-spacing:.06em}
.tn-ck .tn-pay-btn{width:100%;height:4.25rem;margin-top:1.5rem;font-size:1.75rem;font-weight:700}
.tn-ck .tn-pay-btn svg{width:1.5rem;height:1.5rem}
.tn-ck .tn-after{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.875rem;color:var(--ink-2);font-size:1.0625rem}
.tn-ck .tn-after svg{width:1.125rem;height:1.125rem;color:var(--green)}
.tn-ck .tn-mini{margin-top:1rem;border-bottom:1px solid #e1e2e3;padding-bottom:.5rem}
.tn-ck .tn-mini li{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.875rem;align-items:center;padding-block:.5rem}
.tn-ck .tn-mini .tn-ph{position:relative;aspect-ratio:1/1;background:#fff}
.tn-ck .tn-mini .tn-ph img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.tn-ck .tn-mini .tn-ph img.tn-cover{inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.tn-ck .tn-mini .tn-ph i{position:absolute;top:-.5rem;left:-.5rem;min-width:1.5rem;height:1.5rem;display:grid;place-items:center;background:var(--ink);color:#fff;font-style:normal;font-size:.875rem;font-weight:700}
.tn-ck .tn-mini b{display:block;font-size:1.3125rem;font-weight:700;line-height:1;direction:ltr;text-align:right}
.tn-ck .tn-mini span{font-size:1rem;color:var(--ink-2)}
.tn-ck .tn-mini em{font-style:normal;font-weight:500;font-size:1.25rem}
.tn-ck .tn-edit{font-size:1.0625rem;color:var(--green);font-weight:500}
.tn-ck .tn-sum-top{display:flex;justify-content:space-between;align-items:baseline}
.tn-ck .tn-sum-tog{display:none}
.tn-ck .tn-mbar{display:none}
.tn-ck .tn-toast{position:fixed;left:50%;bottom:2rem;z-index:90;transform:translate(-50%,1rem);background:var(--ink);color:#fff;padding:1rem 1.5rem;font-size:1.1875rem;opacity:0;visibility:hidden;transition:opacity .2s,transform .25s var(--ease),visibility .2s;max-width:calc(100vw - 2.5rem)}
.tn-ck .tn-toast.tn-on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.tn-co-foot{margin-top:5rem}
@media (max-width:1280px){.tn-ck .tn-shop{grid-template-columns:minmax(0,1fr) 27rem;gap:2.5rem}
.tn-ck .tn-comp{grid-template-columns:repeat(2,1fr)}

}
@media (max-width:980px){.tn-ck .tn-flow{padding-top:1.25rem;font-size:1rem;gap:.5rem}
.tn-ck .tn-flow .tn-ln{flex-basis:1rem}
.tn-ck .tn-flow li:not(.tn-on) b{display:none}
.tn-ck .tn-page-h{margin-top:.875rem}
.tn-ck .tn-shop{grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:1.25rem}
.tn-ck .tn-sum{position:static;padding:1.25rem}
.tn-ck .tn-line{grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;padding-block:1.125rem}
.tn-ck .tn-line .tn-lp{grid-column:2;text-align:right;display:flex;align-items:baseline;gap:.625rem;flex-wrap:wrap}
.tn-ck .tn-line .tn-lp b{display:inline;font-size:1.5rem}
.tn-ck .tn-line .tn-lp small{display:none}
.tn-ck .tn-line .tn-nm{font-size:1.625rem}
.tn-ck .tn-line .tn-ty{font-size:1.0625rem}
.tn-ck .tn-line .tn-ctl{gap:1rem;margin-top:.75rem}
.tn-ck .tn-ship-note,.tn-ck .tn-opts,.tn-ck .tn-fields{grid-template-columns:1fr}
.tn-ck .tn-addon{margin-top:3.5rem}
.tn-ck .tn-comp{grid-template-columns:1fr;gap:.625rem}
.tn-co-head .tn-wrap{height:4rem;grid-template-columns:auto 1fr auto}
.tn-co-head .tn-logo img{height:2.25rem}
.tn-co-head .tn-safe{justify-self:center;font-size:1.0625rem}
.tn-co-head .tn-side .tn-back-cart{display:none}
.tn-co-head .tn-side .tn-t bdi{display:none}
.tn-co-head .tn-side .tn-t::after{content:"חיוג"}
.tn-co-head .tn-side .tn-t svg{display:none}
.tn-ck .tn-blk{padding-block:1.5rem}
.tn-ck .tn-blk h2{font-size:1.625rem}
.tn-ck.tn-co .tn-sum{order:-1;padding:0;background:none}
.tn-ck.tn-co .tn-sum-tog{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.125rem;background:var(--tile);font-size:1.1875rem;font-weight:500}
.tn-ck.tn-co .tn-sum-tog strong{font-size:1.5rem}
.tn-ck.tn-co .tn-sum-tog span::after{content:" ▾";color:var(--ink-3)}
.tn-ck.tn-co .tn-sum-in{display:none;background:var(--tile);padding:0 1.125rem 1.25rem}
.tn-ck.tn-co .tn-sum.tn-open .tn-sum-in{display:block}
.tn-ck.tn-co .tn-sum.tn-open .tn-sum-tog span::after{content:" ▴"}
.tn-ck.tn-co .tn-sum-in .tn-sum-top{display:none}
.tn-ck .tn-pay-btn{font-size:1.5rem}
.tn-ck .tn-toast{bottom:6rem}
.tn-ck .tn-mbar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:45;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem var(--gutter);background:rgba(255,255,255,.95);backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem);border-top:1px solid var(--line)}
.tn-ck .tn-mbar small{display:block;font-size:.9375rem;color:var(--ink-2);line-height:1}
.tn-ck .tn-mbar strong{font-size:1.75rem;font-weight:700;line-height:1.1}
.tn-ck .tn-mbar .tn-btn{height:3.25rem;padding-inline:1.5rem;font-size:1.3125rem;font-weight:700}
.tn-has-mbar .tn-wa{bottom:5.5rem}
.tn-has-mbar .tn-wa.tn-call{bottom:9.25rem}
.tn-has-mbar .tn-legal .tn-wrap{padding-bottom:10rem}

}
/* ---- v3 adapt: WordPress / WooCommerce markup on the designer's product, cart and checkout pages ---- */
.tn-pdp,.tn-ck{padding-bottom:1rem}
.tn-pdp .tn-panel h1 b.tn-he{direction:rtl;white-space:normal;font-size:clamp(40px,3.2vw,60px);line-height:1}
.tn-pdp .tn-panel h1 b.tn-long{white-space:normal;font-size:clamp(48px,3.6vw,68px)}
.tn-pdp .tn-hero-shot img.tn-photo{mix-blend-mode:normal}
.tn-pdp .tn-hero-shot .tn-ph,.tn-pdp .tn-hero-shot>img.woocommerce-placeholder{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain}
.tn-pdp .tn-panel p.stock{margin-top:1.25rem;font-size:1.125rem;color:var(--ink-2)}
.tn-pdp .tn-panel p.stock.out-of-stock{color:#a3282b;font-weight:500}
.tn-pdp form.tn-cta{margin:0}
.tn-pdp .tn-buy form.tn-cta div.quantity,.tn-pdp .tn-buy form.tn-cta .single_add_to_cart_button{float:none!important;margin:0!important}
.tn-pdp .tn-cta .tn-btn{flex:1}
.tn-pdp .tn-cta .single_add_to_cart_button.loading{opacity:.7;pointer-events:none}
.tn-pdp .tn-cta-off{display:flex;align-items:center;gap:1rem}
.tn-pdp .tn-cta-off .tn-oos{font-size:1.25rem;font-weight:500;color:#a3282b;white-space:nowrap}
.tn-pdp .tn-p-price .tn-ask{font-size:2.5rem}
.tn-pdp .tn-sw span{display:block;width:100%;height:100%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.tn-pdp .tn-cc .tn-nm,.tn-ck .tn-cc .tn-nm{margin:0}
.tn-pdp .tn-cc .tn-nm a::after,.tn-ck .tn-cc .tn-nm a::after{content:"";position:absolute;inset:0;z-index:1}
.tn-pdp .tn-cc,.tn-ck .tn-cc{position:relative}
.tn-pdp .tn-cc .tn-add,.tn-ck .tn-cc .tn-add{position:relative;z-index:2}
.tn-pdp .tn-copy.tn-prose h2,.tn-pdp .tn-copy.tn-prose h3{font-size:1.75rem;margin:1.75rem 0 .5rem}
.tn-pdp .tn-copy.tn-prose ul{list-style:disc;padding-inline-start:1.25rem}
.tn-pdp .tn-copy.tn-prose p,.tn-pdp .tn-copy.tn-prose li{max-width:46rem}
.tn-pdp .tn-g5{grid-template-columns:repeat(5,1fr)}
.tn-pdp .woocommerce-notices-wrapper:not(:empty){margin-bottom:1.5rem}
.tn .tn-qty input.qty{border:0!important;box-shadow:none!important;width:2.75rem;height:100%;padding:0;text-align:center;font:inherit;font-size:1.5rem;font-weight:500;color:var(--ink);background:none;-moz-appearance:textfield;appearance:textfield}
.tn .tn-qty input.qty::-webkit-inner-spin-button,.tn .tn-qty input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.tn-ck .tn-qty input.qty{width:2.25rem;font-size:1.3125rem}
.tn .tn-qty-fixed .tn-qty-n{font-size:1.3125rem;font-weight:500}
/* cart */
.tn-ck .tn-lines{list-style:none;margin:0;padding:0}
.tn-ck .tn-lines.blockUI,.tn-ck .woocommerce-cart-form{position:relative}
.tn-ck .tn-coupon .tn-coupon-f{display:flex;gap:.5rem;margin-top:.75rem}
.tn-ck .tn-coupon .tn-coupon-f input{flex:1;min-width:0}
.tn-ck .tn-rm{cursor:pointer}
.tn-ck .tn-empty{display:block}
.tn-ck .tn-line .tn-nm a,.tn-ck .tn-line .tn-nm{color:inherit}
.tn-ck .tn-line .tn-lp b .amount,.tn-ck .tn-mini em .amount{font:inherit}
.tn-ck .cart-discount dd a{margin-inline-start:.5rem;font-size:1rem;font-weight:400;color:var(--ink-3);text-decoration:underline}
.tn-ck .tn-hidden-actions{display:none}
.tn-ck .woocommerce-notices-wrapper:not(:empty),.tn-ck .woocommerce-error,.tn-ck .woocommerce-message,.tn-ck .woocommerce-info{margin-top:1.25rem}
.tn-ck .wc-proceed-to-checkout{padding:0}
.tn-ck .wc-proceed-to-checkout .tn-go-pay{display:flex;width:100%}
.tn-ck.tn-cartp .tn-addon h2{margin:0}
/* checkout */
.tn-ck .tn-f-l{font-size:1.125rem;font-weight:500}
.tn-ck .tn-co-main{min-width:0}
.tn-ck #payment,.tn-ck #payment ul.payment_methods,.tn-ck #payment div.form-row{background:none;border:0;border-radius:0;padding:0;margin:0}
.tn-ck #payment ul.payment_methods{list-style:none}
.tn-ck #payment ul.payment_methods li{margin:1.25rem 0 0;line-height:1.4;border:1px solid #cfd1d2;background:#fff}
.tn-ck #payment ul.payment_methods li .tn-frame{display:block;margin:0;border:0;cursor:pointer}
.tn-ck #payment ul.payment_methods li .tn-frame-top{display:flex}
.tn-ck #payment ul.payment_methods:not(.tn-one) li .tn-frame-top b::before{content:"";width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 1px #9b9e9f;border-radius:50%}
.tn-ck #payment ul.payment_methods:not(.tn-one) li:has(input:checked) .tn-frame-top b::before{box-shadow:inset 0 0 0 6px var(--ink)}
.tn-ck #payment div.payment_box{margin:0;padding:1.25rem 1.125rem 1.375rem;background:#fff;border:0;border-radius:0;color:var(--ink-2);font-size:1.125rem}
.tn-ck #payment div.payment_box::before{display:none}
.tn-ck #payment div.payment_box p{margin:0}
.tn-ck #payment div.payment_box p+p{margin-top:.5rem}
.tn-ck #payment div.form-row.place-order{margin-top:1.25rem}
.tn-ck #payment #place_order.tn-pay-btn{float:none!important;width:100%;height:4.25rem;margin-top:1.5rem;padding-inline:1rem;font-size:1.75rem;font-weight:700;line-height:1}
.tn-ck #payment .tn-chk{display:flex;line-height:1.3;margin-top:1.25rem;font-size:1.1875rem}
.tn-ck #payment .tn-chk input{margin:.0625rem 0 0}
.tn-ck .tn-pay-btn::before{content:"";width:1.375rem;height:1.375rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat}
.tn-ck .tn-pay-note{color:var(--ink-2);font-size:1.125rem}
.tn-ck .tn-opt input{position:absolute;opacity:0;pointer-events:none}
.tn-ck .tn-chk.tn-bad span{color:#c0392b}
.tn-ck .woocommerce-NoticeGroup-checkout{grid-column:1/-1}
.tn-ck .blockUI.blockOverlay{background:rgba(255,255,255,.6)!important}
.tn-co-foot .tn-legal{margin-top:3rem}
@media (max-width:1280px){.tn-pdp .tn-g5{grid-template-columns:repeat(4,1fr)}.tn-pdp .tn-g5>:nth-child(5){display:none}}
@media (max-width:980px){
.tn-ck #payment #place_order.tn-pay-btn{font-size:1.5rem}
.tn-pdp .tn-g5{grid-template-columns:repeat(2,1fr)}
.tn-pdp .tn-panel h1 b.tn-he{font-size:clamp(34px,9vw,48px)}
.tn-pdp .tn-panel h1 b.tn-long{font-size:clamp(40px,12vw,60px)}
.tn-pdp .tn-cta-off{flex-direction:column;align-items:stretch}
}
/* WooCommerce's own layout rules for div.product / images */
.tn-pdp .tn-buy div.summary{float:none!important;width:auto!important;margin:0!important;clear:none}
.tn-pdp .tn-spec-stage img.tn-s-chair{height:100%;max-width:none}
@media (max-width:980px){.tn-pdp .tn-spec-stage img.tn-s-chair{height:var(--H)}}
.tn-pdp form.tn-cta::before,.tn-pdp form.tn-cta::after,.tn-ck form.checkout::before,.tn-ck form.checkout::after,.tn-ck .woocommerce-cart-form::before,.tn-ck .woocommerce-cart-form::after{content:none!important;display:none!important}
.tn-pdp .tn-cc .tn-ph img{object-fit:contain}
.tn-pdp .tn-cc .tn-add,.tn-ck .tn-cc .tn-add{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.tn-ck .tn-line .tn-ph img,.tn-ck .tn-mini .tn-ph img{object-fit:contain}
/* the older theme stylesheet (main.css) styles WooCommerce's checkout with !important – the design wins on these pages */
.tn-ck #payment{background:none!important;border-radius:0!important}
.tn-ck #payment div.payment_box{background:#fff!important;border-radius:0!important}
.tn-ck #payment li.wc_payment_method>label.tn-frame{display:block!important}
.tn-ck #payment #place_order.tn-pay-btn{background:var(--green)!important;font-size:1.75rem!important;padding:0 1rem!important}
.tn-ck #payment #place_order.tn-pay-btn:hover{background:var(--ink)!important}
.tn-ck .tn-chk input[type=checkbox]{width:1.5rem;height:1.5rem;accent-color:auto}
@media (max-width:980px){.tn-ck #payment #place_order.tn-pay-btn{font-size:1.5rem!important}}
/* green text on the grey tile: a shade darker so it passes WCAG AA (4.5:1) */
.tn-pdp .tn-pbox em,.tn-pdp .tn-pbox em bdi,.tn-pdp .tn-p-notes a,.tn-pdp .tn-band-head .tn-more,.tn-ck .tn-rows .tn-save dd,.tn-ck .tn-rows .tn-save dd bdi,.tn-ck .tn-edit,.tn-ck .tn-sum .tn-chk a{color:#147c47}
/* many gallery photos: wrap on desktop, swipe on mobile */
.tn-pdp .tn-thumbs{flex-wrap:wrap}
@media (max-width:980px){.tn-pdp .tn-thumbs{flex-wrap:nowrap}}