:root{--tr-black: #0a0a0b;--tr-graphite: #2b2c30;--tr-graphite-2: #1a1b1e;--tr-gray: #6e6e73;--tr-gray-2: #a1a1a6;--tr-light: #e8e8ed;--tr-off: #f5f5f7;--tr-white: #ffffff;--tr-radius: 18px;--tr-radius-sm: 12px;--tr-ease: cubic-bezier(.2, .7, .2, 1);--tr-gutter: clamp(16px, 4vw, 48px);--tr-max: 1280px;--tr-font: var(--font-body--family, "Inter", system-ui, -apple-system, sans-serif);--tr-font-head: var(--font-heading--family, var(--tr-font))}.tr-wrap{max-width:var(--tr-max);margin-inline:auto;padding-inline:var(--tr-gutter)}.tr-section{padding-block:clamp(56px,8vw,112px);font-family:var(--tr-font);color:var(--tr-black)}.tr-section--off{background:var(--tr-off)}.tr-section--dark{background:var(--tr-black);color:var(--tr-white)}.tr-section--tight{padding-block:clamp(40px,5vw,72px)}.tr-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tr-gray);margin:0 0 14px}.tr-section--dark .tr-eyebrow{color:var(--tr-gray-2)}.tr-h2{font-family:var(--tr-font-head);font-weight:600;letter-spacing:-.025em;font-size:clamp(30px,4.2vw,52px);line-height:1.06;margin:0;text-wrap:balance}.tr-lead{font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:var(--tr-gray);margin:14px 0 0;max-width:60ch;text-wrap:pretty}.tr-section--dark .tr-lead{color:var(--tr-gray-2)}.tr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,4vw,48px);flex-wrap:wrap}.tr-head--center{flex-direction:column;align-items:center;text-align:center}.tr-head--center .tr-lead{margin-inline:auto}.tr-btn{--b-bg: var(--tr-black);--b-fg: var(--tr-white);--b-bd: var(--tr-black);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;background:var(--b-bg);color:var(--b-fg);border:1px solid var(--b-bd);font:600 15px/1 var(--tr-font);letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:transform .35s var(--tr-ease),background .25s,color .25s,border-color .25s,box-shadow .35s var(--tr-ease);-webkit-tap-highlight-color:transparent}.tr-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px -12px #00000073;text-decoration:none}.tr-btn:active{transform:translateY(0) scale(.98)}.tr-btn:focus-visible{outline:2px solid var(--tr-gray);outline-offset:3px}.tr-btn--light{--b-bg: var(--tr-white);--b-fg: var(--tr-black);--b-bd: var(--tr-white)}.tr-btn--ghost{--b-bg: transparent;--b-fg: currentColor;--b-bd: currentColor}.tr-btn--ghost:hover{--b-bg: var(--tr-black);--b-fg: var(--tr-white);--b-bd: var(--tr-black)}.tr-section--dark .tr-btn--ghost:hover,.tr-hero .tr-btn--ghost:hover{--b-bg: var(--tr-white);--b-fg: var(--tr-black);--b-bd: var(--tr-white)}.tr-btn--sm{min-height:42px;padding:0 18px;font-size:14px}.tr-btn--block{width:100%}.tr-btn[disabled],.tr-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.tr-link{color:inherit;font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;gap:6px;align-items:center}.tr-link svg{transition:transform .3s var(--tr-ease)}.tr-link:hover svg{transform:translate(3px)}.tr-hero{position:relative;overflow:hidden;background:var(--tr-black);color:var(--tr-white);font-family:var(--tr-font)}.tr-hero__grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);min-height:min(86vh,820px);padding-block:clamp(56px,8vw,96px)}.tr-hero__title{font-family:var(--tr-font-head);font-weight:600;letter-spacing:-.035em;font-size:clamp(40px,6.4vw,88px);line-height:1;margin:0;text-wrap:balance}.tr-hero__title em{font-style:normal;color:var(--tr-gray-2)}.tr-hero__text{font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:var(--tr-gray-2);margin:22px 0 0;max-width:46ch}.tr-hero__price{margin-top:22px;font-size:15px;color:var(--tr-gray-2)}.tr-hero__price strong{color:var(--tr-white);font-size:22px;font-weight:600;margin-left:6px;letter-spacing:-.01em}.tr-hero__actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.tr-hero__media{position:relative;aspect-ratio:1 / 1;border-radius:28px;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#2b2c30,#121214 60%,#0a0a0b)}.tr-hero__media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform 1.6s var(--tr-ease)}.tr-hero__media img.tr-contain{object-fit:contain;padding:8%}.tr-hero:hover .tr-hero__media img{transform:scale(1.05)}.tr-hero__glow{position:absolute;inset:auto -20% -40% -20%;height:70%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.08),transparent 70%);pointer-events:none}.tr-hero--full .tr-hero__grid{grid-template-columns:1fr;text-align:center;justify-items:center}.tr-hero--full .tr-hero__actions{justify-content:center}.tr-hero--full .tr-hero__text{margin-inline:auto}.tr-grid{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:clamp(14px,2vw,24px)}.tr-card{position:relative;display:flex;flex-direction:column;background:var(--tr-white);border-radius:var(--tr-radius);overflow:hidden;transition:transform .5s var(--tr-ease),box-shadow .5s var(--tr-ease);isolation:isolate}.tr-section--off .tr-card{background:var(--tr-white)}.tr-section:not(.tr-section--off) .tr-card{background:var(--tr-off)}.tr-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px #00000059}.tr-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;display:block;background:var(--tr-off)}.tr-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s var(--tr-ease),transform .9s var(--tr-ease)}.tr-card__media img+img{opacity:0}.tr-card:hover .tr-card__media img:first-child{transform:scale(1.04)}.tr-card:hover .tr-card__media img+img{opacity:1}.tr-card__badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--tr-black);color:var(--tr-white);font:600 11px/1 var(--tr-font);letter-spacing:.06em;padding:7px 10px;border-radius:999px;text-transform:uppercase}.tr-card__badge--muted{background:var(--tr-white);color:var(--tr-gray)}.tr-card__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}.tr-card__title{font:600 15px/1.35 var(--tr-font);letter-spacing:-.01em;color:var(--tr-black);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.tr-card__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.tr-card__variants{font-size:13px;color:var(--tr-gray)}.tr-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.tr-price__now{font:600 17px/1.2 var(--tr-font);letter-spacing:-.01em;color:var(--tr-black)}.tr-price__was{font-size:14px;color:var(--tr-gray);text-decoration:line-through}.tr-price__off{font-size:12px;font-weight:600;color:var(--tr-black);background:var(--tr-light);padding:3px 7px;border-radius:6px}.tr-card__cta{margin-top:auto;padding-top:12px;position:relative;z-index:2}.tr-card__cta .tr-btn{width:100%;min-height:44px;font-size:14px}.tr-card__cta .tr-btn.is-loading{opacity:.7;pointer-events:none}.tr-card__cta .tr-btn.is-added{--b-bg: var(--tr-graphite);--b-bd: var(--tr-graphite)}.tr-cats{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:clamp(12px,2vw,20px)}.tr-cat{position:relative;display:block;border-radius:var(--tr-radius);overflow:hidden;aspect-ratio:4 / 5;background:var(--tr-graphite-2);color:var(--tr-white);text-decoration:none;isolation:isolate}.tr-cat img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--tr-ease);z-index:-1}.tr-cat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0b00 40%,#0a0a0bc7);z-index:0}.tr-cat:hover img{transform:scale(1.06)}.tr-cat__body{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.tr-cat__title{font:600 clamp(18px,1.8vw,22px)/1.15 var(--tr-font-head);letter-spacing:-.02em;margin:0}.tr-cat__count{font-size:13px;color:var(--tr-gray-2);margin-top:4px}.tr-cat__arrow{width:40px;height:40px;border-radius:50%;background:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;flex:none;transition:background .3s,transform .4s var(--tr-ease)}.tr-cat:hover .tr-cat__arrow{background:var(--tr-white);color:var(--tr-black);transform:rotate(-45deg)}.tr-promo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);background:var(--tr-black);color:var(--tr-white);border-radius:28px;overflow:hidden;padding:clamp(28px,5vw,64px)}.tr-promo__media{aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;background:var(--tr-graphite-2)}.tr-promo__media img{width:100%;height:100%;object-fit:cover}.tr-promo .tr-lead{color:var(--tr-gray-2)}.tr-promo__code{display:inline-flex;align-items:center;gap:10px;margin-top:22px;border:1px dashed rgba(255,255,255,.35);border-radius:12px;padding:12px 16px;font:600 15px/1 var(--tr-font);letter-spacing:.08em}.tr-promo__code button{background:none;border:0;color:var(--tr-gray-2);cursor:pointer;font:500 13px/1 var(--tr-font);letter-spacing:0;padding:0}.tr-promo__code button:hover{color:var(--tr-white)}.tr-benefits{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:clamp(12px,2vw,20px)}.tr-benefit{padding:28px 24px;border-radius:var(--tr-radius);background:var(--tr-white);border:1px solid var(--tr-light);transition:border-color .3s,transform .5s var(--tr-ease)}.tr-section--dark .tr-benefit{background:var(--tr-graphite-2);border-color:#26272b}.tr-benefit:hover{transform:translateY(-3px);border-color:var(--tr-gray-2)}.tr-benefit__icon{width:44px;height:44px;border-radius:12px;background:var(--tr-black);color:var(--tr-white);display:grid;place-items:center;margin-bottom:18px}.tr-section--dark .tr-benefit__icon{background:var(--tr-white);color:var(--tr-black)}.tr-benefit__title{font:600 17px/1.3 var(--tr-font);letter-spacing:-.01em;margin:0 0 8px}.tr-benefit__text{font-size:14.5px;line-height:1.55;color:var(--tr-gray);margin:0}.tr-section--dark .tr-benefit__text{color:var(--tr-gray-2)}.tr-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px)}.tr-review{background:var(--tr-white);border:1px solid var(--tr-light);border-radius:var(--tr-radius);padding:28px;display:flex;flex-direction:column;gap:16px}.tr-review__stars{display:flex;gap:2px;color:var(--tr-black)}.tr-review__text{font-size:16px;line-height:1.6;margin:0}.tr-review__who{margin-top:auto;font-size:14px;color:var(--tr-gray)}.tr-review__who strong{color:var(--tr-black);display:block;font-weight:600}.tr-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(24px,5vw,80px);align-items:start}.tr-faq__list{border-top:1px solid var(--tr-light)}.tr-faq details{border-bottom:1px solid var(--tr-light)}.tr-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:600 17px/1.35 var(--tr-font);letter-spacing:-.01em}.tr-faq summary::-webkit-details-marker{display:none}.tr-faq summary:focus-visible{outline:2px solid var(--tr-gray);outline-offset:4px;border-radius:4px}.tr-faq__icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--tr-light);display:grid;place-items:center;flex:none;transition:transform .4s var(--tr-ease),background .3s,color .3s}.tr-faq details[open] .tr-faq__icon{transform:rotate(45deg);background:var(--tr-black);color:var(--tr-white);border-color:var(--tr-black)}.tr-faq__answer{padding:0 0 22px;color:var(--tr-gray);font-size:15.5px;line-height:1.65;max-width:65ch}.tr-faq__answer p{margin:0 0 10px}.tr-faq details[open] .tr-faq__answer{animation:tr-fade .45s var(--tr-ease)}.tr-faq--stack{grid-template-columns:1fr}.tr-pdp-trust{display:grid;gap:10px;padding:18px;border-radius:var(--tr-radius-sm);background:var(--tr-off);font-family:var(--tr-font);margin-top:4px}.tr-pdp-trust__row{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--tr-graphite)}.tr-pdp-trust__row svg{flex:none;margin-top:1px}.tr-pdp-trust__row strong{color:var(--tr-black);font-weight:600}.tr-pdp-trust__pay{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid var(--tr-light);margin-top:4px}.tr-pdp-trust__pay svg{height:24px;width:auto}.tr-discount{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--tr-font);letter-spacing:.04em;text-transform:uppercase;background:var(--tr-black);color:var(--tr-white);padding:7px 11px;border-radius:999px;width:fit-content}.tr-specs{width:100%;border-collapse:collapse;font-size:15px}.tr-specs th,.tr-specs td{text-align:left;padding:16px 0;border-bottom:1px solid var(--tr-light);vertical-align:top}.tr-specs th{width:40%;color:var(--tr-gray);font-weight:500;padding-right:24px}.tr-specs td{color:var(--tr-black);font-weight:500}.tr-pdp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}.tr-rte{font-size:16px;line-height:1.7;color:var(--tr-graphite)}.tr-rte img{max-width:100%;height:auto;border-radius:var(--tr-radius-sm)}.tr-footer{background:var(--tr-black);color:var(--tr-gray-2);font-family:var(--tr-font);padding-block:clamp(56px,7vw,88px) 28px}.tr-footer__top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:clamp(28px,4vw,56px);padding-bottom:48px;border-bottom:1px solid #222326}.tr-footer__brand{font:700 22px/1 var(--tr-font-head);letter-spacing:.18em;color:var(--tr-white);text-decoration:none}.tr-footer__about{margin:18px 0 0;font-size:14.5px;line-height:1.6;max-width:38ch}.tr-footer h3{font:600 13px/1 var(--tr-font);letter-spacing:.12em;text-transform:uppercase;color:var(--tr-white);margin:6px 0 20px}.tr-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.tr-footer a{color:var(--tr-gray-2);text-decoration:none;font-size:14.5px;transition:color .2s}.tr-footer a:hover{color:var(--tr-white)}.tr-footer__social{display:flex;gap:10px;margin-top:24px}.tr-footer__social a{width:40px;height:40px;border-radius:50%;border:1px solid #2b2c30;display:grid;place-items:center}.tr-footer__social a:hover{border-color:var(--tr-white)}.tr-footer__news{display:flex;gap:8px;margin-top:8px}.tr-footer__news input{flex:1;min-width:0;height:48px;border-radius:999px;border:1px solid #2b2c30;background:var(--tr-graphite-2);color:var(--tr-white);padding:0 18px;font:400 14px var(--tr-font)}.tr-footer__news input::placeholder{color:var(--tr-gray)}.tr-footer__news input:focus{outline:none;border-color:var(--tr-gray-2)}.tr-footer__news .tr-btn{min-height:48px;padding:0 20px}.tr-footer__msg{font-size:13px;margin-top:10px;color:var(--tr-white)}.tr-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;flex-wrap:wrap;font-size:13px}.tr-footer__pay{display:flex;flex-wrap:wrap;gap:6px}.tr-footer__pay svg{height:24px;width:auto}.tr-footer__legal{display:flex;flex-wrap:wrap;gap:18px}.tr-footer__legal a{font-size:13px}.tr-toast{position:fixed;left:50%;bottom:20px;z-index:1000;transform:translate(-50%,140%);width:min(440px,calc(100vw - 32px));background:var(--tr-black);color:var(--tr-white);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 24px 60px -20px #0009;transition:transform .5s var(--tr-ease);font-family:var(--tr-font)}.tr-toast.is-visible{transform:translate(-50%)}.tr-toast img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--tr-graphite);flex:none}.tr-toast__txt{flex:1;min-width:0;font-size:14px;line-height:1.35}.tr-toast__txt strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-toast__txt span{color:var(--tr-gray-2);font-size:13px}.tr-toast .tr-btn{min-height:40px;padding:0 16px;font-size:13px}@keyframes tr-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tr-js [data-tr-reveal]{opacity:0;transform:translateY(24px);transition:opacity .9s var(--tr-ease),transform .9s var(--tr-ease);transition-delay:calc(var(--d, 0) * 80ms)}.tr-js [data-tr-reveal].is-in{opacity:1;transform:none}.shopify-design-mode [data-tr-reveal]{opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){.tr-js [data-tr-reveal]{opacity:1;transform:none;transition:none}.tr-card,.tr-card img,.tr-cat img,.tr-hero__media img,.tr-btn{transition:none!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.header-logo{letter-spacing:.2em;font-weight:700!important;text-transform:uppercase}.button,.button-secondary,button.add-to-cart-button,.shopify-payment-button__button--unbranded{border-radius:999px!important}.product-details .add-to-cart-button,.product-details .button{min-height:54px;font-weight:600;letter-spacing:-.005em}.product-details h1{letter-spacing:-.025em;font-weight:600}.announcement-bar__text{letter-spacing:.02em}@media(max-width:989px){.tr-grid,.tr-cats,.tr-benefits{--cols: 2 !important}.tr-reviews{grid-template-columns:1fr}.tr-footer__top{grid-template-columns:1fr 1fr}.tr-footer__top>:first-child{grid-column:1 / -1}.tr-faq,.tr-pdp-tabs{grid-template-columns:1fr}}@media(max-width:749px){.tr-hero__grid{grid-template-columns:1fr;min-height:0;padding-block:40px 48px;text-align:left;gap:28px}.tr-hero__media{order:-1;border-radius:22px;aspect-ratio:4 / 3.4}.tr-hero__actions .tr-btn{flex:1 1 auto}.tr-promo{grid-template-columns:1fr;border-radius:22px}.tr-promo__media{order:-1;aspect-ratio:4 / 3}.tr-card__body{padding:12px 12px 14px}.tr-card__title{font-size:14px}.tr-price__now{font-size:15.5px}.tr-cat{aspect-ratio:3 / 4}.tr-cat__body{left:14px;right:14px;bottom:14px}.tr-cat__arrow{width:34px;height:34px}.tr-benefits{--cols: 1 !important}.tr-benefit{padding:22px 20px;display:grid;grid-template-columns:44px 1fr;column-gap:16px}.tr-benefit__icon{margin:0;grid-row:span 2}.tr-footer__top{grid-template-columns:1fr}.tr-footer__bottom{flex-direction:column;align-items:flex-start}.tr-scroll-mobile{display:grid;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--tr-gutter) * -1);padding-inline:var(--tr-gutter);scrollbar-width:none;padding-bottom:6px}.tr-scroll-mobile::-webkit-scrollbar{display:none}.tr-scroll-mobile>*{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/technoroom.css.map */