/* Shared responsive layout for the homepage and sewing catalogue. */
:root{--tek-page-gutter:clamp(16px,3vw,32px)}
.tek-shell{width:calc(100% - var(--tek-page-gutter)*2);max-width:1200px}
.tek-products-head>*,.tek-product,.tek-product-body>*,.tek-reviews-header>*,.tek-faq-grid>*,.tek-contact-shell>*,.sewing-card,.sc-qv-grid>*{min-width:0}
.tek-products-head .tek-copy{flex:0 1 360px}
.tek-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.tek-product{min-height:0}
.tek-product-media{height:auto;aspect-ratio:4/3;padding:16px}
.tek-product-body{flex-wrap:wrap;align-items:center;gap:12px;padding:18px}
.tek-product h3{line-height:1.3}
.tek-product-link{margin:0;min-height:44px;white-space:normal}
.tek-product-link svg{flex-shrink:0}
.tek-filters{flex-wrap:wrap;gap:8px 24px;overflow:visible;margin-top:36px;padding-bottom:8px}
.tek-filter{min-height:44px;padding:10px 0;font-size:.9rem}
.tek-product.is-filtered{display:none}
#produtos .reveal{opacity:1;transform:none;transition-delay:0s}
.tek-review-link{width:auto;align-self:flex-start;max-width:100%}
.tek-review-link svg,.tek-reviews-more svg{flex-shrink:0}
.tek-reviews-more{white-space:normal}
.tek-review-author>div{min-width:0}
.tek-review-author cite{overflow-wrap:anywhere}
.tek-footer-links{flex-wrap:wrap}
.tek-footer-row>*{min-width:0}
.tek-contact-map iframe{max-width:100%}
.tek-contact-map-preview iframe{max-width:100%}
.sc-ecom-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.sc-qv-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.sc-modal,.sc-ecom-modal,.sc-quickview-dialog{overscroll-behavior:contain}
.mobile-menu{overflow-y:auto;max-height:100dvh;justify-content:flex-start;padding:76px 20px max(24px,env(safe-area-inset-bottom));gap:8px}
.mobile-menu a{min-height:44px;flex-shrink:0;text-align:center}

