/*
Theme Name: tm-mor-2026
Text Domain: tm-mor-2026
Description: ערכת נושא חדשה לטי.אם.מור מחשבים — כתום ואפור־פחם, RTL, WooCommerce
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* ============ BRAND TOKENS ============ */
:root{
  --ink:#1D1B20; --ink2:#37343B; --body:#55524C; --muted:#8E8981;
  --bg:#F6F5F2; --surface:#FFFFFF; --line:#E8E6E0; --line2:#DBD8D0;
  --primary:#F0730E; --primary2:#FB923C; --primary-deep:#C05403; --primary-soft:#FCEBDB;
  --cyan:#4E9DE0; --amber:#FFC01E; --amber-ink:#7A4E00; --amber-soft:#FFF3D3;
  --green:#17A34A; --green-soft:#E5F7EC; --red:#E5484D;
  --dark:#171419; --dark2:#211E24; --dark-card:#28242B;
  --grad:linear-gradient(120deg,#FB923C 0%,#F0730E 55%,#DD5F03 100%);
  --r-lg:22px; --r-md:16px; --r-sm:11px;
  --sh-1:0 1px 2px rgba(35,28,18,.06),0 10px 30px -14px rgba(35,28,18,.12);
  --sh-2:0 30px 70px -28px rgba(40,26,10,.4);
  --sh-glow:0 0 0 1px rgba(240,115,14,.28),0 12px 44px -12px rgba(240,115,14,.42);
  --wrap:1240px;
}
html{scroll-behavior:smooth}
body.tm{margin:0;font-family:'Rubik',-apple-system,'Segoe UI',Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.tm *,body.tm *::before,body.tm *::after{box-sizing:border-box}
body.tm img{max-width:100%;height:auto;display:block}
body.tm a{color:inherit;text-decoration:none}
body.tm button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
body.tm input,body.tm select,body.tm textarea{font-family:inherit;font-size:inherit;color:inherit}
body.tm h1,body.tm h2,body.tm h3,body.tm h4,body.tm p,body.tm ul,body.tm ol,body.tm figure{margin:0;padding:0}
body.tm ul{list-style:none}
::selection{background:#F0730E;color:#fff}
.tm .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:22px}
.tm .num{font-variant-numeric:tabular-nums}
.tm .hide{display:none!important}
.tm hr{display:none}

/* ============ GENERIC UI ============ */
.tm .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15.5px;padding:13px 24px;border-radius:14px;transition:.22s;white-space:nowrap;line-height:1.2;border:1.5px solid transparent}
.tm .btn svg{width:19px;height:19px;flex:none}
.tm .btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 26px -10px rgba(240,115,14,.65)}
.tm .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(240,115,14,.75);color:#fff}
.tm .btn-ghost{background:var(--surface);border-color:var(--line2);color:var(--ink)}
.tm .btn-ghost:hover{border-color:var(--primary);color:var(--primary-deep);transform:translateY(-2px)}
.tm .btn-dark-ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(6px)}
.tm .btn-dark-ghost:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.09);color:#fff}
.tm .btn-light{background:#fff;color:#1D1B20;box-shadow:0 12px 28px -12px rgba(0,0,0,.5)}
.tm .btn-light:hover{transform:translateY(-2px);color:#1D1B20}
.tm .btn-sm{padding:9px 16px;font-size:14px;border-radius:11px}
.tm .badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4.5px 11px;border-radius:99px;line-height:1.2}
.tm .badge-amber{background:var(--amber);color:#3B2200}
.tm .badge-dark{background:var(--ink);color:#fff}
.tm .badge-blue{background:#E4F0FA;color:#1F6FB5}
.tm .badge-red{background:#FDE8E8;color:#B3261E}
.tm .eyebrow{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--primary-deep);margin-bottom:10px}
.tm .eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px rgba(240,115,14,.15)}
.tm .eyebrow.on-dark{color:#FFC79B}
.tm .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}
.tm .sec-head h2{font-size:clamp(24px,3.2vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.tm .sec-link{font-size:14.5px;font-weight:600;color:var(--primary-deep);display:inline-flex;align-items:center;gap:6px;transition:.2s}
.tm .sec-link:hover{gap:10px}
.tm .sec-link svg{width:16px;height:16px}
.tm section.pad{padding-block:64px}
.tm .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;animation:tmRvFailsafe .5s ease 2s forwards}
@keyframes tmRvFailsafe{to{opacity:1;transform:none}}
.tm .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.tm .rv{opacity:1;transform:none;transition:none}}

/* ============ UTILITY BAR ============ */
.tm .util{background:var(--dark);color:#D4D1CB;font-size:13px}
.tm .util .wrap{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:14px}
.tm .util-g{display:flex;align-items:center;gap:18px}
.tm .util-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.tm .util-item svg{width:14.5px;height:14.5px;color:var(--amber)}
.tm .util-item b{color:#fff;font-weight:600}
.tm .util-wa{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.22);padding:4px 12px;border-radius:99px;transition:.2s;font-weight:600}
.tm .util-wa:hover{border-color:#25D366;color:#fff}
.tm .util-wa svg{width:14px;height:14px;color:#25D366}
.tm .util-wa-group{position:relative;display:inline-block}
.tm .util-wa-group .util-wa{cursor:pointer}
.tm .util-wa-group:hover .util-wa{border-color:#25D366;color:#fff}
.tm .wa-menu{position:absolute;top:100%;inset-inline-end:0;margin-top:6px;background:#fff;border-radius:14px;box-shadow:0 26px 50px -22px rgba(20,15,5,.5);padding:7px;display:none;z-index:130;min-width:238px}
.tm .util-wa-group:hover .wa-menu{display:block}
.tm .wa-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink);transition:.15s}
.tm .wa-menu a:hover{background:#E9F9EF}
.tm .wa-menu svg{width:18px;height:18px;color:#25D366;flex:none}
.tm .wa-menu b{display:block;font-size:13.5px;font-weight:700}
.tm .wa-menu i{font-style:normal;font-size:12px;color:var(--muted);direction:ltr;unicode-bidi:isolate}
.tm .wa-pair{display:flex;gap:9px;flex-wrap:wrap}
.tm .wa-pair .btn{flex:1;min-width:150px}
.tm .wa-pair .btn svg{color:#25D366}
.tm .wa-pair .btn:hover{border-color:#25D366;color:#128C4B}
/* The repair lab runs in BOTH branches, so the lab band and the mega-menu CTA
   each render one WhatsApp button per branch via tm_wa_buttons() instead of a
   single hardcoded number. Layout only — the buttons reuse .wa-pair above. */
.tm .lab-wa{margin-top:4px}
.tm .lab-wa-t{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;opacity:.9;margin-bottom:10px}
.tm .lab-wa-t svg{width:16px;height:16px;color:var(--amber)}
.tm .lab-wa .wa-pair{max-width:420px}
.tm .mega-cta .wa-pair{flex:none;margin-inline-start:auto}
.tm .mega-cta .wa-pair .btn{flex:none;min-width:0;white-space:nowrap}
.tm .f-help .wa-pair{margin-top:8px}
.tm .f-help .wa-pair .btn{flex:1 1 100%;min-width:0}
.tm .buy-wa-wrap{border:1.5px solid var(--line);border-radius:14px;padding:13px;margin-bottom:14px}
.tm .buy-wa-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--body);margin-bottom:10px}
.tm .buy-wa-title svg{width:17px;height:17px;color:#25D366}
.tm .f-wa{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#31C465;margin-inline-start:10px}
.tm .f-wa svg{width:13px;height:13px;color:#25D366;margin:0}

/* ============ HEADER ============ */
.tm .hdr{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .25s}
.tm .hdr.scrolled{box-shadow:0 10px 30px -18px rgba(35,28,18,.25)}
.tm .hdr-main{display:flex;align-items:center;gap:20px;padding-block:14px}
.tm .logo{display:flex;align-items:center;gap:12px;flex:none}
.tm .logo-mark{width:48px;height:48px;border-radius:14px;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;box-shadow:0 8px 22px -8px rgba(240,115,14,.7);position:relative;overflow:hidden;flex:none}
.tm .logo-mark::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 62%)}
.tm .logo-img{height:52px;width:auto;flex:none}
.tm .logo-txt{display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid var(--line2);padding-inline-start:12px;margin-inline-start:2px}
.tm .site-footer .logo-txt{border-inline-start-color:rgba(255,255,255,.16)}
.tm .logo-txt b{display:block;font-size:18.5px;font-weight:800;letter-spacing:-.01em;line-height:1.15;color:var(--ink)}
.tm .logo-txt span{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.05em;white-space:nowrap}
.tm .drawer-h .logo-img{height:38px}
.tm .site-footer .logo-img{height:48px}
.tm .search{flex:1;max-width:560px;position:relative}
.tm .search-box{display:flex;align-items:center;background:var(--bg);border:1.5px solid var(--line2);border-radius:15px;padding-inline-start:16px;transition:.2s;height:48px}
.tm .search-box:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(240,115,14,.12)}
.tm .search-box svg{width:19px;height:19px;color:var(--muted);flex:none}
.tm .search-box input{flex:1;border:none;background:none;outline:none;padding-inline:11px;font-size:15px;min-width:0}
.tm .search-box input::placeholder{color:var(--muted)}
.tm .search-btn{background:var(--ink);color:#fff;font-weight:600;font-size:14px;height:38px;padding-inline:20px;border-radius:11px;margin-inline-end:5px;transition:.2s;flex:none}
.tm .search-btn:hover{background:var(--primary-deep)}
.tm .hdr-acts{display:flex;align-items:center;gap:10px;flex:none}
.tm .hdr-act{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;color:var(--body);font-weight:500;padding:4px 6px;border-radius:10px;transition:.2s;position:relative}
.tm .hdr-act:hover{color:var(--primary-deep)}
.tm .hdr-act svg{width:23px;height:23px}
.tm .cart-n{position:absolute;top:-4px;inset-inline-end:-2px;background:var(--amber);color:#3B2200;font-size:11px;font-weight:800;min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center;padding-inline:5px;border:2px solid #fff}
.tm .burger{display:none;width:44px;height:44px;border-radius:13px;place-items:center;border:1.5px solid var(--line2);background:var(--surface)}
.tm .burger svg{width:21px;height:21px}

/* ============ NAV + MEGA ============ */
.tm .nav{border-top:1px solid var(--line);position:relative}
.tm .nav .wrap{display:flex;align-items:center;gap:4px}
.tm .nav-all{display:flex;align-items:center;gap:9px;background:var(--ink);color:#fff;font-weight:600;font-size:14.5px;padding:11px 20px;border-radius:13px 13px 0 0;transition:.2s;margin-inline-end:8px;white-space:nowrap;flex:0 0 auto}
.tm .nav-all:hover,.tm .nav-all.open{background:var(--primary-deep)}
.tm .nav-all svg{width:17px;height:17px}
.tm .nav-link{font-size:14px;font-weight:500;color:var(--body);padding:13px 11px;position:relative;transition:.2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tm .nav-link:hover{color:var(--primary-deep)}
.tm .nav-link.active-link{color:var(--primary-deep);font-weight:700}
.tm .nav-link.active-link::after{content:"";position:absolute;bottom:0;inset-inline:14px;height:2.5px;background:var(--grad);border-radius:9px}
.tm .nav-link svg{width:16px;height:16px}
.tm .nav-link .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(255,192,30,.25)}
.tm .nav-link.lab-link{color:var(--primary-deep);font-weight:600}
/* --- per-category hover flyout --- */
.tm .nav-item{position:relative}
.tm .nav-link .cv{width:13px;height:13px;color:var(--muted);transition:.18s}
.tm .nav-item:hover .nav-link{color:var(--primary-deep)}
.tm .nav-item:hover .nav-link .cv{transform:rotate(180deg);color:var(--primary-deep)}
.tm .nav-drop{position:absolute;top:100%;inset-inline-start:0;min-width:265px;background:#fff;border:1px solid var(--line);border-top:none;border-radius:0 0 16px 16px;box-shadow:0 30px 60px -26px rgba(30,22,10,.4);padding:10px;display:none;z-index:105}
.tm .nav-item:hover .nav-drop{display:block;animation:tmMegaIn .16s ease}
.tm .nav-drop.cols-2{min-width:470px}
.tm .nav-drop-links{display:grid;grid-template-columns:1fr;gap:1px}
.tm .nav-drop.cols-2 .nav-drop-links{grid-template-columns:1fr 1fr;gap:1px 8px}
.tm .nav-drop-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--body);padding:8px 12px;border-radius:9px;transition:.15s;white-space:nowrap}
.tm .nav-drop-links a:hover{background:var(--primary-soft);color:var(--primary-deep);font-weight:600}
.tm .nav-drop-links a i{font-style:normal;font-size:11.5px;color:var(--muted);font-weight:700}
.tm .nav-drop-all{display:flex;align-items:center;gap:7px;margin-top:8px;padding:10px 12px;border-top:1px solid var(--line);font-size:13px;font-weight:700;color:var(--primary-deep)}
.tm .nav-drop-all svg{width:15px;height:15px}
.tm .nav-drop-all:hover{gap:11px}
/* --- Mor-Levi style hover mega menu --- */
.tm .nav-all-wrap{position:static}
.tm .mega{position:absolute;top:100%;right:0;left:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 40px 70px -30px rgba(30,22,10,.35);display:none;z-index:110;border-radius:0 0 24px 24px;overflow:hidden}
.tm .nav-all-wrap:hover .mega,.tm .mega.open{display:block;animation:tmMegaIn .18s ease}
@keyframes tmMegaIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.tm .mega-inner{max-width:var(--wrap);margin-inline:auto;padding:0 22px 22px}
.tm .mega-body{position:relative;min-height:360px;padding-top:14px}
.tm .mega-rail{width:270px;display:flex;flex-direction:column;gap:2px;border-inline-end:1px solid var(--line);padding-inline-end:12px;padding-block:6px}
.tm .mega-item{position:static}
.tm .mega-item>.rail{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:12px;font-size:14.5px;font-weight:600;color:var(--body);transition:.15s}
.tm .mega-item:hover>.rail{background:var(--primary-soft);color:var(--primary-deep)}
.tm .mega-item>.rail .ri{width:34px;height:34px;border-radius:10px;background:var(--bg);color:var(--primary-deep);display:grid;place-items:center;flex:none;transition:.15s}
.tm .mega-item:hover>.rail .ri{background:var(--grad);color:#fff}
.tm .mega-item>.rail .ri svg{width:18px;height:18px}
.tm .mega-item>.rail .rn{flex:1}
.tm .mega-item>.rail .rc{font-size:11.5px;color:var(--muted);font-weight:700}
.tm .mega-item>.rail .rx{width:15px;height:15px;color:var(--muted);opacity:0;transition:.15s}
.tm .mega-item:hover>.rail .rx{opacity:1;color:var(--primary-deep)}
.tm .mega-panel{display:none;position:absolute;top:14px;bottom:0;inset-inline-start:290px;inset-inline-end:0;padding:6px 4px 10px 0;overflow-y:auto}
.tm .mega-item:hover .mega-panel{display:block}
.tm .mega-body:not(:has(.mega-item:hover)) .mega-item.is-first .mega-panel{display:block}
.tm .mega-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.tm .mega-panel-head b{font-size:17px;font-weight:800;color:var(--ink)}
.tm .mega-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 14px;align-content:start}
.tm .mega-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--body);padding:8px 11px;border-radius:9px;transition:.15s}
.tm .mega-links a:hover{background:var(--primary-soft);color:var(--primary-deep);font-weight:600}
.tm .mega-links a i{font-style:normal;font-size:11.5px;color:var(--muted);font-weight:700}
.tm .mega-cta{margin-top:8px;background:var(--dark);border-radius:16px;padding:16px 22px;display:flex;align-items:center;gap:16px;color:#fff}
.tm .mega-cta .w{width:42px;height:42px;border-radius:12px;background:rgba(255,192,30,.15);color:var(--amber);display:grid;place-items:center;flex:none}
.tm .mega-cta .w svg{width:21px;height:21px}
.tm .mega-cta b{font-size:15px}
.tm .mega-cta p{font-size:13px;color:#C6C2BC}
.tm .mega-cta .btn{margin-inline-start:auto}
.tm .overlay{position:fixed;inset:0;background:rgba(23,20,25,.5);backdrop-filter:blur(3px);z-index:200;opacity:0;pointer-events:none;transition:.25s}
.tm .overlay.on{opacity:1;pointer-events:auto}

/* ============ MOBILE DRAWER ============ */
.tm .drawer{position:fixed;top:0;bottom:0;width:min(400px,92vw);background:#fff;z-index:210;transition:transform .32s cubic-bezier(.2,.8,.25,1);display:flex;flex-direction:column}
.tm .drawer-menu{right:0;border-radius:22px 0 0 22px;display:none}
.tm .drawer-menu.open{display:flex;animation:tmDrawerIn .3s cubic-bezier(.2,.8,.25,1) both}
@keyframes tmDrawerIn{from{transform:translateX(105%)}to{transform:none}}
.tm .drawer-h{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.tm .drawer-h b{font-size:17px;font-weight:800}
.tm .drawer-x{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--bg);transition:.2s;margin-inline-start:auto}
.tm .drawer-x:hover{background:var(--line)}
.tm .drawer-x svg{width:18px;height:18px}
.tm .drawer-b{flex:1;overflow-y:auto;padding:16px 20px}
.tm .m-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 8px;font-size:15.5px;font-weight:600;border-bottom:1px solid var(--line);transition:.15s;text-align:start}
.tm .m-item:hover{color:var(--primary-deep)}
.tm .m-sub{display:none;padding:4px 8px 12px;flex-direction:column;gap:1px}
.tm .m-sub.open{display:flex}
.tm .m-sub a{font-size:14px;color:var(--body);padding:7.5px 12px;border-radius:9px;display:flex;justify-content:space-between}
.tm .m-sub a:hover{background:var(--primary-soft);color:var(--primary-deep)}
.tm .m-sub a i{font-style:normal;font-size:11.5px;color:var(--muted)}
.tm .m-acc svg{width:17px;height:17px;color:var(--muted);transition:.25s}
.tm .m-acc.open svg{transform:rotate(180deg)}

/* ============ HERO ============ */
.tm .hero{background:var(--dark);color:#fff;position:relative;overflow:hidden}
.tm .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 80% at 60% 20%,#000 30%,transparent 75%)}
.tm .hero .orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none}
.tm .orb-a{width:520px;height:520px;background:#F0730E;top:-220px;inset-inline-start:-120px}
.tm .orb-b{width:420px;height:420px;background:#FF9A3C;bottom:-230px;inset-inline-end:6%}
.tm .orb-c{width:260px;height:260px;background:#4E9DE0;top:16%;inset-inline-end:38%;opacity:.22}
.tm .hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding-block:74px 80px}
.tm .chip-hero{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#DEDAD3;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);padding:7px 15px;border-radius:99px;margin-bottom:22px;backdrop-filter:blur(4px)}
.tm .chip-hero .dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:tmBlink 2.4s infinite;flex:none}
@keyframes tmBlink{50%{opacity:.4}}
.tm .hero h1{font-size:clamp(34px,5vw,58px);font-weight:900;letter-spacing:-.025em;line-height:1.08;margin-bottom:20px;color:#fff}
.tm .hero h1 .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tm .hero-sub{font-size:17px;color:#C6C2BC;max-width:52ch;margin-bottom:30px}
.tm .hero-sub b{color:#fff;font-weight:600}
.tm .hero-ctas{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:30px}
.tm .hero-trust{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13.5px;color:#C6C2BC}
.tm .hero-trust .tt{display:inline-flex;align-items:center;gap:7px}
.tm .hero-trust svg{width:16px;height:16px;color:var(--amber)}
.tm .hero-trust .sep{width:1px;height:16px;background:rgba(255,255,255,.16)}
.tm .feat{position:relative}
.tm .feat-card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:26px;backdrop-filter:blur(12px);box-shadow:0 40px 90px -30px rgba(0,0,0,.6);transition:.3s;display:block}
.tm .feat-card:hover{transform:translateY(-5px);border-color:rgba(251,146,60,.5)}
.tm .feat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}
.tm .feat-img{height:250px;display:grid;place-items:center;position:relative}
.tm .feat-img img{max-height:250px;width:auto;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.tm .feat-img::before{content:"";position:absolute;width:75%;height:75%;background:radial-gradient(circle,rgba(240,115,14,.4),transparent 65%);filter:blur(30px)}
.tm .feat-name{font-size:16.5px;font-weight:700;line-height:1.3;margin-bottom:4px;color:#fff}
.tm .feat-meta{font-size:12.5px;color:#C6C2BC;margin-bottom:14px}
.tm .feat-buy{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tm .feat-price{font-size:26px;font-weight:800;color:#fff}
.tm .feat-price del{font-size:15px;color:#96928A;margin-inline-start:8px}
.tm .feat-price ins{text-decoration:none;color:#fff}

/* ============ TRUST ============ */
.tm .trust{transform:translateY(-34px);position:relative;z-index:5}
.tm .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tm .trust-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:17px 18px;display:flex;align-items:center;gap:13px;box-shadow:var(--sh-1);transition:.25s}
.tm .trust-card:hover{transform:translateY(-4px);box-shadow:var(--sh-glow);border-color:rgba(240,115,14,.35)}
.tm .trust-ic{width:46px;height:46px;border-radius:13px;background:var(--primary-soft);color:var(--primary-deep);display:grid;place-items:center;flex:none}
.tm .trust-ic svg{width:22px;height:22px}
.tm .trust-card b{display:block;font-size:14.5px;font-weight:700}
.tm .trust-card span{font-size:12.5px;color:var(--muted)}

/* ============ CATEGORY CARDS ============ */
.tm .cats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.tm .cat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 14px 17px;text-align:center;transition:.25s;position:relative;overflow:hidden;display:block}
.tm .cat-card::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--grad);opacity:0;transition:.25s}
.tm .cat-card:hover{transform:translateY(-5px);box-shadow:var(--sh-glow);border-color:rgba(240,115,14,.35)}
.tm .cat-card:hover::before{opacity:1}
.tm .cat-ic{width:52px;height:52px;margin-inline:auto;border-radius:15px;background:var(--primary-soft);color:var(--primary-deep);display:grid;place-items:center;margin-bottom:11px;transition:.25s}
.tm .cat-card:hover .cat-ic{background:var(--grad);color:#fff;box-shadow:0 10px 22px -8px rgba(240,115,14,.7)}
.tm .cat-ic svg{width:25px;height:25px}
.tm .cat-card b{display:block;font-size:14.5px;font-weight:700;color:var(--ink)}
.tm .cat-card span{font-size:12px;color:var(--muted);font-weight:500}

/* ============ PRODUCT CARDS ============ */
.tm .p-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.tm .p-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:.25s;position:relative;display:flex;flex-direction:column;list-style:none;margin:0}
.tm .p-card:hover{transform:translateY(-5px);box-shadow:var(--sh-glow);border-color:rgba(240,115,14,.35)}
.tm .p-media{position:relative;background:linear-gradient(170deg,#F4F3F0,#EAE8E3);padding:20px;height:190px;display:grid;place-items:center}
.tm .p-media img{max-height:150px;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:.35s}
.tm .p-card:hover .p-media img{transform:scale(1.07)}
.tm .p-badges{position:absolute;top:12px;inset-inline-start:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;z-index:2}
.tm .p-body{padding:15px 16px 16px;display:flex;flex-direction:column;flex:1}
.tm .p-name{font-size:14px;font-weight:600;line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;color:var(--ink)}
.tm .p-name:hover{color:var(--primary-deep)}
.tm .p-foot{margin-top:auto}
.tm .p-stock{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--green);margin-bottom:8px}
.tm .p-stock .sdot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(23,163,74,.18);flex:none}
.tm .p-stock.out{color:var(--muted)}
.tm .p-stock.out .sdot{background:var(--muted);box-shadow:none}
.tm .p-stock.order{color:#1F6FB5}
.tm .p-stock.order .sdot{background:#4E9DE0;box-shadow:0 0 0 3px rgba(78,157,224,.18)}
.tm .badge-order{background:#E4F0FA;color:#1F6FB5}
.tm .buy-stock.order{background:#E9F3FB;color:#1F6FB5}
.tm .p-buy{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tm .p-price{line-height:1.15;font-size:19px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.tm .p-price del{font-size:12.5px;color:var(--muted);font-weight:500;display:block}
.tm .p-price ins{text-decoration:none;color:var(--ink)}
.tm .p-add{height:40px;padding-inline:15px;border-radius:11px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:.2s;flex:none}
.tm .p-add:hover{background:var(--primary-deep);color:#fff;box-shadow:0 8px 18px -6px rgba(240,115,14,.6)}
.tm .p-add svg{width:16px;height:16px}
.tm .h-scroll{display:flex;gap:15px;overflow-x:auto;padding:4px 2px 16px;scrollbar-width:thin}
.tm .h-scroll>.p-card{flex:0 0 262px}
.tm .h-scroll::-webkit-scrollbar{height:8px}
.tm .h-scroll::-webkit-scrollbar-thumb{background:#D6D2CA;border-radius:99px}

/* ============ DARK BAND ============ */
.tm .band-dark{background:var(--dark);color:#fff;position:relative;overflow:hidden}
.tm .band-dark::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 70% 90% at 50% 0%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse 70% 90% at 50% 0%,#000 20%,transparent 80%)}
.tm .band-dark .orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;pointer-events:none}
.tm .band-dark .p-card{background:var(--dark-card);border-color:rgba(255,255,255,.09)}
.tm .band-dark .p-media{background:linear-gradient(170deg,#2C2831,#1E1B22)}
.tm .band-dark .p-media img{mix-blend-mode:normal}
.tm .band-dark .p-name{color:#F2F1EE}
.tm .band-dark .p-price,.tm .band-dark .p-price ins{color:#fff}
.tm .band-dark .p-add{background:var(--grad)}
.tm .band-dark .sec-link{color:#FFC79B}
.tm .band-dark h2{color:#fff}

/* ============ REFURB ============ */
.tm .refurb{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:center}
.tm .refurb-copy h2{font-size:clamp(24px,3vw,33px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}
.tm .refurb-copy p{color:var(--body);font-size:15.5px;margin-bottom:20px;max-width:48ch}
.tm .refurb-points{display:flex;flex-direction:column;gap:11px;margin-bottom:26px}
.tm .refurb-points li{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:500}
.tm .refurb-points .ck{width:26px;height:26px;border-radius:9px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;flex:none}
.tm .refurb-points .ck svg{width:14px;height:14px}
.tm .refurb-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* ============ LAB BAND ============ */
.tm .lab-band{background:var(--dark);color:#fff;position:relative;overflow:hidden;border-radius:30px}
.tm .lab-band .in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;padding:52px;align-items:center}
.tm .lab-band::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 12% 110%,rgba(251,146,60,.35),transparent 65%),radial-gradient(500px 340px at 95% -10%,rgba(240,115,14,.3),transparent 60%)}
.tm .lab-band h2{font-size:clamp(25px,3.2vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px;color:#fff}
.tm .lab-band .sub{color:#C6C2BC;font-size:15.5px;margin-bottom:24px;max-width:46ch}
.tm .lab-usps{display:flex;flex-direction:column;gap:13px;margin-bottom:28px}
.tm .lab-usp{display:flex;gap:12px;align-items:center}
.tm .lab-usp .ic{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;flex:none;color:var(--amber)}
.tm .lab-usp .ic svg{width:18px;height:18px}
.tm .lab-usp b{display:block;font-size:14.5px}
.tm .lab-usp span{font-size:12.5px;color:#ABA79F}
.tm .lab-cards{display:flex;flex-direction:column;gap:13px}
.tm .lab-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:17px 19px;display:flex;align-items:center;gap:14px;backdrop-filter:blur(8px);transition:.25s;color:#fff}
.tm .lab-card:hover{transform:translateX(-6px);border-color:rgba(251,146,60,.55);background:rgba(251,146,60,.12)}
.tm .lab-card .ic{width:46px;height:46px;border-radius:13px;background:var(--grad);display:grid;place-items:center;flex:none}
.tm .lab-card .ic svg{width:22px;height:22px}
.tm .lab-card b{display:block;font-size:15px}
.tm .lab-card span{font-size:12.5px;color:#ABA79F}
.tm .lab-card .tag{margin-inline-start:auto;font-size:11px;font-weight:700;color:var(--amber);border:1px solid rgba(255,192,30,.4);padding:4px 10px;border-radius:99px;white-space:nowrap}

/* ============ BRANDS ============ */

/* ============ FOOTER ============ */
.tm .site-footer{background:var(--dark);color:#C6C2BC;margin-top:70px}
.tm .f-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.25fr;gap:34px;padding-block:52px 38px}
.tm .f-about p{font-size:13.5px;line-height:1.7;margin-top:14px;max-width:34ch}
.tm .f-col>b{display:block;color:#fff;font-size:15px;font-weight:700;margin-bottom:15px}
.tm .f-col ul{display:flex;flex-direction:column;gap:9px}
.tm .f-col a{font-size:13.5px;transition:.15s}
.tm .f-col a:hover{color:#fff;padding-inline-start:4px}
.tm .f-c{display:flex;flex-direction:column;gap:12px}
.tm .f-ci{display:flex;gap:10px;font-size:13.5px;align-items:flex-start}
.tm .f-ci svg{width:16px;height:16px;color:var(--amber);flex:none;margin-top:2px}
.tm .f-ci b{color:#fff;font-weight:600;font-size:13.5px}
/* the accessibility plugin injects its links into the first footer list —
   we list them properly in the info column, so hide the duplicates */
.tm .f-col-cats li.equality-footer-link{display:none}
.tm .f-bottom{border-top:1px solid rgba(255,255,255,.09);padding-block:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12.5px;flex-wrap:wrap}
.tm .f-secure{display:inline-flex;align-items:center;gap:7px}
.tm .f-secure svg{width:14px;height:14px;color:#31C465}

/* ============ WOOCOMMERCE PAGES ============ */
.tm .woo-wrap{padding-block:22px 60px;min-height:50vh}
.tm .woo-wrap h1,.tm .woo-wrap h2{font-weight:800;letter-spacing:-.02em}
.tm .woocommerce-breadcrumb{font-size:13px;color:var(--muted);padding-block:14px 10px}
.tm .woocommerce-breadcrumb a{color:var(--muted)}
.tm .woocommerce-breadcrumb a:hover{color:var(--primary-deep)}
.tm .woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0 0}
.tm .woocommerce ul.products::before,.tm .woocommerce ul.products::after{display:none}
.tm .woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:.25s;display:flex;flex-direction:column;padding:0;text-align:start}
.tm .woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--sh-glow);border-color:rgba(240,115,14,.35)}
.tm .woocommerce ul.products li.product a img{background:linear-gradient(170deg,#F4F3F0,#EAE8E3);padding:18px;margin:0;height:190px;object-fit:contain;mix-blend-mode:multiply;width:100%}
.tm .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;font-weight:600;line-height:1.4;padding:14px 16px 6px;color:var(--ink);min-height:2.6em}
.tm .woocommerce ul.products li.product .price{display:block;padding:0 16px;font-size:19px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:auto}
.tm .woocommerce ul.products li.product .price del{font-size:13px;color:var(--muted);font-weight:500}
.tm .woocommerce ul.products li.product .price ins{text-decoration:none}
.tm .woocommerce ul.products li.product .button,.tm .woocommerce ul.products li.product .added_to_cart{display:inline-flex;align-items:center;justify-content:center;margin:12px 16px 16px;background:var(--ink);color:#fff;border-radius:11px;padding:11px 16px;font-size:13.5px;font-weight:600;transition:.2s}
.tm .woocommerce ul.products li.product .button:hover{background:var(--primary-deep);color:#fff}
.tm .woocommerce ul.products li.product .onsale{position:absolute;top:12px;inset-inline-start:12px;background:var(--amber);color:#3B2200;border-radius:99px;font-size:12px;font-weight:700;padding:5px 12px;margin:0;min-height:0;min-width:0;line-height:1.2;z-index:2}
.tm .woocommerce .woocommerce-result-count{font-size:13.5px;color:var(--body)}
.tm .woocommerce .woocommerce-ordering select{border:1.5px solid var(--line2);border-radius:11px;padding:9px 13px;font-size:13.5px;font-weight:600;background:var(--surface)}
.tm .woocommerce nav.woocommerce-pagination ul{border:none;display:flex;gap:8px;justify-content:center;margin-top:34px}
.tm .woocommerce nav.woocommerce-pagination ul li{border:none;margin:0}
.tm .woocommerce nav.woocommerce-pagination ul li a,.tm .woocommerce nav.woocommerce-pagination ul li span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1.5px solid var(--line2);background:var(--surface);font-weight:700;font-size:14px;padding:0 10px}
.tm .woocommerce nav.woocommerce-pagination ul li span.current{background:var(--grad);color:#fff;border-color:transparent}
.tm .woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--primary);color:var(--primary-deep)}
.tm .woocommerce div.product .product_title{font-size:clamp(20px,2.5vw,27px);font-weight:800;line-height:1.3;margin-bottom:10px}
.tm .woocommerce div.product p.price,.tm .woocommerce div.product span.price{font-size:32px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.tm .woocommerce div.product p.price del{font-size:17px;color:var(--muted)}
.tm .woocommerce div.product p.price ins{text-decoration:none}
.tm .woocommerce div.product .woocommerce-product-gallery{background:linear-gradient(170deg,#F7F6F3,#EAE8E3);border:1px solid var(--line);border-radius:24px;padding:24px}
.tm .woocommerce div.product form.cart .button,.tm .woocommerce a.button,.tm .woocommerce button.button,.tm .woocommerce input.button,.tm .woocommerce #respond input#submit{background:var(--grad);color:#fff;border-radius:13px;padding:13px 26px;font-size:15px;font-weight:600;transition:.2s}
.tm .woocommerce div.product form.cart .button:hover,.tm .woocommerce a.button:hover,.tm .woocommerce button.button:hover,.tm .woocommerce input.button:hover{background:var(--primary-deep);color:#fff}
.tm .woocommerce a.button.alt,.tm .woocommerce button.button.alt{background:var(--grad);color:#fff}
.tm .woocommerce .quantity .qty{border:1.5px solid var(--line2);border-radius:11px;padding:11px 8px;height:auto}
.tm .woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin-bottom:22px}
.tm .woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom:1.5px solid var(--line)}
.tm .woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:none;border-radius:0;margin:0 4px}
.tm .woocommerce div.product .woocommerce-tabs ul.tabs li::before,.tm .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.tm .woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size:15px;font-weight:600;color:var(--muted);padding:12px 18px}
.tm .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--primary-deep);border-bottom:3px solid var(--primary)}
.tm .woocommerce table.shop_table{border-radius:var(--r-md);border-color:var(--line)}
.tm .woocommerce-message,.tm .woocommerce-info{border-top-color:var(--primary);background:var(--surface);border-radius:var(--r-md)}
.tm .woocommerce-message::before,.tm .woocommerce-info::before{color:var(--primary)}
.tm .woocommerce .woocommerce-error{border-top-color:var(--red);border-radius:var(--r-md)}
.tm .woocommerce-store-notice,.tm p.demo_store{background:var(--primary)}

/* ============ SHOP LAYOUT + FILTERS ============ */
.tm .cat-hero{padding-block:16px 6px}
.tm .cat-hero h1{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.02em}
.tm .cat-hero .sub{color:var(--body);font-size:14.5px;margin-top:6px}
.tm .subcats{display:flex;gap:9px;flex-wrap:wrap;padding-block:16px 4px}
.tm .subcat{font-size:13px;font-weight:600;border:1.5px solid var(--line2);background:var(--surface);border-radius:99px;padding:7.5px 15px;transition:.2s;display:inline-flex;align-items:center;gap:7px;color:var(--body)}
.tm .subcat i{font-style:normal;font-size:11px;color:var(--muted);font-weight:700}
.tm .subcat:hover{border-color:var(--primary);color:var(--primary-deep)}
.tm .shop-layout{display:grid;grid-template-columns:268px 1fr;gap:24px;align-items:start;padding-block:16px 10px}
.tm .shop-filters{position:sticky;top:96px;display:flex;flex-direction:column;gap:13px}
.tm .f-panel{display:flex;flex-direction:column;gap:13px}
.tm .f-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 17px}
.tm .f-box>b{display:block;font-size:14.5px;font-weight:700;margin-bottom:11px}
.tm .f-list{display:flex;flex-direction:column;gap:1px;max-height:290px;overflow-y:auto}
.tm .f-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--body);padding:7px 10px;border-radius:9px;transition:.15s}
.tm .f-list a:hover{background:var(--primary-soft);color:var(--primary-deep);font-weight:600}
.tm .f-list a i{font-style:normal;font-size:11.5px;color:var(--muted);font-weight:700}
.tm .f-range{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tm .f-range label{display:flex;align-items:center;gap:7px;border:1.5px solid var(--line2);border-radius:11px;padding:8px 11px;transition:.15s}
.tm .f-range label:focus-within{border-color:var(--primary)}
.tm .f-range span{font-size:12.5px;color:var(--muted);font-weight:600;flex:none}
.tm .f-range input{width:100%;border:none;outline:none;background:none;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;min-width:0}
.tm .f-opt{display:flex;align-items:center;gap:10px;padding-block:6px;font-size:14px;cursor:pointer;color:var(--body)}
.tm .f-opt input{appearance:none;-webkit-appearance:none;width:19px;height:19px;border:1.5px solid var(--line2);border-radius:6px;display:grid;place-items:center;transition:.15s;flex:none;cursor:pointer}
.tm .f-opt input:checked{background:var(--grad);border-color:transparent}
.tm .f-opt input:checked::after{content:"";width:10px;height:10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="4"><path d="M20 6L9 17l-5-5"/></svg>') center/contain no-repeat}
.tm .f-clear{text-align:center;font-size:13.5px;font-weight:600;color:var(--primary-deep);padding:10px;border:1.5px dashed var(--line2);border-radius:12px;transition:.2s}
.tm .f-clear:hover{border-color:var(--primary);background:var(--primary-soft)}
.tm .f-help{background:var(--dark);color:#C6C2BC;border-radius:var(--r-md);padding:17px}
.tm .f-help b{color:#fff;display:block;font-size:14.5px;margin-bottom:5px}
.tm .f-help p{font-size:12.5px;line-height:1.6;margin-bottom:12px}
.tm .f-help .btn{width:100%;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.tm .f-help .btn:hover{border-color:#25D366;color:#fff}
.tm .f-help .btn svg{color:#25D366}
.tm .shop-main{min-width:0}
.tm .shop-main .woocommerce-result-count{float:none;margin:0}
.tm .shop-toolbar{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 14px;margin-bottom:16px;flex-wrap:wrap}
.tm .f-mobile{display:none}

/* ============ SINGLE PRODUCT ============ */
.tm div.product #product_total_price{font-size:14px;color:var(--muted);font-weight:600;margin:6px 0 0!important}
.tm div.product #product_total_price .price{color:var(--ink);font-weight:800;font-size:17px}
.tm .woocommerce div.product{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:start;padding-block:18px 10px}
.tm .woocommerce div.product .woocommerce-product-gallery{width:100%!important;float:none!important;margin:0!important;position:sticky;top:100px}
.tm .woocommerce div.product .summary{width:100%!important;float:none!important;margin:0!important}
.tm .woocommerce div.product .woocommerce-tabs,
.tm .woocommerce div.product .related,
.tm .woocommerce div.product .upsells{grid-column:1/-1}
.tm .woocommerce div.product .product_meta{font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:16px}
.tm .woocommerce div.product .product_meta a{color:var(--body)}
.tm .woocommerce div.product .woocommerce-product-details__short-description{color:var(--body);font-size:14.5px;line-height:1.75;margin-block:12px 18px}
.tm .woocommerce div.product form.cart{display:flex;gap:11px;align-items:stretch;flex-wrap:wrap;margin-block:6px 14px}
.tm .woocommerce div.product form.cart .quantity{flex:none}
.tm .woocommerce div.product form.cart .button{flex:1;min-width:190px;justify-content:center}
.tm .buy-stock{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#0E7A37;background:var(--green-soft);border-radius:11px;padding:11px 14px;margin-block:14px 4px}
.tm .buy-stock svg{width:17px;height:17px;flex:none}
.tm .buy-stock.out{background:#FDF0F0;color:#B3261E}
.tm .pd-ship{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:16px 14px}
.tm .ship-opt{border:1px solid var(--line);border-radius:13px;padding:12px 14px;display:flex;gap:10px;align-items:center;background:var(--surface)}
.tm .ship-opt svg{width:20px;height:20px;color:var(--primary-deep);flex:none}
.tm .ship-opt b{display:block;font-size:13px}
.tm .ship-opt span{font-size:11.5px;color:var(--muted)}
.tm .pd-trust{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--body);margin-bottom:14px}
.tm .pd-trust span{display:inline-flex;gap:6px;align-items:center}
.tm .pd-trust svg{width:15px;height:15px;color:var(--primary-deep)}
.tm .buy-wa{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:1.5px solid var(--line2);border-radius:13px;padding:12px;font-size:14px;font-weight:600;color:var(--body);transition:.2s}
.tm .buy-wa:hover{border-color:#25D366;color:#128C4B}
.tm .buy-wa svg{width:18px;height:18px;color:#25D366}
.tm .woocommerce div.product .related>h2,.tm .woocommerce div.product .upsells>h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-block:34px 18px}
.tm .woocommerce div.product .woocommerce-tabs{margin-top:34px}

/* ============ CART + CHECKOUT ============ */
.tm .woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);border-collapse:separate;overflow:hidden}
.tm .woocommerce table.shop_table th{background:var(--bg);font-size:13.5px;font-weight:700;color:var(--body);padding:14px 16px}
.tm .woocommerce table.shop_table td{padding:16px;border-top:1px solid var(--line)}
.tm .woocommerce table.cart img{width:64px;border-radius:11px;background:var(--bg);padding:5px}
.tm .woocommerce table.cart .product-name a{font-weight:600;font-size:14px}
.tm .woocommerce .cart_totals h2,.tm .woocommerce-checkout h3,.tm .woocommerce-billing-fields h3{font-size:19px;font-weight:800;margin-bottom:14px}
.tm .woocommerce .cart-collaterals .cart_totals{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;box-shadow:var(--sh-1)}
.tm .woocommerce .cart-collaterals .cart_totals table{border:none}
.tm .woocommerce .cart-collaterals .cart_totals table td,.tm .woocommerce .cart-collaterals .cart_totals table th{padding:11px 4px}
.tm .woocommerce .cart-collaterals .order-total .amount{font-size:23px;font-weight:800}
.tm .woocommerce .wc-proceed-to-checkout .button{width:100%;justify-content:center;font-size:16px;padding:15px}
.tm .woocommerce form .form-row input.input-text,.tm .woocommerce form .form-row textarea,.tm .woocommerce form .form-row select,.tm .woocommerce .select2-container .select2-selection--single{border:1.5px solid var(--line2);border-radius:12px;padding:12px 14px;font-size:14.5px;background:var(--surface);height:auto;line-height:1.4}
.tm .woocommerce form .form-row input.input-text:focus,.tm .woocommerce form .form-row textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px rgba(240,115,14,.12)}
.tm .woocommerce form .form-row label{font-size:13.5px;font-weight:600;color:var(--body);margin-bottom:5px}
.tm .woocommerce-checkout #order_review,.tm .woocommerce-checkout .woocommerce-checkout-review-order{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;box-shadow:var(--sh-1)}
.tm .woocommerce #payment{background:transparent;border-radius:0}
.tm .woocommerce #payment ul.payment_methods{border:none;padding:0}
.tm .woocommerce #payment div.form-row{padding:14px 0 0}
.tm .cart-empty-cta{text-align:center;padding:6px 0 30px}
.tm .cart-empty-cta p{color:var(--body);font-size:14.5px;margin-bottom:14px}
.tm .cart-empty-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.tm .woocommerce .return-to-shop{text-align:center}

/* ============ SIMPLE PAGES ============ */
.tm .page-hero{padding-block:34px 8px}
.tm .page-hero h1{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.02em}
.tm .entry{max-width:76ch;margin-inline:auto;font-size:15.5px;color:var(--body);line-height:1.8;padding-block:14px 40px}
.tm .entry h2,.tm .entry h3{color:var(--ink);margin:26px 0 10px;font-weight:800}
.tm .entry p{margin-bottom:14px}
/* .entry מקו-תחתון כל קישור — נכון לפסקה, שגוי לכפתור ולכרטיס. */
.tm .entry a{color:var(--primary-deep);text-decoration:underline}
.tm .entry a.btn,.tm .entry a.tm-bld-item,.tm .entry a.tm-bld-share,
.tm .entry a.tm-fcard,.tm .entry a.tm-sm-tile,.tm .entry a.tm-acc-tile,
.tm .entry a.tm-ti-banner,.tm .entry .tm-sm-cat a,.tm .entry .tm-sm-col a,
.tm .entry .tm-branch a,.tm .entry .tm-phero-back,.tm .entry .wa-pair a,
.tm .entry .tm-cmp-chip,.tm .entry .tm-bld-list a{text-decoration:none}
.tm .tm-bld-addform{margin:0}
.tm .tm-bld-add[disabled]{opacity:.45;pointer-events:none}
/* הסבר שמופיע רק כשהתשלום בסניף נחסם בגלל הזמנה מראש מעל הסף */
.tm .tm-cod-note{display:flex;gap:9px;align-items:flex-start;margin:0 0 14px;padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:var(--soft,#f7f8fa);font-size:13.5px;line-height:1.65;color:var(--muted)}
.tm .tm-cod-note svg{width:17px;height:17px;color:var(--primary);flex:none;margin-top:1px}

.tm .entry ul,.tm .entry ol{margin:0 0 16px 0;padding-inline-start:22px}
.tm .entry ul li{list-style:disc}
.tm .entry ol li{list-style:decimal}
.tm .entry img{border-radius:var(--r-md);margin-block:16px}

/* ============ RESPONSIVE ============ */
@media (max-width:1150px){
  .tm .cats{grid-template-columns:repeat(4,1fr)}
  .tm .p-grid,.tm .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
  .tm .nav-link{font-size:13px;padding:13px 8px}
  .tm .mega-rail{width:230px}
  .tm .mega-panel{inset-inline-start:248px}
  .tm .mega-links{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1020px){
  .tm .woocommerce div.product{grid-template-columns:1fr;gap:24px}
  .tm .woocommerce div.product .woocommerce-product-gallery{position:static}
  .tm .pd-ship{grid-template-columns:1fr}
  .tm .shop-layout{grid-template-columns:1fr}
  .tm .shop-filters{position:static}
  .tm .f-help{display:none}
  .tm .hero-grid{grid-template-columns:1fr;gap:36px;padding-block:52px 62px}
  .tm .feat{max-width:480px}
  .tm .trust-grid{grid-template-columns:repeat(2,1fr)}
  .tm .refurb{grid-template-columns:1fr;gap:28px}
  .tm .lab-band .in{grid-template-columns:1fr;padding:34px 26px}
  .tm .f-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .tm section.pad{padding-block:44px}
  .tm .util span.util-item{display:none}
  .tm .hdr-main{flex-wrap:wrap;gap:12px;padding-block:12px}
  .tm .search{order:3;flex-basis:100%;max-width:none}
  .tm .hdr-act .lbl-t{display:none}
  .tm .burger{display:grid}
  /* --- רצועת ניווט מובייל: גלילה אופקית, הקטגוריות חיות במגירה --- */
.tm .nav{display:block;border-top:1px solid var(--line);background:#fff}
.tm .nav .wrap{gap:2px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:12px}
.tm .nav .wrap::-webkit-scrollbar{display:none}
.tm .nav-item{display:none}
.tm .nav-drop{display:none!important}
.tm .mega{display:none!important}
.tm .nav-all-wrap{flex:0 0 auto}
.tm .nav-all{flex:0 0 auto;font-size:13px;padding:8px 12px;border-radius:11px;white-space:nowrap;gap:7px}
.tm .nav-all svg{width:15px;height:15px}
.tm .nav-link{flex:0 0 auto;font-size:13px;padding:9px 9px;white-space:nowrap}
.tm .nav-link.active-link::after{inset-inline:9px}
  .tm .trust{transform:translateY(-20px)}
  .tm .trust-grid{grid-template-columns:1fr 1fr;gap:10px}
  .tm .trust-card{flex-direction:column;text-align:center;gap:9px;padding:15px 10px}
  .tm .cats{grid-template-columns:repeat(3,1fr);gap:10px}
  .tm .p-grid,.tm .woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:11px}
  .tm .p-media{height:150px;padding:14px}
  .tm .p-media img{max-height:118px}
  .tm .woocommerce ul.products li.product a img{height:150px;padding:12px}
  .tm .p-body{padding:12px 12px 13px}
  .tm .p-name{font-size:13px}
  .tm .p-price{font-size:17px}
  .tm .p-add{padding-inline:12px;height:38px;font-size:12.5px}
  .tm .p-add .t{display:none}
  .tm .h-scroll>.p-card{flex-basis:200px}
  .tm .f-grid{grid-template-columns:1fr;gap:26px;padding-block:38px 28px}
  .tm .sec-head{flex-direction:column;align-items:flex-start;gap:8px}
    .tm .mega-cta{flex-wrap:wrap}
}
@media (max-width:420px){
  .tm .cats{grid-template-columns:repeat(2,1fr)}
}

/* ported from legacy theme.css during consolidation */
.tm .p-price .woocommerce-Price-amount{font-variant-numeric:tabular-nums}



/* brand marquee strip */
.tm .brand-strip{overflow:hidden;padding-block:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
/* spacing lives on the item, not as flex `gap`: with N items there are only
   N-1 gaps, so translateX(-50%) would land 26px off the repeat period and the
   loop visibly jumped. Per-item margin makes each cell exactly 132+52=184px,
   so half the track is exactly one full copy. */
.tm .brand-track{display:flex;flex-wrap:nowrap;align-items:center;width:max-content;animation:tmMarquee 45s linear infinite}
.tm .brand-strip:hover .brand-track,.tm .brand-strip:focus-within .brand-track{animation-play-state:paused}
@keyframes tmMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* RTL: flex lays the items right-to-left, so the duplicate copy sits to the
   LEFT of the original. Translating left therefore scrolls the whole track off
   screen and leaves the strip empty. In RTL the travel has to be rightward. */
[dir="rtl"] .tm .brand-track{animation-name:tmMarqueeRtl}
@keyframes tmMarqueeRtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
.tm .brand-item{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:58px;width:132px;margin-inline-end:52px;filter:grayscale(1);opacity:.45;transition:filter .25s,opacity .25s,transform .25s}
.tm .brand-item:hover{filter:none;opacity:1;transform:scale(1.07)}
.tm .brand-item img{max-height:34px;max-width:118px;width:auto;height:auto;object-fit:contain}
.tm .brand-item span{font-weight:800;font-size:17px;letter-spacing:.12em;color:var(--ink);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.tm .brand-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:14px 52px}.tm .brand-item{margin-inline-end:0}}

/* lab page band text */
.tm .lab-band h2,.tm .lab-band .sub,.tm .lab-band p{color:#fff}
.tm .lab-band .lab-usp b{color:#fff}
.tm .lab-band .lab-usp span{color:#D4D1CB}

/* ===== lab page light cards + contact form ===== */
.tm .wrap > .lab-cards .lab-card{background:#fff;border:1px solid #E6E2DA;color:var(--ink);box-shadow:0 6px 20px rgba(23,20,25,.06);backdrop-filter:none}
.tm .wrap > .lab-cards .lab-card:hover{background:#fff;border-color:var(--primary);transform:translateX(-6px)}
.tm .wrap > .lab-cards .lab-card b{color:var(--ink)}
.tm .wrap > .lab-cards .lab-card span{color:var(--muted)}
.tm .wrap > .lab-cards .lab-card .tag{background:rgba(240,115,14,.1);color:var(--primary);border:1px solid rgba(240,115,14,.32)}
.tm .wpcf7{max-width:560px}
.tm .wpcf7 input[type=text],.tm .wpcf7 input[type=tel],.tm .wpcf7 input[type=email],.tm .wpcf7 textarea{width:100%;background:#fff;border:1px solid #E6E2DA;border-radius:13px;padding:13px 16px;font-size:15px;transition:.2s;margin-bottom:6px;display:block}
.tm .wpcf7 input[type=text]:focus,.tm .wpcf7 input[type=tel]:focus,.tm .wpcf7 input[type=email]:focus,.tm .wpcf7 textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(240,115,14,.12)}
.tm .wpcf7 textarea{min-height:130px;resize:vertical}
.tm .wpcf7 .tm-cf-q{font-size:14px;font-weight:700;margin:4px 0 6px}
.tm .wpcf7 select{width:100%;background:#fff;border:1px solid #E6E2DA;border-radius:13px;padding:13px 16px;font-size:15px;transition:.2s;margin-bottom:6px;display:block;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-size:6px 6px,6px 6px;background-position:left 18px top 50%,left 12px top 50%;background-repeat:no-repeat}
.tm .wpcf7 select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(240,115,14,.12)}
.tm .wpcf7 input::placeholder,.tm .wpcf7 textarea::placeholder{color:var(--muted)}
.tm .wpcf7 input[type=submit]{background:var(--grad);color:#fff;border:none;border-radius:13px;padding:14px 34px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s;width:auto;margin-top:6px}
.tm .wpcf7 input[type=submit]:hover{filter:brightness(1.06);transform:translateY(-1px)}
.tm .wpcf7-not-valid-tip{color:#D64545;font-size:13.5px;margin:0 0 10px}
.tm .wpcf7 .wpcf7-not-valid{border-color:#D64545}
.tm .wpcf7-response-output{border-radius:12px;padding:12px 16px;margin:14px 0 0;font-size:14.5px;border:1px solid #E6E2DA}

/* ===== BRANCHES PAGE ===== */
/* Reuses the .trust-card visual language (surface + line + r-md + sh-1) rather
   than introducing a new card system. */
/* יושב מחוץ ל-.page-hero, ולכן לא נתפס במרכוז שלו — ממרכזים במפורש. */
.tm .br-intro{font-size:16px;color:var(--muted);max-width:60ch;margin:-6px auto 30px;text-align:center;line-height:1.75}
.tm .br-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.tm .br-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:22px;transition:.25s}
.tm .br-card:hover{box-shadow:var(--sh-glow);border-color:rgba(240,115,14,.35)}
.tm .br-photo{border-radius:14px;overflow:hidden;margin-bottom:16px;aspect-ratio:16/9;background:#F6F3EE}
.tm .br-photo .br-photo-img{width:100%;height:100%;object-fit:cover;display:block}
.tm .br-photo.is-empty{display:grid;place-items:center;border:1px dashed var(--line);background:linear-gradient(135deg,#F6F3EE,#EFEAE2)}
.tm .br-photo-ph{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}
.tm .br-photo-ph svg{width:18px;height:18px;color:var(--primary);opacity:.7}
.tm .br-head{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:16px}
.tm .br-ic{width:46px;height:46px;border-radius:13px;background:var(--primary-soft);color:var(--primary-deep);display:grid;place-items:center;flex:none}
.tm .br-ic svg{width:22px;height:22px}
.tm .br-head h2{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.tm .br-sub{font-size:13px;color:var(--muted)}
.tm .br-tag{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--primary);background:rgba(240,115,14,.1);border:1px solid rgba(240,115,14,.32);padding:5px 11px;border-radius:99px;white-space:nowrap}
.tm .br-tag svg{width:13px;height:13px}
.tm .br-facts{display:flex;flex-direction:column;gap:13px;margin-bottom:18px}
.tm .br-facts li{display:flex;gap:11px;align-items:flex-start;font-size:14px}
.tm .br-facts>li>svg{width:17px;height:17px;color:var(--primary);flex:none;margin-top:3px}
.tm .br-facts b{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:2px}
.tm .br-facts i{display:block;font-style:normal;font-size:13.5px}
.tm .br-facts .num{direction:ltr;unicode-bidi:isolate;font-weight:700}
.tm .br-facts a{color:var(--primary-deep);font-weight:600}
.tm .br-facts a:hover{text-decoration:underline}
/* Illustrated area map, drawn in the site's own palette from real OpenStreetMap
   geometry rather than embedding a third-party map. No external request, no
   cold blue rectangle in the middle of a warm card. Links out to Google Maps. */
.tm .br-map{position:relative;display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:16px;background:#F6F3EE;line-height:0}
.tm .br-map-img{width:100%;height:auto;display:block;transition:transform .4s ease}
.tm .br-map:hover .br-map-img{transform:scale(1.04)}
.tm .br-map-cta{position:absolute;inset-inline-end:10px;inset-block-end:10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;line-height:1;color:var(--ink);background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:99px;padding:7px 12px;box-shadow:var(--sh-1);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.tm .br-map:hover .br-map-cta,.tm .br-map:focus-visible .br-map-cta{opacity:1;transform:none}
.tm .br-map-cta svg{width:13px;height:13px;color:var(--primary)}
@media (hover:none){.tm .br-map-cta{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tm .br-map-img,.tm .br-map-cta{transition:none}}
/* Waze first and heavier — in Israel that is what people actually navigate with */
.tm .br-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tm .br-waze{flex:1;min-width:190px;font-size:15px;padding-block:13px}
.tm .br-office{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:26px;padding:15px;border:1px dashed var(--line);border-radius:14px;font-size:14px;color:var(--muted)}
.tm .br-office svg{width:17px;height:17px;color:var(--primary);flex:none}
.tm .br-office .num{direction:ltr;unicode-bidi:isolate;font-weight:700;color:var(--primary-deep)}
@media (max-width:860px){.tm .br-grid{grid-template-columns:1fr}}
@media (max-width:420px){.tm .br-tag{margin-inline-start:0}.tm .br-office{flex-direction:column;text-align:center}}

/* ═══════════════════════════════════════════════════════════════════════════
   פיצ'ר 1 — התראת "עדכנו אותי כשיגיע"
   מופיע רק על מוצר בהזמנה/אזל. שקט: קופסה אחת, בלי צבע חזק, בלי אנימציה.
   ═══════════════════════════════════════════════════════════════════════════ */
.tm .tm-alert-box{margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--soft,#f7f8fa)}
.tm .tm-alert-head{display:flex;align-items:center;gap:8px;font-size:15px}
.tm .tm-alert-head svg{width:17px;height:17px;color:var(--primary);flex:none}
.tm .tm-alert-sub{margin:6px 0 12px;font-size:13px;color:var(--muted);line-height:1.6}
.tm .tm-alert-err{margin:0 0 10px;font-size:13px;color:#b3372c}
.tm .tm-alert-row{display:flex;gap:8px;flex-wrap:wrap}
.tm .tm-alert-row input[type=email]{flex:1;min-width:190px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;font:inherit;font-size:15px;background:#fff;color:inherit}
.tm .tm-alert-row input[type=email]:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}
.tm .tm-alert-row .btn{flex:none;white-space:nowrap}
.tm .tm-alert-ok{display:flex;align-items:flex-start;gap:7px;margin-top:10px;font-size:12.5px;color:var(--muted);line-height:1.5;cursor:pointer}
.tm .tm-alert-ok input{margin-top:3px;flex:none}
.tm .tm-alert-hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.tm .tm-alert-done{display:flex;align-items:flex-start;gap:11px}
.tm .tm-alert-done svg{width:20px;height:20px;color:#1b6b50;flex:none;margin-top:2px}
.tm .tm-alert-done b{display:block;font-size:15px}
.tm .tm-alert-done span{display:block;font-size:13px;color:var(--muted);margin-top:2px;line-height:1.6}
@media (max-width:440px){.tm .tm-alert-row .btn{width:100%}}

/* ═══════════════════════════════════════════════════════════════════════════
   פיצ'ר 2 — פאסטות מפרט ומותג + צ'יפים של סינון פעיל
   ═══════════════════════════════════════════════════════════════════════════ */
.tm details.tm-facet{padding-block:0}
.tm .tm-facet>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;padding-block:2px}
.tm .tm-facet>summary::-webkit-details-marker{display:none}
.tm .tm-facet>summary b{font-weight:700}
.tm .tm-facet-cv{width:14px;height:14px;color:var(--muted);flex:none;transition:transform .16s ease}
.tm .tm-facet[open]>summary .tm-facet-cv{transform:rotate(180deg)}
.tm .tm-facet-list{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.tm .tm-facet .f-opt{display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.5;cursor:pointer}
.tm .tm-facet .f-opt .num{margin-inline-start:auto;font-size:12px;color:var(--muted);font-style:normal}
.tm .tm-facet-more{margin-top:6px}
.tm .tm-facet-more>summary{cursor:pointer;list-style:none;font-size:13px;color:var(--primary);font-weight:600}
.tm .tm-facet-more>summary::-webkit-details-marker{display:none}
@media (prefers-reduced-motion:reduce){.tm .tm-facet-cv{transition:none}}

.tm .tm-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:16px}
.tm .tm-chips-lbl{font-size:13px;color:var(--muted)}
.tm .tm-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;line-height:1.4;text-decoration:none;color:inherit}
.tm .tm-chip:hover{border-color:var(--primary);color:var(--primary)}
.tm .tm-chip span[aria-hidden]{font-size:15px;line-height:1;color:var(--muted)}
.tm .tm-chip:hover span[aria-hidden]{color:var(--primary)}
.tm .tm-chip-clear{border-style:dashed;color:var(--muted)}

/* ═══════════════════════════════════════════════════════════════════════════
   פיצ'ר 3 — פתרונות לעסקים + בקשת הצעת מחיר (quote-only)
   ═══════════════════════════════════════════════════════════════════════════ */
.tm .tm-quote-box{margin:14px 0 6px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--soft,#f7f8fa)}
.tm .tm-quote-lead{margin:0 0 12px;font-size:14px;color:var(--muted);line-height:1.6}
.tm .tm-quote-cta{width:100%;justify-content:center}
.tm .tm-quote-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.tm .tm-biz-cards{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}
.tm .tm-biz-form .wpcf7-form p{margin:0 0 11px}
.tm .tm-cf-prod input{background:var(--soft,#f7f8fa);color:var(--muted)}
@media (max-width:520px){.tm .tm-quote-box{padding:14px}}

/* חלון בקשת הצעת מחיר. נפתח בלחיצה בלבד — אין כאן שום דבר שקופץ מעצמו. */
.tm .tm-modal,dialog.tm-modal{width:min(560px,calc(100vw - 32px));max-height:min(86vh,760px);margin:auto;position:fixed;inset:0;padding:26px 28px 28px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);color:var(--body);box-shadow:0 24px 64px -24px rgba(0,0,0,.4);overflow:auto}
dialog.tm-modal::backdrop{background:rgba(16,18,22,.55)}
dialog.tm-modal h2{margin:0 0 6px;font-size:22px}
.tm .tm-modal-sub{margin:0 0 16px;font-size:14px;color:var(--muted);line-height:1.6}
.tm .tm-modal-x{position:absolute;inset-inline-end:14px;top:12px;margin:0}
.tm .tm-modal-x button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface,#fff);font-size:20px;line-height:1;color:var(--muted);cursor:pointer}
.tm .tm-modal-x button:hover{color:var(--primary-deep);border-color:var(--primary)}
dialog.tm-modal .wpcf7-form p{margin:0 0 11px}
@media (max-width:520px){.tm .tm-modal,dialog.tm-modal{padding:22px 18px 24px}}

/* ═══════════════════════════════════════════════════════════════════════════
   סרגל הסינון — גלילה עצמאית
   דסקטופ: sticky כבר קיים, חסר לו גובה מרבי כדי שהתחתית תהיה נגישה.
   מובייל: מגירה שנפתחת בלחיצה, במקום פאנל ארוך שדוחף את המוצרים למטה.
   ═══════════════════════════════════════════════════════════════════════════ */
.tm .tm-filter-open{display:none}
.tm .tm-filter-x{display:none}

@media (min-width:1021px){
	.tm .shop-filters{max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain;padding-inline-end:4px;scrollbar-width:thin}
}

@media (max-width:1020px){
	.tm .tm-filter-open{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
	.tm .tm-filter-open svg{width:18px;height:18px;flex:none}
	.tm .tm-filter-open:hover{border-color:var(--primary);color:var(--primary-deep)}

	.tm .shop-filters{position:fixed;inset-block:0;right:0;width:min(340px,88vw);z-index:80;background:var(--surface,#fff);padding:58px 18px 28px;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .22s ease;box-shadow:-18px 0 48px -24px rgba(0,0,0,.45)}
	.tm .shop-filters.open{transform:translateX(0)}

	.tm .tm-filter-x{display:grid;place-items:center;position:absolute;top:12px;inset-inline-end:14px;width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--surface,#fff);font-size:22px;line-height:1;color:var(--muted);cursor:pointer}
	.tm .tm-filter-x:hover{color:var(--primary-deep);border-color:var(--primary)}

	.tm-filter-veil{position:fixed;inset:0;background:rgba(16,18,22,.5);z-index:79}
	.tm-filter-veil[hidden]{display:none}
	body.tm-filter-lock{overflow:hidden}
}

@media (prefers-reduced-motion:reduce){.tm .shop-filters{transition:none}}

/* ═══════════════════════════════════════════════════════════════════════════
   ערכת עמודי תוכן — כותרת גיבור ממורכזת + כרטיסים לרקע בהיר
   lab-card נועד לרקע כהה; אלה המקבילות שלו לרקע לבן.
   ═══════════════════════════════════════════════════════════════════════════ */
.tm .tm-phero{background:var(--dark);color:#fff;position:relative;overflow:hidden;text-align:center;padding-block:58px 62px;margin-bottom:8px}
.tm .tm-phero::before{content:"";position:absolute;inset:-40% 20% auto;height:280px;background:radial-gradient(closest-side,rgba(224,122,32,.22),transparent 72%);pointer-events:none}
.tm .tm-phero::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
.tm .tm-phero .wrap{position:relative;z-index:1}
.tm .tm-phero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);font-size:13px;font-weight:700;letter-spacing:.02em;color:#fff}
.tm .tm-phero-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary)}
.tm .tm-phero h1{margin:16px auto 0;font-size:clamp(30px,5vw,46px);line-height:1.15;max-width:16ch;text-wrap:balance;color:#fff}
.tm .tm-phero h1 .hl{color:var(--primary)}
.tm .tm-phero-sub{margin:14px auto 0;max-width:58ch;font-size:17px;line-height:1.7;color:rgba(255,255,255,.72)}
.tm .tm-phero-cta{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:26px}
.tm .tm-phero-facts{display:flex;justify-content:center;gap:10px 26px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.tm .tm-phero-facts span{position:relative;padding-inline-start:16px;font-size:13.5px;color:rgba(255,255,255,.62)}
.tm .tm-phero-facts span::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--primary)}

.tm .tm-phero .btn{text-decoration:none}
.tm .tm-phero .btn-light{background:#fff;color:var(--ink,#15181d);border-color:transparent}
.tm .tm-phero .btn-light:hover{background:rgba(255,255,255,.9)}

/* הגיבור מרונדר מ-page.php מחוץ ל-main.wrap, ולכן הוא רחב מטבעו —
   בלי מרג׳ינים שליליים ובלי 100vw, שניהם נשברו בתוך המכולה. */
/* .entry מוגבל ל-68ch עם margin:0 — ב-RTL הוא נדבק לצד ומשאיר חלל משמאל.
   בעמודי נחיתה הוא צריך את כל רוחב המכולה, וממורכז. */
.tm-has-phero .entry{max-width:none;margin-inline:auto;width:100%}
.tm-has-phero .entry>section>.wrap{max-width:1100px;margin-inline:auto}
.tm .tm-phero-back{display:inline-flex;align-items:center;gap:7px;margin-top:22px;font-size:13.5px;color:rgba(255,255,255,.6);text-decoration:none}
.tm .tm-phero-back:hover{color:#fff}
.tm .tm-phero-back svg{width:14px;height:14px;transform:scaleX(-1)}
/* עמוד אודות — פסקאות הפתיחה ממורכזות, וכרטיסי סניפים מ-tm_branches() */
.tm .tm-about-lead{position:relative;max-width:70ch;margin:0 auto;padding:44px 44px 40px;text-align:center;border:1px solid var(--line);border-radius:22px;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(21,24,29,.04),0 22px 48px -34px rgba(21,24,29,.3)}
.tm .tm-about-lead h2{display:none}
/* קו הדגשה קצר במקום כותרת — נותן לבלוק התחלה בלי להוסיף עוד טקסט */
.tm .tm-about-lead::before{content:"";position:absolute;top:0;inset-inline:50% auto;transform:translateX(50%) translateY(-50%);width:60px;height:4px;border-radius:3px;background:var(--primary)}
.tm .tm-about-lead p{margin:0 0 16px;font-size:16.5px;line-height:1.85;color:var(--muted)}
.tm .tm-about-lead p:last-child{margin-bottom:0}

/* הפסקה הראשונה היא הפתיח — גדולה וכהה, לא עוד שורה אפורה */
.tm .tm-about-lead p:first-of-type{font-size:clamp(18px,2vw,21px);line-height:1.68;color:var(--ink,#15181d);font-weight:500;margin-bottom:20px;text-wrap:balance}

/* פסקה שכולה מודגשת = הצהרה. הופכת לתג במקום שורה מודגשת סתם. */
.tm .tm-about-lead p:has(>strong:only-child){display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:12px 22px;border:1px solid color-mix(in srgb,var(--primary) 32%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,transparent)}
.tm .tm-about-lead p:has(>strong:only-child)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary);flex:none}
.tm .tm-about-lead p>strong:only-child{font-size:15.5px;color:var(--primary-deep)}
/* דפדפן בלי :has — לפחות ההדגשה נשארת קריאה */
@supports not selector(:has(*)){
	.tm .tm-about-lead p>strong{color:var(--primary-deep);font-size:16px}
}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){
	.tm .tm-about-lead p:has(>strong:only-child){background:var(--soft,#f7f8fa);border-color:var(--line)}
}

.tm .tm-branches{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tm .tm-branch{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:26px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff)}
.tm .tm-branch .nm{font-size:17px}
.tm .tm-branch .ad{font-size:13.5px;color:var(--muted)}
.tm .tm-branch .ph{font-size:17px;font-weight:700;direction:ltr;unicode-bidi:isolate;color:var(--primary-deep);text-decoration:none;font-variant-numeric:tabular-nums}
.tm .tm-branch .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.tm .tm-branch .acts svg{width:14px;height:14px}

.tm .tm-hours{max-width:420px;margin:18px auto 0;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:var(--soft,#f7f8fa);text-align:center}
.tm .tm-hours>b{display:block;font-size:14px;margin-bottom:10px}
.tm .tm-hours ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.tm .tm-hours li{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:var(--muted)}
.tm .tm-hours li .num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;color:inherit}
.tm .tm-hours-main{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.tm .tm-hours-main a{color:var(--primary-deep);text-decoration:none;direction:ltr;unicode-bidi:isolate}
@media (max-width:640px){.tm .tm-branches{grid-template-columns:1fr}}
/* רצועת מספרים — נותנת לעמוד עוגן ויזואלי בלי להמציא תוכן. */
.tm .tm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:820px;margin:0 auto}
.tm .tm-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:22px 16px;border:1px solid var(--line);border-radius:18px;background:var(--soft,#f7f8fa)}
.tm .tm-stat b{font-size:clamp(30px,4.4vw,42px);line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--primary-deep);font-variant-numeric:tabular-nums}
.tm .tm-stat span{font-size:13px;line-height:1.55;color:var(--muted);max-width:20ch}
@media (max-width:620px){
	.tm .tm-stats{grid-template-columns:1fr}
	.tm .tm-stat{flex-direction:row;justify-content:center;align-items:baseline;gap:10px;padding:15px}
	.tm .tm-stat b{font-size:26px}
	.tm .tm-stat span{max-width:none;text-align:start}
	.tm .tm-about-lead{padding:34px 22px 30px}
}


/* ═══════════════════════════════════════════════════════════════════════════
   האזור האישי — ברירת המחדל של ווקומרס היא רשימת תבליטים ושדות עירומים.
   ═══════════════════════════════════════════════════════════════════════════ */
/* page.php נותן class="entry woocommerce" לכל עמוד, ולכן אסור לתלות
   את ביטול רוחב הקריאה במחלקה הזו — זה ביטל אותו בכל האתר. תולים
   במחלקת ה-body שווקומרס מוסיף רק לעמודי החנות האמיתיים. */
.tm.woocommerce-account .entry,
.tm.woocommerce-cart .entry,
.tm.woocommerce-checkout .entry,
.tm.woocommerce-order-received .entry{max-width:none;width:100%;margin-inline:auto}
.tm .woocommerce-account .woocommerce{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start;padding-block:8px 40px}
.tm .woocommerce-account .tm-acc-tiles{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}

/* ניווט ככרטיס, לא כרשימת תבליטים */
.tm .woocommerce-MyAccount-navigation{position:sticky;top:96px}
.tm .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:7px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff)}
.tm .woocommerce-MyAccount-navigation li{margin:0}
.tm .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:11px;font-size:14.5px;text-decoration:none;color:inherit;transition:background .14s ease,color .14s ease}
.tm .woocommerce-MyAccount-navigation li a:hover{background:var(--soft,#f7f8fa);color:var(--primary-deep)}
.tm .woocommerce-MyAccount-navigation li.is-active a{background:var(--ink,#15181d);color:#fff;font-weight:600}
.tm .woocommerce-MyAccount-navigation li.is-active a .tm-acc-ic{color:#fff}
.tm .tm-acc-ic{width:17px;height:17px;flex:none;color:var(--primary)}
.tm .woocommerce-MyAccount-navigation li.tm-acc-customer-logout a{color:var(--muted)}
.tm .woocommerce-MyAccount-navigation li.tm-acc-customer-logout a:hover{color:#b3372c}
.tm .woocommerce-MyAccount-navigation li.tm-acc-customer-logout .tm-acc-ic{transform:scaleX(-1);color:var(--muted)}

/* תוכן */
.tm .woocommerce-MyAccount-content{min-width:0}
.tm .woocommerce-MyAccount-content>p:first-child{margin-top:0}

/* לוח בקרה */
.tm .tm-acc-hi{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--soft,#f7f8fa);margin-bottom:16px}
.tm .tm-acc-hi b{display:block;font-size:19px}
.tm .tm-acc-hi span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.tm .tm-acc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.tm .tm-acc-tile{display:flex;flex-direction:column;gap:6px;padding:18px 19px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}
.tm .tm-acc-tile:hover{border-color:var(--primary);transform:translateY(-2px)}
.tm .tm-acc-tile .ic{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--soft,#f7f8fa);border:1px solid var(--line)}
.tm .tm-acc-tile .ic svg{width:18px;height:18px;color:var(--primary)}
.tm .tm-acc-tile b{font-size:15.5px}
.tm .tm-acc-tile .tx{font-size:13px;color:var(--muted);line-height:1.6}
.tm .tm-acc-help{margin-top:16px;padding:18px 20px;border:1px dashed var(--line);border-radius:16px;text-align:center}
.tm .tm-acc-help b{display:block;font-size:15px}
.tm .tm-acc-help>span{display:block;margin:5px 0 12px;font-size:13.5px;color:var(--muted)}
.tm .tm-acc-help .wa-pair{justify-content:center}

/* מצב ריק */
.tm .tm-acc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:44px 26px;border:1px dashed var(--line);border-radius:18px;background:var(--soft,#f7f8fa)}
.tm .tm-acc-empty .ic{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--surface,#fff);border:1px solid var(--line)}
.tm .tm-acc-empty .ic svg{width:24px;height:24px;color:var(--primary)}
.tm .tm-acc-empty b{font-size:18px}
.tm .tm-acc-empty .tx{font-size:14px;color:var(--muted);line-height:1.7;max-width:44ch}
.tm .tm-acc-empty .acts{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:6px}

/* טפסים — ווקומרס לא מעצב אותם, הערכה כן */
.tm .woocommerce-MyAccount-content form{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff)}
.tm .woocommerce-MyAccount-content .woocommerce-form-row,
.tm .woocommerce-MyAccount-content .form-row{margin:0 0 14px;padding:0}
.tm .woocommerce-MyAccount-content label{display:block;margin-bottom:6px;font-size:13.5px;font-weight:600}
.tm .woocommerce-MyAccount-content .required{color:#b3372c;text-decoration:none}
.tm .woocommerce-MyAccount-content input[type=text],
.tm .woocommerce-MyAccount-content input[type=email],
.tm .woocommerce-MyAccount-content input[type=tel],
.tm .woocommerce-MyAccount-content input[type=password],
.tm .woocommerce-MyAccount-content select,
.tm .woocommerce-MyAccount-content textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px;background:var(--surface,#fff);color:inherit}
.tm .woocommerce-MyAccount-content input:focus-visible,
.tm .woocommerce-MyAccount-content select:focus-visible,
.tm .woocommerce-MyAccount-content textarea:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}
.tm .woocommerce-MyAccount-content fieldset{margin:18px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--soft,#f7f8fa)}
.tm .woocommerce-MyAccount-content legend{padding-inline:8px;font-size:14px;font-weight:700}
.tm .woocommerce-MyAccount-content .woocommerce-Button,
.tm .woocommerce-MyAccount-content button[type=submit]{margin-top:6px}
.tm .woocommerce-MyAccount-content em,
.tm .woocommerce-MyAccount-content .description{display:block;margin-top:5px;font-size:12.5px;color:var(--muted);font-style:normal}

/* טבלת הזמנות */
.tm .woocommerce-orders-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface,#fff)}
.tm .woocommerce-orders-table th,.tm .woocommerce-orders-table td{padding:13px 15px;text-align:start;border-bottom:1px solid var(--line);font-size:14px}
.tm .woocommerce-orders-table thead th{background:var(--soft,#f7f8fa);font-size:12.5px;color:var(--muted)}
.tm .woocommerce-orders-table tbody tr:last-child td{border-bottom:0}

/* כתובות */
.tm .woocommerce-Addresses{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
/* ווקומרס מרחיף את העמודות ברוחב אחוזי — זה נלחם ב-grid ומעך את הכרטיסים. */
.tm .woocommerce-Addresses .u-column1,.tm .woocommerce-Addresses .u-column2,
.tm .woocommerce-Addresses .col-1,.tm .woocommerce-Addresses .col-2{float:none;width:auto;max-width:none;margin:0}
.tm .woocommerce-Address-title{flex-wrap:wrap;align-items:center}
.tm .woocommerce-Address-title .edit{font-size:13px;white-space:nowrap}
.tm .woocommerce-Address address{margin:0;font-style:normal;font-size:14px;line-height:1.85;color:var(--muted)}
/* 3.1 — עמוד מעקב הזמנה */
.tm .tm-track{max-width:520px;margin:0 auto}
.tm .tm-track form{padding:26px 26px 24px;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff)}
.tm .tm-track .form-row{margin:0 0 14px;padding:0;width:auto;float:none}
.tm .tm-track label{display:block;margin-bottom:6px;font-size:13.5px;font-weight:600}
.tm .tm-track input[type=text],.tm .tm-track input[type=email]{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px;background:var(--surface,#fff)}
.tm .tm-track input:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}
.tm .tm-track button[type=submit]{width:100%;justify-content:center;margin-top:4px}
.tm .tm-track-help{max-width:52ch;margin:16px auto 0;text-align:center;font-size:13.5px;line-height:1.75;color:var(--muted)}
.tm .tm-track-wa{margin-top:12px}
.tm .tm-track-wa .wa-pair{justify-content:center}
.tm .tm-track .woocommerce-order-details,.tm .tm-track .woocommerce-customer-details{max-width:640px;margin-inline:auto;text-align:start}
/* ═══════════════════════════════════════════════════════════════════════════
   עמודי מסמך — תקנון, נגישות, מפת אתר.
   לא עמודי שיווק: בלי גיבור כהה ובלי כרטיסים. כן טיפוגרפיה שאפשר לקרוא
   בה מסמך שלם. הטקסט מיושר להתחלה במכוון — טקסט משפטי ממורכז הוא
   קשה לקריאה, גם אם הוא נראה מסודר יותר.
   ═══════════════════════════════════════════════════════════════════════════ */
/* כותרת ממורכזת, גוף המסמך מיושר להתחלה.
   טקסט משפטי ממורכז נראה מסודר אבל קשה לקריאה — העין מאבדת את
   תחילת השורה. לכן רק הכותרת והמטא ממורכזות. */
.tm-doc .page-hero{position:relative;max-width:76ch;margin-inline:auto;padding-block:52px 6px;text-align:center}
.tm-doc .page-hero::before{content:"";display:block;width:56px;height:4px;border-radius:3px;background:var(--primary);margin:0 auto 20px}
.tm-doc .page-hero h1{margin:0;text-wrap:balance}
.tm-doc .tm-doc-meta{max-width:76ch;margin:10px auto 0;text-align:center;font-size:12.5px;letter-spacing:.04em;color:var(--faint,#9aa2ae)}
/* מסגרת מסמך — נותנת רצינות בלי לצעוק */
.tm-doc .entry{padding:34px 40px 40px;border:1px solid var(--line);border-radius:22px;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(21,24,29,.03)}
@media (max-width:640px){.tm-doc .entry{padding:24px 20px 28px;border-radius:16px}}

.tm-doc .entry{padding-block:22px 44px}
.tm-doc .entry>h2{position:relative;margin:34px 0 12px;padding-top:20px;font-size:clamp(19px,2.4vw,23px);border-top:1px solid var(--line)}
.tm-doc .entry>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.tm-doc .entry>h3{margin:24px 0 8px;font-size:17px}
.tm-doc .entry p{margin:0 0 15px;color:var(--muted)}
.tm-doc .entry strong{color:var(--ink,inherit)}
.tm-doc .entry ul,.tm-doc .entry ol{margin:0 0 18px;padding-inline-start:0;display:flex;flex-direction:column;gap:9px}
.tm-doc .entry ul li{list-style:none;position:relative;padding-inline-start:22px;color:var(--muted)}
.tm-doc .entry ul li::before{content:"";position:absolute;inset-inline-start:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.tm-doc .entry ol{counter-reset:tmdoc;padding-inline-start:0}
.tm-doc .entry ol li{list-style:none;counter-increment:tmdoc;position:relative;padding-inline-start:30px;color:var(--muted)}
.tm-doc .entry ol li::before{content:counter(tmdoc) ".";position:absolute;inset-inline-start:0;top:0;font-weight:700;color:var(--primary-deep);font-variant-numeric:tabular-nums}
.tm-doc .entry a{color:var(--primary-deep);text-decoration:underline;text-underline-offset:3px}
.tm-doc .entry a:hover{text-decoration-thickness:2px}
.tm-doc .entry table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14.5px}
.tm-doc .entry th,.tm-doc .entry td{padding:10px 13px;border:1px solid var(--line);text-align:start}
.tm-doc .entry th{background:var(--soft,#f7f8fa)}

/* חזרה לחנות בתחתית מסמך — יציאה ברורה בלי להוסיף רעש למעלה */
.tm-doc-back{max-width:76ch;margin:0 auto 46px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tm-doc-back span{font-size:13.5px;color:var(--muted)}

/* 3.6 — שורת מעקב תיקונים. שקטה בכוונה. */
.tm .tm-repair-soon{max-width:520px;margin:14px auto 0;text-align:center;font-size:13px;line-height:1.7;color:var(--faint,#9aa2ae)}
/* ═══ עמוד תודה — נבנה כאילו הוא התיעוד היחיד של ההזמנה ═══ */
.tm .tm-ty{max-width:640px;margin:0 auto 26px;display:flex;flex-direction:column;gap:14px}
.tm .tm-ty-num{text-align:center;padding:26px 22px;border:1px solid var(--line);border-radius:20px;background:var(--soft,#f7f8fa)}
.tm .tm-ty-num .lbl{display:block;font-size:13px;color:var(--muted)}
.tm .tm-ty-num .num{display:block;margin:6px 0 6px;font-size:clamp(34px,7vw,52px);line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--primary-deep);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.tm .tm-ty-num .hint{display:block;font-size:13px;color:var(--muted)}
.tm .tm-ty-save{display:flex;gap:11px;align-items:flex-start;padding:15px 17px;border:1px dashed var(--primary);border-radius:16px;background:color-mix(in srgb,var(--primary) 6%,transparent)}
.tm .tm-ty-save>svg{width:19px;height:19px;color:var(--primary);flex:none;margin-top:2px}
.tm .tm-ty-save b{display:block;font-size:14.5px}
.tm .tm-ty-save span{display:block;margin-top:3px;font-size:13px;line-height:1.65;color:var(--muted)}
.tm .tm-ty-steps{padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff)}
.tm .tm-ty-h{display:block;font-size:15px;margin-bottom:12px}
.tm .tm-ty-step{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line)}
.tm .tm-ty-step:first-of-type{border-top:0;padding-top:0}
.tm .tm-ty-step .ic{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--soft,#f7f8fa);border:1px solid var(--line);flex:none}
.tm .tm-ty-step .ic svg{width:16px;height:16px;color:var(--primary)}
.tm .tm-ty-step b{display:block;font-size:14.5px}
.tm .tm-ty-step span{display:block;margin-top:2px;font-size:13px;line-height:1.7;color:var(--muted)}
.tm .tm-ty-acts{display:flex;gap:10px;flex-wrap:wrap}
.tm .tm-ty-acts .btn{flex:1;min-width:180px;justify-content:center}
.tm .tm-ty-wa{text-align:center;padding:16px 18px;border:1px solid var(--line);border-radius:16px}
.tm .tm-ty-wa b{display:block;font-size:14px;margin-bottom:10px}
.tm .tm-ty-wa .wa-pair{justify-content:center}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){.tm .tm-ty-save{background:var(--soft,#f7f8fa)}}
/* יצירת קשר — וואטסאפ ראשון ובגדול, כי הוא הערוץ שאנחנו שולטים בו */
.tm .tm-wa-lead{max-width:640px;margin:0 auto;text-align:center;padding:34px 28px;border:1px solid var(--line);border-radius:22px;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(21,24,29,.04),0 22px 48px -34px rgba(21,24,29,.3)}
.tm .tm-wa-lead .ic{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:19px;background:#e8f8ee;border:1px solid #cdeeda}
.tm .tm-wa-lead .ic svg{width:27px;height:27px;color:#25d366}
.tm .tm-wa-lead>b{display:block;font-size:clamp(19px,2.4vw,23px);line-height:1.3}
.tm .tm-wa-lead .tx{display:block;margin:8px auto 18px;max-width:48ch;font-size:14.5px;line-height:1.75;color:var(--muted)}
.tm .tm-wa-lead .wa-pair{justify-content:center;gap:10px;flex-wrap:wrap}
.tm .tm-wa-lead .wa-pair>*{flex:0 1 210px;justify-content:center}
.tm .tm-contact-links{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:16px}
/* ═══ מפת אתר — רחבה, עם אייקונים, נבנית מהמסד ═══ */
.tm .tm-sm-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.tm .tm-sm-cat{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff)}
.tm .tm-sm-cat .hd{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding-bottom:11px;border-bottom:1px solid var(--line)}
.tm .tm-sm-cat .hd .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--soft,#f7f8fa);border:1px solid var(--line);flex:none}
.tm .tm-sm-cat .hd .ic svg{width:17px;height:17px;color:var(--primary)}
.tm .tm-sm-cat .hd .nm{font-weight:700;font-size:15.5px;flex:1}
.tm .tm-sm-cat .hd .ct{font-size:12.5px;color:var(--muted)}
.tm .tm-sm-cat .hd:hover .nm{color:var(--primary-deep)}
.tm .tm-sm-cat .subs{display:flex;flex-direction:column;gap:2px;padding-top:9px}
.tm .tm-sm-cat .subs a{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13.5px;color:var(--muted);text-decoration:none}
.tm .tm-sm-cat .subs a:hover{color:var(--primary-deep)}
.tm .tm-sm-cat .subs .num{font-style:normal;font-size:12px;opacity:.7}

.tm .tm-sm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px}
.tm .tm-sm-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:22px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}
.tm .tm-sm-tile:hover{border-color:var(--primary);transform:translateY(-2px)}
.tm .tm-sm-tile .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--soft,#f7f8fa);border:1px solid var(--line)}
.tm .tm-sm-tile .ic svg{width:21px;height:21px;color:var(--primary)}
.tm .tm-sm-tile b{font-size:15.5px}
.tm .tm-sm-tile .tx{font-size:12.5px;line-height:1.6;color:var(--muted);max-width:26ch}

.tm .tm-sm-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;padding:24px 26px;border:1px solid var(--line);border-radius:20px;background:var(--soft,#f7f8fa)}
.tm .tm-sm-col{display:flex;flex-direction:column;gap:7px}
.tm .tm-sm-col .hd{font-size:14px;margin-bottom:4px}
.tm .tm-sm-col a{font-size:13.5px;color:var(--muted);text-decoration:none;line-height:1.6}
.tm .tm-sm-col a:hover{color:var(--primary-deep)}
@media (prefers-reduced-motion:reduce){.tm .tm-sm-tile{transition:none}.tm .tm-sm-tile:hover{transform:none}}
/* באנר המחולל — אותו רכיב של באנר הטרייד־אין, גוון מבדיל */
.tm .tm-build-banner .ic svg{color:var(--primary-deep)}
/* כותרות המקטעים במחולל ממורכזות מעל הרשת, כמו בשאר עמודי הנחיתה */
.tm .tm-bld-head{justify-content:center;text-align:center}
/* חיפוש בתוך שלב */
.tm .tm-bld-search{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 8px 7px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface,#fff)}
.tm .tm-bld-search>svg{width:17px;height:17px;color:var(--muted);flex:none}
.tm .tm-bld-search input[type=search]{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:14.5px;color:inherit;padding:6px 0}
.tm .tm-bld-search input[type=search]:focus{outline:none}
.tm .tm-bld-search:focus-within{border-color:var(--primary)}
.tm .tm-bld-search .btn{flex:none}
.tm .tm-bld-clearq{flex:none;font-size:13px;color:var(--muted);text-decoration:underline}
.tm .tm-bld-clearq:hover{color:var(--primary-deep)}

/* שלבי היקפי — מופרדים ויזואלית מליבת המחשב */
.tm .tm-bld-list li.opt-first{margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}
.tm .tm-bld-list li.opt-first::before{content:"היקפי — לא חובה";position:absolute;top:-1px;inset-inline-start:0;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--faint,#9aa2ae)}
@media (max-width:560px){.tm .tm-bld-search{flex-wrap:wrap}.tm .tm-bld-search input[type=search]{width:100%;flex:1 0 100%}}







.tm .woocommerce-Address{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff)}
.tm .woocommerce-Address-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.tm .woocommerce-Address-title h2,.tm .woocommerce-Address-title h3{margin:0;font-size:16px}

@media (max-width:900px){
	.tm .woocommerce-account .woocommerce{grid-template-columns:1fr}
	.tm .woocommerce-MyAccount-navigation{position:static}
	.tm .woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:wrap}
	.tm .woocommerce-MyAccount-navigation li a{padding:9px 12px;font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.tm .tm-acc-tile{transition:none}.tm .tm-acc-tile:hover{transform:none}}



/* מידות של דף נחיתה, לא של באנר. */
/* הגיבור צמח כשנוספו פס העובדות וקישור החזרה — min-height גבוה מדי
   השאיר שטח כהה ריק מתחת לתוכן. הגובה נגזר עכשיו מהתוכן. */
.tm .tm-phero{border-radius:0;padding-block:clamp(46px,7vw,74px) clamp(38px,6vw,60px);display:grid;place-items:center;min-height:0}
.tm .tm-phero h1{font-size:clamp(34px,6.2vw,60px);max-width:18ch}
.tm .tm-phero-sub{font-size:clamp(16px,1.5vw,19px);max-width:60ch}
.tm .tm-phero::before{inset:-30% 12% auto;height:min(420px,60vh)}
.tm .tm-shead{text-align:center;max-width:60ch;margin:0 auto 20px}
/* טפסים בעמודי הנחיתה — ממורכזים, לא צמודים לצד. */
.tm .tm-cform{max-width:560px;margin:14px auto 0}
.tm .tm-cform-wa{margin-top:18px}
.tm .tm-cform-wa .wa-pair,.tm-has-phero .wa-pair{justify-content:center}
.tm-has-phero .tm-ti-note{margin-inline:auto}
.tm-has-phero .sub{text-align:center}
.tm .tm-cform .wpcf7-form p{margin:0 0 11px}
.tm .tm-cform input[type=text],.tm .tm-cform input[type=email],.tm .tm-cform input[type=tel],
.tm .tm-cform input[type=number],.tm .tm-cform select,.tm .tm-cform textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px;background:var(--surface,#fff)}
.tm .tm-cform textarea{min-height:120px;resize:vertical}
/* מרכוז הכפתור דרך text-align על הטופס — width נדרס ע"י כללי הערכה,
   ו-justify-content לא חל על input. השדות מוחזרים ליישור התחלה. */
.tm .tm-cform .wpcf7-form{text-align:center}
.tm .tm-cform .wpcf7-form input:not([type=submit]),.tm .tm-cform .wpcf7-form select,
.tm .tm-cform .wpcf7-form textarea,.tm .tm-cform .tm-cf-q,
.tm .tm-cform .wpcf7-list-item-label{text-align:start}
.tm .tm-cform .wpcf7-submit{text-align:center}
.tm .tm-cform .wpcf7-submit{display:inline-block;width:auto;min-width:260px;margin-top:6px}
/* CF7 שותל ספינר inline אחרי הכפתור, והדפדפן ממרכז את הצמד — מה שמסיט
   את הכפתור. מוציאים אותו מזרימת השורה בלי לוותר על חיווי הטעינה. */
.tm .tm-cform .wpcf7-form p{position:relative}
.tm .tm-cform .wpcf7-spinner{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);margin:0}
.tm .tm-cform .wpcf7-acceptance,.tm .tm-cform .wpcf7-checkbox{display:block;text-align:start}
.tm .tm-cform-wa .wa-pair,.tm-has-phero .wa-pair{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.tm .tm-cform-wa .wa-pair>*,.tm-has-phero .wa-pair>*{flex:0 1 220px}
.tm .tm-cform .tm-cf-q{font-weight:700;text-align:start;margin-top:4px}

.tm .tm-shead h2{margin:0;font-size:clamp(22px,3.2vw,30px);line-height:1.25;text-wrap:balance}
.tm .tm-shead p{margin:9px 0 0;font-size:15.5px;line-height:1.7;color:var(--muted)}

.tm .tm-fgrid{display:grid;grid-template-columns:repeat(var(--fcols,3),1fr);gap:14px}
.tm .tm-fcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:26px 20px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);transition:border-color .16s ease,transform .16s ease}
.tm .tm-fcard:hover{border-color:var(--primary);transform:translateY(-2px)}
.tm .tm-fcard .ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--soft,#f7f8fa);border:1px solid var(--line)}
.tm .tm-fcard .ic svg{width:23px;height:23px;color:var(--primary)}
.tm .tm-fcard b{font-size:16.5px;line-height:1.35}
.tm .tm-fcard .tx{font-size:13.5px;line-height:1.7;color:var(--muted);max-width:34ch}
.tm .tm-fcard .tag{margin-top:3px;padding:4px 11px;border-radius:999px;background:var(--soft,#f7f8fa);border:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--primary-deep)}

.tm .tm-steps{list-style:none;counter-reset:tmstep;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tm .tm-steps li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:24px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff)}
.tm .tm-steps .n{counter-increment:tmstep;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}
.tm .tm-steps .n::before{content:counter(tmstep)}
/* b ו-span היו inline בתוך אותו div ולכן נדבקו לשורה אחת. */
.tm .tm-steps>li>div{display:flex;flex-direction:column;gap:5px;align-items:center}
.tm .tm-steps b{display:block;font-size:16px}
.tm .tm-steps span:not(.n){display:block;font-size:13.5px;line-height:1.7;color:var(--muted);max-width:32ch}

@media (max-width:900px){
	.tm .tm-fgrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
	.tm .tm-steps{grid-template-columns:1fr}
}
@media (max-width:560px){
	.tm .tm-phero{padding-block:42px 46px}
	.tm .tm-phero-cta .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.tm .tm-fcard{transition:none}.tm .tm-fcard:hover{transform:none}}


/* ═══════════════════════════════════════════════════════════════════════════
   דרכי תשלום — בלוק מקופל בעמוד המוצר
   ═══════════════════════════════════════════════════════════════════════════ */
.tm details.tm-pay{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft,#f7f8fa);overflow:hidden}
.tm .tm-pay>summary{display:flex;align-items:center;gap:9px;padding:13px 16px;cursor:pointer;list-style:none;font-size:15px}
.tm .tm-pay>summary::-webkit-details-marker{display:none}
.tm .tm-pay>summary>svg:first-child{width:17px;height:17px;color:var(--primary);flex:none}
.tm .tm-pay-count{margin-inline-start:auto;font-size:12.5px;color:var(--muted)}
.tm .tm-pay-cv{width:14px;height:14px;color:var(--muted);flex:none;transition:transform .16s ease}
.tm .tm-pay[open]>summary .tm-pay-cv{transform:rotate(180deg)}
.tm .tm-pay-list{display:flex;flex-direction:column;gap:2px;padding:2px 16px 14px}
.tm .tm-pay-row{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.tm .tm-pay-row .ic{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--surface,#fff);border:1px solid var(--line);flex:none}
.tm .tm-pay-row .ic svg{width:16px;height:16px;color:var(--primary)}
.tm .tm-pay-row b{display:block;font-size:14px}
.tm .tm-pay-row span{display:block;font-size:12.5px;color:var(--muted);line-height:1.6;margin-top:2px}
@media (prefers-reduced-motion:reduce){.tm .tm-pay-cv{transition:none}}

/* פרטי הבנק בעמוד "תודה" ובמייל — קריאים, וה-IBAN תמיד משמאל לימין */
.tm .woocommerce-bacs-bank-details{margin:0 0 18px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--soft,#f7f8fa);list-style:none}
.tm .woocommerce-bacs-bank-details li{display:flex;justify-content:space-between;gap:14px;padding:6px 0;font-size:14px;border-bottom:1px dashed var(--line)}
.tm .woocommerce-bacs-bank-details li:last-child{border-bottom:0}
.tm .woocommerce-bacs-bank-details li strong{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;text-align:end}

.tm .tm-bacs-inline{margin-top:10px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff)}
.tm .tm-bacs-inline>b{display:block;font-size:13.5px;margin-bottom:8px}
.tm .tm-bacs-inline dl{margin:0;display:flex;flex-direction:column;gap:0}
.tm .tm-bacs-inline dl>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--line)}
.tm .tm-bacs-inline dl>div:last-child{border-bottom:0}
.tm .tm-bacs-inline dt{margin:0;font-size:13px;color:var(--muted)}
.tm .tm-bacs-inline dd{margin:0;font-size:13.5px;font-weight:600;text-align:end}
.tm .tm-bacs-inline dd.ltr{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.tm .tm-bacs-note{margin:9px 0 0;font-size:12.5px;color:var(--muted)}

/* ═══════════════════════════════════════════════════════════════════════════
   פיצ'ר 5 — השוואת מוצרים
   ═══════════════════════════════════════════════════════════════════════════ */

/* הצ׳קבוקס חי על הכרטיס ומתגלה בריחוף. כשהוא מסומן הוא נשאר גלוי. */
.tm .woocommerce ul.products li.product{position:relative}
.tm .tm-cmp-tick{position:absolute;top:10px;inset-inline-start:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.94);font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease}
.tm .woocommerce ul.products li.product:hover .tm-cmp-tick,
.tm .tm-cmp-tick:focus-within,
.tm .tm-cmp-tick.on{opacity:1}
.tm .tm-cmp-tick.on{border-color:var(--primary);color:var(--primary-deep)}
.tm .tm-cmp-tick input{margin:0;width:14px;height:14px}

/* מגע: אין ריחוף, אז מציגים תמיד — אבל רק בעמוד קטגוריה. */
@media (hover:none){
	.tm .tm-cmp-tick{opacity:1}
	.tm .home .tm-cmp-tick,.tm .single-product .tm-cmp-tick{display:none}
}

/* סרגל תחתון. נולד רק אחרי בחירה ראשונה — hidden מוסר ב-JS. */
.tm .tm-cmp-bar{position:fixed;inset-inline:0;bottom:0;z-index:75;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 16px;background:var(--surface,#fff);border-top:1px solid var(--line);box-shadow:0 -14px 40px -26px rgba(0,0,0,.5)}
.tm .tm-cmp-bar[hidden]{display:none}
.tm .tm-cmp-lbl{font-size:13px;color:var(--muted);flex:none}
.tm .tm-cmp-items{display:flex;gap:7px;flex-wrap:wrap;flex:1;min-width:0}
.tm .tm-cmp-chip{display:inline-flex;align-items:center;gap:7px;max-width:230px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface,#fff);font:inherit;font-size:12.5px;color:inherit;cursor:pointer}
.tm .tm-cmp-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm .tm-cmp-chip:hover{border-color:var(--primary);color:var(--primary-deep)}
.tm .tm-cmp-bar .is-off{opacity:.45;pointer-events:none}
.tm .tm-cmp-clear{border:0;background:none;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer;text-decoration:underline}

/* טבלת ההשוואה. גולשת בתוך עצמה, לעולם לא דוחפת את העמוד לרוחב. */
.tm .tm-cmp-wrap{margin-top:16px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff)}
.tm .tm-cmp-table{border-collapse:collapse;width:100%;min-width:560px}
.tm .tm-cmp-table th,.tm .tm-cmp-table td{padding:11px 14px;text-align:center;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}
.tm .tm-cmp-table .rowhead{text-align:start;font-weight:600;color:var(--muted);font-size:13px;white-space:nowrap;background:var(--soft,#f7f8fa);position:sticky;inset-inline-start:0}
.tm .tm-cmp-table thead th{vertical-align:top;padding-top:16px}
.tm .tm-cmp-table thead img{width:92px;height:auto;margin-inline:auto;display:block;border-radius:10px}
.tm .tm-cmp-table thead .nm{display:block;margin-top:8px;font-size:13px;font-weight:600;line-height:1.45;max-width:190px;margin-inline:auto}
.tm .tm-cmp-table tr.same td{color:var(--muted)}
.tm .tm-cmp-table tr.diff .rowhead{color:var(--ink,inherit)}
.tm .tm-cmp-table tr.diff td{font-weight:600}
.tm .tm-cmp-table td.ok svg{width:17px;height:17px;color:#1b6b50}
.tm .tm-cmp-table td.no span[aria-hidden]{color:var(--faint,#9aa2ae)}
.tm .tm-cmp-table tr.buyrow td{border-bottom:0;padding-block:16px}

/* ═══════════════════════════════════════════════════════════════════════════
   פיצ'ר 7 — דירוג מצב למחודשים
   ═══════════════════════════════════════════════════════════════════════════ */
.tm .tm-cond{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1.5;color:var(--cc,#5b636f);background:color-mix(in srgb,var(--cc,#5b636f) 11%,#fff);border:1px solid color-mix(in srgb,var(--cc,#5b636f) 28%,#fff);cursor:help;white-space:nowrap}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){
	.tm .tm-cond{background:var(--soft,#f7f8fa);border-color:var(--line)}
}
.tm .tm-cond-desc{display:block;margin-top:5px;font-size:12.5px;color:var(--muted);line-height:1.6}

.tm .tm-refurb{margin-top:14px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:var(--soft,#f7f8fa)}
.tm .tm-refurb-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:15px}
.tm .tm-refurb-head svg{width:17px;height:17px;color:var(--primary);flex:none}
.tm .tm-refurb-head .tm-cond{margin-inline-start:auto}
.tm .tm-refurb-cond{margin:9px 0 0;font-size:13px;color:var(--muted);line-height:1.6}
.tm .tm-refurb-list{list-style:none;margin:11px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.tm .tm-refurb-list li{position:relative;padding-inline-start:19px;font-size:13px;line-height:1.6;color:var(--muted)}
.tm .tm-refurb-list li::before{content:"";position:absolute;inset-inline-start:3px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--primary)}

/* ═══════════════════════════════════════════════════════════════════════════
   פיצ'ר 9 — ביקורות
   ═══════════════════════════════════════════════════════════════════════════ */
.tm .tm-rev-first{margin-top:26px;padding:20px 22px;border:1px dashed var(--line);border-radius:16px;background:var(--soft,#f7f8fa)}
.tm .tm-rev-first>b{display:block;font-size:16px}
.tm .tm-rev-first>span{display:block;margin:6px 0 14px;font-size:13.5px;color:var(--muted);line-height:1.65;max-width:56ch}
.tm .tm-rev-first .comment-form{margin:0}
.tm .tm-rev-first .comment-form p{margin:0 0 11px}
.tm .tm-rev-first input[type=text],.tm .tm-rev-first input[type=email],.tm .tm-rev-first textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;font:inherit;font-size:14.5px;background:var(--surface,#fff)}
.tm .tm-rev-first .stars a{color:var(--amber,#e0a800)}
.tm .woocommerce #reviews .commentlist{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}
.tm .woocommerce #reviews .commentlist li .comment_container{display:flex;gap:13px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff)}
.tm .woocommerce #reviews .commentlist img.avatar{width:40px;height:40px;border-radius:50%;flex:none}
.tm .woocommerce #reviews .meta{font-size:12.5px;color:var(--muted);margin-bottom:6px}



/* ═══ פיצ'ר 8 — טרייד־אין ═══ */
.tm .tm-ti-note{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--soft,#f7f8fa);max-width:720px}
.tm .tm-ti-note>b{display:block;font-size:15px;margin-bottom:10px}
.tm .tm-ti-note ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.tm .tm-ti-note li{position:relative;padding-inline-start:20px;font-size:13.5px;line-height:1.65;color:var(--muted)}
.tm .tm-ti-note li::before{content:"";position:absolute;inset-inline-start:3px;top:.66em;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.tm .tm-ti-form .wpcf7-form p{margin:0 0 11px}
.tm .tm-ti-form input[type=file]{width:100%;padding:9px 11px;border:1px dashed var(--line);border-radius:11px;font-size:13px;background:var(--surface,#fff)}
.tm .tm-ti-banner{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft,#f7f8fa);text-decoration:none;color:inherit}
.tm .tm-ti-banner:hover{border-color:var(--primary)}
.tm .tm-ti-banner .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--surface,#fff);border:1px solid var(--line);flex:none}
.tm .tm-ti-banner .ic svg{width:17px;height:17px;color:var(--primary)}
.tm .tm-ti-banner .tx{flex:1;font-size:13.5px;line-height:1.6;color:var(--muted)}
.tm .tm-ti-banner .tx b{color:inherit}
.tm .tm-ti-banner .go svg{width:16px;height:16px;color:var(--primary);flex:none}
@media (max-width:560px){.tm .tm-ti-banner{align-items:flex-start}.tm .tm-ti-banner .go{display:none}}

/* pizr 4 - PC builder */
.tm .tm-bld{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}
/* sticky לבד לא מספיק: כשהסרגל ארוך מהמסך הוא פשוט עומד. גובה מרבי
   וגלילה פנימית הופכים אותו למשהו שבאמת נע עם הגלילה. */
.tm .tm-bld-side{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.tm .tm-bld-card{padding:18px 19px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff)}
.tm .tm-bld-t{display:block;font-size:15px;margin-bottom:12px}
.tm .tm-bld-list{list-style:none;margin:0;padding:0;counter-reset:s;display:flex;flex-direction:column}
.tm .tm-bld-list li{position:relative;display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px dashed var(--line)}
.tm .tm-bld-list li:last-child{border-bottom:0}
.tm .tm-bld-list li>a{flex:1;min-width:0;text-decoration:none;color:inherit}
.tm .tm-bld-list .lbl{display:block;font-size:12px;color:var(--muted)}
.tm .tm-bld-list .lbl i{font-style:normal;opacity:.75}
.tm .tm-bld-list .val{display:block;font-size:13.5px;line-height:1.45;margin-top:1px;overflow:hidden;text-overflow:ellipsis}
.tm .tm-bld-list li.done .val{font-weight:600}
.tm .tm-bld-list li.now{margin-inline:-19px;padding-inline:19px;background:var(--soft,#f7f8fa)}
.tm .tm-bld-list li.now .lbl{color:var(--primary-deep)}
.tm .tm-bld-list .pr{font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}
.tm .tm-bld-list .rm{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:var(--muted);text-decoration:none;font-size:16px;line-height:1}
.tm .tm-bld-list .rm:hover{background:var(--soft,#f7f8fa);color:#b3372c}
.tm .tm-bld-list li>a[aria-disabled] .val{color:var(--faint,#9aa2ae)}

.tm .tm-bld-sum{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.tm .tm-bld-sum b{font-size:19px;font-variant-numeric:tabular-nums}
.tm .tm-bld-svc{margin:9px 0 0;font-size:12px;color:var(--muted);line-height:1.6}
.tm .tm-bld-add{width:100%;justify-content:center;margin-top:13px}
.tm .tm-bld-add.is-off{opacity:.45;pointer-events:none}
.tm .tm-bld-hint{margin:7px 0 0;font-size:12px;color:var(--muted);text-align:center}
.tm .tm-bld-share{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;padding:9px;border:1px solid var(--line);border-radius:11px;font-size:13px;text-decoration:none;color:inherit}
.tm .tm-bld-share:hover{border-color:var(--primary);color:var(--primary-deep)}
.tm .tm-bld-share svg{width:15px;height:15px;color:#25d366}

.tm .tm-bld-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tm .tm-bld-head h2{margin:0;font-size:21px}
.tm .tm-bld-note{font-size:12.5px;color:var(--muted);padding:4px 10px;border:1px solid var(--line);border-radius:999px}
.tm .tm-bld-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}
.tm .tm-bld-item{display:flex;flex-direction:column;gap:6px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);text-decoration:none;color:inherit;transition:border-color .15s ease}
.tm .tm-bld-item:hover{border-color:var(--primary)}
.tm .tm-bld-item.on{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 22%,transparent)}
.tm .tm-bld-item .im{display:block;text-align:center}
.tm .tm-bld-item img{width:100%;height:auto;max-height:112px;object-fit:contain;border-radius:9px}
.tm .tm-bld-item .nm{font-size:12.5px;line-height:1.5;min-height:2.9em;overflow:hidden}
.tm .tm-bld-item .st{font-size:11px;color:var(--muted)}
.tm .tm-bld-item .st.in{color:#1b6b50}
.tm .tm-bld-item .pc{font-size:14.5px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:auto}
.tm .tm-bld-empty{padding:26px;border:1px dashed var(--line);border-radius:16px;background:var(--soft,#f7f8fa);text-align:center}
.tm .tm-bld-empty b{display:block;font-size:16px}
.tm .tm-bld-empty span{display:block;margin:6px 0 13px;font-size:13.5px;color:var(--muted)}
.tm .tm-bld-skip{margin-top:16px;font-size:13.5px}
.tm .tm-bld-skip a{color:var(--primary-deep)}

@media (max-width:1020px){
	.tm .tm-bld{grid-template-columns:1fr}
	.tm .tm-bld-side{position:static;order:2}
	.tm .tm-bld-main{order:1}
}








/* רצועת הניווט בדסקטופ — 12 פריטים בשורה אחת.
   מכווצים ריווח בלבד, לא גופן: הקריאוּת נשמרת והשורה מפסיקה לדחוף את
   העמוד לרוחב. overflow-x לא בא בחשבון כאן — הוא חותך את התפריטים הנפתחים.
   font-size לא מוגדר כאן בכוונה, כדי ש-13px של טווח הביניים ימשיך לחול. */
@media (min-width:761px){
	.tm .nav .wrap{gap:0;flex-wrap:nowrap}
	.tm .nav .wrap{gap:0}
	.tm .nav-link{padding-inline:6px;gap:4px;font-size:13.5px}
	.tm .nav-all{margin-inline-end:5px;padding-inline:14px;font-size:14px}
}
