/* it-t10-flooring.css: the flooring page drawn to the owner's v2 design
   (tools/trades10/pack-trades-v2/flooring-installer/visual-reference/page-design.png, 781 wide).
   Desktop sizes are the design's pixels times --u (page width / 781, so 1.639px at 1280); below
   1000px the same sections stack in the same order. Built by tools/trades10/flooring.py. */
main.t-flooring{container-type:inline-size;--fl-ink:#1E252B;--fl-slate:#2E333A;--fl-muted:#5E666D;--fl-rule:#E0DCD4;
  --fl-canvas:#FAF7F2;--fl-warm:#F1EDE8;--fl-sand:#F6F5F1;background:var(--fl-canvas);color:var(--fl-ink)}
.t-flooring>*{--u:calc(min(100cqw,1600px)/781)}
main.t-flooring .fx{width:calc(704*var(--u));margin-inline:auto}
main.t-flooring h1,main.t-flooring h2,main.t-flooring h3{font-family:var(--sans);color:var(--fl-ink);letter-spacing:-.01em}
main.t-flooring h2{font-size:calc(17*var(--u));line-height:1.22;font-weight:700}
main.t-flooring .fl-sub{margin-top:calc(8*var(--u))!important;font-size:max(12px,calc(9.4*var(--u)));line-height:1.5;color:var(--fl-muted)}
main.t-flooring .fl-eye{display:block;font:600 max(9.5px,calc(7.2*var(--u)))/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#6E767C;margin:0!important}
main.t-flooring .fl-btn{display:inline-flex;align-items:center;gap:calc(10*var(--u));height:calc(35*var(--u));padding:0 calc(20*var(--u));border-radius:calc(3*var(--u));
  background:var(--orange);color:#fff!important;font:700 max(12px,calc(11*var(--u)))/1 var(--sans);text-decoration:none!important;white-space:nowrap;
  box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) rgba(242,98,7,.2);transition:background .18s ease-out,transform .18s ease-out}
main.t-flooring .fl-btn:hover{background:var(--cta-h);transform:translateY(-1px)}
main.t-flooring .fl-btn svg{width:calc(13*var(--u));height:calc(13*var(--u));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main.t-flooring .fl-hand{font-family:var(--hand);font-weight:500;color:#4A525A;line-height:1.25}

/* hero: the photograph across the whole band, copy on it, invoice paper overlapping */
main.t-flooring .fl-hero{position:relative;overflow:visible;background:var(--fl-canvas);z-index:1}
main.t-flooring .fl-hero-img{display:block;width:100%;height:auto}
main.t-flooring .fl-hero-in{position:absolute;inset:0}
main.t-flooring .fl-hero-in .fx{position:relative;height:100%}
main.t-flooring .fl-hero-copy{position:absolute;left:0;top:calc(70*var(--u));width:calc(292*var(--u))}
main.t-flooring .fl-hero h1{margin:0}
main.t-flooring .fl-seo{display:block;margin-bottom:calc(6*var(--u));font:500 max(10px,calc(7.8*var(--u)))/1.3 var(--sans);color:#6E767C}
main.t-flooring .fl-big{display:block;margin-top:calc(11*var(--u));font-size:calc(24.5*var(--u));line-height:calc(27*var(--u));font-weight:700;letter-spacing:-.02em}
main.t-flooring .fl-lede{max-width:calc(268*var(--u));margin-top:calc(5*var(--u))!important;font-size:max(11.5px,calc(9.6*var(--u)));line-height:calc(14.5*var(--u));color:#49525A}
main.t-flooring .fl-hero .fl-btn{margin-top:calc(16*var(--u))}
main.t-flooring .fl-note{margin-top:calc(9*var(--u))!important;font-size:max(10px,calc(8*var(--u)));color:#6E767C}
main.t-flooring .fl-hand{font-size:calc(15*var(--u))}
main.t-flooring .fl-hero .fl-hand{margin-top:calc(56*var(--u))!important}
main.t-flooring .fl-hero .fl-hand span{display:inline-block;margin-left:calc(24*var(--u))}

/* the hero invoice, drawn over the picture */
main.t-flooring .fl-hero-doc{position:absolute;left:calc(493*var(--u));top:calc(160*var(--u));width:calc(228*var(--u));text-decoration:none!important;
  transform:perspective(760px) rotateX(7deg) rotateY(-4deg) rotate(-2deg);transform-origin:50% 0;transition:transform .18s ease-out}
main.t-flooring .fl-hero-doc:hover,main.t-flooring .fl-hero-doc:focus-visible{transform:perspective(760px) rotateX(7deg) rotateY(-4deg) rotate(-2deg) translateY(-4px)}
main.t-flooring .fl-hd{position:relative;display:block;background:#fff;padding:calc(15*var(--u)) calc(15*var(--u)) calc(18*var(--u));
  box-shadow:0 calc(16*var(--u)) calc(34*var(--u)) rgba(30,37,43,.22)}
main.t-flooring .hd-logo{display:block;font:600 calc(9*var(--u))/1 var(--sans);color:#2A3138}
main.t-flooring .hd-title{display:block;margin-top:calc(11*var(--u));text-align:center;font:700 calc(11*var(--u))/1 var(--sans);letter-spacing:.01em;color:#1E252B}
main.t-flooring .hd-meta{display:flex;justify-content:space-between;margin-top:calc(11*var(--u));font-size:calc(5.4*var(--u));line-height:calc(7.6*var(--u));color:#6B737A}
main.t-flooring .hd-from b,main.t-flooring .hd-bill b{display:block;font-size:calc(5.8*var(--u));color:#2A3138}
main.t-flooring .hd-from span,main.t-flooring .hd-bill span{display:block}
main.t-flooring .hd-num{display:grid;grid-template-columns:auto auto;column-gap:calc(12*var(--u));text-align:left}
main.t-flooring .hd-bill{display:block;margin-top:calc(10*var(--u));font-size:calc(5.4*var(--u));line-height:calc(7.6*var(--u));color:#6B737A}
main.t-flooring .hd-table{display:block;margin-top:calc(14*var(--u));border-top:1px solid #DFE2E4}
main.t-flooring .hd-th,main.t-flooring .hd-tr{display:grid;grid-template-columns:1fr calc(26*var(--u)) calc(42*var(--u)) calc(44*var(--u));
  height:calc(13.6*var(--u));align-items:center;font-size:calc(5.4*var(--u));border-bottom:1px solid #EDEFF0}
main.t-flooring .hd-th{font-weight:600;color:#2A3138}
main.t-flooring .hd-tr{color:#6B737A}
main.t-flooring .hd-th span+span,main.t-flooring .hd-tr span+span{text-align:right}
main.t-flooring .hd-sums{display:grid;gap:calc(4*var(--u));margin-top:calc(9*var(--u));font-size:calc(5.6*var(--u));color:#5E666D}
main.t-flooring .hd-sums>span{display:grid;grid-template-columns:1fr calc(44*var(--u));justify-items:end;column-gap:calc(10*var(--u))}
main.t-flooring .hd-sums .hd-total{font:700 calc(7*var(--u))/1.4 var(--sans);color:#1E252B}
main.t-flooring .hd-thanks{display:block;margin-top:calc(9*var(--u));font-size:calc(5.4*var(--u));color:#8A9299}
main.t-flooring .fl-edit{position:absolute;left:50%;bottom:calc(12*var(--u));transform:translate(-50%,calc(4*var(--u)));opacity:0;display:inline-flex;align-items:center;gap:calc(7*var(--u));
  background:var(--cta);color:#fff;border-radius:calc(3*var(--u));padding:calc(8*var(--u)) calc(12*var(--u));font:700 max(11px,calc(8.6*var(--u)))/1 var(--sans);white-space:nowrap;
  box-shadow:0 calc(8*var(--u)) calc(16*var(--u)) rgba(30,37,43,.3);transition:opacity .18s ease-out,transform .18s ease-out;pointer-events:none}
main.t-flooring .fl-edit svg{width:calc(10*var(--u));height:calc(10*var(--u));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main.t-flooring .fl-hero-doc:hover .fl-edit,main.t-flooring .fl-hero-doc:focus-visible .fl-edit{opacity:1;transform:translate(-50%,0)}

/* the five steps */
main.t-flooring .fl-route{background:var(--fl-canvas);padding:calc(35*var(--u)) 0 calc(36*var(--u))}
main.t-flooring .fl-steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:calc(27*var(--u))!important}
main.t-flooring .fl-steps li{position:relative;padding:0 calc(12*var(--u))}
main.t-flooring .fl-steps li+li{border-left:1px solid #E7E2D9}
main.t-flooring .fl-steps li:first-child{padding-left:0}
main.t-flooring .fl-steps li+li::after{content:"";position:absolute;left:calc(-7*var(--u));top:calc(120*var(--u));width:calc(14*var(--u));height:calc(10*var(--u));
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M1 5h11M9 1.6L12.4 5 9 8.4' fill='none' stroke='%237C848A' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;background-color:var(--fl-canvas);padding:calc(6*var(--u)) 0}
main.t-flooring .fl-sh{display:flex;align-items:center;gap:calc(9*var(--u))}
main.t-flooring .fl-n{width:calc(17*var(--u));height:calc(17*var(--u));flex:none;border-radius:50%;background:var(--orange);color:#fff;
  display:grid;place-items:center;font:700 calc(8.4*var(--u))/1 var(--sans)}
main.t-flooring .fl-steps h3{font:700 max(11px,calc(10*var(--u)))/1.2 var(--sans)}
main.t-flooring .fl-figure{display:block;height:calc(118*var(--u));margin-top:calc(19*var(--u));display:grid;place-items:center}
main.t-flooring .fl-art{width:100%;height:100%}
main.t-flooring .fl-steps p{margin-top:calc(20*var(--u))!important;font-size:max(11px,calc(8.8*var(--u)));line-height:calc(13*var(--u));color:#49525A}
main.t-flooring .fl-sheet{display:block;width:calc(84*var(--u));background:#fff;border:1px solid #E7E3DC;padding:calc(10*var(--u)) calc(9*var(--u));
  box-shadow:0 calc(6*var(--u)) calc(16*var(--u)) rgba(30,37,43,.1);transform:rotate(-2deg)}
main.t-flooring .fs-t{display:block;font:700 calc(10*var(--u))/1 var(--sans);color:#1E252B}
main.t-flooring .fs-l{display:block;height:calc(2.4*var(--u));background:#DFE2E4;border-radius:1px;margin-top:calc(6*var(--u))}
main.t-flooring .fs-l:nth-child(3){width:70%}
main.t-flooring .fs-gap{display:block;height:calc(8*var(--u))}
main.t-flooring .fs-l:last-child{width:55%}

/* scope of work */
main.t-flooring .fl-scope{position:relative;overflow:hidden;background:var(--fl-warm);padding:calc(28*var(--u)) 0 calc(10*var(--u))}
main.t-flooring .fl-scope-art{position:absolute;inset:0;pointer-events:none}
main.t-flooring .fl-plank{position:absolute;border-radius:calc(2*var(--u));background:linear-gradient(105deg,#C9945C,#B8813F 45%,#D3A469);box-shadow:0 calc(8*var(--u)) calc(18*var(--u)) rgba(30,37,43,.16)}
main.t-flooring .fl-p1{right:calc(36*var(--u));top:calc(6*var(--u));width:calc(120*var(--u));height:calc(46*var(--u));transform:rotate(-14deg)}
main.t-flooring .fl-p2{right:calc(6*var(--u));top:calc(46*var(--u));width:calc(96*var(--u));height:calc(38*var(--u));transform:rotate(9deg)}
main.t-flooring .fl-carpet{position:absolute;right:calc(18*var(--u));top:calc(120*var(--u));width:calc(92*var(--u));height:calc(86*var(--u));border-radius:calc(2*var(--u));
  background:#DED4C1;background-image:radial-gradient(circle at 20% 30%,#CFC2AC 1.2px,transparent 1.3px),radial-gradient(circle at 70% 70%,#EAE1D1 1.2px,transparent 1.3px);
  background-size:calc(5*var(--u)) calc(5*var(--u));transform:rotate(-5deg);box-shadow:0 calc(8*var(--u)) calc(18*var(--u)) rgba(30,37,43,.14)}
main.t-flooring .fl-scope-in{position:relative;display:grid;grid-template-columns:calc(248*var(--u)) 1fr;gap:calc(30*var(--u));align-items:start}
main.t-flooring .fl-scope-copy{padding-top:calc(8*var(--u))}
main.t-flooring .fl-scope h2{font-size:calc(20*var(--u));line-height:calc(25*var(--u))}
main.t-flooring .fl-tools{margin-top:calc(26*var(--u))!important;display:grid;gap:calc(14*var(--u))}
main.t-flooring .fl-tools a{display:inline-flex;align-items:center;gap:calc(10*var(--u));font:600 max(12px,calc(10.6*var(--u)))/1 var(--sans);
  color:var(--cta)!important;text-decoration:none!important;border-bottom:1px solid rgba(242,98,7,.45);padding-bottom:calc(4*var(--u))}
main.t-flooring .fl-tools a svg{width:calc(12*var(--u));height:calc(12*var(--u));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main.t-flooring .fl-tools a:hover{color:var(--cta-h)!important;border-bottom-color:var(--cta-h)}
main.t-flooring .fl-scope-paper{position:relative;background:#FBFAF7;margin-right:calc(-39*var(--u));margin-top:calc(-9*var(--u));padding:calc(25*var(--u)) calc(30*var(--u)) calc(30*var(--u)) calc(40*var(--u));
  box-shadow:0 calc(14*var(--u)) calc(30*var(--u)) rgba(30,37,43,.12);transform:rotate(-2.4deg)}
main.t-flooring .fl-scope-paper h3{font:700 calc(11.6*var(--u))/1 var(--sans);letter-spacing:.02em;color:#1E252B}
main.t-flooring .fl-groups{display:grid;grid-template-columns:calc(160*var(--u)) calc(168*var(--u));gap:calc(16*var(--u)) calc(25*var(--u));margin-top:calc(20*var(--u))}
main.t-flooring .fl-g h3{font:700 calc(8.4*var(--u))/1 var(--sans);letter-spacing:0;color:#2A3138}
main.t-flooring .fl-g ul{margin-top:calc(7*var(--u));display:grid;gap:calc(5*var(--u))}
main.t-flooring .fl-g li{position:relative;padding-left:calc(9*var(--u));font-size:calc(7.4*var(--u));line-height:calc(10*var(--u));color:#5E666D}
main.t-flooring .fl-g li::before{content:"";position:absolute;left:0;top:calc(4*var(--u));width:calc(2.6*var(--u));height:calc(2.6*var(--u));border-radius:50%;background:#9AA1A7}
main.t-flooring .fl-hand2{position:absolute;right:calc(18*var(--u));bottom:calc(18*var(--u));text-align:center;font-size:calc(11*var(--u))}
main.t-flooring .fl-hand2 span{display:inline-block;margin-left:calc(-10*var(--u))}

/* templates */
main.t-flooring .fl-tpl{background:var(--fl-sand);padding:calc(14*var(--u)) 0 calc(20*var(--u))}
main.t-flooring .fl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(26*var(--u));margin-top:calc(30*var(--u))!important}
main.t-flooring .fl-tp{display:block;background:#FBFAF8;border:1px solid #EAE6DF;border-radius:calc(3*var(--u));text-decoration:none!important;
  transition:box-shadow .18s ease-out,transform .18s ease-out}
main.t-flooring .fl-tp:hover,main.t-flooring .fl-tp:focus-visible{transform:translateY(-4px);box-shadow:0 calc(14*var(--u)) calc(28*var(--u)) rgba(30,37,43,.12)}
main.t-flooring .fl-shelf{display:grid;place-items:start center;height:calc(112*var(--u));overflow:hidden;padding-top:calc(14*var(--u))}
main.t-flooring .fl-paper{display:block;width:calc(108*var(--u));background:#fff;border:1px solid #EDEAE4;padding:calc(8*var(--u));box-shadow:0 calc(5*var(--u)) calc(14*var(--u)) rgba(30,37,43,.1)}
main.t-flooring .fp-logo{display:block;font:600 calc(5.4*var(--u))/1 var(--sans);color:#2A3138}
main.t-flooring .fp-logo b{color:var(--orange)}
main.t-flooring .fp-t{display:block;margin-top:calc(7*var(--u));font:700 calc(7.4*var(--u))/1 var(--sans);color:#1E252B}
main.t-flooring .fp-meta{display:flex;justify-content:space-between;margin-top:calc(7*var(--u))}
main.t-flooring .fp-meta span{display:block;height:calc(2.2*var(--u));width:calc(30*var(--u));background:#E6E3DD}
main.t-flooring .fp-l{display:block;height:calc(2.2*var(--u));background:#E6E3DD;margin-top:calc(4*var(--u))}
main.t-flooring .fp-l:nth-child(even){width:78%}
main.t-flooring .fp-table{display:block;margin-top:calc(8*var(--u));border-top:1px solid #E6E3DD}
main.t-flooring .fp-th{display:block;height:calc(4*var(--u));background:#F1EFEA}
main.t-flooring .fp-tr{display:block;height:calc(2.4*var(--u));background:#ECE9E3;margin-top:calc(3.4*var(--u))}
main.t-flooring .fl-cardtext{display:block;padding:calc(16*var(--u)) calc(16*var(--u)) calc(18*var(--u))}
main.t-flooring .fl-cardtext b{display:block;font:700 max(12px,calc(10.4*var(--u)))/1 var(--sans);color:#1E252B}
main.t-flooring .fl-cardtext i{display:block;margin-top:calc(8*var(--u));font:400 max(11px,calc(8.8*var(--u)))/calc(12.6*var(--u)) var(--sans);font-style:normal;color:#5E666D}
main.t-flooring .fl-use{display:inline-flex;align-items:center;gap:calc(7*var(--u));margin-top:calc(13*var(--u));font:700 max(11px,calc(9*var(--u)))/1 var(--sans);color:var(--cta)}
main.t-flooring .fl-use svg{width:calc(11*var(--u));height:calc(11*var(--u));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main.t-flooring .fl-tp:hover .fl-use{color:var(--cta-h);text-decoration:underline;text-underline-offset:3px}
main.t-flooring .fl-strip{background:var(--fl-sand);padding-bottom:calc(20*var(--u))}

/* payment band: the page's only QR */
main.t-flooring .fl-pay{background:var(--fl-slate);color:#F4F1EC;padding:calc(25*var(--u)) 0}
main.t-flooring .fl-pay-in{display:grid;grid-template-columns:calc(220*var(--u)) calc(190*var(--u)) 1fr;align-items:center}
main.t-flooring .fl-pay h2{color:#FBF9F5!important;font-size:calc(21*var(--u));line-height:calc(24*var(--u))}
main.t-flooring .fl-pay-copy p{margin-top:calc(14*var(--u))!important;font-size:max(11.5px,calc(9.4*var(--u)));line-height:calc(14*var(--u));color:#D9D5CE}
main.t-flooring .fl-qr-wrap{position:relative;display:flex;align-items:center;gap:calc(14*var(--u))}
main.t-flooring .fl-qr{width:calc(74*var(--u));background:#fff;padding:calc(5*var(--u))}
main.t-flooring .fl-hand3{position:relative;color:#E7E3DC;font-size:calc(14*var(--u));white-space:nowrap}
main.t-flooring .fl-hand3 svg{position:absolute;left:calc(-16*var(--u));top:calc(12*var(--u));width:calc(46*var(--u));height:calc(30*var(--u));transform:scaleX(-1)}
main.t-flooring .fl-hand4{justify-self:end;text-align:center;color:#E7E3DC;font-size:calc(14.5*var(--u))}
main.t-flooring .fl-hand4 span{display:inline-block;margin-left:calc(10*var(--u))}

/* FAQ */
main.t-flooring .fl-faqs{background:#F9F6F1;padding:calc(25*var(--u)) 0 calc(40*var(--u))}
main.t-flooring .fl-faq-in{display:grid;grid-template-columns:calc(300*var(--u)) 1fr;gap:calc(14*var(--u));align-items:start}
main.t-flooring .fl-faqs h2{font-size:calc(19*var(--u))}
main.t-flooring .fl-faq details{border-bottom:1px solid #E5E0D8}
main.t-flooring .fl-faq summary{padding:calc(9*var(--u)) calc(2*var(--u));font-size:max(12px,calc(9.4*var(--u)));line-height:1.35;color:#2A3138}
main.t-flooring .fl-faq summary::after{font-size:calc(14*var(--u));color:#6E767C}
main.t-flooring .fl-faq .a{padding:0 calc(20*var(--u)) calc(10*var(--u)) calc(2*var(--u))}
main.t-flooring .fl-faq .a p{font-size:max(12px,calc(9.2*var(--u)));line-height:1.6}

/* closing band */
main.t-flooring .fl-cta{position:relative;overflow:hidden;background:var(--fl-warm)}
main.t-flooring .fl-cta-img{display:block;width:100%;height:auto}
main.t-flooring .fl-cta-in{position:absolute;inset:0;display:flex;align-items:center}
main.t-flooring .fl-cta-in .fx{position:relative}
main.t-flooring .fl-cta h2{margin-top:calc(11*var(--u))!important;max-width:calc(320*var(--u));font-size:calc(20*var(--u));line-height:calc(24*var(--u))}
main.t-flooring .fl-cta .fl-sub{max-width:calc(230*var(--u))}
main.t-flooring .fl-cta .fl-btn{margin-top:calc(16*var(--u))}
main.t-flooring .fl-hand5{position:absolute;right:0;top:calc(18*var(--u));text-align:left;white-space:nowrap;font-size:calc(11*var(--u));color:#4A525A}
main.t-flooring .fl-hand5 span{display:inline-block;margin-left:calc(8*var(--u))}

@media (prefers-reduced-motion:reduce){main.t-flooring *{transition:none!important}}

/* phones and small tablets */
@media (max-width:999px){
  .t-flooring>*{--u:1.35px}
  main.t-flooring .fx{width:auto;padding-inline:var(--gut)}
  main.t-flooring h2{font-size:clamp(25px,5.6vw,32px)}
  main.t-flooring .fl-sub{font-size:15px}
  main.t-flooring .fl-btn{height:48px;padding:0 22px;font-size:15px}
  main.t-flooring .fl-btn svg{width:16px;height:16px}
  main.t-flooring .fl-hero{overflow:hidden}
  main.t-flooring .fl-hero-img{width:150%;max-width:none;margin-left:-38%;
    -webkit-mask-image:linear-gradient(to bottom,#000 48%,rgba(0,0,0,.22) 76%,transparent 96%);mask-image:linear-gradient(to bottom,#000 48%,rgba(0,0,0,.22) 76%,transparent 96%)}
  main.t-flooring .fl-hero-in{position:relative;inset:auto;margin-top:-20vw}
  main.t-flooring .fl-hero-in .fx{height:auto;padding-bottom:36px}
  main.t-flooring .fl-hero-copy{position:relative;top:0;width:auto}
  main.t-flooring .fl-seo{font-size:12px}
  main.t-flooring .fl-eye{font-size:11px}
  main.t-flooring .fl-big{font-size:clamp(30px,7.6vw,40px);line-height:1.12;margin-top:10px}
  main.t-flooring .fl-lede{font-size:16px;line-height:1.5;margin-top:14px!important}
  main.t-flooring .fl-note{font-size:12.5px}
  main.t-flooring .fl-hero .fl-hand{margin-top:22px!important}
  main.t-flooring .fl-hand{font-size:22px}
  main.t-flooring .fl-hero-doc{position:relative;left:0;top:0;width:min(360px,100%);margin:26px auto 0;transform:rotate(-1deg)}
  main.t-flooring .fl-edit{opacity:1;transform:translate(-50%,0)}
  main.t-flooring .fl-route,main.t-flooring .fl-scope,main.t-flooring .fl-tpl,main.t-flooring .fl-faqs{padding:56px 0 48px}
  main.t-flooring .fl-steps{grid-template-columns:1fr 1fr;gap:34px 18px;margin-top:30px!important}
  main.t-flooring .fl-steps li{padding:0!important;border-left:0!important}
  main.t-flooring .fl-steps li+li::after{display:none}
  main.t-flooring .fl-steps h3{font-size:16px}
  main.t-flooring .fl-figure{height:150px;margin-top:16px}
  main.t-flooring .fl-steps p{font-size:14px;line-height:1.45;margin-top:14px!important}
  main.t-flooring .fl-steps p br{display:none}
  main.t-flooring .fl-sheet{width:120px}
  main.t-flooring .fl-scope-in{grid-template-columns:1fr;gap:26px}
  main.t-flooring .fl-scope h2{font-size:clamp(25px,5.6vw,32px);line-height:1.2}
  main.t-flooring .fl-scope h2 br,main.t-flooring .fl-scope .fl-sub br{display:none}
  main.t-flooring .fl-scope-art{display:none}
  main.t-flooring .fl-tools{margin-top:22px!important;gap:16px;justify-items:start}
  main.t-flooring .fl-tools a{font-size:16px}
  main.t-flooring .fl-tools a svg{width:16px;height:16px}
  main.t-flooring .fl-scope-paper{transform:none;margin:0!important;padding:26px 22px 30px}
  main.t-flooring .fl-scope-paper h3{font-size:16px}
  main.t-flooring .fl-groups{grid-template-columns:1fr;gap:18px}
  main.t-flooring .fl-g h3{font-size:14px}
  main.t-flooring .fl-g li{font-size:13.5px;line-height:1.5;padding-left:14px}
  main.t-flooring .fl-g li::before{width:5px;height:5px;top:7px}
  main.t-flooring .fl-hand2{position:static;text-align:left;margin-top:20px!important}
  main.t-flooring .fl-hand2 span{margin-left:0}
  main.t-flooring .fl-cards{grid-template-columns:1fr;gap:20px;margin-top:26px!important;max-width:420px}
  main.t-flooring .fl-shelf{height:150px;padding-top:18px}
  main.t-flooring .fl-paper{width:150px}
  main.t-flooring .fl-cardtext b{font-size:17px}
  main.t-flooring .fl-cardtext i{font-size:14.5px;line-height:1.5}
  main.t-flooring .fl-cardtext i br{display:none}
  main.t-flooring .fl-use{font-size:14px}
  main.t-flooring .fl-pay{padding:40px 0}
  main.t-flooring .fl-pay-in{grid-template-columns:1fr;gap:26px}
  main.t-flooring .fl-pay h2{font-size:30px;line-height:1.15}
  main.t-flooring .fl-pay-copy p{font-size:15px;line-height:1.5}
  main.t-flooring .fl-qr{width:120px}
  main.t-flooring .fl-hand3{font-size:20px}
  main.t-flooring .fl-hand3 svg{display:none}
  main.t-flooring .fl-hand4{justify-self:start;text-align:left;font-size:20px}
  main.t-flooring .fl-hand4 span{margin-left:0}
  main.t-flooring .fl-faq-in{grid-template-columns:1fr;gap:18px}
  main.t-flooring .fl-faq summary{font-size:15px;padding:14px 4px}
  main.t-flooring .fl-faq .a p{font-size:15px}
  main.t-flooring .fl-cta-img{width:160%;max-width:none;margin-left:-30%;
    -webkit-mask-image:linear-gradient(to bottom,#000 56%,transparent 100%);mask-image:linear-gradient(to bottom,#000 56%,transparent 100%)}
  main.t-flooring .fl-cta-in{position:relative;inset:auto;display:block;margin-top:-16vw}
  main.t-flooring .fl-cta-in .fx{padding-bottom:44px}
  main.t-flooring .fl-cta h2{font-size:clamp(24px,5.6vw,30px);line-height:1.18}
  main.t-flooring .fl-cta .fl-sub{max-width:none}
  main.t-flooring .fl-hand5{position:static;margin-top:20px!important}
  main.t-flooring .fl-hand5 span{margin-left:0}
}
@media (max-width:560px){
  main.t-flooring .fl-steps{grid-template-columns:1fr}
}