/* it-t10-appliance.css: generated by tools/trades10/appliance.py from the owner's v2 design.
   Sizes are the design's own pixels (867 wide = 1440 in the browser): calc(12*var(--u)) = 12 x --u. */
main.t-appliance{container-type:inline-size;--u:calc(min(100cqw,1600px)/867);--ink:#0B1419;--slate:#182230;--or:#F26207;
  --mist:#F1F4F7;--rule:#DCE4E6;--muted:#627177;--tx:#4A5560;
  font-family:Inter,'Inter Fallback',system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
.t-appliance .v-in{width:calc(867*var(--u));margin:0 auto;padding-inline:calc(48*var(--u));position:relative}
.t-appliance .v-h2{font-size:max(8.5px,calc(21*var(--u)));line-height:1.14;font-weight:800;letter-spacing:-.015em;color:var(--ink)}
.t-appliance .v-sub{margin-top:calc(6*var(--u))!important;font-size:max(8.5px,calc(10*var(--u)));line-height:1.5;color:var(--muted)}
.t-appliance .v-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(8*var(--u));height:calc(30*var(--u));padding:0 calc(18*var(--u));border-radius:calc(4*var(--u));
  background:var(--cta);color:#fff;font-size:max(8.5px,calc(10.5*var(--u)));font-weight:700;box-shadow:0 calc(5*var(--u)) calc(10*var(--u)) rgba(242,98,7,.18);transition:background .18s ease-out}
.t-appliance .v-btn:hover{background:var(--cta-h)}
.t-appliance .v-note{margin-top:calc(10*var(--u))!important;font-size:max(7.5px,calc(7.5*var(--u)));color:var(--tx)}

/* hero: one picture, the words on the photo's own white side */
.ap-hero{position:relative;height:calc(252*var(--u));overflow:hidden;background:#fdfdfd}
.ap-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.ap-hero .v-in{height:100%}
.ap-hero-copy{position:absolute;left:calc(48*var(--u));top:calc(8*var(--u));width:calc(332*var(--u))}
.ap-hero h1{margin:0}
.ap-k{display:block;margin-bottom:calc(7*var(--u));font-size:max(7.5px,calc(7.5*var(--u)));font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ap-big{display:block;font-size:max(8.5px,calc(25.5*var(--u)));line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#101C28}
.ap-lede{margin-top:calc(8*var(--u))!important;font-size:max(8.5px,calc(9.6*var(--u)));line-height:1.8;color:var(--tx);width:calc(302*var(--u))}
.ap-hero .v-btn{margin-top:calc(8*var(--u))}
.ap-chip{position:absolute;right:calc(44*var(--u));top:0;display:flex;align-items:center;gap:calc(8*var(--u));height:calc(14*var(--u));padding:0 calc(8*var(--u));border-radius:0 0 calc(2*var(--u)) calc(2*var(--u));
  background:#141C26;color:#fff;font-size:max(6.5px,calc(6.5*var(--u)));font-weight:500}
.ap-words{position:absolute;left:calc(759*var(--u));top:calc(138*var(--u));font-size:max(8.5px,calc(10.5*var(--u)));line-height:1.85;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#C4C8CA}
.ap-words b{font-weight:500;color:#EDEFF0}
.ap-words i{display:block;width:calc(64*var(--u));height:calc(1.6*var(--u));margin-top:calc(7*var(--u));background:var(--or)}

/* the appliance service path */
.ap-path{background:var(--mist);padding:calc(22*var(--u)) 0 calc(28*var(--u))}
.ap-path .v-h2{font-size:max(8.5px,calc(17.5*var(--u)))}
.ap-steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:calc(18*var(--u))!important;text-align:center}
.ap-steps li{position:relative}
.ap-steps li+li::before{content:"";position:absolute;right:calc(50% + calc(15*var(--u)));left:calc(-50% + calc(15*var(--u)));top:calc(10.5*var(--u));height:calc(1*var(--u));background:#F3AE7C}
.ap-steps .n{display:inline-grid;place-items:center;width:calc(21*var(--u));height:calc(21*var(--u));border-radius:50%;background:var(--or);color:#fff;font-size:max(8.5px,calc(9*var(--u)));font-weight:700}
.ap-steps h3{margin-top:calc(13*var(--u))!important;font-size:max(8.5px,calc(10.5*var(--u)));font-weight:700}
.ap-steps p{margin-top:calc(7*var(--u))!important;font-size:max(8.5px,calc(8.5*var(--u)));line-height:1.5;color:var(--muted)}

/* a complete appliance repair record */
.ap-rec{padding:calc(32*var(--u)) 0 calc(42*var(--u))}
.ap-rec .v-in{display:grid;grid-template-columns:calc(275*var(--u)) 1fr;column-gap:0;padding-right:calc(10*var(--u))}
.ap-rec .v-h2{width:calc(250*var(--u))}
.ap-rec .v-sub{margin-top:calc(10*var(--u))!important;width:calc(265*var(--u))}
.ap-ticks{margin-top:calc(26*var(--u))!important}
.ap-ticks li{display:flex;align-items:center;gap:calc(16*var(--u));margin-bottom:calc(16*var(--u));font-size:max(8.5px,calc(10.5*var(--u)));color:#22303A}
.ap-ticks svg{flex:none;width:calc(12*var(--u));height:calc(12*var(--u));color:var(--or)}

/* the invoice paper, drawn in HTML */
.ap-paper{background:#fff;border:calc(1*var(--u)) solid #E8ECEE;border-radius:calc(4*var(--u));box-shadow:0 calc(10*var(--u)) calc(28*var(--u)) rgba(11,20,25,.07);padding:calc(19*var(--u)) calc(20*var(--u)) calc(14*var(--u))}
.ap-paper .pp-top{display:flex;justify-content:space-between}
.ap-mark{font-size:max(8.5px,calc(13*var(--u)));font-weight:800;letter-spacing:-.02em}
.ap-mark i{font-style:normal;color:var(--or)}
.ap-paper .pp-doc{margin-top:calc(13*var(--u))!important;font-size:max(8.5px,calc(9.5*var(--u)));font-weight:700}
.ap-meta{display:grid;grid-template-columns:auto auto;column-gap:calc(14*var(--u));row-gap:calc(3*var(--u));font-size:max(7.5px,calc(7.5*var(--u)));line-height:1.35}
.ap-meta b{font-weight:700}
.ap-meta span{color:#41505A}
.ap-addr{display:grid;grid-template-columns:1fr 1fr;margin-top:calc(19*var(--u))!important;font-size:max(7.5px,calc(7.5*var(--u)));line-height:1.5;color:#41505A}
.ap-addr b{display:block;margin-bottom:calc(4*var(--u));font-size:max(8.0px,calc(8*var(--u)));color:var(--ink)}
.ap-fields{display:grid;grid-template-columns:repeat(4,1fr);margin-top:calc(8*var(--u))!important;padding-top:calc(11*var(--u));border-top:calc(1*var(--u)) solid #E6ECEE;font-size:max(7.5px,calc(7.5*var(--u)));color:#41505A}
.ap-fields b{display:block;margin-bottom:calc(4*var(--u));font-size:max(8.0px,calc(8*var(--u)));color:var(--ink)}
.ap-diag{margin-top:calc(5*var(--u));padding:calc(7*var(--u)) calc(9*var(--u)) calc(8*var(--u));background:#EDEFF1;border-radius:calc(2*var(--u))}
.ap-diag b{display:block;font-size:max(8.0px,calc(8*var(--u)))}
.ap-diag p{margin-top:calc(4*var(--u))!important;font-size:max(7.5px,calc(7.5*var(--u)));line-height:1.55;color:#41505A}
.ap-tbl{width:100%;margin-top:calc(8*var(--u));border-collapse:collapse;font-size:max(7.5px,calc(7.5*var(--u)));color:#41505A}
.ap-tbl th{padding-bottom:calc(6*var(--u));border-bottom:calc(1*var(--u)) solid #E6ECEE;font-size:max(8.0px,calc(8*var(--u)));font-weight:700;color:var(--ink);text-align:right}
.ap-tbl th:first-child{text-align:left}
.ap-tbl td{padding:calc(5*var(--u)) 0;border-bottom:calc(1*var(--u)) solid #EFF3F4;text-align:right}
.ap-tbl td:first-child{text-align:left}
.ap-tbl .qty{text-align:center}
.ap-tot{margin-top:calc(9*var(--u));margin-left:auto;width:calc(200*var(--u));font-size:max(7.5px,calc(7.5*var(--u)))}
.ap-tot div{display:flex;justify-content:space-between;padding:calc(3*var(--u)) calc(8*var(--u))}
.ap-tot b{font-weight:700;color:var(--ink)}
.ap-tot .big{margin-top:calc(5*var(--u));padding:calc(6*var(--u)) calc(8*var(--u));background:#EDEFF1;border-radius:calc(2*var(--u));font-size:max(8.5px,calc(11*var(--u)));font-weight:800;color:var(--ink)}

/* tools */
.ap-tools{background:var(--mist);padding:calc(22*var(--u)) 0 calc(30*var(--u))}
.ap-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(20*var(--u));margin-top:calc(23*var(--u))!important}
.ap-cards li{display:flex}
.ap-card{display:block;width:100%;background:#fff;border-radius:calc(5*var(--u));box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) rgba(11,20,25,.06);padding:calc(17*var(--u)) calc(16*var(--u)) calc(15*var(--u));text-decoration:none!important;transition:box-shadow .18s ease-out}
.ap-card:hover{box-shadow:0 calc(12*var(--u)) calc(26*var(--u)) rgba(11,20,25,.12)}
.ap-card-top{display:grid;grid-template-columns:calc(24*var(--u)) 1fr;column-gap:calc(12*var(--u));align-items:start}
.ap-card-top>span:last-child{display:block}
.ap-ic{width:calc(24*var(--u));height:calc(24*var(--u));border-radius:calc(4*var(--u));background:#141C26;display:grid;place-items:center}
.ap-ic svg{width:calc(14*var(--u));height:calc(14*var(--u));color:#fff}
.ap-ic.sq{border-radius:50%}
.ap-card h3{font-size:max(8.5px,calc(10*var(--u)));font-weight:700}
.ap-card .d{display:block;margin-top:calc(5*var(--u));max-width:calc(152*var(--u));font-size:max(8.5px,calc(8.5*var(--u)));line-height:1.5;color:var(--muted)}
.ap-panel{display:block;margin-top:calc(14*var(--u));padding:calc(10*var(--u)) calc(11*var(--u)) calc(11*var(--u));background:#F3F6F7;border-radius:calc(3*var(--u));font-size:max(8.5px,calc(8.5*var(--u)));color:#41505A}
.ap-panel .r{display:flex;justify-content:space-between;align-items:center;padding:calc(3.5*var(--u)) 0}
.ap-panel .r.b{margin-top:calc(5*var(--u));padding-top:calc(8*var(--u));border-top:calc(1*var(--u)) solid #D7DEE1;font-weight:700;color:var(--ink)}
.ap-panel .r.b span:last-child{font-size:max(8.5px,calc(11*var(--u)));font-weight:800}
.ap-panel .box{min-width:calc(54*var(--u));padding:calc(3*var(--u)) calc(7*var(--u));background:#fff;border:calc(1*var(--u)) solid #D7DEE1;border-radius:calc(2*var(--u));text-align:right;font-weight:600;color:var(--ink)}
.ap-panel .lab{font-weight:700;color:var(--ink)}
.ap-panel .sm{margin:0 0 calc(6*var(--u))!important;font-size:max(7.5px,calc(7.5*var(--u)));line-height:1.4;color:var(--muted)}
.ap-card .foot{display:block;margin-top:calc(11*var(--u));font-size:max(7.5px,calc(7.5*var(--u)));color:var(--muted)}

/* templates */
.ap-tpl{padding:calc(22*var(--u)) 0 calc(30*var(--u))}
.ap-tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(20*var(--u));margin-top:calc(23*var(--u))!important}
.ap-tcard{display:grid;grid-template-columns:calc(66*var(--u)) 1fr;column-gap:calc(18*var(--u));padding:calc(15*var(--u)) calc(16*var(--u)) calc(15*var(--u)) calc(14*var(--u));border:calc(1*var(--u)) solid #E6ECEE;border-radius:calc(5*var(--u));background:#fff}
.ap-tcard .t10-tp{border-radius:calc(2*var(--u));box-shadow:0 calc(4*var(--u)) calc(10*var(--u)) rgba(11,20,25,.12);align-self:start}
.ap-tcard .t10-tp img{aspect-ratio:66/100;object-fit:cover;object-position:top}
.ap-tcard .t10-edit{bottom:8%;padding:calc(6*var(--u)) calc(8*var(--u));border-radius:calc(3*var(--u));font-size:max(7.5px,calc(7.5*var(--u)));font-weight:700;gap:calc(5*var(--u))}
.ap-tcard .t10-edit svg{width:calc(8*var(--u));height:calc(8*var(--u))}
.ap-tcard h3{font-size:max(8.5px,calc(10.5*var(--u)));font-weight:700}
.ap-tcard p{margin-top:calc(8*var(--u))!important;font-size:max(8.5px,calc(9*var(--u)));line-height:1.5;color:var(--tx)}
.ap-use{text-decoration:none!important;display:inline-flex;align-items:center;gap:calc(6*var(--u));margin-top:calc(14*var(--u));font-size:max(8.5px,calc(9*var(--u)));font-weight:500;color:var(--cta)!important}
.ap-use svg{width:calc(9*var(--u));height:calc(9*var(--u));stroke-width:2}
.ap-tpl .t10-strip{margin-top:calc(34*var(--u))}

/* slate band with the CTA and the QR */
.ap-band{background:var(--slate);color:#fff}
.ap-band .v-in{display:flex;align-items:center;justify-content:space-between;height:calc(170*var(--u))}
.ap-band h2{color:#fff;font-size:max(8.5px,calc(18*var(--u)));line-height:1.15;font-weight:800;letter-spacing:-.015em}
.ap-band .p{margin-top:calc(9*var(--u))!important;font-size:max(8.5px,calc(11*var(--u)));color:#E4E8EB}
.ap-band .v-btn{margin-top:calc(16*var(--u))}
.ap-band .v-note{color:#C3CACE}
.ap-qr-wrap{width:calc(118*var(--u));text-align:center}
.ap-qr-wrap .lab{font-size:max(8.5px,calc(8.5*var(--u)));line-height:1.45;font-weight:500;color:#EDEFF0}
.ap-qr{width:calc(82*var(--u));margin:calc(9*var(--u)) auto 0;padding:calc(5*var(--u));background:#fff;border-radius:calc(3*var(--u))}
.ap-qr-wrap .mk{margin-top:calc(8*var(--u))!important;font-size:max(8.0px,calc(8*var(--u)));font-weight:700;color:#fff}

/* FAQ and resources */
.ap-faq{padding:calc(28*var(--u)) 0 calc(26*var(--u))}
.ap-faq .v-in{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(52*var(--u))}
.ap-faq h2{font-size:max(8.5px,calc(12*var(--u)));font-weight:800}
.ap-faq .col+.col{padding-left:calc(52*var(--u));border-left:calc(1*var(--u)) solid var(--rule)}
.ap-list{margin-top:calc(12*var(--u))!important}
.t-appliance .ap-list details{border-bottom:0}
.ap-list summary{padding:calc(5*var(--u)) 0;font-size:max(8.5px,calc(9*var(--u)));color:#22303A}
.ap-list summary::after{font-size:max(8.5px,calc(11*var(--u)));font-weight:400;color:#22303A}
.ap-list .a{padding:0 calc(30*var(--u)) calc(8*var(--u)) 0}
.ap-list .a p{font-size:max(8.5px,calc(8.5*var(--u)));line-height:1.6;color:var(--muted)}
.ap-list .a a{color:var(--cta)}
.ap-res{margin-top:calc(12*var(--u))!important}
.ap-res li{padding:calc(5*var(--u)) 0}
.ap-res a{text-decoration:none!important;font-size:max(8.5px,calc(9*var(--u)));color:#22303A!important}
.ap-res a:hover{color:var(--cta)!important}
.ap-tagline{border-top:calc(1*var(--u)) solid var(--rule);padding:calc(16*var(--u)) 0 calc(22*var(--u))}
.ap-tagline p{text-align:right;font-size:max(8.0px,calc(8*var(--u)));line-height:1.6;color:var(--muted)}

@media (max-width:1023px){
  main.t-appliance{--u:1.5px}
  .t-appliance .v-in{width:auto;padding-inline:20px}
  .ap-hero{height:auto;min-height:62vw}
  .ap-hero-img{position:absolute;inset:0}
  .ap-hero-img img{object-position:78% 50%}
  .ap-hero-img::after{content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(253,253,252,.92) 0%,rgba(253,253,252,.82) 45%,rgba(253,253,252,.45) 72%,rgba(253,253,252,0) 100%)}
  .ap-hero .v-in{height:auto}
  .ap-hero-copy{position:relative;left:auto;top:auto;width:auto;padding:26px 0 34px}
  .ap-big{font-size:clamp(30px,8.4vw,38px)}
  .ap-lede{width:auto;max-width:430px}
  .ap-chip{position:relative;right:auto;top:auto;display:inline-flex;height:22px;border-radius:2px;margin:0 0 16px}
  .ap-words{position:relative;left:auto;top:auto;margin-top:6px!important;color:#5A646C}
  .ap-words b{color:var(--ink)}
  .ap-steps{grid-template-columns:1fr 1fr;row-gap:24px;text-align:left}
  .ap-steps li+li::before{display:none}
  .ap-rec .v-in{grid-template-columns:1fr;row-gap:28px}
  .ap-rec .v-h2,.ap-rec .v-sub{width:auto}
  .ap-cards,.ap-tcards{grid-template-columns:1fr}
  .ap-band .v-in{display:block;height:auto;padding-block:30px}
  .ap-qr-wrap{width:auto;margin-top:26px;text-align:left}
  .ap-qr{margin-inline:0}
  .ap-faq .v-in{grid-template-columns:1fr;row-gap:26px}
  .ap-faq .col+.col{padding-left:0;border-left:0;border-top:1px solid var(--rule);padding-top:22px}
  .ap-tagline p{text-align:left}
}
@media (max-width:600px){
  .ap-steps{grid-template-columns:1fr}
  .ap-paper{padding:14px 12px 16px}
  .ap-addr,.ap-fields{grid-template-columns:1fr 1fr;row-gap:10px}
  .ap-tot{width:100%}
  .ap-tcard{grid-template-columns:52px 1fr;column-gap:14px}
}
@media (prefers-reduced-motion:reduce){.t-appliance .v-btn,.ap-card{transition:none}}