@media(max-width:1280px){
  .nav-links{display:none}
  .nav-burger{display:flex}
}
@media(max-width:1100px){
  .tek-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tek-products-head{display:grid;grid-template-columns:1fr;gap:20px}
  .tek-products-head .tek-copy{margin:0;max-width:56ch}
  .tek-products-head .tek-heading{font-size:clamp(32px,5vw,56px)}
  .tek-reviews-header{flex-wrap:wrap;gap:24px}
  #montar-sua-peca .tek-personalization-copy h2 strong{white-space:normal}
}
@media(max-width:980px){
  #contato .tek-contact-grid{grid-template-columns:1fr;gap:30px;max-width:720px}
}
@media(prefers-reduced-motion:reduce) and (min-width:901px){
  /* Natural document flow keeps every chapter readable on short screens. */
  .tek-about-track{height:auto}
  .tek-about-stage{height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible}
  .tek-about-media-stage{position:relative;inset:auto;height:auto;aspect-ratio:16/9;width:100%}
  .tek-about-video-wrap{height:100%}
  .tek-about-video{object-fit:cover;object-position:center}
  .tek-about-overlay{background:linear-gradient(180deg,transparent 55%,#080c10 100%)}
  .tek-about-container{position:relative;inset:auto;height:auto;max-width:1200px;margin-inline:auto;padding:28px var(--tek-page-gutter) 48px}
  .tek-about-content{max-width:680px;margin:0}
  .tek-about-screens-stack{display:flex;flex-direction:column;gap:30px;min-height:0}
  .tek-about-screen{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none}
  .tek-about-screen-title{font-size:clamp(26px,4.8vw,38px);line-height:1.15}
  .tek-about-screen-body p,.tek-about-screen-body p.tek-highlight-p{font-size:16px;line-height:1.6}
  .tek-about-footer-nav{display:none}
  .tek-about-actions{flex-direction:row;align-items:stretch;gap:12px}
  .tek-about-actions a{width:auto;flex:1 1 220px;min-height:48px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce) and (max-width:900px){
  .tek-about-screen,.tek-about-video{transition:none}
}
@media(max-width:820px){
  .tek-section .reveal{opacity:1;transform:none;transition-delay:0s}
  .nav{height:60px}
  .nav-brand .nav-logo{height:30px;max-width:160px;object-fit:contain}
  .nav-right{margin-left:auto;flex:0 0 auto}
  .nav-cta .btn{display:none}
  .nav-burger{min-width:44px;min-height:44px}
  .tek-products{padding:64px 0 48px}
  .tek-product-body{display:flex;padding:14px;gap:8px 14px}
  .tek-products-head .tek-heading{font-size:clamp(30px,5.4vw,44px);line-height:1.08}
  .tek-assistance .tek-heading{font-size:clamp(32px,6vw,48px);line-height:1.08}
  .tek-assistance .tek-cta{min-width:0;max-width:100%;white-space:normal;text-align:center;min-height:48px}
  .tek-faq-title{font-size:clamp(32px,6vw,48px);line-height:1.08}
  .tek-faq-trigger{gap:16px}
  .tek-faq-question{min-width:0}
  .tek-faq-icon{flex-shrink:0}
  .tek-reviews h2{font-size:clamp(30px,5vw,44px);line-height:1.12}
  .tek-reviews-grid{grid-template-columns:1fr}
  .tek-review-card blockquote{font-size:18px;line-height:1.6}
  .tek-reviews .tek-shell{width:calc(100% - var(--tek-page-gutter)*2)}
  .tek-footer-row{flex-direction:column;align-items:flex-start;gap:20px}
  .tek-footer-links{gap:14px 22px;line-height:1.5}
  .tek-footer-links a{display:inline-flex;align-items:center;min-height:44px}
  .tek-footer-note{text-align:left;margin:0}
  .sc-quickview-modal{padding:12px}
  .sc-quickview-dialog{max-height:calc(100dvh - 24px);padding:48px 18px 22px}
  .sc-qv-grid{grid-template-columns:1fr;gap:18px}
  .sc-qv-actions{flex-direction:column}
}
@media(max-width:600px){
  .tek-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .tek-product-media{padding:8px}
  .tek-product-body{padding:12px;gap:8px}
  .tek-product h3{font-size:clamp(14px,4vw,18px);overflow-wrap:anywhere}
  .tek-product-link{font-size:12px;max-width:100%;overflow-wrap:anywhere}
  .tek-product-media{aspect-ratio:4/3;max-height:320px}
  .tek-product-body{justify-content:space-between}
  .tek-filters{gap:6px 20px;margin-top:24px}
  .tek-about-actions{flex-direction:column}
  .tek-about-actions a{width:100%;flex:auto}
  .tek-assistance-facts{grid-template-columns:1fr;gap:18px}
  .tek-assistance-fact+.tek-assistance-fact{padding:0;border:0}
  .tek-assistance-fact p{font-size:14px;line-height:1.55}
  .tek-reviews-summary{width:100%;max-width:100%;padding:18px;gap:16px}
  .tek-review-card{padding:24px}
  .tek-reviews-footer{flex-direction:column;align-items:flex-start}
  #montar-sua-peca .tek-personalization-copy h2{font-size:clamp(32px,9.4vw,48px);line-height:1.08}
  #montar-sua-peca .tek-personalization-cta{width:100%;max-width:100%;padding:12px 16px;min-height:54px;text-align:center}
  #montar-sua-peca .tek-personalization-cta svg{flex-shrink:0}
  .sewing-heading{font-size:clamp(28px,7.5vw,38px);line-height:1.18}
  .sewing-tabs{flex-wrap:wrap;overflow:visible;gap:8px 18px}
  .sewing-tab{min-height:44px;white-space:normal}
  .sewing-grid{grid-template-columns:1fr}
  .sewing-help-bar{flex-direction:column;align-items:flex-start;gap:18px}
  .sewing-help-divider{display:none}
  .sewing-help-btn{width:100%;text-align:center;white-space:normal}
}
@media(max-width:380px){
  .assist-orbit-node-label{width:56px;left:-28px;text-align:center}
  .tek-contact-button{gap:10px;padding-inline:12px;white-space:normal;text-align:center}
  .mobile-menu a{font-size:1.2rem}
}
@media(max-width:860px){
  :is(#showroomModal,#showroomModalPrensa) .sc-top-zone{height:100dvh;min-height:0;padding:16px 16px 12px;gap:10px}
  :is(#showroomModal,#showroomModalPrensa) .sc-lead{margin:0;padding-right:36px}
  :is(#showroomModal,#showroomModalPrensa) .sc-title-id{font-size:clamp(24px,6.5vw,30px)}
  :is(#showroomModal,#showroomModalPrensa) .sc-title-sub{font-size:clamp(18px,4.8vw,22px)}
  :is(#showroomModal,#showroomModalPrensa) .sc-sh-bar{margin-block:8px;font-size:11px;padding:6px 10px}
  :is(#showroomModal,#showroomModalPrensa) .sc-desc{margin:0;font-size:13px;line-height:1.4}
  :is(#showroomModal,#showroomModalPrensa) .sc-stage-col{flex:1 0 120px;height:auto;min-height:120px;max-height:none;width:calc(100% + 32px);margin:0 -16px}
  :is(#showroomModal,#showroomModalPrensa) .sc-cta-wrap{margin:0}
  :is(#showroomModal,#showroomModalPrensa) .sc-cta-btn{min-height:44px;padding:10px 14px;font-size:12px}
  :is(#showroomModal,#showroomModalPrensa) .sc-apps-wrap{margin:0;gap:6px}
  :is(#showroomModal,#showroomModalPrensa) .sc-apps-header{gap:8px}
  :is(#showroomModal,#showroomModalPrensa) .sc-apps-title{font-size:11px}
  :is(#showroomModal,#showroomModalPrensa) .sc-apps-subtitle{font-size:9px;white-space:normal}
  :is(#showroomModal,#showroomModalPrensa) .sc-apps-grid{gap:8px}
  :is(#showroomModal,#showroomModalPrensa) .sc-app-img-wrap{aspect-ratio:16/9}
  :is(#showroomModal,#showroomModalPrensa) .sc-app-title{font-size:9px;line-height:1.25}
}
@media(max-height:600px) and (max-width:950px){
  .xhero{height:600px;min-height:600px;max-height:none}
  .xh-content-left{padding-top:84px;padding-bottom:76px}
  .xh-headline{font-size:clamp(30px,5vw,42px)}
  .hero-controls{bottom:20px}
}

/* Press catalogue: a stable reading area across every machine. */
#showroomModalPrensa .sc-title-id{font-size:clamp(26px,2.7vw,40px);line-height:1.05}
#showroomModalPrensa .sc-title-sub{font-size:clamp(18px,1.65vw,24px);line-height:1.15}
#showroomModalPrensa .sc-sh-bar{flex-wrap:wrap;max-width:100%;box-sizing:border-box;row-gap:4px}
#showroomModalPrensa .sc-apps-subtitle{white-space:normal;min-width:0}
#showroomModalPrensa .sc-apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#showroomModalPrensa .sc-app-card{min-width:0}
#showroomModalPrensa .sc-app-title{overflow-wrap:anywhere}
@media(min-width:861px){
  #showroomModalPrensa .sc-content-col{width:42%;max-width:540px;box-sizing:border-box;overflow-y:auto;justify-content:flex-start;padding-top:32px;padding-bottom:24px}
  #showroomModalPrensa .sc-lead{min-height:250px}
  #showroomModalPrensa .sc-title{min-height:110px}
  #showroomModalPrensa .sc-desc{font-size:13px;line-height:1.45;margin-bottom:12px}
  #showroomModalPrensa .sc-specs{margin-bottom:14px;min-height:132px;flex-shrink:0;align-content:start;grid-auto-rows:66px}
  #showroomModalPrensa .sc-spec .v{font-size:13px;overflow-wrap:anywhere}
  #showroomModalPrensa .sc-apps-wrap{margin-top:14px}
  #showroomModalPrensa .sc-app-img-wrap{aspect-ratio:16/9}
}
@media(max-width:860px){
  #showroomModalPrensa .sc-top-zone{height:auto;min-height:100dvh}
  #showroomModalPrensa .sc-stage-col{flex:1 0 280px;min-height:280px;touch-action:none}
  #showroomModalPrensa .sc-title-id{font-size:24px;line-height:1.05}
  #showroomModalPrensa .sc-title-sub{font-size:16px;line-height:1.15}
  #showroomModalPrensa .sc-title{min-height:60px;margin-bottom:8px}
  #showroomModalPrensa .sc-lead{min-height:180px;padding-right:30px;flex-shrink:0}
  #showroomModalPrensa .sc-speed-highlight{margin-bottom:8px}
  #showroomModalPrensa .sc-sh-bar{font-size:10px;gap:6px;margin:0}
  #showroomModalPrensa .sc-desc{font-size:12px;line-height:1.4}
  #showroomModalPrensa .sc-modal-close{width:36px;height:36px;right:10px;top:10px}
  #showroomModalPrensa .sc-apps-header{height:28px;flex-shrink:0}
  #showroomModalPrensa .sc-app-title{min-height:24px}
}

/* Blend assistance into the dark reviews introduction. */
 .tek-intro-flow:has(> #tekmak-reviews-intro-root)::before{
  content:"";position:absolute;inset:-1px 0 auto;height:180px;z-index:2;pointer-events:none;
  background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.96) 10%,rgba(255,255,255,.82) 25%,rgba(255,255,255,.55) 43%,rgba(255,255,255,.27) 62%,rgba(255,255,255,.08) 80%,rgba(255,255,255,0) 100%);
 }