/* tpplat: head of the technical support hub (tp-hero, from podpora.css) + the category description in the spg body style. Loaded together with spg.css. */
.tp-hero{padding:130px 0 90px;background:radial-gradient(1000px 480px at 80% 10%,rgba(242,99,34,.16),transparent 62%),#0a0a0b;color:#f5f4f1;overflow:hidden}
.tp-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.tp-hero-in{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.tp-h1{margin:0;font-size:clamp(42px,5.6vw,80px);line-height:1;letter-spacing:-0.05em;font-weight:600;color:#f5f4f1;text-wrap:balance}
.tp-h1 .serif{color:#ff9a62;font-size:1.06em;display:inline-block;padding:0 .08em .2em .12em;margin:0 -.02em -.2em -.12em}
.tp-mail{margin:0;font-size:15px;color:#8e8e93}
.tp-mail a{color:#e5e5ea;text-decoration:none}

/* the category description (Page Builder / bootstrap-like rows from the old shop), unchanged markup, restyled */
.tpp-desc{max-width:1240px}
.tpp-desc [data-element="inner"]{padding:0 !important;margin:0 !important}
.tpp-desc .row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 56px;align-items:center;margin:0 0 72px}
.tpp-desc .row.margin-top-40{margin-top:0}
.tpp-desc .row:last-child{margin-bottom:0}
.tpp-desc [class*="col-xs-12"]{grid-column:span 12;min-width:0}
.tpp-desc h2{margin:0 0 16px;font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-0.035em;font-weight:600;color:#1d1d1f;text-wrap:balance}
.tpp-desc h2.margin-top-40{margin-top:0}
.tpp-desc>h2,.tpp-desc>div>div>h2:only-child{margin-bottom:40px}
.tpp-desc p{margin:0 0 16px;font-size:17.5px;line-height:1.6;color:#515154;text-wrap:pretty}
.tpp-desc p strong,.tpp-desc li strong{color:#1d1d1f;font-weight:600}
.tpp-desc a{color:#c2410c;text-decoration:underline;text-underline-offset:3px}
.tpp-desc a:hover{color:#f26322}
.tpp-desc ul{margin:0 0 16px;padding:0 0 0 1.2em;list-style:disc}
.tpp-desc li{margin:0 0 8px;font-size:17.5px;line-height:1.6;color:#515154}
.tpp-desc li p{margin:0}
.tpp-desc img{display:block;max-width:100%;height:auto;border-radius:22px}
.tpp-of .of{display:block;width:100%;max-width:480px;margin:0 auto}
.tpp-ic{display:grid;place-items:center;width:56px;height:56px;margin:0 0 18px;border-radius:18px;background:#fff1e8}
.tpp-ic svg{width:24px;height:24px;fill:none;stroke:#f26322;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tpp-desc .canvas,.tpp-desc .image{margin:0}
@media (min-width: 900px){
  .tpp-desc [class*="col-lg-6"]{grid-column:span 6}
  .tpp-desc [class*="col-lg-4"]{grid-column:span 4}
}
@media (max-width: 900px){
  .tp-hero{padding:100px 0 60px}
  .tp-hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .tpp-desc .row{gap:24px;margin-bottom:48px}
}

/* new-request form of the support module inside the page design */
.tp-ticket .dgz-wrap{max-width:760px;margin:0 auto}
.tp-ticket .dgz-card{padding:40px;border-radius:30px;background:#fff;box-shadow:0 30px 70px -50px rgba(0,0,0,.4)}
.tp-ticket .dgz-card>h2{display:none}
.tp-ticket .dgz-field{margin-bottom:18px}
.tp-ticket label{display:block;margin-bottom:6px;font-size:15px;font-weight:600;color:#1d1d1f}
.tp-ticket input[type=text],.tp-ticket input[type=email],.tp-ticket select,.tp-ticket textarea{width:100%;padding:13px 16px;border:1px solid #d2d2d7;border-radius:14px;background:#fff;font:inherit;font-size:16px;color:#1d1d1f}
.tp-ticket textarea{min-height:140px;resize:vertical}
.tp-ticket input:focus,.tp-ticket select:focus,.tp-ticket textarea:focus{outline:2px solid #f26322;outline-offset:1px;border-color:#f26322}
.tp-ticket button[type=submit],.tp-ticket .dgz-btn{display:inline-flex;align-items:center;height:48px;padding:0 28px;border:0;border-radius:999px;background:#f26322;color:#fff;font:inherit;font-size:17px;cursor:pointer}
.tp-ticket button[type=submit]:hover{background:#d9541a}
.dgz-req{color:#c2410c}
@media (max-width:900px){.tp-ticket .dgz-card{padding:24px}}