/* Shared touch, safe-area, and fold/unfold polish across the preview. */
html { -webkit-text-size-adjust:100%; }
body { padding-left:env(safe-area-inset-left,0px); padding-right:env(safe-area-inset-right,0px); }
button,a,input,select,textarea { touch-action:manipulation; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #81d8d0; outline-offset:5px; }
@media(pointer:coarse){
 .tp-page .tp-nav-close,.tp-page .tp-filter,.tc-link { min-height:44px; }
 .tp-page .tp-text-link { min-height:44px; display:inline-flex; align-items:center; }
 input,textarea,select { font-size:max(16px,1em); }
}
@media(max-width:360px){
 .tp-page .tp-header { gap:12px; padding-inline:16px; }
 .tp-page .tp-brand img { width:110px; }
 .tp-page .tp-header-right { gap:6px; }
 .tp-page .tp-header-right>.tp-button { padding-inline:12px; font-size:10px; }
}
@media(max-width:1023px){
 body .header[data-v-3406ae5c] { padding:12px 16px; gap:12px; align-items:center; }
 .header .logo { width:44px; height:44px; flex:0 0 44px; }
 .header .logo img { width:44px; height:44px; }
 .header-btn .btn { height:44px; min-height:44px; padding:12px 14px; }
 .header-btn .btn-text { font-size:10px; }
 .header .burger-wrap .burger { width:44px; height:44px; margin-left:0; }
 .hero .content[data-v-828729d2] { padding-top:max(190px,20svh); }
 .hero .title[data-v-828729d2] { font-size:clamp(52px,13vw,88px); letter-spacing:-.075em; }
 .tetri-tmj-promo { top:90px; left:20px; right:20px; width:auto; padding:10px 14px; }
 .tetri-tmj-promo>p { margin-bottom:8px; }
 .tetri-tmj-promo>a { display:flex; align-items:center; justify-content:space-between; gap:20px; }
 .tetri-tmj-promo>a>span:first-child { font-size:17px; }
 .tetri-tmj-promo-action { border:0; margin:0; padding:0; max-width:105px; line-height:1.4; font-size:10px; }
 .tetri-tmj-promo-action b { font-size:20px; }
}
@media(max-width:1023px) and (max-height:600px){
 .hero .content[data-v-828729d2] { padding-top:180px; }
 .hero .title[data-v-828729d2] { font-size:clamp(36px,8.8svh,52px); line-height:.9; margin-bottom:24px; }
 .hero .descr[data-v-828729d2] { font-size:12px; line-height:1.2; }
}
@media(max-width:1023px) and (max-height:450px){
 .hero .content[data-v-828729d2] { padding-top:175px; }
 .hero .title[data-v-828729d2] { font-size:clamp(26px,8.5svh,40px); }
 .hero .descr[data-v-828729d2] { display:none; }
}
@media(prefers-reduced-motion:reduce){
 html { scroll-behavior:auto; }
}