.category-cards-107 .wc-catalog{position:relative;background:#f3f3f1;padding-bottom:42px;box-shadow:0 0 0 100vmax #f3f3f1;clip-path:inset(0 -100vmax)}
.category-cards-107 .wc-mode-strip{background:#fafafa;border-block:1px solid #e6e6e6}
.category-cards-107 .cg-courses{display:grid;margin-top:30px}
.category-cards-107 .cg-course-head h3{font-size:32px;font-weight:650;line-height:1.08;letter-spacing:-.035em}
.category-cards-107 .cg-course-link,.category-cards-107 .cg-course-pending a{color:#202020;font-size:14px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--category-accent);transition:color .16s ease,border-color .16s ease}
.category-cards-107 .cg-course-link:hover,.category-cards-107 .cg-course-link:focus-visible,.category-cards-107 .cg-course-pending a:hover,.category-cards-107 .cg-course-pending a:focus-visible{color:var(--melograno-brand);border-color:var(--melograno-brand)}
.category-cards-107 .cg-session-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.category-cards-107 .cg-session-grid .wr-session{height:100%}
.category-cards-107 .cg-course-pending{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-radius:var(--melograno-radius-md);background:#f3f3f1;color:#555;font-size:15px}
@media(max-width:1120px){.category-cards-107 .cg-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.category-cards-107 .cg-courses{margin-top:24px}.category-cards-107 .cg-course-head h3{font-size:28px}.category-cards-107 .cg-session-grid{grid-template-columns:1fr}.category-cards-107 .cg-course-pending{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}}

/* Category shared-session layout order */
.wr-page.category-cards-107.wr-creative .cg-session-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.wr-page.category-cards-107.wr-creative .cg-session-grid>.wr-session>.wr-session-info{order:3}
.wr-page.category-cards-107.wr-creative .cg-session-grid>.wr-session>.wr-session-bottom{order:6}
@media(max-width:1120px){.wr-page.category-cards-107.wr-creative .cg-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wr-page.category-cards-107.wr-creative .cg-session-grid{grid-template-columns:1fr}}

/* category-upcoming-heading-v1 */
.category-cards-107 .cg-course-link{display:inline-block;margin-top:14px}
/* category-card-details-match-v1 */
.category-cards-107 .cg-session-grid .wr-session>.wr-session-info{order:3!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;}
.category-cards-107 .cg-session-grid .wr-session-info p{display:flex;align-items:center;min-width:0;min-height:0;color:#4f4f4f;line-height:1.4;letter-spacing:.01em;width:auto!important;font-size:13px!important}
.category-cards-107 .cg-session-grid .wr-price.course-promo{display:flex;align-items:baseline;gap:8px;width:100%}
.category-cards-107 .cg-session-grid .wr-price.course-promo del{order:1;}
.category-cards-107 .cg-session-grid .wr-price.course-promo strong{order:2;color:#181818;letter-spacing:-.045em}
/* ===== Pagina categoria: nuovo layout (2026-10-08) ===== */
/* Ogni corso in un riquadro bianco: a sinistra titolo, descrizione, etichette e «Scopri il corso»; a destra le schede */
html body .cg-courses{gap:18px !important}
html body section.cg-course.cgx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:44px;align-items:start;background:#fff;border-radius:26px;padding:36px 40px !important}
html body section.cg-course.cgx .cg-course-head{position:sticky;top:110px;margin:0}
html body .cgx .cgx-lead{margin:14px 0 0;font-size:16px;line-height:1.55;color:#3d3835;max-width:420px}
html body .cgx .cgx-more{display:inline-block;margin-top:22px;font-weight:700;font-size:15px;color:#e60050;}
html body .cgx .cgx-more:hover{text-decoration:underline;text-underline-offset:4px}
html body .cgx .category-course-title-name::after{width:72px;height:6px;margin-top:16px}
html body .cgx .category-course-title-name{font-size:38px !important;line-height:1.05 !important;letter-spacing:-1.4px !important}
html body section.cg-course.cgx .cg-session-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
html body .cgx article.wr-session{background:#f3f3f1 !important;box-shadow:none !important}
html body .cgx .course-teacher-card summary{background:#fff !important}
html body .cgx .wr-session-bottom{gap:10px !important}
@media (min-width:1100px){html body section.cg-course.cgx{margin-inline:-56px;padding:40px 56px !important;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr)}}
@media (max-width:980px){html body section.cg-course.cgx{grid-template-columns:1fr;gap:22px;padding:26px 22px !important;border-radius:22px}html body section.cg-course.cgx .cg-course-head{position:static}}
html body .cgx .wr-teacher{min-width:0;flex:1 1 auto}
@media (max-width:640px){html body .cgx .wr-session-info p,html body .cgx .wr-session-info p span{white-space:normal !important;min-width:0}}
@media (max-width:640px){html body section.cg-course.cgx{padding:22px 16px !important}html body section.cg-course.cgx .cg-session-grid{grid-template-columns:1fr !important}html body .cgx .category-course-title-name{font-size:32px !important}}

/* Corsi in arrivo: un riquadro con la lista; sotto, una riga per chiedere nuove date */
html body .cgb-up-wrap{margin-top:18px}
html body .cgb-box{background:#fff;border-radius:26px;padding:30px 34px;display:flex;flex-direction:column;justify-content:flex-start;gap:14px}
html body .cgb-box h3{margin:0 0 8px;font-size:26px;line-height:1.1;letter-spacing:-.8px}
html body .cgb-box p{font-size:15.5px;line-height:1.55;color:#3d3835;}
html body .cgb-up-list{list-style:none;margin:0;padding:0;}
html body .cgb-up-list li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #ece8e1}
html body .cgb-up-list.cgb-up-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-top:0}
html body .cgb-up-list.cgb-up-cols li:nth-child(-n+2){border-top:1px solid #ece8e1}
html body .cgb-up-list a.cgb-up-name{font-weight:700;font-size:15.5px;line-height:1.3}
html body .cgb-up-list a.cgb-up-name::after{content:" →";color:#e60050}
html body .cgb-up-list a.cgb-up-name:hover{color:#e60050}
html body .cgb-mini{flex:none;display:inline-flex;align-items:center;font:inherit;font-weight:700;font-size:13px;border:0;border-radius:8px;padding:8px 12px;background:#fff;color:#181818;text-decoration:none;box-shadow:inset 0 0 0 1px #dcd7cf;transition:background-color .2s,color .2s}
html body .cgb-mini:hover{background:#181818;color:#fff;box-shadow:none}
html body .wc-page .category-date-request{border:0;border-radius:0;overflow:visible;margin:18px 0 0}
html body .category-date-request .form{background:#fff;border-radius:26px;margin-top:18px;padding:30px 34px}
@media (min-width:1100px){html body .category-date-request .form{margin-inline:-56px;padding:34px 56px}}
@media (max-width:980px){html body .category-date-request .form{padding:26px 22px;border-radius:22px}}
html body .cgb-up-line{text-align:center;color:#3d3835}
html body .cgb-up-ask{font:inherit;font-size:16px;font-weight:700;color:#e60050;background:none;border:0;padding:0;}
html body .cgb-up-ask:hover{text-decoration:underline}
@media (min-width:1100px){html body .cgb-up-wrap{margin-inline:-56px}html body .cgb-box{padding:34px 56px}}
@media (max-width:980px){html body .cgb-box{padding:26px 22px;border-radius:22px}}
@media (max-width:820px){html body .cgb-up-list.cgb-up-cols{grid-template-columns:1fr}html body .cgb-up-list.cgb-up-cols li:nth-child(2){border-top:0}}
@media (max-width:640px){html body .cgb-box h3{font-size:24px}}

/* Domande frequenti: senza riquadro, titolo a sinistra */
/* Categoria senza date: al posto delle schede, il pannello «Date in preparazione» */
html body .cgx-wait{background:#f3f3f1;border-radius:18px;padding:34px 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:stretch}
html body .cgx-wait h4{margin:0 0 10px;font-size:28px;line-height:1.1;letter-spacing:-.8px}
html body .cgx-wait p:not(.wr-kicker){margin:0 0 22px;line-height:1.55;color:#3d3835;max-width:520px}
@media (max-width:640px){html body .cgx-wait{padding:24px 20px}html body .cgx-wait h4{font-size:24px}}

/* Modale avvisami: corso preselezionato */
.cp-dates-dialog .nd-course{margin:14px 0 0;padding:10px 14px;background:#f3f3f1;border-radius:8px;font-size:15px}
/* "Nessuna di queste date ti va bene?": più aria sopra e sotto */
html body .cgb-up-line{margin:40px 0 44px}

/* Domande frequenti: come nella pagina corso (le regole legate alla pagina corso, rifatte qui) */
.cgx-faq .course-faq-a .wr-faq [data-slot="accordion-content"], .cgx-faq .course-faq-a .wr-faq [data-slot="accordion-content"] p {  line-height: 1.6;  }
.cgx-faq .course-faq-a .wr-inline-link { color: var(--melograno-brand, #e60050); border-bottom: 0; font-weight: 600; text-decoration-line: underline; text-decoration-color: currentColor; text-decoration-thickness: 1.5px; text-underline-offset: 4px; transition: color .15s; }
.cgx-faq .course-faq-a .wr-inline-link:is(:hover,:focus-visible){ color: var(--melograno-ink, #181818); }
/* FAQ categoria: niente linea sopra, tag rosso, riga WhatsApp/telefono */
html body .cgx-faq .course-faq-a { border-top: 0 !important; }
.cgx-faq .cgx-faq-help {    color: #3d3835; }
.cgx-faq .cgx-faq-help a { color: var(--melograno-brand, #e60050); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; transition: color .15s; }
.cgx-faq .cgx-faq-help a:is(:hover,:focus-visible){ color: var(--melograno-ink, #181818); }
.cgx-faq .cgx-faq-help span { display: block;   color: #6b6b6b; }
@media (min-width: 821px) { .cgx-faq .course-faq-a-inner > .cgx-faq-help { grid-area: 3 / 1; align-self: start; margin-top: 28px; } }
/* riga WhatsApp/telefono: sotto le domande, carattere più piccolo */
.cgx-faq .wr-faq > .cgx-faq-help {  margin: 10px 0 0 4px; font-size: 14px; line-height: 1.55; }
.cgx-faq .wr-faq > .cgx-faq-help span { font-size: 13px; margin-top: 2px; }
/* "In arrivo": la frase sotto il titolo su una riga sola (prima era limitata a 440px) */
html body .cgb-up p { max-width: none; }
/* riga WhatsApp/telefono: più staccata dalle domande */
.cgx-faq .wr-faq > .cgx-faq-help { margin-top: 26px !important; }
/* FAQ categoria: titolo come i titoli dei corsi (38), domande a 17 */
html body .cgx-faq .course-faq-a h2 { font-size: clamp(33px, 3.68vw, 53px) !important; line-height: 1.06 !important; }
@media (min-width: 821px) { html body .cgx-faq .course-faq-a .wr-faq [data-slot="accordion-trigger"] { font-size: 17px; } }
/* Pagina categoria: sfondo grigio a tutta pagina, i corsi senza riquadro e divisi da una riga, le schede bianche (così si vedono i riquadri grigi delle date). Le schede restano nella colonna della pagina; il titolo del corso parte alla stessa distanza dal bordo del titolo nell'hero (--cg-inset meno --cg-gutter, il margine della colonna) e su computer il testo resta stretto, per lasciare spazio prima delle schede */
.wr-page.category-cards-107 { --cg-inset: calc(max(24px, (100vw - 1380px) / 2) + clamp(48px, 5.5vw, 82px)); --cg-gutter: max(calc(var(--melograno-page-gutters, 96px) / 2), calc((100vw - var(--melograno-shell-width, 1160px)) / 2)); }
html body .category-cards-107 .cg-courses { gap: 0; }
html body .category-cards-107 .cg-courses > section.cg-course.cgx { background: transparent !important; margin-inline: 0; border-radius: 0; border-top: 1px solid #dcdad3; padding: 44px 0 !important; }
html body .category-cards-107 .cg-courses > section.cg-course.cgx:first-child { border-top: 0; padding-top: 8px !important; }
html body .category-cards-107 .cg-courses > section.cg-course.cgx .cg-course-head { margin-left: calc(var(--cg-inset) - var(--cg-gutter)); }
html body .category-cards-107 .cg-courses > section.cg-course.cgx article.wr-session { background: #fff !important; }
@media (min-width: 981px) {
  html body .category-cards-107 .cg-courses > section.cg-course.cgx .cg-course-copy { max-width: 280px; }
}
/* Tra 981 e 1199 pixel la colonna del titolo è più stretta: titolo un po' più piccolo perché le parole lunghe («Improvvisazione») non escano */
@media (min-width: 981px) and (max-width: 1199px) {
  html body .category-cards-107 .cg-courses > section.cg-course.cgx .cg-course-head h3 .category-course-title-name { font-size: 32px !important; }
}
@media (min-width: 1100px) {
  html body .category-cards-107 .cgb-up-wrap { margin-inline: 0; }
}
@media (max-width: 1000px) {
  .wr-page.category-cards-107 { --cg-inset: 60px; --cg-gutter: 28px; }
}
@media (max-width: 980px) {
  html body .category-cards-107 .cg-courses > section.cg-course.cgx { padding: 36px 0 !important; }
}
@media (max-width: 720px) {
  .wr-page.category-cards-107 { --cg-inset: 36px; --cg-gutter: 20px; }
}
@media (max-width: 640px) {
  html body .category-cards-107 .cg-courses > section.cg-course.cgx { padding: 32px 0 !important; }
}
/* Il docente nella scheda ha lo sfondo grigio come nella pagina del corso */
html body .category-cards-107 section.cg-course.cgx article.wr-session .course-teacher-card > summary { /* SCHEDE_ESAURITE_20261018: anche con i posti esauriti */ background: #f2f2f0 !important; border-radius: 14px !important; }
html body .category-cards-107 section.cg-course.cgx article.wr-session .course-teacher-card > summary:is(:hover, :focus-visible) { background: #eaeae7 !important; }
/* Schede nella pagina categoria: sotto «Iscriviti ora» il link «Scopri il corso», nero e sottolineato */
html body .category-cards-107 .wr-session-bottom .wr-session-more { order: 1; align-self: center; margin-top: 8px; font-size: 14px; font-weight: 600; color: #181818 !important; text-decoration: underline !important; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
html body .category-cards-107 .wr-session-bottom .wr-session-more:hover { text-decoration-thickness: 2px; }

/* Recensioni nella pagina categoria (13/10/2026): stesso blocco della pagina del corso */
.wr-page.category-cards-107 .course-student-reviews { background: var(--melograno-white,#fff); padding: 80px 0px; scroll-margin-top: 110px; }
.wr-page.category-cards-107 .course-reviews-heading { max-width: 760px; margin: 0px 0px 36px; }
.wr-page.category-cards-107 .course-reviews-heading h2 { max-width: 14ch; }
.wr-page.category-cards-107 .course-student-review-grid { grid-template-columns: minmax(0px, 1.25fr) minmax(280px, 0.75fr); grid-template-rows: 1fr 1fr; gap: 16px; display: grid; }
.wr-page.category-cards-107 .course-student-review-grid figure { background: rgb(243, 243, 241); border-radius: 22px; min-width: 0px; display: flex; flex-direction: column; }
.wr-page.category-cards-107 .course-review-quote { color: var(--course-reviews-category); height: 44px; font-size: 72px; font-weight: 700; line-height: 0.8; }
.wr-page.category-cards-107 .course-student-review-grid blockquote { margin: 10px 0px 28px; font-weight: 500; }
.wr-page.category-cards-107 .course-student-review-grid figcaption { border-top: 1px solid rgb(218, 218, 215); align-items: center; gap: 12px; margin-top: auto; padding-top: 18px; display: flex; }
.wr-page.category-cards-107 .course-review-mark { color: var(--course-reviews-category-text); background: var(--course-reviews-category); border-radius: 50%; flex: 0 0 auto; place-items: center; width: 42px; height: 42px; font-size: 14px; font-weight: 700; display: grid; }
.wr-page.category-cards-107 .course-student-review-grid figcaption strong, .wr-page.category-cards-107 .course-student-review-grid figcaption small, .wr-page.category-cards-107 .course-student-review-grid figcaption a { display: block; }
.wr-page.category-cards-107 .course-student-review-grid figcaption strong { font-size: 15px; line-height: 1.25; }
.wr-page.category-cards-107 .course-student-review-grid figcaption small { color: rgb(102, 102, 102); margin-top: 3px; font-size: 12px; line-height: 1.35; }
.wr-page.category-cards-107 .course-student-review-grid figcaption a { text-decoration: underline; }
.wr-page.category-cards-107 .course-review-stars { letter-spacing: 0.08em; }
.wr-page.category-cards-107 .course-review-source { text-decoration: underline; text-decoration-color: var(--course-reviews-category); }
html body .category-cards-107 .course-reviews-heading h2 { font-size: clamp(33px, 3.68vw, 53px) !important; line-height: 1.06 !important; letter-spacing: -0.05em !important; font-weight: 700 !important; }
html body .category-cards-107 .course-reviews-heading h2 span { color: var(--course-reviews-category) !important; }
@media (max-width: 720px) {
  .wr-page.category-cards-107 .course-student-reviews { padding: 48px 0px; }
  .wr-page.category-cards-107 .course-reviews-heading { margin-bottom: 26px; }
  .wr-page.category-cards-107 .course-reviews-heading h2 { max-width: 12ch; }
  .wr-page.category-cards-107 .course-student-review-grid { scroll-padding-inline: 0px; grid-template: none; gap: 14px; display: flex; overscroll-behavior-inline: contain; scrollbar-width: none; }
  .wr-page.category-cards-107 .course-student-review-grid::-webkit-scrollbar { display: none; }
  .wr-page.category-cards-107 .course-student-review-grid figure, .wr-page.category-cards-107 .course-student-review-grid .course-review-featured { flex: 0 0 84%; }
}

/* «Quale corso fa per te?»: test a domande nella pagina categoria (13/10/2026). Riquadro largo come l'hero, rosso a sinistra. */
html body .category-cards-107 .gq-band { background: #fff; padding: 88px 0 8px; }
html body .category-cards-107 .gq { margin-top: 0; margin-inline: calc(max(24px, (100vw - 1380px) / 2) - var(--cg-gutter)); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); border-radius: 28px; overflow: hidden; background: #f3f3f1; }
html body .category-cards-107 .gq-side { background: #e60050; color: #fff; display: flex; flex-direction: column; }
html body .category-cards-107 .gq-left { background: #e60050; color: #fff; padding: 60px 48px 0 clamp(48px, 5.5vw, 82px); }
html body .category-cards-107 .gq-left h2 { font-size: clamp(33px, 3.68vw, 53px); line-height: 1.06; letter-spacing: -.05em; font-weight: 700; margin: 0 0 20px; color: #fff; }
html body .category-cards-107 .gq-left p { color: #fff; font-size: 17px; line-height: 1.55; margin: 0; max-width: 380px; }
html body .category-cards-107 .gq-ask { flex: 1; background: #e60050; color: #fff; padding: 44px 48px 52px clamp(48px, 5.5vw, 82px); display: flex; flex-direction: column; justify-content: flex-end; }
html body .category-cards-107 .gq-ask strong { display: block; font-size: 17px; font-weight: 700; }
html body .category-cards-107 .gq-ask > span { display: block; font-size: 15px; line-height: 1.5; margin-top: 3px; }
html body .category-cards-107 .gq-act { display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; margin-top: 16px; }
html body .category-cards-107 .gq-wa { background: #fff; color: #181818 !important; border-radius: 999px; padding: 12px 20px; font-weight: 600; font-size: 15px; text-decoration: none !important; white-space: nowrap; }
html body .category-cards-107 .gq-tel { color: #fff !important; font-weight: 600; font-size: 15px; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1.5px; white-space: nowrap; }
html body .category-cards-107 .gq-ask small { display: block; font-size: 13px; opacity: .85; margin-top: 12px; white-space: nowrap; }
html body .category-cards-107 .gq-wa:focus-visible, html body .category-cards-107 .gq-tel:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
html body .category-cards-107 .gq-play { padding: 48px 56px; min-height: 480px; display: flex; flex-direction: column; justify-content: center; }
html body .category-cards-107 .gq-panel { display: flex; flex-direction: column; }
html body .category-cards-107 .gq-panel[hidden] { display: none !important; }
html body .category-cards-107 .gq-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
html body .category-cards-107 .gq-step { font-size: 14px; font-weight: 600; color: #75756e; }
html body .category-cards-107 .gq-bar { display: flex; gap: 6px; }
html body .category-cards-107 .gq-bar i { display: block; width: 34px; height: 6px; border-radius: 99px; background: #ecebe7; }
html body .category-cards-107 .gq-bar i.on { background: #e60050; }
html body .category-cards-107 .gq-q { font-size: 30px; line-height: 1.15; letter-spacing: -.03em; font-weight: 700; color: #181818; margin: 0 0 26px; outline: none; }
html body .category-cards-107 .gq-opts { display: grid; gap: 10px; }
html body .category-cards-107 .gq-opt { appearance: none; box-sizing: border-box; display: flex; align-items: center; gap: 16px; width: 100%; margin: 0; padding: 18px 20px; border-radius: 18px; background: #fff; border: 2px solid transparent; font: inherit; font-size: 18px; font-weight: 600; line-height: 1.3; color: #181818; text-align: left; cursor: pointer; transition: border-color .15s, background-color .15s, transform .12s; }
html body .category-cards-107 .gq-opt kbd { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: #fff; border: 1.5px solid #d9d7d0; box-shadow: 0 2px 0 #d9d7d0; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1; color: #181818; }
html body .category-cards-107 .gq-opt:hover { border-color: #181818; }
html body .category-cards-107 .gq-opt:focus-visible { outline: 3px solid #181818; outline-offset: 2px; }
html body .category-cards-107 .gq-opt:active { transform: scale(.985); }
html body .category-cards-107 .gq-opt.is-picked { background: #e60050; color: #fff; border-color: #e60050; }
html body .category-cards-107 .gq-opt.is-picked kbd { color: #e60050; border-color: #fff; box-shadow: 0 2px 0 rgba(0,0,0,.18); }
html body .category-cards-107 .gq-back { appearance: none; background: none; border: 0; padding: 0; margin-top: 20px; align-self: flex-start; font: inherit; font-size: 14px; font-weight: 600; color: #75756e; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
html body .category-cards-107 .gq-res { animation: gqIn .32s cubic-bezier(.2, .8, .2, 1) both; }
html body .category-cards-107 .gq-kick { font-size: 15px; font-weight: 600; color: #e60050; }
html body .category-cards-107 .gq-name { font-size: 38px; line-height: 1.08; letter-spacing: -.04em; font-weight: 700; color: #181818; margin: 8px 0 12px; outline: none; }
html body .category-cards-107 .gq-who { font-size: 17px; color: #3a3a36; margin: 0 0 20px; line-height: 1.5; }
html body .category-cards-107 .gq-date { display: flex; gap: 10px; align-items: flex-start; background: #fff; border-radius: 14px; padding: 14px 16px; font-size: 15px; line-height: 1.45; color: #181818; margin: 0 0 26px; }
html body .category-cards-107 .gq-date svg { flex: none; margin-top: 1px; color: #75756e; }
html body .category-cards-107 .gq-ctas { display: flex; align-items: center; gap: 14px 22px; flex-wrap: wrap; }
html body .category-cards-107 .gq-go { background: #e60050; color: #fff !important; border-radius: 12px; padding: 15px 24px; font-weight: 700; font-size: 16px; text-decoration: none !important; }
html body .category-cards-107 .gq-notify { appearance: none; background: #fff; border: 2px solid #181818; border-radius: 12px; padding: 13px 22px; font: inherit; font-weight: 700; font-size: 16px; color: #181818; cursor: pointer; }
html body .category-cards-107 .gq-again { appearance: none; background: none; border: 0; padding: 0; font: inherit; font-size: 15px; font-weight: 600; color: #181818; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1.5px; cursor: pointer; }
html body .category-cards-107 :is(.gq-go, .gq-notify, .gq-again, .gq-back):focus-visible { outline: 3px solid #181818; outline-offset: 3px; }
@keyframes gqIn { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { html body .category-cards-107 .gq-res { animation: none; } html body .category-cards-107 .gq-opt { transition: none; } }
@media (max-width: 980px) {
  html body .category-cards-107 .gq { grid-template-columns: 1fr; }
  html body .category-cards-107 .gq-side { display: contents; }
  html body .category-cards-107 .gq-left { order: 1; }
  html body .category-cards-107 .gq-play { order: 2; min-height: 0; }
  html body .category-cards-107 .gq-ask { order: 3; }
}
@media (max-width: 720px) {
  html body .category-cards-107 .gq-band { padding: 48px 0 0; }
  html body .category-cards-107 .gq { margin-inline: -8px; margin-top: 0; border-radius: 24px; }
  html body .category-cards-107 .gq-left { padding: 40px 24px 32px; }
  html body .category-cards-107 .gq-play { padding: 32px 24px; }
  html body .category-cards-107 .gq-ask { padding: 30px 24px 34px; }
  html body .category-cards-107 .gq-q { font-size: 25px; }
  html body .category-cards-107 .gq-opt { font-size: 17px; padding: 16px; }
  html body .category-cards-107 .gq-name { font-size: 31px; }
  html body .category-cards-107 .gq-wa { font-size: 14px; padding: 11px 18px; }
  html body .category-cards-107 .gq-tel { font-size: 14px; }
}