:root{ --tsc-border: #e3e7ed; --tsc-bg-soft: #f7f9fb; --tsc-text: #23282d; --tsc-muted: #616b76; --tsc-radius: 6px} .tsc-key-specs{ margin: 22px 0; padding: 18px 20px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-key-specs__heading{ margin: 0 0 12px; font-size: 16px; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: .04em; color: var(--tsc-text)} .tsc-key-specs__list{ margin: 0; padding: 0} .tsc-key-specs__row{ display: grid; grid-template-columns: minmax(120px,38%) 1fr; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--tsc-border)} .tsc-key-specs__row:last-child{ border-bottom: 0} .tsc-key-specs__label{ margin: 0; font-size: 13px; font-weight: 600; color: var(--tsc-muted)} .tsc-key-specs__value{ margin: 0; font-size: 14px; line-height: 1.45; color: var(--tsc-text); overflow-wrap: anywhere} .tsc-key-specs__more{ display: inline-block; margin-top: 12px; font-size: 13px; font-weight: 600; color: var(--tsc-accent); text-decoration: none} .tsc-key-specs__more:hover, .tsc-key-specs__more:focus{ text-decoration: underline} @media (max-width: 480px){ .tsc-key-specs__row{ grid-template-columns: 1fr; gap: 2px} } .tsc-spec-table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch} .tsc-spec-table{ width: 100%; border-collapse: collapse; font-size: 14px} .tsc-spec-table th, .tsc-spec-table td{ padding: 11px 14px; border: 1px solid var(--tsc-border); text-align: left; vertical-align: top; line-height: 1.5} .tsc-spec-table th{ width: 32%; font-weight: 600; color: var(--tsc-muted); background: var(--tsc-bg-soft)} .tsc-spec-table tr:nth-child(even) td{ background: #fcfdfe} .tsc-kb-hero{ padding: 34px 0 26px; text-align: center} .tsc-kb-hero__title{ margin: 0 0 10px; font-size: clamp(26px,4vw,38px); line-height: 1.2} .tsc-kb-hero__intro{ max-width: 640px; margin: 0 auto 22px; color: var(--tsc-muted); line-height: 1.6} .tsc-kb-search{ display: flex; gap: 8px; max-width: 560px; margin: 0 auto} .tsc-kb-search__input{ flex: 1 1 auto; min-width: 0; padding: 12px 14px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); font-size: 15px} .tsc-kb-search__submit{ flex: 0 0 auto; padding: 12px 22px; border: 0; border-radius: var(--tsc-radius); background: var(--tsc-accent); color: #fff; font-weight: 600; cursor: pointer} .tsc-kb-search__submit:hover{ filter: brightness(.93)} .tsc-kb-cats{ display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 18px; margin: 8px 0 40px} .tsc-kb-cat{ display: block; padding: 24px 22px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff; color: inherit; text-decoration: none; transition: box-shadow .18s ease,transform .18s ease} .tsc-kb-cat:hover, .tsc-kb-cat:focus{ box-shadow: 0 6px 20px rgba(16,24,40,.08); transform: translateY(-2px)} .tsc-kb-cat .bx{ font-size: 30px; color: var(--tsc-accent)} .tsc-kb-cat__name{ display: block; margin: 10px 0 6px; font-size: 17px; font-weight: 700} .tsc-kb-cat__desc{ display: block; margin-bottom: 10px; font-size: 13.5px; line-height: 1.55; color: var(--tsc-muted)} .tsc-kb-cat__count{ display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--tsc-accent)} .tsc-kb-grid{ display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 22px; margin-bottom: 30px} .tsc-kb-card{ display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-kb-card__thumb img{ width: 100%; height: auto; margin-bottom: 14px; border-radius: 4px} .tsc-kb-card__title{ margin: 0 0 6px; font-size: 17px; line-height: 1.35} .tsc-kb-card__title a{ color: inherit; text-decoration: none} .tsc-kb-card__title a:hover{ color: var(--tsc-accent)} .tsc-kb-card__cat{ margin: 0 0 10px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--tsc-accent)} .tsc-kb-card__excerpt{ flex: 1 1 auto; margin-bottom: 14px; font-size: 14px; line-height: 1.6; color: var(--tsc-muted)} .tsc-kb-card__more{ font-size: 13.5px; font-weight: 600; color: var(--tsc-accent); text-decoration: none} .tsc-kb-card__more:hover{ text-decoration: underline} .tsc-kb-empty{ padding: 30px 0; color: var(--tsc-muted)} .tsc-kb-article{ max-width: 780px} .tsc-kb-article__crumbs{ margin-bottom: 14px; font-size: 13px; color: var(--tsc-muted)} .tsc-kb-article__crumbs a{ color: var(--tsc-accent); text-decoration: none} .tsc-kb-article__title{ margin: 0 0 8px; font-size: clamp(24px,3.4vw,32px); line-height: 1.25} .tsc-kb-article__meta{ margin: 0 0 22px; font-size: 13px; color: var(--tsc-muted)} .tsc-kb-article__thumb img{ width: 100%; height: auto; border-radius: var(--tsc-radius)} .tsc-kb-article__body{ font-size: 16px; line-height: 1.75} .tsc-kb-article__body h2{ margin: 32px 0 12px; font-size: 22px} .tsc-kb-article__body h3{ margin: 26px 0 10px; font-size: 18px} .tsc-kb-article__body ol, .tsc-kb-article__body ul{ margin: 0 0 18px 22px} .tsc-kb-article__body li{ margin-bottom: 8px} .tsc-kb-article__footer{ margin-top: 36px; padding: 18px 20px; border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); font-size: 14.5px} .tsc-kb-article__footer a{ font-weight: 600; color: var(--tsc-accent)} .tsc-kb-downloads{ display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 12px; margin: 0; padding: 0; list-style: none} .tsc-kb-download a{ display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); color: inherit; text-decoration: none} .tsc-kb-download a:hover{ border-color: var(--tsc-accent)} .tsc-kb-download .bx{ flex: 0 0 auto; font-size: 24px; color: #c0392b} .tsc-kb-download__name{ flex: 1 1 auto; font-size: 14.5px; font-weight: 600; overflow-wrap: anywhere} .tsc-kb-download__meta{ flex: 0 0 auto; font-size: 12px; color: var(--tsc-muted)} .tsc-kb-related{ margin: 36px 0; padding: 20px 22px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius)} .tsc-kb-related h2{ margin: 0 0 12px; font-size: 18px} .tsc-kb-related ul{ margin: 0; padding-left: 18px} .tsc-kb-related li{ margin-bottom: 6px} .tsc-kb-related a{ color: var(--tsc-accent); text-decoration: none} .tsc-kb-related a:hover{ text-decoration: underline} .tsc-gateway-error{ margin: 20px 0} .tsc-trust{ padding: 30px 0; background: #10243a; color: #fff} .tsc-trust__tagline{ margin: 0 0 22px; font-size: clamp(17px,2.4vw,22px); font-weight: 700; line-height: 1.3; text-align: center; color: #fff} .tsc-trust__service{ margin: -14px 0 22px; font-size: 14.5px; font-weight: 600; line-height: 1.4; text-align: center; color: #ffd166} .tsc-trust__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 22px; margin: 0; padding: 0; list-style: none; text-align: center} .tsc-trust__item{ padding: 6px 10px} .tsc-trust__value{ display: block; font-size: clamp(22px,3vw,30px); font-weight: 700; line-height: 1.15; color: #ffd166} .tsc-trust__label{ display: block; margin-top: 6px; font-size: 13.5px; line-height: 1.5; color: rgba(255,255,255,.85)} .tsc-why{ margin: 36px 0; padding: 26px 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-why__heading{ margin: 0 0 10px; font-size: 20px} .tsc-why__lead{ max-width: 720px; margin: 0 0 22px; font-size: 15px; line-height: 1.65; color: var(--tsc-muted)} .tsc-why__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 20px} .tsc-why__item .bx{ font-size: 26px; color: var(--tsc-accent)} .tsc-why__title{ margin: 8px 0 6px; font-size: 15.5px; font-weight: 700} .tsc-why__text{ margin: 0; font-size: 14px; line-height: 1.6; color: var(--tsc-muted)} .tsc-policy{ margin: 36px 0; padding: 26px 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius)} .tsc-policy__heading{ margin: 0 0 18px; font-size: 20px} .tsc-policy__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 18px} .tsc-policy__item{ padding: 18px; border: 1px solid var(--tsc-border); border-left-width: 4px; border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-policy__item--free{ border-left-color: #1a7f4b} .tsc-policy__item--paid{ border-left-color: #b26a00} .tsc-policy__item .bx{ font-size: 24px} .tsc-policy__item--free .bx{ color: #1a7f4b} .tsc-policy__item--paid .bx{ color: #b26a00} .tsc-policy__title{ margin: 6px 0 6px; font-size: 15.5px; font-weight: 700} .tsc-policy__text{ margin: 0; font-size: 14px; line-height: 1.6; color: var(--tsc-muted)} .tsc-policy__note{ margin: 18px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--tsc-muted)} .tsc-cert{ display: flex; gap: 20px; align-items: flex-start; margin: 24px 0 0; padding: 18px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-cert__link{ flex: 0 0 auto; display: block; line-height: 0} .tsc-cert__image{ width: 260px; max-width: 100%; height: auto; border: 1px solid var(--tsc-border); border-radius: 4px} .tsc-cert__caption{ font-size: 13.5px; line-height: 1.6; color: var(--tsc-muted)} .tsc-cert__caption strong{ display: block; margin-bottom: 4px; font-size: 15px; color: var(--tsc-text,inherit)} @media (max-width: 600px){ .tsc-cert{ flex-direction: column} .tsc-cert__image{ width: 100%} } .tsc-mynds, .tsc-taffeta, .tsc-rfid, .tsc-jobwork{ margin: 36px 0; padding: 26px 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-mynds__heading, .tsc-taffeta__heading, .tsc-rfid__heading, .tsc-jobwork__heading{ margin: 0 0 10px; font-size: 20px} .tsc-mynds__lead, .tsc-taffeta__lead, .tsc-rfid__lead, .tsc-jobwork__lead{ max-width: 760px; margin: 0 0 22px; font-size: 15px; line-height: 1.65; color: var(--tsc-muted)} .tsc-mynds__grid, .tsc-taffeta__grid, .tsc-rfid__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 18px} .tsc-mynds__item, .tsc-taffeta__item, .tsc-rfid__item{ padding: 18px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-taffeta__item h3, .tsc-rfid__item h3{ margin: 0 0 8px; font-size: 15.5px; font-weight: 700} .tsc-taffeta__item p, .tsc-rfid__item p{ margin: 0; font-size: 14px; line-height: 1.6; color: var(--tsc-muted)} .tsc-mynds__type{ display: inline-block; margin-bottom: 8px; padding: 3px 9px; border-radius: 999px; background: #10243a; font-size: 11.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #ffd166} .tsc-mynds__name{ margin: 0 0 8px; font-size: 16px; font-weight: 700} .tsc-mynds__summary{ margin: 0 0 12px; font-size: 14px; line-height: 1.6; color: var(--tsc-muted)} .tsc-mynds__meta{ margin: 0 0 8px; font-size: 13px; line-height: 1.55; color: var(--tsc-muted)} .tsc-mynds__meta:last-child{ margin-bottom: 0} .tsc-mynds__note, .tsc-taffeta__note, .tsc-jobwork__note{ margin: 20px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--tsc-muted)} .tsc-compat{ margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--tsc-border)} .tsc-compat__heading{ margin: 0 0 16px; font-size: 17px} .tsc-compat__family + .tsc-compat__family{ margin-top: 18px} .tsc-compat__label{ margin: 0 0 4px; font-size: 14.5px; font-weight: 700} .tsc-compat__note{ margin: 0 0 10px; font-size: 13.5px; line-height: 1.6; color: var(--tsc-muted)} .tsc-compat__list{ display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none} .tsc-compat__list li{ padding: 4px 11px; border: 1px solid var(--tsc-border); border-radius: 999px; background: #fff; font-size: 12.5px} .tsc-compat__foot{ margin: 14px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--tsc-muted)} .tsc-jobwork__list{ margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.7; color: var(--tsc-muted)} .tsc-jobwork__list li + li{ margin-top: 8px} .tsc-jobwork__list strong{ color: var(--tsc-text,inherit)} .tsc-coverage{ display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 22px; margin: 24px 0} .tsc-coverage__brand{ padding: 20px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius)} .tsc-coverage__name{ margin: 0 0 6px; font-size: 17px} .tsc-coverage__note{ margin: 0 0 12px; font-size: 13.5px; line-height: 1.55; color: var(--tsc-muted)} .tsc-coverage__models{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none} .tsc-coverage__models li{ padding: 4px 9px; border: 1px solid var(--tsc-border); border-radius: 4px; background: #fff; font-size: 12.5px; font-weight: 600; color: var(--tsc-text)} :root{ --tsc-wa-bottom: 84px; --tsc-wa-right: 20px; --tsc-wa-size: 56px; --tsc-wa-green: #25d366} .tsc-whatsapp{ position: fixed; right: var(--tsc-wa-right); bottom: var(--tsc-wa-bottom); z-index: 999999998; display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: var(--tsc-wa-size); height: var(--tsc-wa-size); padding: 0; box-sizing: border-box; border-radius: 999px; background: var(--tsc-wa-green); color: #fff; text-decoration: none; box-shadow: 0 4px 14px rgba(0,0,0,.22); transition: width .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease; overflow: hidden; white-space: nowrap} .tsc-whatsapp:hover, .tsc-whatsapp:focus-visible{ background: #1ebe5b; color: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.28)} .tsc-whatsapp:focus-visible{ outline: 3px solid #0b3d20; outline-offset: 3px} .tsc-whatsapp:active{ transform: scale(.95)} .tsc-whatsapp__icon{ flex: 0 0 auto; width: 28px; height: 28px} .tsc-whatsapp__text{ max-width: 0; opacity: 0; font-size: 15px; font-weight: 600; transition: max-width .22s ease,opacity .18s ease} @media (hover: hover) and (min-width: 783px){ .tsc-whatsapp:hover, .tsc-whatsapp:focus-within{ width: auto; padding: 0 22px 0 16px} .tsc-whatsapp:hover .tsc-whatsapp__text, .tsc-whatsapp:focus-within .tsc-whatsapp__text{ max-width: 190px; opacity: 1} } @media (max-width: 782px){ .tsc-whatsapp{ display: none} } body.addonify-compare-dock-open .tsc-whatsapp, body.adfy-compare-dock-visible .tsc-whatsapp{ bottom: calc(var(--tsc-wa-bottom) + 72px)} @media (prefers-reduced-motion: reduce){ .tsc-whatsapp, .tsc-whatsapp__text{ transition: none} .tsc-whatsapp:active{ transform: none} } .tsc-mobilebar{ display: none} @media (max-width: 782px){ .tsc-mobilebar{ position: fixed; z-index: 999999999; right: 0; bottom: 0; left: 0; display: flex; gap: 1px; background: #0b5d33; padding-bottom: env(safe-area-inset-bottom,0); box-shadow: 0 -2px 12px rgba(0,0,0,.25)} .tsc-mobilebar__btn{ display: flex; flex: 1 1 auto; gap: 10px; align-items: center; justify-content: center; min-height: 54px; padding: 8px 12px; background: #25d366; font-size: 14px; line-height: 1.2; text-align: left; text-decoration: none; color: #08341c} .tsc-mobilebar__btn--call{ flex: 0 0 96px; justify-content: center; background: #10243a; color: #fff} .tsc-mobilebar__btn strong{ display: block; font-size: 14px; font-weight: 700} .tsc-mobilebar__btn em{ display: block; font-size: 13px; font-style: normal; opacity: .85} .tsc-mobilebar__btn .tsc-whatsapp__icon{ width: 24px; height: 24px} .tsc-mobilebar__btn:focus-visible{ outline: 3px solid #fff; outline-offset: -3px} body{ padding-bottom: calc(54px + env(safe-area-inset-bottom,0px))} } .tsc-waservice{ margin: 20px 0 0; padding: 18px 20px; border: 1px solid #25d366; border-radius: var(--tsc-radius); background: #f2fdf6} .tsc-waservice__lead{ margin: 0 0 6px; font-size: 15.5px; font-weight: 700; line-height: 1.45} .tsc-waservice__hint{ margin: 0 0 14px; font-size: 13.5px; line-height: 1.6; color: var(--tsc-muted)} .tsc-waservice__cta{ display: inline-flex; gap: 10px; align-items: center; min-height: 46px; padding: 10px 20px; border-radius: 999px; background: #25d366; font-size: 16px; font-weight: 700; text-decoration: none; color: #08341c} .tsc-waservice__cta:hover, .tsc-waservice__cta:focus-visible{ background: #1eb955; color: #08341c} .tsc-waservice__cta .tsc-whatsapp__icon{ width: 22px; height: 22px} .tsc-waservice__call{ display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: baseline; margin: 14px 0 0; font-size: 14.5px; line-height: 1.5} .tsc-waservice__call-label{ font-weight: 700; color: var(--tsc-muted)} .tsc-waservice__tel{ font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; color: #08341c} .tsc-waservice__tel:hover, .tsc-waservice__tel:focus-visible{ color: #12683a} .tsc-waservice__escalate, .tsc-cfoot__escalate{ margin: 10px 0 0; font-size: 13px; line-height: 1.55; color: var(--tsc-muted)} .tsc-cfoot__phone-role, .tsc-waservice__call-label{ display: block; margin: 0 0 1px; font-size: 12.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--tsc-muted)} .tsc-cfoot__phone{ margin: 0 0 10px} .tsc-trust__wa{ display: inline-block; margin-top: 6px; font-weight: 700; text-decoration: underline; color: #7ef0a8} .tsc-trust__wa:hover, .tsc-trust__wa:focus-visible{ color: #fff} .tsc-gr{ background: #fff; border-bottom: 1px solid var(--tsc-border); font-size: 13.5px; line-height: 1.4; color: var(--tsc-text)} .tsc-gr__inner{ display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; justify-content: center; max-width: 1200px; margin: 0 auto; padding: 8px 16px} .tsc-gr__brand{ display: inline-flex; flex: 0 0 auto; align-items: center; line-height: 0} .tsc-gr__brand img{ width: auto; height: 38px; max-width: 165px; object-fit: contain} @media (max-width: 782px){ .tsc-gr__brand img{ height: 26px; max-width: 118px} } .tsc-gr__score{ display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: center; text-decoration: none; color: inherit} .tsc-gr__score + .tsc-gr__score{ padding-left: 18px; border-left: 1px solid var(--tsc-border)} .tsc-gr__score:hover .tsc-gr__value, .tsc-gr__score:focus-visible .tsc-gr__value{ text-decoration: underline} .tsc-gr__label{ font-weight: 600; color: var(--tsc-muted)} .tsc-gr__value{ font-size: 16px; font-weight: 700; color: var(--tsc-text)} .tsc-gr__count{ color: var(--tsc-muted)} .tsc-gr__stars{ position: relative; display: inline-block; height: 16px; white-space: nowrap} .tsc-gr__stars-base{ display: block; color: #dadce0} .tsc-gr__stars-fill{ position: absolute; top: 0; left: 0; display: block; overflow: hidden; color: #fbbc04} .tsc-gr__stars svg{ display: inline-block; vertical-align: top} .tsc-gr__actions{ display: inline-flex; gap: 14px; align-items: center} .tsc-gr__link{ font-weight: 600; text-decoration: underline; color: var(--tsc-accent)} .tsc-gr__link:hover, .tsc-gr__link:focus-visible{ color: var(--tsc-text)} .tsc-gr--inline{ margin: 20px 0; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-gr--inline .tsc-gr__inner{ padding: 14px 18px} li.tsc-nav-cta > a.menu-link, .tsc-nav-cta > a{ display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 0 6px; padding: 8px 20px; border-radius: 999px; background: var(--tsc-accent); font-weight: 700; color: #fff !important; white-space: nowrap; transition: background .15s ease} li.tsc-nav-cta > a.menu-link:hover, li.tsc-nav-cta > a.menu-link:focus-visible, .tsc-nav-cta > a:hover, .tsc-nav-cta > a:focus-visible{ background: var(--tsc-text); color: #fff !important} .tsc-nav-cta > a::before, .tsc-nav-cta > a::after{ display: none !important} @media (max-width: 991px){ .tsc-nav-cta > a{ justify-content: center; margin: 8px 0} } .tsc-loc{ margin: 26px 0; padding: 22px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-loc__heading{ margin: 0 0 16px; font-size: 20px; font-weight: 700} .tsc-loc__grid{ display: grid; grid-template-columns: minmax(240px,320px) 1fr; gap: 22px; align-items: start} .tsc-loc__address{ margin: 0 0 16px; font-style: normal; font-size: 15px; line-height: 1.6} .tsc-loc__facts{ margin: 0 0 18px; padding: 0; list-style: none} .tsc-loc__facts li{ padding: 8px 0; border-bottom: 1px solid var(--tsc-border)} .tsc-loc__facts li:last-child{ border-bottom: 0} .tsc-loc__key{ display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--tsc-muted)} .tsc-loc__val{ display: block; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere} .tsc-loc__actions{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0} .tsc-loc__btn{ display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border: 1px solid var(--tsc-accent); border-radius: 999px; background: var(--tsc-accent); font-size: 14px; font-weight: 700; text-decoration: none; color: #fff} .tsc-loc__btn--ghost{ background: transparent; color: var(--tsc-accent)} .tsc-loc__btn:hover, .tsc-loc__btn:focus-visible{ background: var(--tsc-text); border-color: var(--tsc-text); color: #fff} .tsc-loc__maps{ display: grid; gap: 18px} .tsc-loc__maptitle{ margin: 0 0 8px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--tsc-muted)} .tsc-map__frame{ display: block; width: 100%; height: 360px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #e9edf1} .tsc-loc__hint{ margin: 8px 0 0; font-size: 13px; color: var(--tsc-muted)} @media (max-width: 782px){ .tsc-loc{ padding: 18px 14px} .tsc-loc__grid{ grid-template-columns: 1fr} .tsc-map__frame{ height: 280px} } .ue-woo-item .uc_image_carousel_content_inside{ flex: 1 1 auto} .ue-woo-item .uc_buttons{ margin-top: auto} .ue-woo-item .uc_buttons i[class*="fa-"]{ display: none} .owl-nav .owl-prev i[class*="fa-"], .owl-nav .owl-next i[class*="fa-"]{ font-family: inherit; font-style: normal; font-size: 26px; line-height: 1} .owl-nav .owl-prev i[class*="fa-"]::before{ content: "\2039"} .owl-nav .owl-next i[class*="fa-"]::before{ content: "\203A"} .tsc-social{ display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; justify-content: center; padding: 16px; border-top: 1px solid var(--tsc-border); background: #fff} .tsc-social__lead{ font-size: 14px; font-weight: 600; color: var(--tsc-text)} .tsc-social__list{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none} .tsc-social__link{ display: inline-flex; gap: 8px; align-items: center; min-height: 44px; padding: 8px 16px; border: 1px solid var(--tsc-border); border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: var(--tsc-text); background: #fff} .tsc-social__link:hover, .tsc-social__link:focus-visible{ color: #fff} .tsc-social__link--youtube{ color: #c4302b} .tsc-social__link--youtube:hover, .tsc-social__link--youtube:focus-visible{ background: #c4302b; border-color: #c4302b; color: #fff} .tsc-social__link--facebook{ color: #1877f2} .tsc-social__link--facebook:hover, .tsc-social__link--facebook:focus-visible{ background: #1877f2; border-color: #1877f2; color: #fff} .tsc-visits{ display: flex; flex-wrap: wrap; gap: 8px 22px; justify-content: center; padding: 12px 16px; border-top: 1px solid var(--tsc-border); background: var(--tsc-bg-soft); font-size: 13px; color: var(--tsc-muted)} .tsc-visits__item{ display: inline-flex; gap: 6px; align-items: baseline} .tsc-visits__item strong{ font-size: 15px; font-weight: 700; color: var(--tsc-text); font-variant-numeric: tabular-nums} img, video, iframe, embed, object{ max-width: 100%; height: auto} @media (max-width: 782px){ .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce table.woocommerce-product-attributes, .tsc-specs table, .entry-content table{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch} pre, code{ white-space: pre-wrap; word-wrap: break-word} .tsc-why__text, .tsc-mynds__summary, .tsc-mynds__meta, .tsc-policy__text, .tsc-compat__list li, .tsc-coverage__models li{ overflow-wrap: break-word; word-break: break-word} .tsc-why, .tsc-policy, .tsc-mynds, .tsc-taffeta, .tsc-rfid, .tsc-jobwork{ padding: 20px 16px} .tsc-why__heading, .tsc-policy__heading, .tsc-mynds__heading, .tsc-taffeta__heading, .tsc-rfid__heading, .tsc-jobwork__heading{ font-size: 18px} .tsc-trust{ padding: 24px 0} .tsc-trust__grid{ grid-template-columns: repeat(2,1fr); gap: 16px} .tsc-mynds__grid, .tsc-taffeta__grid, .tsc-rfid__grid, .tsc-policy__grid, .tsc-why__grid{ grid-template-columns: 1fr} .tsc-gr__inner{ gap: 6px 12px; padding: 7px 12px; font-size: 13px} .tsc-gr__label{ display: none} .tsc-gr--inline .tsc-gr__label{ display: inline} .tsc-gr__score + .tsc-gr__score{ padding-left: 0; border-left: 0} .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .tsc-waservice__cta{ min-height: 44px; padding-top: 11px; padding-bottom: 11px} } @media (max-width: 480px){ .tsc-trust__grid{ grid-template-columns: 1fr} .tsc-mobilebar__btn strong{ font-size: 13.5px} .tsc-gr--bar .tsc-gr__actions{ display: none} } .elementor-invisible{ visibility: visible !important} .elementor .animated, .elementor-element.animated{ animation-name: none !important; opacity: 1 !important} .elementor-element-b1a9ca0 .elementor-heading-title, .elementor-element-b8f2821 .elementor-heading-title{ color: #23282d} .uc_regular_price, .uc_regular_price .woocommerce-Price-amount, .uc_regular_price .woocommerce-Price-currencySymbol{ color: #6b6b6b} .tsc-fb-link, .free-facebook-reviews span[style*="1877f2"], .fb-review-link{ color: #0d5fc4} .adfy_woofc-badge-count, .adfy_woofc-count{ background-color: #0071c2; color: #fff} .slick-dots li button{ position: relative; width: 24px; height: 24px; padding: 0; overflow: hidden; color: transparent; font-size: 0; line-height: 0} .slick-dots li{ width: 24px; height: 24px; margin: 0 2px} .slick-dots li button::before{ position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #6b6b6b; content: ""; opacity: 1; font-size: 0} .slick-dots li.slick-active button::before{ background: #0071c2} .slick-dots li button:focus-visible{ outline: 2px solid #0071c2; outline-offset: 2px} @media (max-width: 782px){ .mobile-menu-toggle-btn, .trigger-mob-nav-close, .trigger-mini-cart, .custom-search button, .woocommerce-product-search button{ min-width: 44px; min-height: 44px} .ht-product .woolentor-quickview-btn, .ht-product .compare-button a, .ht-product .wishsuite-button{ display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; margin: 0 2px} .mobile-navigation .menu-link{ display: block; padding-top: 12px; padding-bottom: 12px; min-height: 44px} } @media (max-width: 782px){ html, body{ overflow-x: hidden} .elementor-section, .elementor-container, .e-con, .e-con-inner{ max-width: 100%} img, iframe, video{ max-width: 100%; height: auto} table{ display: block; overflow-x: auto; max-width: 100%} } .tsc-brandlogos{ margin: 26px 0} .tsc-brandlogos__heading{ margin: 0 0 18px; font-size: 22px; font-weight: 700} .tsc-brandlogos__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 18px} .tsc-brandlogo{ margin: 0; padding: 16px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-brandlogo__frame{ display: flex; align-items: center; justify-content: center; height: 72px; margin-bottom: 12px} .tsc-brandlogo__img{ max-width: 100%; max-height: 72px; width: auto; height: auto; object-fit: contain} .tsc-brandlogo__wordmark{ font-size: 24px; font-weight: 800; letter-spacing: -.02em; text-align: center; color: var(--tsc-text)} .tsc-brandlogo__caption{ font-size: 12px; line-height: 1.5; color: var(--tsc-muted)} .tsc-brandlogo__owner{ display: block; margin-bottom: 4px; font-weight: 700; color: var(--tsc-text)} .tsc-brandlogo__tm{ display: block} .tsc-tm{ margin: 22px 0; padding: 16px 18px; border-left: 3px solid var(--tsc-border); background: var(--tsc-bg-soft); border-radius: 0 var(--tsc-radius) var(--tsc-radius) 0} .tsc-tm__heading{ margin: 0 0 8px; font-size: 15px; font-weight: 700} .tsc-tm__text{ margin: 0 0 8px; font-size: 13px; line-height: 1.6; color: var(--tsc-muted)} .tsc-tm__text:last-child{ margin-bottom: 0} .tsc-ferrule, .tsc-bartender{ margin: 30px 0} .tsc-ferrule-intro{ margin: 26px 0; padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-ferrule-intro__heading{ margin: 0 0 14px; font-size: 26px; font-weight: 800; line-height: 1.25} .tsc-ferrule-intro__lead{ margin: 0 0 14px; font-size: 15px; line-height: 1.7} .tsc-ferrule-intro__points{ display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 16px; margin: 18px 0 0; padding: 0; list-style: none} .tsc-ferrule-intro__points li{ padding: 14px 16px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff; font-size: 14px; line-height: 1.6} .tsc-ferrule-intro__points strong{ display: block; margin-bottom: 4px; color: var(--tsc-accent)} .tsc-fbrand{ margin: 34px 0; padding-top: 26px; border-top: 2px solid var(--tsc-border)} .tsc-fbrand__header{ display: grid; grid-template-columns: minmax(200px,260px) 1fr; gap: 22px; align-items: start; margin-bottom: 22px} .tsc-fbrand__header .tsc-brandlogo{ margin: 0} .tsc-fbrand__heading{ margin: 0 0 10px; font-size: 24px; font-weight: 700; line-height: 1.3} .tsc-fbrand__note{ margin: 0 0 10px; font-size: 15px; line-height: 1.7} .tsc-fbrand__site{ margin: 0; font-size: 13px} .tsc-fbrand__models{ display: grid; gap: 20px} .tsc-model{ padding: 20px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-model__header{ margin-bottom: 14px} .tsc-model__role{ display: inline-block; margin-bottom: 6px; padding: 3px 10px; border-radius: 999px; background: var(--tsc-bg-soft); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--tsc-muted)} .tsc-model__name{ margin: 0 0 2px; font-size: 19px; font-weight: 700} .tsc-model__code{ margin: 0; font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size: 13px; color: var(--tsc-muted)} .tsc-model__body{ display: grid; grid-template-columns: minmax(160px,220px) 1fr; gap: 18px; align-items: start; margin-bottom: 16px} .tsc-model__body--nophoto{ grid-template-columns: 1fr} .tsc-model__figure{ margin: 0} .tsc-model__photo{ width: 100%; height: auto; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius)} .tsc-model__summary{ margin: 0; font-size: 14px; line-height: 1.7} .tsc-model__specs, .tsc-congroup__table, .tsc-tubes__table{ display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 13px} .tsc-model__specs tbody, .tsc-congroup__table tbody, .tsc-tubes__table tbody, .tsc-tubes__table thead{ display: table; width: 100%} .tsc-model__specs th, .tsc-model__specs td, .tsc-congroup__table th, .tsc-congroup__table td, .tsc-tubes__table th, .tsc-tubes__table td{ padding: 8px 12px; border-bottom: 1px solid var(--tsc-border); text-align: left; vertical-align: top; line-height: 1.55} .tsc-model__specs th, .tsc-congroup__table th{ width: 38%; font-weight: 700; color: var(--tsc-muted)} .tsc-model__specs tr:last-child th, .tsc-model__specs tr:last-child td, .tsc-congroup__table tr:last-child th, .tsc-congroup__table tr:last-child td{ border-bottom: 0} .tsc-model__footer{ margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--tsc-border)} .tsc-model__sheet{ display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; margin-bottom: 8px; border-radius: var(--tsc-radius); background: var(--tsc-accent); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none} .tsc-model__sheet:hover, .tsc-model__sheet:focus{ color: #fff; text-decoration: underline} .tsc-model__source{ margin: 0; font-size: 12px; color: var(--tsc-muted)} .tsc-fbrand__consumables{ margin-top: 22px; padding: 20px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-fbrand__conheading{ margin: 0 0 14px; font-size: 18px; font-weight: 700} .tsc-congroup{ margin-bottom: 16px; padding: 14px 16px; border-radius: var(--tsc-radius); background: #fff} .tsc-congroup:last-child{ margin-bottom: 0} .tsc-congroup__heading{ margin: 0 0 8px; font-size: 14px; font-weight: 700; color: var(--tsc-accent)} .tsc-congroup__table th{ font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color: var(--tsc-text); white-space: nowrap} .tsc-tubes, .tsc-fribbons, .tsc-fservice{ margin: 30px 0; padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-tubes__heading, .tsc-fribbons__heading, .tsc-fservice__heading{ margin: 0 0 12px; font-size: 22px; font-weight: 700} .tsc-tubes__lead, .tsc-fribbons__lead, .tsc-fservice__lead{ margin: 0 0 16px; font-size: 15px; line-height: 1.7} .tsc-tubes__table thead th{ border-bottom: 2px solid var(--tsc-border); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--tsc-muted)} .tsc-tubes__table tbody th{ width: 22%; font-weight: 700; white-space: nowrap} .tsc-tubes__note, .tsc-fribbons__note, .tsc-fservice__note{ margin: 16px 0 0; padding: 12px 14px; border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); font-size: 13px; line-height: 1.65; color: var(--tsc-muted)} .tsc-fribbons__brand{ margin-bottom: 20px} .tsc-fribbons__name{ margin: 0 0 8px; font-size: 17px; font-weight: 700} .tsc-fribbons__group{ margin: 12px 0 6px; font-size: 13px; font-weight: 700; color: var(--tsc-accent)} .tsc-fservice__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 16px} .tsc-fservice__item{ padding: 16px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-fservice__title{ margin: 0 0 6px; font-size: 15px; font-weight: 700} .tsc-fservice__text{ margin: 0; font-size: 14px; line-height: 1.65} .tsc-ferrule__reviewed{ margin: 22px 0; font-size: 12px; line-height: 1.6; color: var(--tsc-muted); font-style: italic} .tsc-bt, .tsc-bted, .tsc-btapp{ margin: 30px 0; padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-bt__header{ display: grid; grid-template-columns: minmax(200px,260px) 1fr; gap: 22px; align-items: start; margin-bottom: 20px} .tsc-bt__header .tsc-brandlogo{ margin: 0} .tsc-bt__heading{ margin: 0 0 12px; font-size: 25px; font-weight: 800; line-height: 1.3} .tsc-bt__lead{ margin: 0 0 10px; font-size: 15px; line-height: 1.7} .tsc-bt__vendor{ margin: 0; font-size: 13px} .tsc-bt__grid, .tsc-btapp__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 18px} .tsc-bt__item, .tsc-btapp__item{ padding: 16px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-bt__item .bx{ display: block; margin-bottom: 8px; font-size: 26px; color: var(--tsc-accent)} .tsc-bt__title, .tsc-btapp__title{ margin: 0 0 6px; font-size: 15px; font-weight: 700} .tsc-bt__text, .tsc-btapp__text{ margin: 0; font-size: 14px; line-height: 1.65} .tsc-bted__heading, .tsc-btapp__heading{ margin: 0 0 12px; font-size: 22px; font-weight: 700} .tsc-bted__lead{ margin: 0 0 18px; font-size: 15px; line-height: 1.7} .tsc-bted__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 18px} .tsc-bted__item{ display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-bted__name{ margin: 0 0 4px; font-size: 18px; font-weight: 800; color: var(--tsc-accent)} .tsc-bted__for{ margin: 0 0 10px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--tsc-muted)} .tsc-bted__summary{ margin: 0 0 12px; font-size: 14px; line-height: 1.65} .tsc-bted__points{ margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.6} .tsc-bted__note{ margin: 18px 0 0; padding: 12px 14px; border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); font-size: 13px; line-height: 1.65; color: var(--tsc-muted)} .tsc-jwbanner{ padding: 28px 0; background: #14351a; color: #fff} .tsc-jwbanner__inner{ display: grid; grid-template-columns: 1fr minmax(280px,460px); gap: 28px; align-items: center} .tsc-jwbanner--novideo .tsc-jwbanner__inner{ grid-template-columns: 1fr} .tsc-jwbanner__eyebrow{ margin: 0 0 6px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #9fd3aa} .tsc-jwbanner__heading{ margin: 0 0 10px; font-size: 28px; font-weight: 800; line-height: 1.25; color: #fff} .tsc-jwbanner__text{ margin: 0 0 14px; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.88)} .tsc-jwbanner__points{ display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 6px 18px; margin: 0 0 18px; padding: 0; list-style: none; font-size: 14px} .tsc-jwbanner__points li{ position: relative; padding-left: 22px; line-height: 1.6; color: rgba(255,255,255,.88)} .tsc-jwbanner__points li::before{ content: ""; position: absolute; top: .55em; left: 4px; width: 8px; height: 8px; border-radius: 50%; background: #9fd3aa} .tsc-jwbanner__actions{ display: flex; flex-wrap: wrap; gap: 12px; align-items: center} .tsc-jwbanner__cta{ display: inline-flex; align-items: center; min-height: 44px; padding: 11px 22px; border-radius: var(--tsc-radius); background: #25d366; color: #0b2410; font-size: 15px; font-weight: 700; text-decoration: none} .tsc-jwbanner__cta:hover, .tsc-jwbanner__cta:focus{ color: #0b2410; text-decoration: underline} .tsc-jwbanner__link{ display: inline-flex; align-items: center; min-height: 44px; padding: 11px 18px; border: 1px solid rgba(255,255,255,.5); border-radius: var(--tsc-radius); color: #fff; font-size: 15px; font-weight: 600; text-decoration: none} .tsc-jwbanner__link:hover, .tsc-jwbanner__link:focus{ color: #fff; border-color: #fff; text-decoration: underline} .tsc-jwvideo{ position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--tsc-radius); overflow: hidden; background: #000} .tsc-jwvideo__button{ display: block; position: relative; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer} .tsc-jwvideo__poster{ width: 100%; height: 100%; object-fit: cover; display: block} .tsc-jwvideo__play{ position: absolute; top: 50%; left: 50%; width: 68px; height: 48px; transform: translate(-50%,-50%); border-radius: 12px; background: rgba(0,0,0,.72); transition: background .15s ease} .tsc-jwvideo__play::after{ content: ""; position: absolute; top: 50%; left: 52%; transform: translate(-50%,-50%); border-style: solid; border-width: 11px 0 11px 19px; border-color: transparent transparent transparent #fff} .tsc-jwvideo__button:hover .tsc-jwvideo__play, .tsc-jwvideo__button:focus-visible .tsc-jwvideo__play{ background: var(--tsc-accent)} .tsc-jwvideo__label{ position: absolute; right: 0; bottom: 0; left: 0; padding: 10px 14px; background: linear-gradient(transparent,rgba(0,0,0,.8)); color: #fff; font-size: 13px; font-weight: 600; text-align: left; line-height: 1.4} .tsc-jwvideo__frame{ width: 100%; height: 100%; border: 0; display: block} .tsc-brandlogo--own{ border-color: var(--tsc-accent); background: linear-gradient(180deg,#fff 0%,#fdf6f4 100%)} .tsc-brandlogo--own .tsc-brandlogo__owner{ color: var(--tsc-accent)} .tsc-cards, .tsc-cardchooser, .tsc-myndsp{ margin: 30px 0} .tsc-model__copy, .tsc-jwbanner__copy, .tsc-fbrand__intro, .tsc-bt__intro{ min-width: 0} .tsc-model__source, .tsc-fbrand__site{ overflow-wrap: anywhere} .tsc-cardchooser{ padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-cardchooser .tsc-fservice__grid{ margin-top: 22px} .tsc-taffvar{ margin: 24px 0 0; padding: 20px; border-radius: var(--tsc-radius); background: #fff; border: 1px solid var(--tsc-border)} .tsc-taffvar__heading{ margin: 0 0 8px; font-size: 19px; font-weight: 700} .tsc-taffvar__lead{ margin: 0 0 16px; font-size: 14px; line-height: 1.7; color: var(--tsc-muted)} .tsc-taffvar__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 14px} .tsc-taffvar__item{ padding: 14px 16px; border-left: 3px solid var(--tsc-accent); border-radius: 0 var(--tsc-radius) var(--tsc-radius) 0; background: var(--tsc-bg-soft)} .tsc-taffvar__name{ margin: 0 0 4px; font-size: 15px; font-weight: 700} .tsc-taffvar__detail{ margin: 0; font-size: 13px; line-height: 1.6} .tsc-rfidblock{ margin: 30px 0; padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-rfidblock__heading{ margin: 0 0 12px; font-size: 22px; font-weight: 700} .tsc-rfidblock__lead{ margin: 0 0 14px; font-size: 15px; line-height: 1.7} .tsc-rfidblock__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 16px; margin-top: 18px} .tsc-rfidblock__item{ padding: 16px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-rfidblock__title{ margin: 0 0 6px; font-size: 15px; font-weight: 700} .tsc-rfidblock__text{ margin: 0; font-size: 14px; line-height: 1.65} .tsc-rfidblock__note{ margin: 18px 0 0; padding: 12px 14px; border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); font-size: 13px; line-height: 1.65; color: var(--tsc-muted)} .tsc-faq{ margin: 30px 0; padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-faq__heading{ margin: 0 0 16px; font-size: 22px; font-weight: 700} .tsc-faq__list{ display: grid; gap: 10px} .tsc-faq__item{ padding: 0; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-faq__q{ display: flex; align-items: center; min-height: 44px; padding: 12px 44px 12px 16px; position: relative; font-size: 15px; font-weight: 700; line-height: 1.5; cursor: pointer; list-style: none} .tsc-faq__q::-webkit-details-marker{ display: none} .tsc-faq__q::after{ content: ""; position: absolute; top: 50%; right: 18px; width: 9px; height: 9px; margin-top: -6px; border-right: 2px solid var(--tsc-accent); border-bottom: 2px solid var(--tsc-accent); transform: rotate(45deg); transition: transform .15s ease} .tsc-faq__item[open] .tsc-faq__q::after{ margin-top: -2px; transform: rotate(-135deg)} .tsc-faq__a{ margin: 0; padding: 0 16px 16px; font-size: 14px; line-height: 1.7} @media (max-width: 782px){ .tsc-fbrand__header, .tsc-bt__header, .tsc-model__body, .tsc-jwbanner__inner{ grid-template-columns: 1fr} .tsc-ferrule-intro__heading, .tsc-bt__heading{ font-size: 22px} .tsc-jwbanner__heading{ font-size: 23px} .tsc-ferrule-intro, .tsc-tubes, .tsc-fribbons, .tsc-fservice, .tsc-bt, .tsc-bted, .tsc-btapp, .tsc-cardchooser, .tsc-rfidblock, .tsc-taffvar, .tsc-faq{ padding: 18px} .tsc-jwbanner__media{ order: -1} .tsc-congroup__table th{ white-space: normal} .tsc-jwbanner__actions .tsc-jwbanner__cta, .tsc-jwbanner__actions .tsc-jwbanner__link{ flex: 1 1 100%; justify-content: center} } .slick-dots{ max-width: 100%; flex-wrap: wrap; justify-content: center} @media (max-width: 782px){ .slick-dots{ position: static; width: 100%; margin: 12px auto 0; transform: none} } .elementor-element-b1322b9{ background-color: #14351a} .elementor-element-b1322b9 .elementor-heading-title{ text-shadow: 0 1px 4px rgba(0,0,0,.7)} @media (max-width: 782px){ .mobile-menu-toggle-btn{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center} .mobile-menu-toggle-btn .hamburger-bar:last-child{ margin-bottom: 0} body.menu-toggle-active #adfy__woofc-trigger, body.menu-toggle-active .tsc-mobilebar, body.menu-toggle-active .tsc-whatsapp{ display: none !important} } @media (max-width: 991px){ .mobile-navigation li.tsc-nav-cta > a.menu-link, .mobile-navigation .tsc-nav-cta > a{ padding-right: 20px; padding-left: 20px} } .tsc-bcr__hero{ margin: 30px 0; padding: 0 0 28px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); overflow: hidden} .tsc-bcr__flag{ display: flex; flex-direction: column} .tsc-bcr__flag-band{ display: block; height: 8px} .tsc-bcr__flag-band--saffron{ background: var(--tsc-saffron)} .tsc-bcr__flag-band--white{ position: relative; background: #fff} .tsc-bcr__flag-band--green{ background: var(--tsc-green)} .tsc-bcr__chakra{ position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; transform: translate(-50%,-50%); border: 1px solid var(--tsc-navy); border-radius: 50%} .tsc-bcr__title{ margin: 24px 24px 12px; font-size: 26px; line-height: 1.25} .tsc-bcr__lead, .tsc-bcr__since{ margin: 0 24px 14px; font-size: 15px; line-height: 1.65} .tsc-bcr__since{ font-weight: 600; color: var(--tsc-green)} .tsc-bcr__symbols{ display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 18px; margin: 20px 24px 0} .tsc-bcr__symbol{ min-width: 0; margin: 0; padding: 18px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff; text-align: center} .tsc-bcr__ean{ max-width: 100%; height: auto; color: #111} .tsc-bcr__matrix{ display: inline-block; width: 68px; height: 68px; background-color: #111; background-image: linear-gradient(90deg,#fff 50%,transparent 50%), linear-gradient(#fff 50%,transparent 50%); background-size: 17px 17px,17px 17px; background-position: 0 0,8px 8px; border: 6px solid #111; outline: 3px solid #fff; outline-offset: -12px} .tsc-bcr__symbol-cap{ margin-top: 12px; font-size: 13px; line-height: 1.6; color: var(--tsc-muted); text-align: left} .tsc-bcr__symbol-cap strong{ display: block; margin-bottom: 4px; color: inherit; font-size: 14px} .tsc-bcr__fees, .tsc-bcr__process{ margin: 30px 0} .tsc-bcr__note, .tsc-bcr__source{ margin: 14px 0 0; font-size: 13px; line-height: 1.65; color: var(--tsc-muted)} .tsc-bcr__tables{ display: grid; gap: 22px; margin-top: 20px} .tsc-bcr__table{ display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 13px} .tsc-bcr__caption{ padding: 10px 12px; border: 1px solid var(--tsc-border); border-bottom: 3px solid var(--tsc-saffron); border-radius: var(--tsc-radius) var(--tsc-radius) 0 0; background: var(--tsc-bg-soft); font-weight: 700; text-align: left} .tsc-bcr__table th, .tsc-bcr__table td{ padding: 8px 10px; border: 1px solid var(--tsc-border); text-align: right; white-space: nowrap} .tsc-bcr__table thead th{ background: var(--tsc-bg-soft); font-size: 12px; text-align: right} .tsc-bcr__table tbody th[scope="row"], .tsc-bcr__table thead th:first-child{ text-align: left; white-space: normal} .tsc-bcr__official{ font-weight: 600} .tsc-bcr__total{ background: rgba(19,136,8,0.08); border-left: 2px solid var(--tsc-green); font-weight: 700} @media (max-width: 640px){ .tsc-bcr__title{ margin: 20px 16px 10px; font-size: 22px} .tsc-bcr__lead, .tsc-bcr__since{ margin: 0 16px 12px} .tsc-bcr__symbols{ margin: 16px 16px 0} } .tsc-brandstrip{ padding: 34px 0 30px; border-top: 1px solid var(--tsc-border); background: var(--tsc-bg-soft)} .tsc-brandstrip__inner{ max-width: 1200px; margin: 0 auto; padding: 0 20px} .tsc-brandstrip__heading{ margin: 0 0 20px; font-size: 15px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; text-align: center; color: var(--tsc-muted)} .tsc-brandstrip__grid{ display: grid; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); gap: 14px; margin: 0; padding: 0; list-style: none} .tsc-brandstrip__item{ min-width: 0; margin: 0; text-align: center} .tsc-brandstrip__link{ display: block; padding: 14px 10px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff; text-decoration: none; transition: border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease} .tsc-brandstrip__link:hover, .tsc-brandstrip__link:focus-visible{ border-color: var(--tsc-muted); transform: translateY(-2px); box-shadow: 0 4px 14px rgba(17,24,39,0.08)} .tsc-brandstrip__frame{ display: flex; align-items: center; justify-content: center; min-height: 48px} .tsc-brandstrip__img{ max-width: 100%; max-height: 48px; width: auto; height: auto; object-fit: contain} .tsc-brandstrip__wordmark{ font-size: 17px; font-weight: 700; letter-spacing: 0.01em; line-height: 1.2; color: #111827; overflow-wrap: anywhere} .tsc-brandstrip__tm{ display: block; margin-top: 5px; font-size: 9px; line-height: 1.35; color: var(--tsc-muted); opacity: 0.85} .tsc-brandstrip__note{ margin: 20px 0 0; font-size: 12px; line-height: 1.6; text-align: center; color: var(--tsc-muted)} @media (max-width: 480px){ .tsc-brandstrip__grid{ grid-template-columns: repeat(auto-fill,minmax(120px,1fr)); gap: 10px} .tsc-brandstrip__wordmark{ font-size: 15px} } @media (prefers-reduced-motion: reduce){ .tsc-brandstrip__link{ transition: none} .tsc-brandstrip__link:hover, .tsc-brandstrip__link:focus-visible{ transform: none} } :root{ --tsc-fs-xs: 12px; --tsc-fs-sm: 14px; --tsc-fs-base: 16px; --tsc-fs-md: 19px; --tsc-fs-lg: 24px; --tsc-fs-xl: 30px; --tsc-fs-2xl: 38px; --tsc-space-1: 4px; --tsc-space-2: 8px; --tsc-space-3: 12px; --tsc-space-4: 16px; --tsc-space-5: 24px; --tsc-space-6: 32px; --tsc-space-7: 48px; --tsc-ink: #111827; --tsc-ink-soft: #374151; --tsc-radius-lg: 10px; --tsc-shadow-sm: 0 1px 2px rgba(17,24,39,0.06); --tsc-shadow-md: 0 4px 16px rgba(17,24,39,0.08); --tsc-shadow-lg: 0 10px 30px rgba(17,24,39,0.10)} .entry-content, .tsc-ferrule, .tsc-bcr, .tsc-careers, .tsc-modelpage{ font-size: var(--tsc-fs-base); line-height: 1.7; color: var(--tsc-ink-soft)} .entry-content p, .tsc-ferrule p{ margin: 0 0 var(--tsc-space-4)} .entry-content > p, .tsc-ferrule-intro__lead, .tsc-bcr__lead{ max-width: 78ch} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .tsc-ferrule h2, .tsc-ferrule h3, .tsc-ferrule h4{ color: var(--tsc-ink); line-height: 1.25; letter-spacing: -0.01em} .entry-content h2, .tsc-ferrule h2{ margin: var(--tsc-space-7) 0 var(--tsc-space-4); font-size: var(--tsc-fs-xl); font-weight: 700} .entry-content h3, .tsc-ferrule h3{ margin: var(--tsc-space-6) 0 var(--tsc-space-3); font-size: var(--tsc-fs-lg); font-weight: 700} .entry-content h4, .tsc-ferrule h4{ margin: var(--tsc-space-5) 0 var(--tsc-space-2); font-size: var(--tsc-fs-md); font-weight: 600} .tsc-ferrule section > h2:first-child, .entry-content > *:first-child{ margin-top: 0} .entry-content a:not(.button), .tsc-ferrule a:not(.button){ color: var(--tsc-accent); text-decoration-thickness: 1px; text-underline-offset: 2px; transition: color 0.15s ease} .entry-content a:not(.button):hover, .tsc-ferrule a:not(.button):hover{ color: var(--tsc-accent-dark)} a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .button:focus-visible{ outline: 2px solid var(--tsc-accent); outline-offset: 2px; border-radius: 3px} .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt{ padding: 11px 20px; border: 1px solid transparent; border-radius: var(--tsc-radius); font-size: var(--tsc-fs-sm); font-weight: 600; line-height: 1.4; letter-spacing: 0.01em; text-transform: none; box-shadow: var(--tsc-shadow-sm); transition: background-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease} .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{ transform: translateY(-1px); box-shadow: var(--tsc-shadow-md)} .woocommerce a.button:active, .woocommerce button.button:active{ transform: translateY(0); box-shadow: var(--tsc-shadow-sm)} .woocommerce ul.products li.product{ display: flex; flex-direction: column; padding: var(--tsc-space-4); border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); background: #fff; box-shadow: var(--tsc-shadow-sm); transition: border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease} .woocommerce ul.products li.product:hover{ border-color: #cbd5e1; transform: translateY(-3px); box-shadow: var(--tsc-shadow-lg)} .woocommerce ul.products li.product a img{ margin-bottom: var(--tsc-space-3); border-radius: var(--tsc-radius); background: #fff; aspect-ratio: 1 / 1; object-fit: contain} .woocommerce ul.products li.product .woocommerce-loop-product__title{ padding: 0; font-size: var(--tsc-fs-sm); font-weight: 600; line-height: 1.45; color: var(--tsc-ink)} .woocommerce ul.products li.product .price{ margin-top: auto; padding-top: var(--tsc-space-2); font-size: var(--tsc-fs-base); font-weight: 700; color: var(--tsc-ink)} .woocommerce ul.products li.product .price del{ margin-right: 6px; font-size: var(--tsc-fs-xs); font-weight: 400; opacity: 0.65} .woocommerce ul.products li.product .price ins{ text-decoration: none} .woocommerce ul.products li.product .button{ width: 100%; margin-top: var(--tsc-space-3); text-align: center} .woocommerce ul.products li.product .onsale, .woocommerce span.onsale{ top: var(--tsc-space-3); right: var(--tsc-space-3); left: auto; min-height: 0; min-width: 0; padding: 3px 10px; border-radius: 999px; background: var(--tsc-accent); font-size: var(--tsc-fs-xs); font-weight: 700; line-height: 1.6} .woocommerce div.product .product_title{ margin-bottom: var(--tsc-space-3); font-size: var(--tsc-fs-xl); font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; color: var(--tsc-ink)} .woocommerce div.product p.price, .woocommerce div.product span.price{ font-size: var(--tsc-fs-lg); font-weight: 700; color: var(--tsc-ink)} .woocommerce div.product .woocommerce-tabs ul.tabs li{ border-radius: var(--tsc-radius) var(--tsc-radius) 0 0} input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], input[type="number"], input[type="password"], select, textarea{ padding: 10px 12px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff; font-size: var(--tsc-fs-sm); line-height: 1.5; color: var(--tsc-ink); transition: border-color 0.15s ease,box-shadow 0.15s ease} input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, select:focus, textarea:focus{ border-color: var(--tsc-accent); box-shadow: 0 0 0 3px rgba(209,68,47,0.12); outline: none} .entry-content table:not(.tsc-bcr__table):not(.variations){ width: 100%; margin: var(--tsc-space-5) 0; border-collapse: collapse; font-size: var(--tsc-fs-sm)} .entry-content table:not(.tsc-bcr__table):not(.variations) th, .entry-content table:not(.tsc-bcr__table):not(.variations) td{ padding: 10px 12px; border: 1px solid var(--tsc-border); text-align: left; vertical-align: top} .entry-content table:not(.tsc-bcr__table):not(.variations) thead th{ background: var(--tsc-bg-soft); font-weight: 700; color: var(--tsc-ink)} .entry-content table:not(.tsc-bcr__table):not(.variations) tbody tr:nth-child(even){ background: rgba(247,249,251,0.6)} .masterheader{ box-shadow: var(--tsc-shadow-sm)} .main-navigation .main-menu-item > a{ font-size: var(--tsc-fs-sm); font-weight: 600; letter-spacing: 0.01em; transition: color 0.15s ease} .footer .widget-title, .footer .wp-block-heading{ margin-bottom: var(--tsc-space-3); font-size: var(--tsc-fs-sm); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase} .footer ul li{ margin-bottom: 6px; line-height: 1.6} .woocommerce .woocommerce-breadcrumb{ margin-bottom: var(--tsc-space-5); font-size: var(--tsc-fs-xs); color: var(--tsc-muted)} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ padding: 8px 14px; font-size: var(--tsc-fs-sm); font-weight: 600} @media (max-width: 782px){ .entry-content, .tsc-ferrule, .tsc-bcr{ font-size: 15px} .entry-content h2, .tsc-ferrule h2{ margin-top: var(--tsc-space-6); font-size: var(--tsc-fs-lg)} .entry-content h3, .tsc-ferrule h3{ font-size: var(--tsc-fs-md)} .woocommerce ul.products li.product{ padding: var(--tsc-space-3)} .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ min-height: 44px} } @media (prefers-reduced-motion: reduce){ .woocommerce ul.products li.product, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ transition: none} .woocommerce ul.products li.product:hover, .woocommerce a.button:hover, .woocommerce button.button:hover{ transform: none} } .tsc-model__service{ margin: var(--tsc-space-3) 0 0; padding-top: var(--tsc-space-3); border-top: 1px solid var(--tsc-border); font-size: var(--tsc-fs-sm); font-weight: 600; line-height: 1.55; color: var(--tsc-ink)} .main-navigation{ background: linear-gradient(180deg,var(--tsc-navy-bar) 0%,var(--tsc-navy-deep) 100%); border-bottom: 3px solid rgba(0,0,0,0.22); box-shadow: var(--tsc-shadow-sm)} .main-navigation .main-menu-item > a{ position: relative; padding: 14px 16px; font-size: var(--tsc-fs-sm); font-weight: 600; letter-spacing: 0.005em; line-height: 1.4; text-transform: none; transition: background-color 0.15s ease,color 0.15s ease} .main-navigation .main-menu-item > a::after{ content: ""; position: absolute; right: 16px; bottom: 8px; left: 16px; height: 2px; background: currentColor; opacity: 0; transform: scaleX(0.4); transition: opacity 0.15s ease,transform 0.15s ease} .main-navigation .main-menu-item > a:hover::after, .main-navigation .main-menu-item > a:focus-visible::after, .main-navigation .current-menu-item > a::after, .main-navigation .current-menu-ancestor > a::after, .main-navigation .current_page_item > a::after{ opacity: 1; transform: scaleX(1)} .main-navigation .main-menu-item > a:hover, .main-navigation .main-menu-item > a:focus-visible{ background-color: rgba(255,255,255,0.10)} .main-navigation .main-menu-item{ max-width: 22em} .main-navigation .sub-menu{ padding: 6px 0; border: 1px solid var(--tsc-border); border-radius: 0 0 var(--tsc-radius) var(--tsc-radius); background: #fff; box-shadow: var(--tsc-shadow-lg)} .main-navigation .sub-menu li a{ padding: 9px 16px; font-size: var(--tsc-fs-sm); font-weight: 500; line-height: 1.45; text-transform: none; transition: background-color 0.15s ease,padding-left 0.15s ease} .main-navigation .sub-menu li a:hover, .main-navigation .sub-menu li a:focus-visible{ padding-left: 20px; background: var(--tsc-bg-soft)} .main-navigation .tsc-nav-cta > a{ margin: 6px 8px; padding: 9px 20px; border-radius: 999px; background: var(--tsc-accent); box-shadow: var(--tsc-shadow-sm)} .main-navigation .tsc-nav-cta > a:hover, .main-navigation .tsc-nav-cta > a:focus-visible{ background: var(--tsc-accent-dark); box-shadow: var(--tsc-shadow-md)} .main-navigation .tsc-nav-cta > a::after{ display: none} .os-breadcrumb-wrap{ padding: 34px 0; background: linear-gradient(180deg,#1f2937 0%,#111827 100%)} .os-breadcrumb .entry-title, .os-breadcrumb .page-title{ max-width: 28ch; margin: 0 auto 10px; font-size: var(--tsc-fs-xl); font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; text-transform: none} .breadcrumb-trail, .os-breadcrumb .breadcrumbs{ font-size: var(--tsc-fs-xs); letter-spacing: 0.02em; opacity: 0.85} @media (max-width: 782px){ .os-breadcrumb-wrap{ padding: 22px 0} .os-breadcrumb .entry-title, .os-breadcrumb .page-title{ max-width: none; font-size: var(--tsc-fs-lg)} .main-navigation .main-menu-item > a{ padding: 12px 14px} } .tsc-rfidblock__table{ display: block; width: 100%; max-width: 100%; margin: var(--tsc-space-4) 0 var(--tsc-space-5); overflow-x: auto; border-collapse: collapse; font-size: var(--tsc-fs-sm)} .tsc-rfidblock__table th, .tsc-rfidblock__table td{ padding: 10px 12px; border: 1px solid var(--tsc-border); text-align: left; vertical-align: top} .tsc-rfidblock__table thead th{ background: var(--tsc-bg-soft); font-weight: 700; color: var(--tsc-ink)} .tsc-rfidblock__table tbody th[scope="row"]{ font-weight: 600; color: var(--tsc-ink)} .tsc-rfidblock__stock{ margin-top: var(--tsc-space-5); padding: var(--tsc-space-4); border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-rfidblock__products{ display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: var(--tsc-space-2) var(--tsc-space-4); margin: var(--tsc-space-3) 0 0; padding: 0; list-style: none} .tsc-rfidblock__product{ min-width: 0; margin: 0; font-size: var(--tsc-fs-sm); line-height: 1.5} .tsc-modelpage__cta{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--tsc-space-4); margin: var(--tsc-space-6) 0; padding: var(--tsc-space-5); border: 1px solid var(--tsc-border); border-left: 4px solid var(--tsc-accent); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-modelpage__cta-text{ flex: 1 1 260px; min-width: 0; margin: 0; font-size: var(--tsc-fs-base); font-weight: 600; line-height: 1.55; color: var(--tsc-ink)} .tsc-modelpage__cta-btn{ flex: 0 0 auto; display: inline-block; padding: 12px 22px; border-radius: var(--tsc-radius); background: var(--tsc-accent); color: #fff; font-size: var(--tsc-fs-sm); font-weight: 700; line-height: 1.4; text-decoration: none; box-shadow: var(--tsc-shadow-sm); transition: background-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease} .tsc-modelpage__cta-btn:hover, .tsc-modelpage__cta-btn:focus-visible{ background: var(--tsc-accent-dark); color: #fff; transform: translateY(-1px); box-shadow: var(--tsc-shadow-md)} @media (prefers-reduced-motion: reduce){ .tsc-modelpage__cta-btn{ transition: none} .tsc-modelpage__cta-btn:hover{ transform: none} } :root{ --tsc-saffron: #ff9933; --tsc-green: #138808; --tsc-navy: #000080; --tsc-saffron-ink: #c43a00; --tsc-saffron-ink-dark: #9a2d00; --tsc-green-dark: #0b5c04; --tsc-navy-bar: #0c0566; --tsc-navy-deep: #07033f; --tsc-ink-on-saffron: #2b1400; --tsc-accent: var(--tsc-saffron-ink); --tsc-accent-dark: var(--tsc-saffron-ink-dark); --tsc-success: var(--tsc-green); --tsc-flag: linear-gradient(90deg, var(--tsc-saffron) 0 33.333%, #fff 33.333% 66.666%, var(--tsc-green) 66.666% 100%); --tsc-flag-rule: linear-gradient(90deg, var(--tsc-saffron) 0 33.333%, #e9edf1 33.333% 66.666%, var(--tsc-green) 66.666% 100%)} .tsc-tricolour-band{ height: 4px; background-image: var(--tsc-flag)} .tsc-tricolour-band--top{ box-shadow: inset 0 -1px 0 rgba(0,0,0,0.10)} .footer{ margin-top: 0} .header-style-1 .top-header, .header-style-1 .custom-search .search-form button, .header-style-1 .custom-search-entry button, .header-style-1 .custom-search-entry button:hover, .header-style-1 .wishlist-icon-container a, .masterheader .mini-cart button, .mobile-header-style-1 .bottom-block, .mobile-navigation, .category-navigation .cat-nav-trigger, .orchid-backtotop, .os-about-widget .social-icons ul li a{ background: var(--tsc-navy-bar)} .header-style-1 .wishlist-icon-container a:hover, .masterheader .mini-cart button:hover, .orchid-backtotop:hover, .os-about-widget .social-icons ul li a:hover{ background: var(--tsc-navy-deep)} .category-nav ul, .header-style-1 .custom-search-entry, .header-style-1 .custom-search-entry .select-custom, .masterheader .mini-cart{ border-color: var(--tsc-navy-bar)} .header-style-1 .custom-search .search-form button:hover{ background-color: var(--tsc-navy-deep)} .header-style-1 .mini-cart .trigger-mini-cart > .item-count, .header-style-1 .wishlist-icon-container a > .item-count{ background-color: var(--tsc-saffron); color: var(--tsc-ink-on-saffron)} .button-general, a.button-general, button, input[type="button"], input[type="reset"], input[type="submit"], .entry-cats ul li a, .entry-tags a, .wc-block-grid .wp-block-button__link, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce input#submit, .woocommerce #respond input#submit, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-store-notice.demo_store, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.active{ background: var(--tsc-accent); color: #fff} .button-general:hover, a.button-general:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .entry-cats ul li a:hover, .entry-tags a:hover, .wc-block-grid .wp-block-button__link:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input#submit:hover, .woocommerce #respond input#submit:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{ background: var(--tsc-accent-dark); color: #fff} .site-navigation ul li .children li a:hover, .site-navigation ul li .sub-menu li a:hover, .category-nav li a:hover{ background: var(--tsc-accent); color: #fff} .woocommerce a.button.add_to_cart_button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.added_to_cart.wc-forward, .woocommerce-page #payment #place_order{ background: var(--tsc-green); color: #fff} .woocommerce a.button.add_to_cart_button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.added_to_cart.wc-forward:hover, .woocommerce-page #payment #place_order:hover{ background: var(--tsc-green-dark); color: #fff} .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .stock.in-stock{ color: var(--tsc-green-dark)} .main-navigation .main-menu-item > a::after{ height: 3px; background: var(--tsc-saffron)} .os-breadcrumb-wrap{ position: relative; background: linear-gradient(180deg,var(--tsc-navy-bar) 0%,var(--tsc-navy-deep) 100%)} .os-breadcrumb-wrap::after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background-image: var(--tsc-flag)} section .section-title h2:after, section .section-title h3:after{ height: 3px; background-color: transparent; background-image: var(--tsc-flag-rule)} .widget .widget-title h3:after{ border-top-color: var(--tsc-saffron)} .os-pagination .page-numbers, .woocommerce .woocommerce-pagination .page-numbers li a, .woocommerce .woocommerce-pagination .page-numbers li span{ background: var(--tsc-bg-soft); color: var(--tsc-ink)} .os-pagination .page-numbers.current, .os-pagination .page-numbers:hover, .woocommerce .woocommerce-pagination .page-numbers li .current, .woocommerce .woocommerce-pagination .page-numbers li a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover{ background: var(--tsc-accent); color: #fff} .breadcrumb-trail ul li a:hover, .category-navigation ul li .children li a:hover, .category-navigation ul li .sub-menu li a:hover, .comments-area .comment-body .comment-metadata .edit-link:hover, .comments-area .comment-body .comment-metadata a:hover, .comments-area .comment-body .fn a:focus, .comments-area .comment-body .fn a:hover, .comments-area .comment-body .fn:hover, .comments-area .comment-body .reply a:focus, .comments-area .comment-body .reply a:hover, .editor-entry a:hover, .entry-metas ul li a:hover, .inner-page-wrap .page-head .entry-metas ul li a:hover, .mini-cart-open .woocommerce.widget_shopping_cart .cart_list li a:hover, .os-page-breadcrumb-wrap .breadcrumb-trail ul li a:hover, .quantity-button:hover, .wc-block-grid .wc-block-grid__product-title:hover, .widget_archive a:hover, .widget_categories a:hover, .widget_meta a:hover, .widget_nav_menu li a:hover, .widget_pages li a:hover, .widget_product_categories a:hover, .widget_recent_entries a:hover, .widget_rss .widget-title h3 a:hover, .widget_rss li a:hover, .widget_rss ul li a:hover, .woocommerce .os-page-breadcrumb-wrap .woocommerce-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce-page .woocommerce-info a.showcoupon:hover, .woocommerce-page .woocommerce-info a.showlogin:hover, .woocommerce-page a.edit:hover, .woocommerce-widget-layered-nav ul li a:hover, .woocommerce.single-product .woocommerce-breadcrumb a:hover, a:hover{ color: var(--tsc-accent-dark)} .footer a:hover, .footer .copyrights a:hover, .footer .footer-bottom p a:hover, .footer .widget_nav_menu ul li a:hover, .footer .widget_rss .widget_title h3 a:hover, .footer .widget_rss ul li a:hover, .footer .widget_tag_cloud .tagcloud a:hover, .masterheader .social-icons ul li a:hover, .masterheader .topbar-items a:hover{ color: var(--tsc-saffron)} .banner-style-1 .caption span, .editor-entry a, .entry-404 h1 span, .product-widget-style-2 .tab-nav ul li a.active, .quantity-button, .woocommerce-page .woocommerce-info a.showcoupon, .woocommerce-page .woocommerce-info a.showlogin{ color: var(--tsc-accent)} .woocommerce-page .woocommerce-MyAccount-content p a{ border-bottom-color: var(--tsc-accent)} .widget_product_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:hover{ border-color: var(--tsc-accent)} #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before{ border-bottom-color: var(--tsc-accent)} a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .button:focus-visible{ outline-color: var(--tsc-navy)} .tsc-careers__lead{ max-width: 62ch; font-size: var(--tsc-fs-md); line-height: 1.6; color: var(--tsc-ink)} .tsc-careers h2{ margin-top: var(--tsc-space-7)} .tsc-careers__scope{ max-width: 68ch; color: var(--tsc-ink-soft); line-height: 1.65} .main-navigation .tsc-nav-jobs > a::after{ background: var(--tsc-saffron)} .tsc-careers__learn li, .tsc-careers__doing li, .tsc-careers__apply li{ margin-bottom: var(--tsc-space-2); line-height: 1.6} .tsc-careers__role{ margin: var(--tsc-space-5) 0; padding: var(--tsc-space-5); border: 1px solid var(--tsc-border); border-left: 4px solid var(--tsc-saffron); border-radius: var(--tsc-radius-lg); background: var(--tsc-bg-soft)} .tsc-careers__role-title{ display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--tsc-space-3); margin: 0 0 var(--tsc-space-3); font-size: var(--tsc-fs-lg); line-height: 1.25} .tsc-careers__posts{ flex: 0 0 auto; padding: 3px 12px; border-radius: 999px; background: var(--tsc-accent); color: #fff; font-size: var(--tsc-fs-xs); font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase} .tsc-careers__req{ margin: 0 0 var(--tsc-space-3); line-height: 1.6} .tsc-careers__posts--unpaid{ background: transparent; border: 1px solid var(--tsc-accent); color: var(--tsc-accent)} .tsc-careers__role-apply{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--tsc-space-3); margin: var(--tsc-space-4) 0 0} .editor-entry a.tsc-careers__apply-btn, .entry-content a.tsc-careers__apply-btn, .tsc-careers__apply-btn{ display: inline-block; padding: 10px 20px; border-radius: var(--tsc-radius); background: var(--tsc-accent); color: #fff; font-size: var(--tsc-fs-sm); font-weight: 700; line-height: 1.4; text-decoration: none; box-shadow: var(--tsc-shadow-sm); transition: background-color 0.15s ease} .editor-entry a.tsc-careers__apply-btn:hover, .editor-entry a.tsc-careers__apply-btn:focus-visible, .entry-content a.tsc-careers__apply-btn:hover, .entry-content a.tsc-careers__apply-btn:focus-visible, .tsc-careers__apply-btn:hover, .tsc-careers__apply-btn:focus-visible{ background: var(--tsc-accent-dark); color: #fff} .tsc-careers__subject{ font-size: var(--tsc-fs-xs); color: var(--tsc-muted)} .tsc-careers__apply-for{ font-size: var(--tsc-fs-sm); font-weight: 600; color: var(--tsc-ink-soft)} .tsc-careers__apply-main{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--tsc-space-3); margin: var(--tsc-space-4) 0 var(--tsc-space-5)} .editor-entry a.tsc-careers__apply-btn--big, .entry-content a.tsc-careers__apply-btn--big, .tsc-careers__apply-btn--big{ padding: 14px 30px; font-size: var(--tsc-fs-base)} .tsc-careers__doing-label{ margin: var(--tsc-space-4) 0 var(--tsc-space-2)} .tsc-careers__terms{ margin: var(--tsc-space-5) 0; padding: var(--tsc-space-5); border: 1px solid var(--tsc-border); border-left: 4px solid var(--tsc-green); border-radius: var(--tsc-radius-lg); background: #f2fdf6} .tsc-careers__terms p:last-child{ margin-bottom: 0} .tsc-careers__footer{ margin: 0; text-align: right; font-size: var(--tsc-fs-sm); font-weight: 600} .tsc-careers__footer a{ color: var(--tsc-saffron)} @media (max-width: 782px){ .tsc-careers__footer{ text-align: left; margin-top: var(--tsc-space-2)} .tsc-careers__role, .tsc-careers__terms{ padding: var(--tsc-space-4)} } .tsc-share{ margin: var(--tsc-space-5) 0; padding: var(--tsc-space-4); border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); background: var(--tsc-bg-soft)} .tsc-share__label{ display: block; margin-bottom: var(--tsc-space-3); font-size: var(--tsc-fs-sm); font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: var(--tsc-muted)} .tsc-share__list{ display: flex; flex-wrap: wrap; gap: var(--tsc-space-2); margin: 0; padding: 0; list-style: none} .tsc-share__list li{ margin: 0} .editor-entry a.tsc-share__btn, .entry-content a.tsc-share__btn, .tsc-share__btn{ display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; border: 1px solid var(--tsc-border); border-radius: 999px; background: #fff; color: var(--tsc-ink); font-size: var(--tsc-fs-xs); font-weight: 600; line-height: 1.3; text-decoration: none; cursor: pointer; transition: border-color 0.15s ease,color 0.15s ease,background-color 0.15s ease} .editor-entry a.tsc-share__btn:hover, .editor-entry a.tsc-share__btn:focus-visible, .entry-content a.tsc-share__btn:hover, .entry-content a.tsc-share__btn:focus-visible, .tsc-share__btn:hover, .tsc-share__btn:focus-visible{ border-color: currentColor; background: #fff} .tsc-share__btn--facebook:hover{color: #1877f2} .tsc-share__btn--x:hover{color: #000} .tsc-share__btn--linkedin:hover{color: #0a66c2} .tsc-share__btn--whatsapp:hover{color: #1da851} .tsc-share__btn--telegram:hover{color: #229ed9} .tsc-share__btn--email:hover{color: var(--tsc-accent)} .tsc-share__btn--copy:hover, .tsc-share__btn--native:hover{color: var(--tsc-accent)} .tsc-share__btn.is-copied{ border-color: var(--tsc-green); color: var(--tsc-green-dark)} .tsc-share__icon{ flex: 0 0 auto} .tsc-share__note{ margin: var(--tsc-space-3) 0 0; font-size: var(--tsc-fs-xs); line-height: 1.5; color: var(--tsc-muted)} @media (max-width: 480px){ .tsc-share__btn{ padding: 8px 11px} } .tsc-careers__where{ margin: var(--tsc-space-5) 0; padding: var(--tsc-space-5); border: 1px solid var(--tsc-border); border-left: 4px solid var(--tsc-navy-bar); border-radius: var(--tsc-radius-lg); background: var(--tsc-bg-soft)} .tsc-careers__address{ margin: 0 0 var(--tsc-space-3); font-size: var(--tsc-fs-base); line-height: 1.65; color: var(--tsc-ink)} .tsc-careers__hours{ margin: 0 0 var(--tsc-space-3); line-height: 1.65} .tsc-careers__walkin{ margin: var(--tsc-space-4) 0 0; padding: var(--tsc-space-4); border-left: 4px solid var(--tsc-green); border-radius: var(--tsc-radius); background: #f2fdf6; line-height: 1.65} .tsc-careers__where p:last-child{ margin-bottom: 0} .tsc-careers__summary-list li{ margin-bottom: var(--tsc-space-3); line-height: 1.6} .tsc-careers__more{ margin-top: var(--tsc-space-5)} .tsc-apply{ margin: var(--tsc-space-7) 0 var(--tsc-space-5); padding: var(--tsc-space-5); border: 1px solid var(--tsc-border); border-top: 4px solid var(--tsc-accent); border-radius: var(--tsc-radius-lg); background: #fff; box-shadow: var(--tsc-shadow-sm)} .tsc-apply h2{ margin-top: 0} .tsc-apply__intro{ max-width: 62ch; line-height: 1.65} .tsc-apply__grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--tsc-space-4); margin: var(--tsc-space-5) 0 0} .tsc-apply__field{ display: flex; flex-direction: column; gap: 6px; margin: 0; min-width: 0} .tsc-apply__field--wide{ grid-column: 1 / -1} .tsc-apply__field label{ font-size: var(--tsc-fs-sm); font-weight: 600; line-height: 1.4; color: var(--tsc-ink)} .tsc-apply__req{ color: var(--tsc-accent)} .tsc-apply__field input, .tsc-apply__field select, .tsc-apply__field textarea{ width: 100%; max-width: 100%; padding: 11px 13px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff; font-size: var(--tsc-fs-base); font-family: inherit; line-height: 1.4; color: var(--tsc-ink)} .tsc-apply__field input:focus, .tsc-apply__field select:focus, .tsc-apply__field textarea:focus{ border-color: var(--tsc-navy-bar); outline: 2px solid var(--tsc-navy); outline-offset: 1px} .tsc-apply__field textarea{ resize: vertical} .tsc-apply__hint{ font-size: var(--tsc-fs-xs); line-height: 1.5; color: var(--tsc-muted)} .tsc-apply__error{ font-size: var(--tsc-fs-xs); font-weight: 700; color: #b32d2e} .tsc-apply__field:has(.tsc-apply__error) input, .tsc-apply__field:has(.tsc-apply__error) select, .tsc-apply__field:has(.tsc-apply__error) textarea{ border-color: #b32d2e; border-left-width: 3px} .tsc-apply__alert{ margin: var(--tsc-space-4) 0 0; padding: var(--tsc-space-3) var(--tsc-space-4); border-left: 4px solid #b32d2e; border-radius: var(--tsc-radius); background: #fdf6f4; font-weight: 600; line-height: 1.6} .tsc-apply__hp{ position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden} .tsc-apply__legend{ margin: var(--tsc-space-6) 0 0; padding-bottom: var(--tsc-space-2); border-bottom: 1px solid var(--tsc-border); font-size: var(--tsc-fs-md); line-height: 1.3} .tsc-apply__legend + .tsc-apply__grid{ margin-top: var(--tsc-space-4)} .tsc-apply__field--check label{ display: flex; align-items: flex-start; gap: 10px; font-weight: 400; line-height: 1.55} .tsc-apply__field--check input[type="checkbox"]{ flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px} .tsc-careers__reputation{ margin: var(--tsc-space-5) 0; padding: var(--tsc-space-5); border-left: 4px solid var(--tsc-saffron); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-careers__reputation-quote{ margin: 0 0 var(--tsc-space-3); font-size: var(--tsc-fs-lg); font-weight: 700; line-height: 1.35; color: var(--tsc-ink)} .tsc-careers__reputation p:last-child{ margin-bottom: 0; line-height: 1.65; color: var(--tsc-ink-soft)} .tsc-careers__pattern{ margin: 0 0 var(--tsc-space-4); padding-bottom: var(--tsc-space-3); border-bottom: 1px solid rgba(19,136,8,0.25)} .tsc-careers__pattern p{ margin: 0 0 var(--tsc-space-3); line-height: 1.65} .tsc-careers__pattern p:last-child{ margin-bottom: 0} .tsc-careers__hindi{ font-size: var(--tsc-fs-md); font-weight: 600; line-height: 1.75; color: var(--tsc-ink)} .tsc-careers__crosslink, .tsc-college__crosslink{ margin: var(--tsc-space-4) 0; padding: var(--tsc-space-4); border-left: 4px solid var(--tsc-navy-bar); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); line-height: 1.65} .tsc-apply__privacy{ margin: var(--tsc-space-5) 0 0; max-width: 68ch; font-size: var(--tsc-fs-sm); line-height: 1.6; color: var(--tsc-ink-soft)} .tsc-apply__submit{ margin: var(--tsc-space-4) 0 0} .tsc-apply__btn{ padding: 14px 32px; border: 0; border-radius: var(--tsc-radius); background: var(--tsc-accent); color: #fff; font-size: var(--tsc-fs-base); font-weight: 700; line-height: 1.4; cursor: pointer; box-shadow: var(--tsc-shadow-sm); transition: background-color 0.15s ease} .tsc-apply__btn:hover, .tsc-apply__btn:focus-visible{ background: var(--tsc-accent-dark); color: #fff} .tsc-apply--done{ border-top-color: var(--tsc-green); background: #f2fdf6} @media (max-width: 640px){ .tsc-apply{ padding: var(--tsc-space-4)} .tsc-apply__grid{ grid-template-columns: minmax(0,1fr)} .tsc-apply__btn{ width: 100%} } .tsc-consent{ position: fixed; right: 0; bottom: 0; left: 0; z-index: 99998; padding: var(--tsc-space-3) var(--tsc-space-4); border-top: 3px solid var(--tsc-saffron); background: #12212e; color: #fff; box-shadow: 0 -6px 24px rgba(0,0,0,0.18)} .tsc-consent__inner{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--tsc-space-3) var(--tsc-space-5); max-width: 1100px; margin: 0 auto} .tsc-consent__text{ margin: 0; font-size: var(--tsc-fs-sm); line-height: 1.55} .tsc-consent__text a{ color: var(--tsc-saffron)} .tsc-consent__buttons{ display: flex; flex-wrap: wrap; gap: var(--tsc-space-2); margin: 0} .tsc-consent__btn{ padding: 9px 18px; border: 1px solid transparent; border-radius: var(--tsc-radius); font-size: var(--tsc-fs-sm); font-weight: 700; line-height: 1.3; cursor: pointer} .tsc-consent__btn--yes{ background: var(--tsc-accent); color: #fff} .tsc-consent__btn--yes:hover{ background: var(--tsc-accent-dark)} .tsc-consent__btn--no{ background: transparent; border-color: rgba(255,255,255,0.45); color: #fff} .tsc-consent__btn--no:hover{ border-color: #fff} .tsc-welcome{ position: fixed; right: 20px; bottom: 20px; z-index: 99997; width: min(370px,calc(100vw - 40px)); padding: var(--tsc-space-5); border: 1px solid var(--tsc-border); border-top: 4px solid var(--tsc-saffron); border-radius: var(--tsc-radius-lg); background: #fff; box-shadow: var(--tsc-shadow-lg)} .tsc-welcome__close{ position: absolute; top: 6px; right: 10px; padding: 4px 8px; border: 0; background: none; font-size: 22px; line-height: 1; color: var(--tsc-muted); cursor: pointer} .tsc-welcome__title{ margin: 0 0 var(--tsc-space-2); font-size: var(--tsc-fs-md); line-height: 1.3} .tsc-welcome__text{ margin: 0 0 var(--tsc-space-4); font-size: var(--tsc-fs-sm); line-height: 1.55; color: var(--tsc-ink-soft)} .tsc-welcome__field{ display: flex; flex-direction: column; gap: 5px; margin: 0 0 var(--tsc-space-3)} .tsc-welcome__field label{ font-size: var(--tsc-fs-xs); font-weight: 700; color: var(--tsc-ink)} .tsc-welcome__opt{ font-weight: 400; color: var(--tsc-muted)} .tsc-welcome__field input, .tsc-welcome__field textarea{ width: 100%; padding: 9px 11px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); font-family: inherit; font-size: var(--tsc-fs-sm); line-height: 1.4} .tsc-welcome__row{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--tsc-space-3)} .tsc-welcome__hp{ position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden} .tsc-welcome__submit{ margin: 0 0 var(--tsc-space-2)} .tsc-welcome__btn{ width: 100%; padding: 11px 18px; border: 0; border-radius: var(--tsc-radius); background: var(--tsc-accent); color: #fff; font-size: var(--tsc-fs-sm); font-weight: 700; cursor: pointer} .tsc-welcome__btn:hover{ background: var(--tsc-accent-dark)} .tsc-welcome__btn[disabled]{ opacity: 0.6; cursor: default} .tsc-welcome__note{ margin: 0; font-size: var(--tsc-fs-xs); line-height: 1.5; color: var(--tsc-muted)} .tsc-welcome__result{ margin: var(--tsc-space-3) 0 0; font-size: var(--tsc-fs-xs); font-weight: 700; line-height: 1.5} .tsc-welcome__result.is-good{ color: var(--tsc-green-dark)} .tsc-welcome__result.is-bad{ color: #b32d2e} @media (max-width: 782px){ .tsc-welcome{ right: 12px; left: 12px; bottom: 84px; width: auto; padding: var(--tsc-space-4)} .tsc-consent{ bottom: 64px} } :root{ --tsc-card-img: clamp(110px,9.5vw,150px); --tsc-card-pad: 10px; --tsc-card-gap: 16px} .woocommerce ul.products, .woocommerce ul.products[class*="columns-"], .woocommerce[class*="columns-"] ul.products, .woocommerce[class*="columns-"] ul.products[class*="columns-"]{ grid-template-columns: repeat(4,1fr); column-gap: var(--tsc-card-gap); row-gap: var(--tsc-card-gap)} .woocommerce ul.products li.product{ display: flex; flex-direction: column; padding: 0; overflow: hidden; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); background: #fff; box-shadow: var(--tsc-shadow-sm); transition: border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease} .woocommerce ul.products li.product:hover{ border-color: #cbd5e1; transform: translateY(-2px); box-shadow: var(--tsc-shadow-md)} .woocommerce ul.products li.product .product-main-wrap, .woocommerce ul.products[class*="columns-"] .product .product-main-wrap, .woocommerce[class*="columns-"] ul.products .product .product-main-wrap{ display: flex; flex-direction: column; height: 100%; padding: var(--tsc-card-pad); border-radius: 0; background: transparent; box-shadow: none} .woocommerce ul.products li.product .product-main-wrap:hover{ transform: none; box-shadow: none} .woocommerce ul.products li.product .product-thumb-wrap{ position: relative; flex: 0 0 auto; height: var(--tsc-card-img); border-radius: var(--tsc-radius); background: #fafbfc} .woocommerce ul.products li.product .product-thumb-wrap > .woocommerce-loop-product__link{ display: block; height: 100%} .woocommerce ul.products li.product .product-thumb-wrap img, .woocommerce ul.products li.product a img{ width: 100%; height: 100%; margin: 0; padding: 6px; border-radius: var(--tsc-radius); background: transparent; aspect-ratio: auto; object-fit: contain; transition: transform 0.25s ease} .woocommerce ul.products li.product:hover .product-thumb-wrap img:not(.secondary-image){ transform: scale(1.05)} .woocommerce ul.products li.product .product-info-wrap, .woocommerce ul.products[class*="columns-"] .product .product-main-wrap .product-info-wrap, .woocommerce[class*="columns-"] ul.products .product .product-main-wrap .product-info-wrap{ display: flex; flex: 1 1 auto; flex-direction: column; align-items: stretch; gap: 0; padding: var(--tsc-space-2) 2px 0; overflow: visible; text-align: left} .woocommerce ul.products li.product .product-info-wrap > .woocommerce-loop-product__link{ display: block} .woocommerce ul.products li.product .woocommerce-loop-product__title{ display: -webkit-box; min-height: calc(2 * 1.3em); margin: 0; padding: 0; overflow: hidden; font-size: var(--tsc-fs-sm); font-weight: 600; line-height: 1.3; color: var(--tsc-ink); -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2} .woocommerce ul.products li.product .woocommerce-loop-product__link:hover .woocommerce-loop-product__title{ color: var(--tsc-accent-dark)} .woocommerce ul.products li.product .star-rating{ display: none} .woocommerce ul.products li.product .price{ display: flex; align-items: baseline; gap: 6px; margin: 0; padding-top: 6px; font-size: 15px; font-weight: 700; line-height: 1.2; color: var(--tsc-green-dark)} .woocommerce ul.products li.product .price del{ order: 2; margin: 0; font-size: var(--tsc-fs-xs); font-weight: 500; color: var(--tsc-muted); opacity: 1} .woocommerce ul.products li.product .price ins{ order: 1; background: none; text-decoration: none} .woocommerce ul.products li.product .custom-cart-btn{ margin-top: auto; padding-top: 8px} .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart.wc-forward, .woocommerce ul.products[class*="columns-"] .product .product-main-wrap .product-info-wrap .custom-cart-btn .button, .woocommerce[class*="columns-"] ul.products .product .product-main-wrap .product-info-wrap .custom-cart-btn .button{ display: flex; width: 100%; min-height: 34px; margin: 0; padding: 8px 10px; border-radius: var(--tsc-radius); font-size: var(--tsc-fs-xs); font-weight: 600; letter-spacing: 0.01em; line-height: 1.2; text-align: center; box-shadow: none} .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button), .woocommerce ul.products li.product .button.product_type_external, .woocommerce ul.products li.product .button.product_type_grouped{ background: var(--tsc-accent); color: #fff} .woocommerce ul.products li.product .button.product_type_simple:not(.add_to_cart_button):hover, .woocommerce ul.products li.product .button.product_type_external:hover, .woocommerce ul.products li.product .button.product_type_grouped:hover{ background: var(--tsc-accent-dark); color: #fff} .woocommerce ul.products li.product .added_to_cart.wc-forward{ margin-top: 6px} .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product span.onsale{ top: 6px; right: auto; left: 6px; padding: 3px 8px; border-radius: 999px; background: var(--tsc-green); font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: 0.02em; color: #fff} .woocommerce ul.products li .product-hover-items{ top: 6px; right: 6px; gap: 6px; transform: none} .woocommerce ul.products li .product-hover-items a{ width: 30px; height: 30px; border: 1px solid var(--tsc-border); background: rgba(255,255,255,0.94); font-size: 14px; color: var(--tsc-ink-soft)} .woocommerce ul.products li .product-hover-items a svg{ width: 14px; height: 14px} .woocommerce ul.products li.product-category .woocommerce-loop-category__title{ gap: var(--tsc-space-2); padding: var(--tsc-space-3) var(--tsc-card-pad); font-size: var(--tsc-fs-sm); font-weight: 600} .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{ margin-bottom: var(--tsc-space-3)} .woocommerce .woocommerce-result-count{ font-size: var(--tsc-fs-sm); color: var(--tsc-muted)} @media (min-width: 1600px){ .woocommerce ul.products, .woocommerce ul.products[class*="columns-"], .woocommerce[class*="columns-"] ul.products, .woocommerce[class*="columns-"] ul.products[class*="columns-"]{ grid-template-columns: repeat(5,1fr)} } @media (max-width: 767px){ :root{ --tsc-card-img: clamp(100px,20vw,140px); --tsc-card-gap: 12px} .woocommerce ul.products, .woocommerce ul.products[class*="columns-"], .woocommerce[class*="columns-"] ul.products, .woocommerce[class*="columns-"] ul.products[class*="columns-"]{ grid-template-columns: repeat(3,1fr)} } @media (max-width: 575px){ :root{ --tsc-card-img: 92px; --tsc-card-pad: 8px; --tsc-card-gap: 10px} .woocommerce ul.products, .woocommerce ul.products[class*="columns-"], .woocommerce ul.products[class*="columns-"][class*="os-mobile-col-1"], .woocommerce ul.products[class*="columns-"][class*="os-mobile-col-2"], .woocommerce[class*="columns-"] ul.products, .woocommerce[class*="columns-"] ul.products[class*="columns-"], .woocommerce[class*="columns-"][class*="os-mobile-col-1"] ul.products, .woocommerce[class*="columns-"][class*="os-mobile-col-2"] ul.products{ grid-template-columns: repeat(2,1fr); column-gap: var(--tsc-card-gap); row-gap: var(--tsc-card-gap)} .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size: 13px} .woocommerce ul.products li.product .price{ padding-top: 6px; font-size: var(--tsc-fs-sm)} .woocommerce ul.products li.product .custom-cart-btn{ padding-top: 6px} .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart.wc-forward{ min-height: 36px; padding: 7px 8px} .woocommerce ul.products li .product-hover-items{ display: none} } @media (max-width: 782px){ .woocommerce ul.products li.product{ padding: 0} .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart.wc-forward{ min-height: 36px} } @media (prefers-reduced-motion: reduce){ .woocommerce ul.products li.product .product-thumb-wrap img, .woocommerce ul.products li.product:hover .product-thumb-wrap img:not(.secondary-image){ transform: none; transition: none} } @media (max-width: 575px){ :root{ --tsc-card-img: 92px} .woocommerce ul.products[class*="columns-"][class*="os-mobile-col-1"] .product .product-main-wrap .product-info-wrap, .woocommerce ul.products[class*="columns-"][class*="os-mobile-col-2"] .product .product-main-wrap .product-info-wrap, .woocommerce[class*="columns-"][class*="os-mobile-col-1"] ul.products .product .product-main-wrap .product-info-wrap, .woocommerce[class*="columns-"][class*="os-mobile-col-2"] ul.products .product .product-main-wrap .product-info-wrap, .woocommerce[class*="columns-"] ul.products[class*="os-mobile-col-1"] .product .product-main-wrap .product-info-wrap, .woocommerce[class*="columns-"] ul.products[class*="os-mobile-col-2"] .product .product-main-wrap .product-info-wrap{ gap: 0; padding: 6px 2px 0} .woocommerce ul.products[class*="columns-"][class*="os-mobile-col-1"] .product .product-main-wrap .product-info-wrap .custom-cart-btn .button, .woocommerce ul.products[class*="columns-"][class*="os-mobile-col-2"] .product .product-main-wrap .product-info-wrap .custom-cart-btn .button, .woocommerce[class*="columns-"][class*="os-mobile-col-1"] ul.products .product .product-main-wrap .product-info-wrap .custom-cart-btn .button, .woocommerce[class*="columns-"][class*="os-mobile-col-2"] ul.products .product .product-main-wrap .product-info-wrap .custom-cart-btn .button, .woocommerce[class*="columns-"] ul.products[class*="os-mobile-col-1"] .product .product-main-wrap .product-info-wrap .custom-cart-btn .button, .woocommerce[class*="columns-"] ul.products[class*="os-mobile-col-2"] .product .product-main-wrap .product-info-wrap .custom-cart-btn .button{ min-height: 34px; padding: 7px 8px; font-size: 11px} .woocommerce ul.products li.product .woocommerce-loop-product__title{ min-height: calc(2 * 1.3em); font-size: 12.5px; line-height: 1.3} .woocommerce ul.products li.product .price{ padding-top: 5px; font-size: 13px} .woocommerce ul.products li.product .price del{ font-size: 11px} .woocommerce ul.products li.product .custom-cart-btn{ padding-top: 5px} .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product span.onsale{ top: 4px; left: 4px; padding: 2px 6px; font-size: 10px} } .ht-products.ht-row{ display: grid; grid-template-columns: repeat(4,1fr); gap: var(--tsc-card-gap); margin: 0} .ht-products.ht-row > .ht-product, .ht-products.ht-row > .ht-product.mb-30{ width: 100%; max-width: 100%; flex: none; margin: 0; padding: 0} .ht-products.ht-row .ht-product .ht-product-inner{ display: flex; flex-direction: column; height: 100%; padding: var(--tsc-card-pad); border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); background: #fff; box-shadow: var(--tsc-shadow-sm); transition: border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease} .ht-products.ht-row .ht-product:hover .ht-product-inner{ border-color: #cbd5e1; transform: translateY(-2px); box-shadow: var(--tsc-shadow-md)} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-image-wrap{ position: relative; flex: 0 0 auto; height: var(--tsc-card-img); overflow: hidden; border-radius: var(--tsc-radius); background: #fafbfc} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image a{ display: block; height: 100%} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img{ width: 100%; height: 100%; margin: 0; padding: 6px; object-fit: contain; transition: transform 0.25s ease} .ht-products.ht-row .ht-product:hover .ht-product-inner .ht-product-image-wrap .ht-product-image img{ transform: scale(1.05)} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-right, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-left{ top: 6px; right: auto; bottom: auto; left: 6px; min-width: 0; min-height: 0; margin: 0; padding: 3px 8px; border-radius: 999px; background: var(--tsc-green); font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: 0.02em; text-transform: none; color: #fff} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner{ margin: 0; padding: 0; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: flex-start; width: 100%; text-align: left} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner{ padding: var(--tsc-space-2) 2px 0} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap{ display: none} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title{ display: -webkit-box; min-height: calc(2 * 1.3em); margin: 0; padding: 0; overflow: hidden; font-size: var(--tsc-fs-sm); font-weight: 600; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{ color: var(--tsc-ink)} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{ color: var(--tsc-accent-dark)} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{ margin: 0} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price .price{ display: flex; align-items: baseline; gap: 6px; margin: 0; padding-top: 6px; font-size: 15px; font-weight: 700; line-height: 1.2; color: var(--tsc-green-dark)} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price .price ins{ order: 1; background: none; text-decoration: none} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price .price del{ order: 2; margin: 0; font-size: var(--tsc-fs-xs); font-weight: 500; color: var(--tsc-muted); opacity: 1} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action, .ht-products.ht-row .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action{ display: block; position: static; margin-top: auto; padding-top: 8px; opacity: 1; visibility: visible; transform: none} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area{ display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; gap: 6px; margin: 0; padding: 0; list-style: none} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li{ margin: 0; padding: 0; opacity: 1; visibility: visible; transform: none} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li:not(.woolentor-cart) > a{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff; font-size: 14px; line-height: 1; color: var(--tsc-ink-soft)} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li:not(.woolentor-cart) > a:hover{ border-color: var(--tsc-accent); background: #fff; color: var(--tsc-accent)} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area svg{ width: 15px; height: 15px} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li:not(.woolentor-cart) > a{ transition: color .15s ease,border-color .15s ease,background-color .15s ease} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li > a.woolentorquickview{ border-color: #b9d3f5; background: #eef4fe; color: #1565c0} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li > a.woolentorquickview:hover{ border-color: #1565c0; background: #1565c0; color: #fff} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li > a.woolentorquickview .sli-magnifier::before{ content: "\e087"} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li > a.wishsuite-btn{ border-color: #f3bed0; background: #fdeef4; color: #d81b60} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li > a.wishsuite-btn:hover{ border-color: #d81b60; background: #d81b60; color: #fff} .wishsuite-btn .wishsuite-default-icon, .wishsuite-btn svg{ display: none} .wishsuite-btn::before{ font-family: 'simple-line-icons'; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1; content: "\e08a"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li > a.htcompare-btn{ border-color: #b3ddc2; background: #eaf6ee; color: #1f7a3f} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li > a.htcompare-btn:hover{ border-color: #1f7a3f; background: #1f7a3f; color: #fff} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li > a.htcompare-btn .sli-refresh::before{ content: "\e06c"} .ht-products.ht-row .ht-product-action-tooltip, .ht-products.ht-row .wishsuite-btn-text{ display: none} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li.woolentor-cart{ display: flex; flex: 1 1 auto; min-width: 0} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li.woolentor-cart > a{ flex: 1 1 auto; text-indent: 0} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .button, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .added_to_cart{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: 32px; margin: 0; padding: 7px 10px; border: none; border-radius: var(--tsc-radius); background: var(--tsc-green); font-size: 11px; font-weight: 600; line-height: 1.2; white-space: nowrap; text-align: center; color: #fff; box-shadow: none} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .button:hover, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .added_to_cart:hover{ background: var(--tsc-green-dark); color: #fff} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .button.product_type_simple:not(.add_to_cart_button), .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .button.product_type_external, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .button.product_type_grouped{ background: var(--tsc-accent)} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .button.product_type_simple:not(.add_to_cart_button):hover, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .button.product_type_external:hover, .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-cart .button.product_type_grouped:hover{ background: var(--tsc-accent-dark)} @media (max-width: 767px){ .ht-products.ht-row{ grid-template-columns: repeat(3,1fr)} } @media (max-width: 575px){ .ht-products.ht-row{ grid-template-columns: repeat(2,1fr)} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title{ font-size: 12.5px} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price .price{ font-size: 13px} .ht-products.ht-row .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-action .woolentor-action-btn-area > li:not(.woolentor-cart){ display: none} } @media (prefers-reduced-motion: reduce){ .ht-products.ht-row .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img, .ht-products.ht-row .ht-product:hover .ht-product-inner .ht-product-image-wrap .ht-product-image img, .ht-products.ht-row .ht-product:hover .ht-product-inner{ transform: none; transition: none} } .tsc-range{ --tsc-range-chip: #f4f6fa; margin: 0; font-size: var(--tsc-fs-base); line-height: 1.65; color: var(--tsc-ink-soft)} .tsc-range__hero{ margin: 0 0 var(--tsc-space-7); padding: var(--tsc-space-6) 0 0; border-top: 3px solid transparent; border-image: var(--tsc-flag) 1} .tsc-range__eyebrow{ margin: 0 0 var(--tsc-space-2); font-size: var(--tsc-fs-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tsc-accent)} .tsc-range__lede{ max-width: 60ch; margin: 0 0 var(--tsc-space-5); font-size: var(--tsc-fs-md); line-height: 1.55; color: var(--tsc-ink)} .tsc-range__points{ display: grid; grid-template-columns: repeat(3,1fr); gap: var(--tsc-space-4); margin: 0 0 var(--tsc-space-5); padding: 0; list-style: none} .tsc-range__points li{ margin: 0; padding: var(--tsc-space-4); border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); background: #fff; font-size: var(--tsc-fs-sm); line-height: 1.55} .tsc-range__points strong{ display: block; margin-bottom: 4px; font-size: var(--tsc-fs-base); color: var(--tsc-ink)} .tsc-range__card{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--tsc-space-4) var(--tsc-space-6); padding: var(--tsc-space-5); border: 1px solid var(--tsc-border); border-left: 4px solid var(--tsc-green); border-radius: var(--tsc-radius-lg); background: var(--tsc-bg-soft)} .tsc-range__card-title{ margin: 0; font-size: var(--tsc-fs-lg); font-weight: 800; letter-spacing: -0.01em; color: var(--tsc-ink)} .tsc-range__address{ flex: 1 1 22ch; margin: 0; font-size: var(--tsc-fs-sm); font-style: normal; line-height: 1.6} .tsc-range__actions{ display: flex; flex-wrap: wrap; gap: var(--tsc-space-2); margin: 0} .tsc-range .tsc-range__btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border: 1px solid var(--tsc-green); border-radius: var(--tsc-radius); background: var(--tsc-green); font-size: var(--tsc-fs-sm); font-weight: 600; text-decoration: none !important; color: #fff; transition: background-color 0.15s ease} .tsc-range .tsc-range__btn:hover{ background: var(--tsc-green-dark); border-color: var(--tsc-green-dark); color: #fff; text-decoration: none} .tsc-range .tsc-range__btn--ghost{ border-color: var(--tsc-accent); background: #fff; color: var(--tsc-accent)} .tsc-range .tsc-range__btn--ghost:hover{ background: var(--tsc-accent); border-color: var(--tsc-accent); color: #fff} .tsc-range__section{ margin: 0 0 var(--tsc-space-7)} .tsc-range__heading{ margin: 0 0 var(--tsc-space-2); padding-bottom: var(--tsc-space-2); border-bottom: 2px solid var(--tsc-border); font-size: var(--tsc-fs-lg); font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; color: var(--tsc-ink)} .tsc-range__intro{ max-width: 72ch; margin: 0 0 var(--tsc-space-5); font-size: var(--tsc-fs-sm); color: var(--tsc-muted)} .tsc-range__groups{ display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: var(--tsc-space-4)} .tsc-range__group{ display: flex; flex-direction: column; padding: var(--tsc-space-4); border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); background: #fff; box-shadow: var(--tsc-shadow-sm)} .tsc-range__group-title{ margin: 0 0 4px; font-size: var(--tsc-fs-base); font-weight: 700; line-height: 1.35; color: var(--tsc-ink)} .tsc-range__note{ margin: 0 0 var(--tsc-space-3); font-size: var(--tsc-fs-xs); line-height: 1.55; color: var(--tsc-muted)} .tsc-range__tablewrap{ margin: 0 0 var(--tsc-space-3); overflow-x: auto; -webkit-overflow-scrolling: touch} .tsc-range__table{ width: 100%; border-collapse: collapse; font-size: var(--tsc-fs-xs)} .tsc-range__table th, .tsc-range__table td{ padding: 8px 12px; border-bottom: 1px solid var(--tsc-border); text-align: left; vertical-align: middle} .tsc-range__table thead th{ border-bottom: 2px solid var(--tsc-border); background: var(--tsc-range-chip); font-size: 12px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; color: var(--tsc-muted)} .tsc-range__table tbody tr:hover{ background: var(--tsc-range-chip)} .tsc-range__cell-model{ font-weight: 700; white-space: nowrap} .tsc-range__cell-price{ white-space: nowrap} .tsc-range__ask{ font-style: italic; color: var(--tsc-muted)} .tsc-range__cell-head a, .tsc-range__cell-service a{ white-space: nowrap; font-weight: 600} .tsc-range__models{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 var(--tsc-space-3); padding: 0; list-style: none} .tsc-range__models li{ margin: 0; padding: 0} .tsc-range__models li::before{ content: none} .tsc-range .tsc-range__model a{ display: inline-block; padding: 5px 10px; border: 1px solid var(--tsc-border); border-radius: 999px; background: var(--tsc-range-chip); font-size: var(--tsc-fs-xs); font-weight: 600; line-height: 1.4; white-space: nowrap; text-decoration: none !important; color: var(--tsc-ink); transition: border-color 0.12s ease,background-color 0.12s ease,color 0.12s ease} .tsc-range__model a:hover, .tsc-range__model a:focus-visible{ border-color: var(--tsc-accent); background: #fff; text-decoration: none; color: var(--tsc-accent)} .tsc-range__model.is-enquiry a{ border-style: dashed; background: #fff; color: var(--tsc-muted)} .tsc-range__all{ margin: auto 0 0; padding-top: var(--tsc-space-2); border-top: 1px solid var(--tsc-border); font-size: var(--tsc-fs-xs); font-weight: 600} .tsc-range__tiles{ display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: var(--tsc-space-3)} .tsc-range .tsc-range__tile{ display: flex; flex-direction: column; gap: 4px; padding: var(--tsc-space-4); border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); background: #fff; text-decoration: none !important; transition: border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease} .tsc-range .tsc-range__tile:hover{ border-color: var(--tsc-accent); transform: translateY(-2px); box-shadow: var(--tsc-shadow-md); text-decoration: none} .tsc-range__tile-name{ font-size: var(--tsc-fs-base); font-weight: 700; color: var(--tsc-ink)} .tsc-range__tile-note{ font-size: var(--tsc-fs-xs); line-height: 1.5; color: var(--tsc-muted)} .tsc-range__tile-count{ margin-top: auto; padding-top: var(--tsc-space-2); font-size: var(--tsc-fs-xs); font-weight: 700; color: var(--tsc-green-dark)} .tsc-range__section--service{ padding: var(--tsc-space-5); border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); background: var(--tsc-bg-soft)} .tsc-range__service{ margin: 0 0 var(--tsc-space-4); padding: 0 0 0 var(--tsc-space-5); font-size: var(--tsc-fs-sm)} .tsc-range__service li{ margin: 0 0 6px} .tsc-range__faq{ display: grid; gap: var(--tsc-space-2)} .tsc-range__q{ padding: var(--tsc-space-3) var(--tsc-space-4); border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); background: #fff} .tsc-range__q > summary{ font-size: var(--tsc-fs-base); font-weight: 600; line-height: 1.45; cursor: pointer; color: var(--tsc-ink)} .tsc-range__q[open] > summary{ margin-bottom: var(--tsc-space-2); color: var(--tsc-accent)} .tsc-range__q p{ margin: 0; font-size: var(--tsc-fs-sm); line-height: 1.65} @media (max-width: 782px){ .tsc-range__points{ grid-template-columns: 1fr; gap: var(--tsc-space-2)} .tsc-range__lede{ font-size: var(--tsc-fs-base)} .tsc-range__card{ gap: var(--tsc-space-3); padding: var(--tsc-space-4)} .tsc-range__actions{ width: 100%} .tsc-range__btn{ flex: 1 1 auto} .tsc-range__groups{ grid-template-columns: 1fr} .tsc-range__section--service{ padding: var(--tsc-space-4)} } @media (prefers-reduced-motion: reduce){ .tsc-range__tile, .tsc-range__tile:hover, .tsc-range__model a{ transform: none; transition: none} } .woocommerce div.product > section[class*="tsc-"], .woocommerce div.product > div[class*="tsc-"], .woocommerce div.product > aside[class*="tsc-"], .woocommerce div.product > figure[class*="tsc-"]{ clear: both; width: 100%} .tsc-btuse{ margin: 0 0 28px; padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-btuse__heading{ margin: 0 0 12px; font-size: 25px; font-weight: 800; line-height: 1.3; color: var(--tsc-ink)} .tsc-btuse__lead{ max-width: 78ch; margin: 0 0 22px; font-size: 15px; line-height: 1.7} .tsc-btuse__sub{ margin: 0 0 12px; font-size: 16px; font-weight: 700; line-height: 1.4; color: var(--tsc-ink)} .tsc-btuse__cases{ display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 14px; margin: 0 0 24px} .tsc-btuse__case{ padding: 16px; border: 1px solid var(--tsc-border); border-left: 3px solid var(--tsc-accent); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-btuse__case-title{ margin: 0 0 6px; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--tsc-ink)} .tsc-btuse__case-text{ margin: 0; font-size: 14px; line-height: 1.6; color: var(--tsc-ink-soft)} .tsc-btuse__split{ display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 18px; margin: 0 0 18px} .tsc-btuse__col{ min-width: 0; padding: 18px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius)} .tsc-btuse__col--yes{ border-top: 3px solid var(--tsc-green)} .tsc-btuse__col--no{ border-top: 3px solid var(--tsc-accent)} .tsc-btuse__list{ margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.65} .tsc-btuse__list li{ margin: 0 0 6px} .tsc-btuse__outgrow{ margin: 0; font-size: 14px; line-height: 1.7} .tsc-btuse__note{ margin: 0; padding-top: 16px; border-top: 1px solid var(--tsc-border); font-size: 13px; line-height: 1.65; color: var(--tsc-muted)} .tsc-bted__item.is-current{ border-color: var(--tsc-green); box-shadow: 0 0 0 1px var(--tsc-green) inset} .tsc-bted__you{ margin: 0 0 6px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--tsc-green-dark)} @media (max-width: 782px){ .tsc-btuse{ padding: 18px} .tsc-btuse__heading{ font-size: 22px} } .tsc-btuse__role, .tsc-bted__role{ margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--tsc-accent)} .tsc-btuse__who, .tsc-bted__who{ margin: 0 0 20px; padding: 12px 14px; border-left: 3px solid var(--tsc-green); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); font-size: 14px; line-height: 1.6} .tsc-bted__who{ margin: 0 0 12px; font-size: 13px} .tsc-btuse__who strong, .tsc-bted__who strong{ display: block; margin-bottom: 2px; color: var(--tsc-green-dark)} .tsc-btbuy{ margin: 0 0 28px; padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-btbuy__heading{ margin: 0 0 12px; font-size: 25px; font-weight: 800; line-height: 1.3; color: var(--tsc-ink)} .tsc-btbuy__lead{ max-width: 78ch; margin: 0 0 22px; font-size: 15px; line-height: 1.7} .tsc-btbuy__factors{ display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin: 0 0 24px} @media (min-width: 1200px){ .no-sidebar .tsc-btbuy__factors, .tsc-bartender .tsc-btbuy__factors{ grid-template-columns: repeat(4,1fr)} } @media (max-width: 575px){ .tsc-btbuy__factors{ grid-template-columns: 1fr} } .tsc-btbuy__factor{ min-width: 0; padding: 16px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-btbuy__num{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-bottom: 8px; border-radius: 999px; background: var(--tsc-accent); font-size: 12px; font-weight: 700; line-height: 1; color: #fff} .tsc-btbuy__factor-title{ margin: 0 0 6px; font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--tsc-ink)} .tsc-btbuy__factor-text{ margin: 0; font-size: 14px; line-height: 1.6; color: var(--tsc-ink-soft)} .tsc-btbuy__cta{ margin: 0 0 20px; padding: 20px; border: 1px solid var(--tsc-green); border-radius: var(--tsc-radius); background: #f4fbf3} .tsc-btbuy__cta-title{ margin: 0 0 6px; font-size: 17px; font-weight: 700; color: var(--tsc-ink)} .tsc-btbuy__cta-text{ margin: 0 0 14px; font-size: 14px; line-height: 1.65} .tsc-btbuy__actions{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0} .tsc-btbuy .tsc-btbuy__btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border: 1px solid var(--tsc-green); border-radius: var(--tsc-radius); background: var(--tsc-green); font-size: 15px; font-weight: 700; text-decoration: none !important; color: #fff; transition: background-color 0.15s ease} .tsc-btbuy .tsc-btbuy__btn:hover{ background: var(--tsc-green-dark); border-color: var(--tsc-green-dark); color: #fff} .tsc-btbuy .tsc-btbuy__btn--ghost{ border-color: var(--tsc-accent); background: #fff; color: var(--tsc-accent)} .tsc-btbuy .tsc-btbuy__btn--ghost:hover{ background: var(--tsc-accent); border-color: var(--tsc-accent); color: #fff} .tsc-btbuy__split{ display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 16px} .tsc-btbuy__note{ min-width: 0; padding: 18px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); font-size: 14px; line-height: 1.7} .tsc-btbuy__note p{ margin: 0; font-size: 14px; line-height: 1.7} .tsc-btbuy__note--support{ border-top: 3px solid var(--tsc-green)} .tsc-btbuy__note--reach{ border-top: 3px solid var(--tsc-saffron)} .tsc-btbuy__note-title{ margin: 0 0 8px; font-size: 16px; font-weight: 700; color: var(--tsc-ink)} @media (max-width: 782px){ .tsc-btbuy{ padding: 18px} .tsc-btbuy__heading{ font-size: 22px} .tsc-btbuy__actions{ width: 100%} .tsc-btbuy .tsc-btbuy__btn{ flex: 1 1 auto; word-break: break-word} } .tsc-bted__grid{ grid-template-columns: repeat(2,1fr)} @media (min-width: 1200px){ .no-sidebar .tsc-bted__grid, .tsc-bartender .tsc-bted__grid{ grid-template-columns: repeat(4,1fr)} } @media (max-width: 575px){ .tsc-bted__grid{ grid-template-columns: 1fr} } .tsc-phsrc{ display: grid; grid-template-columns: 1.35fr 1fr; gap: 20px; margin: 28px 0; clear: both} .tsc-phsrc__main{ min-width: 0; padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-phsrc__heading{ margin: 0 0 12px; font-size: 25px; font-weight: 800; line-height: 1.25; letter-spacing: -0.01em; color: var(--tsc-ink)} .tsc-phsrc__lead{ margin: 0 0 18px; font-size: 15px; line-height: 1.7} .tsc-phsrc__points{ margin: 0; padding: 0; list-style: none} .tsc-phsrc__points li{ margin: 0 0 12px; padding: 0 0 12px 0; border-bottom: 1px solid var(--tsc-border); font-size: 14px; line-height: 1.65; color: var(--tsc-ink-soft)} .tsc-phsrc__points li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0} .tsc-phsrc__points strong{ display: block; margin-bottom: 3px; font-size: 15px; color: var(--tsc-ink)} .tsc-phsrc__pitch{ min-width: 0; padding: 24px; border: 1px solid var(--tsc-navy-bar); border-radius: var(--tsc-radius); background: var(--tsc-navy-deep); color: #dbe3f0} .tsc-phsrc__eyebrow{ margin: 0 0 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--tsc-saffron)} .tsc-phsrc__pitch-title{ margin: 0 0 12px; font-size: 20px; font-weight: 800; line-height: 1.3; color: #fff} .tsc-phsrc__pitch p{ margin: 0 0 14px; font-size: 14px; line-height: 1.7; color: #dbe3f0} .tsc-phsrc__pitch-list{ margin: 0 0 18px; padding-left: 18px; font-size: 13.5px; line-height: 1.6; color: #cbd6e8} .tsc-phsrc__pitch-list li{ margin: 0 0 8px} .tsc-phsrc__pitch-cta{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px} .tsc-phsrc .tsc-phsrc__btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border: 1px solid var(--tsc-saffron); border-radius: var(--tsc-radius); background: var(--tsc-saffron); font-size: 14px; font-weight: 700; text-decoration: none !important; color: var(--tsc-ink-on-saffron); transition: background-color 0.15s ease} .tsc-phsrc .tsc-phsrc__btn:hover{ background: #ffb066; border-color: #ffb066; color: var(--tsc-ink-on-saffron)} .tsc-phsrc .tsc-phsrc__btn--ghost{ background: transparent; border-color: rgba(255,255,255,0.45); color: #fff} .tsc-phsrc .tsc-phsrc__btn--ghost:hover{ background: rgba(255,255,255,0.12); border-color: #fff; color: #fff} .tsc-phsrc__addr{ margin: 0; font-size: 12px; line-height: 1.6; color: #9fb0cc} @media (max-width: 991px){ .tsc-phsrc{ grid-template-columns: 1fr} } @media (max-width: 782px){ .tsc-phsrc__main, .tsc-phsrc__pitch{ padding: 18px} .tsc-phsrc__heading{ font-size: 22px} .tsc-phsrc__pitch-cta{ width: 100%} .tsc-phsrc .tsc-phsrc__btn{ flex: 1 1 auto; word-break: break-word} } .tsc-phpeace{ margin: 18px 0 0; padding: 16px 18px; border: 1px solid var(--tsc-green); border-left-width: 4px; border-radius: var(--tsc-radius); background: #f4fbf3} .tsc-phpeace__line{ margin: 0 0 10px; font-size: 17px; font-weight: 800; line-height: 1.35; letter-spacing: -0.01em; color: var(--tsc-green-dark)} .tsc-phpeace__points{ margin: 0; padding-left: 18px; font-size: 13.5px; line-height: 1.6; color: var(--tsc-ink-soft)} .tsc-phpeace__points li{ margin: 0 0 6px} .tsc-phpeace__points li:last-child{ margin-bottom: 0} .woocommerce .tsc-phpeace{ clear: both; margin: 24px 0 0} .tsc-phrep{ margin: 10px 0 0; padding: 10px 12px; border: 1px dashed var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); font-size: 12.5px; line-height: 1.55; color: var(--tsc-muted)} @media (max-width: 782px){ .tsc-phpeace{ padding: 14px} .tsc-phpeace__line{ font-size: 16px} } .tsc-award{ margin: 0 0 24px; padding: 0; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius-lg); overflow: hidden; background: #0a1733} .tsc-award img{ display: block; width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: cover} .tsc-award figcaption{ margin: 0; padding: 12px 16px; border-top: 1px solid rgba(255,255,255,0.12); background: #0a1733; font-size: 13px; line-height: 1.6; color: #c8d4ea} .tsc-award--compact{ max-width: 520px; margin-bottom: 20px} .tsc-award--compact figcaption{ padding: 10px 14px; font-size: 12px} @media (max-width: 782px){ .tsc-award figcaption{ padding: 10px 12px; font-size: 12px} } .woocommerce ul.products li.product.product-category > a{ display: flex; flex-direction: column; height: 100%; padding: var(--tsc-card-pad); text-decoration: none} .woocommerce ul.products li.product.product-category img, .woocommerce ul.products li.product.product-category a img{ flex: 0 0 auto; width: 100%; height: var(--tsc-card-img); margin: 0; padding: 6px; border-radius: var(--tsc-radius); background: #fafbfc; object-fit: contain} .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: 6px; margin: auto 0 0; padding: var(--tsc-space-2) 2px 0; font-size: var(--tsc-fs-sm); font-weight: 600; line-height: 1.35; text-align: left; color: var(--tsc-ink)} .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title .count{ margin: 0; padding: 1px 7px; border-radius: 999px; background: var(--tsc-bg-soft); font-size: var(--tsc-fs-xs); font-weight: 600; color: var(--tsc-muted)} .woocommerce ul.products li.product.product-category:hover .woocommerce-loop-category__title{ color: var(--tsc-accent-dark)} .tsc-phpeace__fit{ margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid rgba(19,136,8,0.3); font-size: 13.5px; line-height: 1.65; color: var(--tsc-ink-soft)} .tsc-phpeace__fit strong{ color: var(--tsc-green-dark)} .tsc-phpeace__life{ margin: 14px 0 0; padding: 14px 16px; border-radius: var(--tsc-radius); background: #fff; border: 1px solid rgba(19,136,8,0.25)} .tsc-phpeace__life-title{ margin: 0 0 8px; font-size: 14px; font-weight: 800; letter-spacing: -0.01em; color: var(--tsc-ink)} .tsc-phpeace__life ul{ margin: 0; padding-left: 18px; font-size: 13.5px; line-height: 1.65; color: var(--tsc-ink-soft)} .tsc-phpeace__life li{ margin: 0 0 8px} .tsc-phpeace__life li:last-child{ margin-bottom: 0} .tsc-phpeace__life strong{ color: var(--tsc-ink)} .tsc-phpeace__life-link{ margin: 10px 0 0; font-size: 13px; font-weight: 700} .tsc-godex{ clear: both; margin: 28px 0 0; padding: 24px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff} .tsc-godex__heading{ margin: 0 0 12px; font-size: 25px; font-weight: 800; line-height: 1.25; letter-spacing: -0.01em; color: var(--tsc-ink)} .tsc-godex__lead{ max-width: 78ch; margin: 0 0 20px; font-size: 15px; line-height: 1.7} .tsc-godex__grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin: 0 0 20px} .tsc-godex__item{ min-width: 0; padding: 16px; border: 1px solid var(--tsc-border); border-left: 3px solid var(--tsc-saffron); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-godex__item h3{ margin: 0 0 6px; font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--tsc-ink)} .tsc-godex__item p{ margin: 0; font-size: 14px; line-height: 1.6; color: var(--tsc-ink-soft)} .tsc-godex__cta{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0} .tsc-godex .tsc-godex__btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border: 1px solid var(--tsc-green); border-radius: var(--tsc-radius); background: var(--tsc-green); font-size: 15px; font-weight: 700; text-decoration: none !important; color: #fff; transition: background-color 0.15s ease} .tsc-godex .tsc-godex__btn:hover{ background: var(--tsc-green-dark); border-color: var(--tsc-green-dark); color: #fff} .tsc-godex .tsc-godex__btn--ghost{ border-color: var(--tsc-accent); background: #fff; color: var(--tsc-accent)} .tsc-godex .tsc-godex__btn--ghost:hover{ background: var(--tsc-accent); border-color: var(--tsc-accent); color: #fff} @media (max-width: 782px){ .tsc-godex{ padding: 18px} .tsc-godex__heading{ font-size: 22px} .tsc-godex__grid{ grid-template-columns: 1fr} .tsc-godex__cta{ width: 100%} .tsc-godex .tsc-godex__btn{ flex: 1 1 auto; word-break: break-word} } .tsc-bridge{ clear: both; margin: 24px 0 0; padding: 18px 20px; border: 1px solid var(--tsc-border); border-left: 4px solid var(--tsc-accent); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft)} .tsc-bridge__heading{ margin: 0 0 6px; font-size: 18px; font-weight: 800; line-height: 1.35; letter-spacing: -0.01em; color: var(--tsc-ink)} .tsc-bridge__lead{ max-width: 78ch; margin: 0 0 14px; font-size: 14px; line-height: 1.65; color: var(--tsc-ink-soft)} .tsc-bridge__links{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0} .tsc-bridge .tsc-bridge__link{ display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--tsc-border); border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600; text-decoration: none !important; color: var(--tsc-ink); transition: border-color 0.15s ease,color 0.15s ease} .tsc-bridge .tsc-bridge__link:hover{ border-color: var(--tsc-accent); color: var(--tsc-accent)} .tsc-bridge__count{ padding: 1px 8px; border-radius: 999px; background: var(--tsc-bg-soft); font-size: var(--tsc-fs-xs); font-weight: 700; color: var(--tsc-muted)} @media (max-width: 782px){ .tsc-bridge{ padding: 16px} .tsc-bridge__heading{ font-size: 16px} } .tsc-enq{ max-width: 720px; margin: 0 auto 14px} .tsc-enq__wrap{ border: 1px solid var(--tsc-green); border-radius: var(--tsc-radius); background: #fff} .tsc-enq__open{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 12px 16px; font-size: 15px; font-weight: 700; line-height: 1.4; cursor: pointer; color: var(--tsc-green-dark)} .tsc-enq__addr{ font-size: 13px; font-weight: 500; color: var(--tsc-muted)} .tsc-enq__form{ padding: 0 16px 16px; border-top: 1px solid var(--tsc-border)} .tsc-enq__intro{ margin: 12px 0 14px; font-size: 14px; line-height: 1.6; color: var(--tsc-ink-soft)} .tsc-enq__row{ margin: 0 0 12px} .tsc-enq__row label{ display: block; margin-bottom: 4px; font-size: 13px; font-weight: 600; color: var(--tsc-ink)} .tsc-enq__row input, .tsc-enq__row textarea{ width: 100%; max-width: 460px; padding: 9px 12px; border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: #fff; font-size: 14px; line-height: 1.5; color: var(--tsc-ink)} .tsc-enq__row input:focus, .tsc-enq__row textarea:focus{ border-color: var(--tsc-green); outline: 2px solid transparent; outline-offset: 2px} .tsc-enq__row--captcha input{ max-width: 110px} .tsc-enq__hp{ position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden} .tsc-enq__actions{ margin: 0 0 10px} .tsc-enq .tsc-enq__send{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 24px; border: 1px solid var(--tsc-green); border-radius: var(--tsc-radius); background: var(--tsc-green); font-size: 15px; font-weight: 700; cursor: pointer; color: #fff; transition: background-color 0.15s ease} .tsc-enq .tsc-enq__send:hover{ background: var(--tsc-green-dark); border-color: var(--tsc-green-dark)} .tsc-enq__small{ margin: 0; font-size: 12px; line-height: 1.55; color: var(--tsc-muted)} .tsc-enq__note{ margin: 0 0 10px; padding: 10px 14px; border-radius: var(--tsc-radius); font-size: 14px; font-weight: 600; line-height: 1.55} .tsc-enq__note--good{ border: 1px solid var(--tsc-green); background: #f4fbf3; color: var(--tsc-green-dark)} .tsc-enq__note--bad{ border: 1px solid #e0b4b4; background: #fdf6f6; color: #b32d2e} @media (max-width: 782px){ .tsc-enq__open{ padding: 12px 14px; font-size: 14px} .tsc-enq__form{ padding: 0 14px 14px} } .elementor-widget-google_maps .elementor-custom-embed, .elementor-widget-google_maps .elementor-custom-embed iframe{ width: 100%; max-width: 100%} @media (max-width: 782px){ .e-con:has(.wpforms-container) .e-con, .e-con:has(.wpforms-container) .elementor-widget, .e-con:has(.wpforms-container) .elementor-widget-container{ padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important} .e-con:has(.wpforms-container) .e-con{ width: 100% !important; max-width: 100% !important} .wpforms-container, .elementor-shortcode > .wpforms-container{ min-width: 0; max-width: 100%} .wpforms-container .g-recaptcha, .wpforms-container .wpforms-recaptcha-container > div{ max-width: 100%; overflow: hidden} } @media (max-width: 782px){ .tsc-gr__score{ min-height: 24px} } .tsc-dl{ max-width: 900px; margin: 0 auto 2.5rem} .tsc-dl__heading{ margin: 0 0 .5rem} .tsc-dl__lead{ margin: 0 0 2rem; color: #4a5a68} .tsc-dl__brand{ margin: 0 0 2rem} .tsc-dl__brand-name{ margin: 0 0 .75rem; padding-bottom: .4rem; border-bottom: 2px solid #ff9933; font-size: 1.15rem; letter-spacing: .02em; text-transform: uppercase} .tsc-dl__list{ margin: 0; padding: 0; list-style: none} .tsc-dl__item{ display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid #e6ebef} .tsc-dl__meta{ flex: 1 1 320px; min-width: 0} .tsc-dl__title{ display: block; font-weight: 700; color: #12212e} .tsc-dl__tags{ display: block; margin-top: .15rem; font-size: .85rem; color: #6b7a88} .tsc-dl__note{ margin: .4rem 0 0; font-size: .93rem; color: #4a5a68} .tsc-dl__actions{ display: flex; flex-direction: column; gap: .4rem; align-items: flex-start; flex: 0 0 auto} .tsc-dl__btn{ display: inline-block; padding: .6rem 1.4rem; border-radius: 4px; background: #138808; color: #fff; font-weight: 700; text-decoration: none; min-height: 44px; line-height: 1.9} .tsc-dl__btn:hover, .tsc-dl__btn:focus{ background: #0f6b06; color: #fff} .tsc-dl__btn--ghost{ background: #000080} .tsc-dl__btn--ghost:hover, .tsc-dl__btn--ghost:focus{ background: #00005e} .tsc-dl__link{ font-size: .85rem; color: #000080} .tsc-dl__hint{ max-width: 260px; font-size: .8rem; color: #6b7a88} .tsc-dl__foot{ margin: 1.5rem 0 1rem; font-weight: 600} @media (max-width: 600px){ .tsc-dl__item{ flex-direction: column} .tsc-dl__actions{ width: 100%} .tsc-dl__btn{ width: 100%; text-align: center} .tsc-dl__hint{ max-width: none} } .tsc-gate{ margin: 0 0 2.5rem; padding: 1.4rem; border: 2px solid #000080; border-radius: 6px; background: #f7f9fc} .tsc-gate__note{ margin: 0 0 1rem; padding: .7rem .9rem; border-radius: 4px; font-weight: 600} .tsc-gate__note--good{background: #e6f4e6;color: #14591d} .tsc-gate__note--bad{background: #fdeaea;color: #8a1c1c} .tsc-gate__heading{margin: 0 0 .4rem;font-size: 1.2rem} .tsc-gate__intro{margin: 0 0 1.2rem;color: #4a5a68} .tsc-gate__grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem 1.2rem} .tsc-gate__row{margin: 0} .tsc-gate__row--wide{grid-column: 1 / -1} .tsc-gate__row label{ display: block; margin-bottom: .25rem; font-weight: 600; font-size: .92rem} .tsc-gate__row input[type="text"], .tsc-gate__row input[type="email"], .tsc-gate__row input[type="tel"], .tsc-gate__row textarea{ width: 100%; padding: .6rem .7rem; border: 1px solid #c6d0d9; border-radius: 4px; font-size: 1rem} .tsc-gate__req{color: #b3261e} .tsc-gate__aside{display: block;margin-top: .2rem;font-size: .8rem;color: #6b7a88} .tsc-gate__hp{ position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden} .tsc-gate__bills{ margin: 1.3rem 0 0; padding: 1rem; border: 1px dashed #c6d0d9; border-radius: 4px} .tsc-gate__bills legend{ padding: 0 .4rem; font-weight: 700; color: #138808} .tsc-gate__covers-label{ display: block; margin: .6rem 0 .3rem; font-weight: 600; font-size: .92rem} .tsc-gate__check{ display: inline-block; margin: 0 1rem .3rem 0; font-size: .95rem} .tsc-gate__row--captcha{margin-top: 1.2rem} .tsc-gate__row--captcha input{max-width: 120px} .tsc-gate__row--code input{ max-width: 160px; font-size: 1.4rem; letter-spacing: .3em; text-align: center} .tsc-gate__actions{ display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin: 1.2rem 0 .6rem} .tsc-gate__send{ padding: .75rem 1.8rem; border: 0; border-radius: 4px; background: #138808; color: #fff; font-size: 1rem; font-weight: 700; min-height: 48px; cursor: pointer} .tsc-gate__send:hover, .tsc-gate__send:focus{background: #0f6b06} .tsc-gate__restart{font-size: .9rem;color: #000080} .tsc-gate__small{margin: 0;font-size: .82rem;color: #6b7a88} .tsc-dl__upsell{ margin: 2rem 0; padding: 1.4rem; border-radius: 6px; background: #fff8ef; border-left: 4px solid #ff9933} .tsc-dl__upsell h3{margin: 0 0 .5rem;font-size: 1.15rem} .tsc-dl__upsell h4{margin: 0 0 .35rem;font-size: 1rem} .tsc-dl__upsell-grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.4rem; margin: 1.2rem 0} .tsc-dl__upsell-links a{ display: inline-block; margin: 0 .8rem .3rem 0; font-weight: 600; color: #000080} .tsc-dl__upsell-foot{margin: 0;font-weight: 600} @media (max-width: 700px){ .tsc-gate__grid, .tsc-dl__upsell-grid{ grid-template-columns: 1fr} .tsc-gate{padding: 1rem} .tsc-gate__send{width: 100%} } .tsc-dl__actions{ flex: 0 1 auto; max-width: 340px} .tsc-dl__parts{ max-width: 100%} .tsc-dl__parts .tsc-dl__hint{ display: block; max-width: 100%; margin-top: .35rem} .tsc-dl__parts{ display: block; margin-top: .4rem; padding-top: .4rem; border-top: 1px dotted #c6d0d9} .tsc-dl__parts-label{ display: block; font-size: .82rem; font-weight: 600; color: #4a5a68} .tsc-dl__part{ display: inline-block; margin: .3rem .4rem 0 0; padding: .3rem .7rem; border: 1px solid #000080; border-radius: 3px; font-size: .82rem; font-weight: 600; color: #000080; text-decoration: none; min-height: 30px; line-height: 1.6} .tsc-dl__part:hover, .tsc-dl__part:focus{ background: #000080; color: #fff} .tsc-dl__faq{ margin: 2rem 0; padding: 1.4rem; border: 1px solid #e6ebef; border-radius: 6px} .tsc-dl__faq h3{ margin: 0 0 .8rem; font-size: 1.15rem} .tsc-dl__faq-item{ border-bottom: 1px solid #eef2f5; padding: .1rem 0} .tsc-dl__faq-item:last-child{border-bottom: 0} .tsc-dl__faq-item summary{ padding: .7rem 0; font-weight: 600; color: #12212e; cursor: pointer; min-height: 44px; line-height: 1.6} .tsc-dl__faq-item p{ margin: 0 0 .8rem; color: #4a5a68} .tsc-dl__models{ margin: 2rem 0; padding: 1.4rem; border: 1px solid #e6ebef; border-radius: 6px; background: #f7f9fc} .tsc-dl__models h3{margin: 0 0 .5rem;font-size: 1.15rem} .tsc-dl__models-brand{ border-bottom: 1px solid #e6ebef} .tsc-dl__models-brand:last-of-type{border-bottom: 0} .tsc-dl__models-brand summary{ padding: .7rem 0; font-weight: 700; color: #12212e; cursor: pointer; min-height: 44px; line-height: 1.8} .tsc-dl__models-count{ display: inline-block; margin-left: .5rem; padding: 0 .5rem; border-radius: 10px; background: #000080; color: #fff; font-size: .75rem; font-weight: 700} .tsc-dl__models-list{ display: flex; flex-wrap: wrap; gap: .4rem; padding: 0 0 1rem} .tsc-dl__model{ display: inline-block; padding: .35rem .7rem; border: 1px solid #c6d0d9; border-radius: 3px; background: #fff; font-size: .85rem; color: #12212e; text-decoration: none; min-height: 32px; line-height: 1.6} .tsc-dl__model:hover, .tsc-dl__model:focus{ border-color: #138808; background: #138808; color: #fff} .tsc-dl__models-foot{margin: .8rem 0 0;font-size: .9rem;color: #4a5a68} .tsc-dl__vers{ display: block; margin-top: .4rem; padding-top: .4rem; border-top: 1px dotted #c6d0d9; max-width: 100%} .tsc-dl__vers-label{ display: block; font-size: .82rem; font-weight: 600; color: #4a5a68; margin-bottom: .25rem} .tsc-dl__ver{ display: flex; gap: .5rem; align-items: baseline; padding: .35rem .55rem; margin-bottom: .25rem; border: 1px solid #e6ebef; border-radius: 3px; background: #fff; font-size: .82rem; text-decoration: none; color: #12212e; min-height: 32px} .tsc-dl__ver:hover, .tsc-dl__ver:focus{border-color: #138808;background: #f4fbf3} .tsc-dl__ver-no{font-weight: 700;min-width: 3.5rem} .tsc-dl__ver-yr{color: #6b7a88;min-width: 2.6rem} .tsc-dl__ver-dl{color: #138808;font-weight: 700;margin-left: auto} .tsc-dl__ver-sz{color: #6b7a88;min-width: 3rem;text-align: right} .tsc-dl__lead--count{ padding: .6rem .9rem; border-left: 4px solid #138808; background: #f4fbf3; font-weight: 600} .tsc-gate__skip{ padding: .75rem 1.2rem; border: 1px solid #000080; border-radius: 4px; background: #fff; color: #000080; font-size: .9rem; font-weight: 600; min-height: 48px; cursor: pointer} .tsc-gate__skip:hover, .tsc-gate__skip:focus{background: #000080;color: #fff} @media (max-width: 700px){ .tsc-gate__skip{width: 100%} } .tsc-dl__docs{ margin: 2rem 0; padding: 1.4rem; border: 1px solid #e6ebef; border-radius: 6px} .tsc-dl__docs h3{margin: 0 0 .5rem;font-size: 1.15rem} .tsc-dl__docs-wrap summary{ padding: .7rem 0; font-weight: 600; color: #000080; cursor: pointer; min-height: 44px; line-height: 1.8} .tsc-dl__docs-list{ display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: .4rem} .tsc-dl__doc{ display: flex; justify-content: space-between; gap: .6rem; align-items: baseline; padding: .45rem .6rem; border: 1px solid #e6ebef; border-radius: 3px; font-size: .85rem; text-decoration: none; color: #12212e; min-height: 36px} .tsc-dl__doc:hover, .tsc-dl__doc:focus{border-color: #ff9933;background: #fff8ef} .tsc-dl__doc-name{overflow-wrap: anywhere} .tsc-dl__doc-size{color: #6b7a88;white-space: nowrap;font-size: .78rem} .tsc-dl__kind{ display: inline-block; margin-bottom: .25rem; padding: .1rem .5rem; border-radius: 3px; font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #fff; background: #6b7a88} .tsc-dl__kind--driver{background: #000080} .tsc-dl__kind--diagnostic{background: #b35c00} .tsc-dl__kind--software{background: #138808} .tsc-dl__kind--licence{background: #7a1fa2} .tsc-dl__kind--utility{background: #4a5a68} .tsc-gate__localcode{ margin: 0 0 1rem; padding: .7rem .9rem; border: 1px dashed #b35c00; border-radius: 4px; background: #fff8ef; font-size: .9rem} .tsc-gate__localcode code{ padding: .1rem .4rem; background: #12212e; color: #fff; font-size: 1.05rem; letter-spacing: .12em} .tsc-dl__world{ margin: 2rem 0; padding: 1.4rem; border: 1px solid #e6ebef; border-radius: 6px} .tsc-dl__world h3{margin: 0 0 .5rem;font-size: 1.15rem} .tsc-dl__world-grid{ display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: .5rem; margin: 1.2rem 0} .tsc-dl__world-item{ display: block; padding: .6rem .75rem; border: 1px solid #e6ebef; border-radius: 4px; text-decoration: none; color: #12212e; min-height: 44px} .tsc-dl__world-item:hover, .tsc-dl__world-item:focus{border-color: #000080;background: #f7f9fc} .tsc-dl__world-item--ours{border-left: 3px solid #138808} .tsc-dl__world-name{display: block;font-weight: 700;font-size: .95rem} .tsc-dl__world-flag{ display: inline-block; margin-left: .35rem; padding: 0 .35rem; border-radius: 8px; background: #138808; color: #fff; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; vertical-align: middle} .tsc-dl__world-tool{display: block;font-size: .82rem;color: #6b7a88;margin-top: .1rem} .tsc-dl__pitch{ margin: 1.4rem 0 0; padding: 1.4rem; border-radius: 6px; background: #000080; color: #fff} .tsc-dl__pitch h4{margin: 0 0 .6rem;color: #fff;font-size: 1.1rem} .tsc-dl__pitch p{margin: 0 0 .7rem;color: #e8ecf5} .tsc-dl__pitch-contact{ display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: 0; font-weight: 700} .tsc-dl__pitch-contact a{color: #ff9933} .tsc-dl__pitch-contact span{color: #c9d2ea;font-weight: 400} .tsc-dl__needzip{ display: inline-block; margin-top: .3rem; padding: .2rem .55rem; border: 1px solid #138808; border-radius: 3px; font-size: .78rem; font-weight: 700; color: #138808; text-decoration: none} .tsc-dl__needzip:hover, .tsc-dl__needzip:focus{background: #138808;color: #fff} .tsc-dl__officebar{ margin: 0 0 1.5rem; padding: .8rem 1rem; border-left: 4px solid #138808; border-radius: 4px; background: #f4fbf3; font-size: .92rem} .tsc-dl__officebar-link{display: block;margin-top: .4rem;color: #4a5a68} .tsc-dl__officebar code{ display: inline-block; margin-top: .2rem; padding: .15rem .45rem; background: #12212e; color: #fff; font-size: .8rem; user-select: all; overflow-wrap: anywhere} .tsc-cfoot{ margin-top: 2.5rem; padding: 2.2rem 0 2rem; background: var(--tsc-navy-bar,#0c0566); color: #fff} .tsc-cfoot__heading{ margin: 0 0 .3rem; color: #fff; font-size: 1.35rem} .tsc-cfoot__lead{ margin: 0 0 1.6rem; max-width: 62ch; color: #ccd2ea} .tsc-cfoot__grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 1.6rem} .tsc-cfoot__col h3{ margin: 0 0 .5rem; color: var(--tsc-saffron,#ff9933); font-size: .82rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase} .tsc-cfoot__address{ margin: 0 0 .6rem; font-style: normal; line-height: 1.65; color: #eef1fa} .tsc-cfoot__phone{ margin: 0 0 .5rem; font-size: 1.2rem; font-weight: 700} .tsc-cfoot__phone a{color: #fff;text-decoration: none} .tsc-cfoot__phone a:hover, .tsc-cfoot__phone a:focus{color: var(--tsc-saffron,#ff9933)} .tsc-cfoot__mail{ margin: 0 0 .6rem; font-weight: 700; color: #eef1fa; overflow-wrap: anywhere} .tsc-cfoot__hours{margin: 0 0 .6rem;line-height: 1.7;color: #eef1fa} .tsc-cfoot__hours strong{color: var(--tsc-saffron,#ff9933);font-size: 1.05rem} .tsc-cfoot__links{ display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 0 0 .5rem} .tsc-cfoot__links a{ color: #ffd9b3; font-weight: 600; font-size: .9rem; min-height: 24px; line-height: 1.7} .tsc-cfoot__links a:hover, .tsc-cfoot__links a:focus{color: #fff} .tsc-cfoot__btn{ display: inline-block; padding: .55rem 1.1rem; border-radius: 4px; background: var(--tsc-saffron,#ff9933); color: var(--tsc-ink-on-saffron,#2b1400) !important; font-weight: 700; text-decoration: none; min-height: 44px; line-height: 2} .tsc-cfoot__btn:hover, .tsc-cfoot__btn:focus{background: #ffb15c;color: var(--tsc-ink-on-saffron,#2b1400) !important} .tsc-cfoot__wa{color: #9ff0a8 !important} .tsc-cfoot__note{ margin: 0; font-size: .84rem; color: #b9c1de; line-height: 1.6} @media (max-width: 600px){ .tsc-cfoot{padding: 1.6rem 0 1.4rem} .tsc-cfoot__grid{gap: 1.3rem} .tsc-cfoot__btn{width: 100%;text-align: center} } .tsc-cfoot__closed{ margin: 0 0 .6rem; padding: .45rem .6rem; border-left: 3px solid var(--tsc-saffron,#ff9933); background: rgba(255,255,255,.07); font-size: .84rem; line-height: 1.55; color: #eef1fa} .tsc-cfoot__remote{ display: grid; grid-template-columns: minmax(0,2fr) minmax(220px,1fr); gap: 1.6rem; margin-top: 1.8rem; padding-top: 1.6rem; border-top: 2px solid var(--tsc-saffron,#ff9933)} .tsc-cfoot__remote h3{ margin: 0 0 .5rem; color: var(--tsc-saffron,#ff9933); font-size: 1.05rem; letter-spacing: 0; text-transform: none} .tsc-cfoot__remote p{ margin: 0 0 .6rem; color: #eef1fa; line-height: 1.65} .tsc-cfoot__remote-price{ display: flex; flex-direction: column; gap: .1rem; padding: 1rem 1.1rem; border-radius: 6px; background: rgba(255,255,255,.08)} .tsc-cfoot__remote-label{ font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--tsc-saffron,#ff9933)} .tsc-cfoot__remote-fig{ margin-top: .35rem; font-size: 1.5rem; font-weight: 800; line-height: 1.15; color: #fff} .tsc-cfoot__remote-fig small{font-size: .72rem;font-weight: 600;color: #ccd2ea} .tsc-cfoot__remote-sub{font-size: .82rem;color: #b9c1de} @media (max-width: 700px){ .tsc-cfoot__remote{grid-template-columns: 1fr} } .tsc-prn, .tsc-bank{ padding: 28px 0 48px} .tsc-prn__crumbs, .tsc-bank__crumbs{ font-size: 13px; color: var(--tsc-muted); margin-bottom: 14px} .tsc-prn__crumbs a, .tsc-bank__crumbs a{ color: var(--tsc-accent)} .tsc-prn__crumbs span[aria-hidden]{ margin: 0 6px} .tsc-prn__title, .tsc-bank__title{ font-size: clamp(26px,4.4vw,38px); line-height: 1.18; margin: 0 0 12px; color: var(--tsc-navy-deep)} .tsc-prn__lead, .tsc-bank__lead{ font-size: 17px; line-height: 1.6; max-width: 68ch; color: var(--tsc-ink-soft); margin: 0 0 16px} .tsc-prn__charge{ display: inline-block; margin: 0 0 20px; padding: 10px 14px; border-left: 4px solid var(--tsc-saffron); background: #fff8f0; border-radius: 0 var(--tsc-radius) var(--tsc-radius) 0; font-size: 15px; color: var(--tsc-ink); max-width: 68ch} .tsc-prn__actions{ display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 34px} .tsc-prn__btn, .tsc-bank__btn{ display: inline-block; padding: 11px 18px; border-radius: var(--tsc-radius); background: var(--tsc-accent); color: #fff; font-weight: 600; font-size: 15px; line-height: 1.2; text-decoration: none; border: 1px solid var(--tsc-accent)} .tsc-prn__btn:hover, .tsc-prn__btn:focus, .tsc-bank__btn:hover, .tsc-bank__btn:focus{ background: var(--tsc-accent-dark); border-color: var(--tsc-accent-dark); color: #fff} .tsc-prn__btn--alt, .tsc-bank__btn--alt{ background: #fff; color: var(--tsc-navy-bar) !important; border-color: var(--tsc-navy-bar)} .tsc-prn__btn--alt:hover, .tsc-prn__btn--alt:focus, .tsc-bank__btn--alt:hover, .tsc-bank__btn--alt:focus{ background: var(--tsc-navy-bar); color: #fff !important; border-color: var(--tsc-navy-bar)} .tsc-prn__sec, .tsc-bank__sec{ margin: 0 0 32px; max-width: 78ch} .tsc-prn__sec h2, .tsc-bank__sec h2{ font-size: 21px; margin: 0 0 10px; color: var(--tsc-navy-deep)} .tsc-prn__sec p, .tsc-bank__sec p{ font-size: 15.5px; line-height: 1.65; color: var(--tsc-ink-soft); margin: 0 0 12px} .tsc-prn__brandnote{ border-left: 3px solid var(--tsc-green-dark); background: #f4faf3; padding: 10px 12px; border-radius: 0 var(--tsc-radius) var(--tsc-radius) 0} .tsc-prn__list, .tsc-prn__need{ margin: 0 0 12px; padding-left: 20px} .tsc-prn__list li, .tsc-prn__need li{ font-size: 15.5px; line-height: 1.6; color: var(--tsc-ink-soft); margin-bottom: 8px} .tsc-prn__list strong{ color: var(--tsc-ink)} .tsc-prn__how{ display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 14px; margin-top: 14px} .tsc-prn__how > div{ border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); padding: 14px} .tsc-prn__how h3{ font-size: 15px; margin: 0 0 8px; color: var(--tsc-navy-deep)} .tsc-prn__how code{ display: block; overflow-wrap: anywhere; white-space: pre-wrap; background: var(--tsc-navy-deep); color: #eef2ff; padding: 9px 11px; border-radius: 4px; font-size: 13px; margin-bottom: 8px} .tsc-prn__how p{ font-size: 13.5px; margin: 0} .tsc-prn__note{ font-size: 14px; color: var(--tsc-muted)} .tsc-prn__stock{ border: 1px solid var(--tsc-border); border-radius: var(--tsc-radius); background: var(--tsc-bg-soft); padding: 18px; max-width: none} .tsc-prn__links, .tsc-bank__links{ display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 10px 0 0; align-items: center} .tsc-prn__links a{ color: var(--tsc-accent); font-weight: 600; font-size: 15px} .tsc-prn__faq dt{ font-weight: 700; color: var(--tsc-ink); margin-top: 14px; font-size: 15.5px} .tsc-prn__faq dd{ margin: 6px 0 0; font-size: 15px; line-height: 1.6; color: var(--tsc-ink-soft)} .tsc-prn__brands{ display: grid; grid-template-columns: repeat(auto-fit,minmax(215px,1fr)); gap: 10px} .tsc-prn__brand{ display: block; border: 1px solid var(--tsc-border); border-left: 4px solid var(--tsc-saffron); border-radius: var(--tsc-radius); padding: 12px 14px; text-decoration: none; background: #fff} .tsc-prn__brand:hover, .tsc-prn__brand:focus{ border-color: var(--tsc-accent); border-left-color: var(--tsc-accent); background: #fff8f0} .tsc-prn__brand-name{ display: block; font-weight: 700; color: var(--tsc-navy-deep); font-size: 15px} .tsc-prn__brand-lang{ display: block; font-size: 13px; color: var(--tsc-muted); margin-top: 3px} .tsc-prn__back, .tsc-bank__back{ margin: 28px 0 0; font-size: 15px} .tsc-prn__back a, .tsc-bank__back a{ color: var(--tsc-accent); font-weight: 600} .tsc-prnblock{ border: 1px solid var(--tsc-border); border-top: 3px solid var(--tsc-green-dark); border-radius: var(--tsc-radius); background: #f4faf3; padding: 18px; margin: 26px 0} .tsc-prnblock__title{ font-size: 19px; margin: 0 0 8px; color: var(--tsc-navy-deep)} .tsc-prnblock__text{ font-size: 15px; line-height: 1.6; color: var(--tsc-ink-soft); margin: 0 0 12px; max-width: 74ch} .tsc-prnblock__links{ margin: 0} .tsc-prnblock__btn{ display: inline-block; padding: 10px 16px; border-radius: var(--tsc-radius); background: var(--tsc-green-dark); border: 1px solid var(--tsc-green-dark); color: #fff; font-weight: 600; font-size: 15px; text-decoration: none} .tsc-prnblock__btn:hover, .tsc-prnblock__btn:focus{ background: #084403; border-color: #084403; color: #fff} .tsc-bank__warn{ border: 2px solid var(--tsc-accent); border-radius: var(--tsc-radius); background: #fff8f0; padding: 16px 18px; margin: 0 0 24px; max-width: 78ch} .tsc-bank__warn h2{ font-size: 18px; margin: 0 0 8px; color: var(--tsc-accent-dark)} .tsc-bank__warn p{ font-size: 15px; line-height: 1.6; margin: 0 0 8px; color: var(--tsc-ink)} .tsc-bank__warn p:last-child{ margin-bottom: 0} .tsc-bank__cards{ display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 14px; margin: 0 0 30px} .tsc-bank__card{ border: 1px solid var(--tsc-border); border-top: 3px solid var(--tsc-navy-bar); border-radius: var(--tsc-radius); background: #fff; padding: 16px} .tsc-bank__bank{ font-size: 17px; margin: 0 0 10px; color: var(--tsc-navy-deep)} .tsc-bank__dl{ margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; align-items: baseline} .tsc-bank__dl dt{ font-size: 12.5px; text-transform: uppercase; letter-spacing: .03em; color: var(--tsc-muted); white-space: nowrap} .tsc-bank__dl dd{ margin: 0; font-size: 14.5px; color: var(--tsc-ink); overflow-wrap: anywhere} .tsc-bank__num{ font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size: 15.5px; font-weight: 600; letter-spacing: .02em; color: var(--tsc-navy-deep); user-select: all} .tsc-cfoot__more{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 16px; margin: 18px 0 0; font-size: 15px; text-align: center} .tsc-cfoot__more a{ display: inline-block; padding: 9px 18px; border: 1px solid currentColor; border-radius: 999px; font-weight: 700; text-decoration: none; line-height: 1.3; color: var(--tsc-accent); transition: color .15s ease,background-color .15s ease,border-color .15s ease} .tsc-cfoot__more a:hover, .tsc-cfoot__more a:focus-visible{ border-color: var(--tsc-accent); background: var(--tsc-accent); color: #fff} @media (max-width: 600px){ .tsc-prn__actions .tsc-prn__btn{ flex: 1 1 100%; text-align: center} .tsc-prn__how code{ font-size: 12px} } .tsc-freight-note, .tsc-pack-note{ display: flex; align-items: baseline; gap: 8px; margin: 10px 0 0; padding: 8px 12px; border-left: 3px solid var(--tsc-accent); background: #f7f8fa; border-radius: 0 4px 4px 0; font-size: 14.5px; line-height: 1.5; color: #2b3440} .tsc-freight-note .woocommerce-Price-amount{ font-weight: 700; color: var(--tsc-navy-deep,#14243a)} .tsc-pack-note{ border-left-color: var(--tsc-success,#1c7a43); font-weight: 600}