/* T-028: Kalite Politikamiz page (SayfaDetay, page 36). Loaded synchronously in the sayfaSlider section after product-page.css
   (title band); the theme bundle arrives async (EarlyRender), so every property the theme sets on h2/h3/p/ul/a (margins, font,
   colour) is fixed here with class-scoped selectors and the geometry does not move when it lands. Palette as T-026/T-027:
   red #b52129 / #bc2027, dark #1c1f23, text #25282d / #4a5058 / #646970, light band #f4f5f6. */

/* Title band: same band as product/products/contact; certificate badges on the right (open the gallery at that certificate). */
@media (min-width: 992px) {
    #page-title.sh-pp-title.sh-quality-band > .container { display: flex; align-items: center; justify-content: space-between; gap: 24px 40px; }
    /* Theme .clearfix/.container ::before/::after would become flex items and split the free space. */
    #page-title.sh-pp-title.sh-quality-band > .container::before, #page-title.sh-pp-title.sh-quality-band > .container::after { display: none; }
}
.sh-quality-band-main { min-width: 0; }
/* Wide screens: the four badges stay on one row; a longer (EN) subtitle wraps instead. */
@media (min-width: 1200px) { #page-title.sh-quality-band .sh-quality-badges { flex: 0 0 auto; } }
#page-title.sh-quality-band .sh-quality-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin: 0; padding: 0; list-style: none; }
#page-title.sh-quality-band .sh-quality-badges li { margin: 0; }
#page-title.sh-quality-band .sh-quality-badges a {
    display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border: 1px solid #e2e5e8; border-radius: 999px;
    background: #fff; color: #25282d; font: 700 13px/1.2 'Lato', Arial, sans-serif; letter-spacing: .04em; white-space: nowrap;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
#page-title.sh-quality-band .sh-quality-badges a:hover { border-color: #b52129; color: #25282d; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(37, 40, 45, .08); }
#page-title.sh-quality-band .sh-quality-badges a:focus-visible { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #b52129; }
/* Theme "#page-title span" (block, 18px, light) must not reach the badge text. */
#page-title.sh-quality-band .sh-quality-badges span { display: inline; margin: 0; color: inherit; font-size: inherit; font-weight: inherit; }
#page-title.sh-quality-band .sh-quality-badges svg {
    width: 28px; height: 28px; flex: 0 0 28px; padding: 5px; border-radius: 50%; background: #fbeaeb; color: #b52129;
    fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}

/* Page frame */
#content .content-wrap:has(> .sh-quality) { padding: 0; }
.sh-quality { color: #4a5058; font-family: 'Lato', Arial, sans-serif; }
.sh-quality *, .sh-quality *::before, .sh-quality *::after { box-sizing: border-box; }
@media (min-width: 1200px) { .sh-quality > section > .container { max-width: 1170px; } }
.sh-quality svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sh-quality a { text-decoration: none; }
#content .sh-quality p { margin: 0 0 16px; }
.sh-quality ul, .sh-quality ol { margin: 0; padding: 0; list-style: none; }
#content .sh-quality .sh-quality-eyebrow {
    display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; color: #bc2027;
    font: 700 11px/1 'Lato', Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase;
}
.sh-quality .sh-quality-eyebrow::before { content: ""; width: 28px; height: 2px; background: #bc2027; }
.sh-quality-head { max-width: 760px; margin: 0 auto 44px; text-align: center; }
.sh-quality .sh-quality-head h2 {
    margin: 0; color: #25282d; font: 700 36px/1.2 'Raleway', Arial, sans-serif; letter-spacing: -1px; text-transform: none;
}
.sh-quality .sh-quality-head h2::after { content: ""; display: block; width: 40px; height: 3px; margin: 18px auto 0; border-radius: 2px; background: #bc2027; }
#content .sh-quality-head-text p { margin: 16px 0 0; color: #646970; font-size: 16px; line-height: 1.7; }

/* 1. Intro: lead text + figures, photo collage (the page's own photos; user decision: in the content, not in the header). */
.sh-quality-intro { padding: 72px 0 84px; background: #fff; }
.sh-quality-intro-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 64px; align-items: center; }
.sh-quality-intro-grid.no-photo { grid-template-columns: minmax(0, 1fr); max-width: 860px; }
#content .sh-quality .sh-quality-lead p { margin: 0 0 16px; color: #4a5058; font-size: 16px; line-height: 1.8; }
#content .sh-quality .sh-quality-lead p:first-child { color: #25282d; font: 400 22px/1.6 'Raleway', Arial, sans-serif; letter-spacing: -.2px; }
#content .sh-quality .sh-quality-lead p:last-child { margin-bottom: 0; }
.sh-quality .sh-quality-lead strong { color: #b52129; font-weight: 700; }
.sh-quality .sh-quality-stats { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.sh-quality-stats li { margin: 0; }
.sh-quality-stats a {
    display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 12px 22px 12px 18px; border: 1px solid #e2e5e8; border-radius: 12px;
    background: #fff; color: #4a5058; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.sh-quality-stats a:hover { border-color: #b52129; color: #4a5058; box-shadow: 0 10px 26px rgba(37, 40, 45, .08); transform: translateY(-2px); }
.sh-quality-stats a:focus-visible { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #b52129; }
.sh-quality-stats strong { min-width: 1.2ch; color: #b52129; font: 700 42px/1 'Raleway', Arial, sans-serif; letter-spacing: -1px; font-variant-numeric: tabular-nums lining-nums; }
.sh-quality-stats span { max-width: 124px; font-size: 11px; font-weight: 700; line-height: 1.45; letter-spacing: 1.4px; text-transform: uppercase; }

.sh-quality-collage { position: relative; }
.sh-quality-collage.has-two { padding: 0 0 64px 56px; }
.sh-quality-collage-accent {
    position: absolute; top: -22px; right: -22px; width: 44%; aspect-ratio: 1 / 1; border-radius: 18px;
    background: repeating-linear-gradient(135deg, rgba(181, 33, 41, .16) 0 2px, transparent 2px 12px);
}
.sh-quality img.sh-quality-photo-main {
    position: relative; display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; margin: 0; object-fit: cover;
    border-radius: 16px; background: #e9ecef; box-shadow: 0 26px 60px rgba(16, 18, 22, .18);
}
.sh-quality img.sh-quality-photo-second {
    position: absolute; left: 0; bottom: 0; z-index: 1; display: block; width: 50%; height: auto; aspect-ratio: 4 / 3; margin: 0;
    object-fit: cover; border: 6px solid #fff; border-radius: 16px; background: #e9ecef; box-shadow: 0 20px 44px rgba(16, 18, 22, .24);
}

/* 2. "How we deliver quality": one card per h2 section before the principles; outlined numbers. */
.sh-quality-values { padding: 88px 0 96px; background: #f4f5f6; }
.sh-quality-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sh-quality-card {
    position: relative; margin: 0; padding: 34px 30px 32px; overflow: hidden; background: #fff; border: 1px solid #e2e5e8; border-radius: 14px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sh-quality-card::before {
    content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; transform: scaleX(.3); transform-origin: left;
    background: linear-gradient(90deg, #bc2027, #e0474e); transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
.sh-quality-card:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 20px 44px rgba(37, 40, 45, .1); }
.sh-quality-card:hover::before { transform: none; }
.sh-quality-card-no { display: block; margin-bottom: 20px; color: #bc2027; font: 800 46px/1 'Raleway', Arial, sans-serif; letter-spacing: -1px; }
@supports (-webkit-text-stroke: 1px #000) {
    .sh-quality-card-no { color: transparent; -webkit-text-stroke: 1.5px #bc2027; }
    .sh-quality-card:hover .sh-quality-card-no { color: #bc2027; }
}
.sh-quality .sh-quality-card h3 { margin: 0 0 12px; color: #25282d; font: 700 19px/1.35 'Raleway', Arial, sans-serif; letter-spacing: -.2px; text-transform: none; }
#content .sh-quality .sh-quality-card-text p { margin: 0 0 12px; color: #646970; font-size: 15px; line-height: 1.75; }
#content .sh-quality .sh-quality-card-text p:last-child { margin-bottom: 0; }
#content .sh-quality .sh-quality-more { margin: 40px 0 0; text-align: center; }
.sh-quality-more a {
    display: inline-flex; align-items: center; gap: 10px; padding: 10px 2px; border-bottom: 2px solid rgba(188, 32, 39, .25); color: #b52129;
    font: 700 15px/1.3 'Raleway', Arial, sans-serif; text-decoration: none; transition: border-color .2s ease;
}
.sh-quality-more a:hover, .sh-quality-more a:focus-visible { border-bottom-color: #bc2027; color: #b52129; text-decoration: none; }
.sh-quality .sh-quality-more svg { width: 18px; height: 18px; flex: 0 0 18px; stroke-width: 2; transition: transform .2s ease; }
.sh-quality-more a:hover svg { transform: translateX(3px); }

/* 3. Principles: dark band (as the home stats band) with red check badges. */
.sh-quality-principles { position: relative; padding: 96px 0 100px; overflow: hidden; background: #1c1f23; color: #fff; scroll-margin-top: 60px; }
.sh-quality-principles::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(50% 70% at 0 0, rgba(188, 32, 39, .34), transparent 70%), radial-gradient(40% 60% at 100% 100%, rgba(188, 32, 39, .2), transparent 70%);
}
.sh-quality-principles > .container { position: relative; z-index: 1; }
.sh-quality-principles-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 56px; align-items: start; }
.sh-quality .sh-quality-principles h2 { margin: 0 0 18px; color: #fff; font: 700 36px/1.2 'Raleway', Arial, sans-serif; letter-spacing: -1px; text-transform: none; }
.sh-quality .sh-quality-principles h2::before { content: ""; display: block; width: 40px; height: 3px; margin-bottom: 24px; border-radius: 2px; background: #ff8f95; }
#content .sh-quality .sh-quality-principles-intro p, #content .sh-quality .sh-quality-principles-after p { margin: 0 0 12px; color: #b4bac0; font-size: 17px; line-height: 1.7; }
.sh-quality-principles-after { margin-top: 32px; }
.sh-quality-principle-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sh-quality-principle-list li {
    display: flex; gap: 14px; align-items: flex-start; margin: 0; padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 12px;
    background: rgba(255, 255, 255, .035); color: #e9ebee; font-size: 15px; line-height: 1.6;
    transition: background-color .2s ease, border-color .2s ease;
}
.sh-quality-principle-list li:hover { border-color: rgba(255, 143, 149, .4); background: rgba(255, 255, 255, .06); }
.sh-quality-check {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; margin-top: -2px;
    border-radius: 50%; background: #b52129; color: #fff; box-shadow: 0 0 0 4px rgba(181, 33, 41, .25);
}
.sh-quality .sh-quality-check svg { width: 16px; height: 16px; stroke-width: 2.6; }

/* 4. Commitment: large quote. */
.sh-quality-commitment { padding: 96px 0 92px; background: #fff; }
.sh-quality-commitment-inner { max-width: 900px; margin: 0 auto; text-align: center; }
.sh-quality svg.sh-quality-quote { display: block; width: 52px; height: 39px; margin: 0 auto 26px; fill: #bc2027; stroke: none; }
.sh-quality .sh-quality-commitment h2 { margin: 0 0 22px; color: #bc2027; font: 700 12px/1.4 'Lato', Arial, sans-serif; letter-spacing: 2.4px; text-transform: uppercase; }
#content .sh-quality .sh-quality-commitment-text p { max-width: 760px; margin: 0 auto 18px; color: #4a5058; font-size: 17px; line-height: 1.8; }
#content .sh-quality .sh-quality-commitment-text p:first-child { max-width: none; margin-bottom: 26px; color: #25282d; font: 500 26px/1.5 'Raleway', Arial, sans-serif; letter-spacing: -.3px; }
#content .sh-quality .sh-quality-commitment-text p:last-child { margin-bottom: 0; }

/* 5. Certificates: cards with caption, opened in the Fancybox gallery (_Lightbox). */
.sh-quality-certs { padding: 88px 0 72px; background: #f4f5f6; scroll-margin-top: 60px; }
.sh-cert-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.sh-cert { margin: 0; scroll-margin-top: 90px; }
.sh-quality .sh-cert-link {
    display: flex; flex-direction: column; height: 100%; padding: 14px 14px 18px; border: 1px solid #e2e5e8; border-radius: 14px;
    background: #fff; color: #25282d; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sh-quality .sh-cert-link:hover { transform: translateY(-6px); border-color: transparent; color: #25282d; box-shadow: 0 24px 50px rgba(37, 40, 45, .14); }
.sh-quality .sh-cert-link:focus-visible { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #b52129; }
.sh-cert-thumb { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; border: 1px solid #eef0f2; border-radius: 8px; background: #f7f8f9; }
.sh-quality .sh-cert-thumb img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.sh-cert-link:hover .sh-cert-thumb img { transform: scale(1.04); }
.sh-cert-zoom { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(28, 31, 35, .42); opacity: 0; transition: opacity .25s ease; }
.sh-quality .sh-cert-zoom svg { width: 54px; height: 54px; padding: 14px; border-radius: 50%; background: #b52129; color: #fff; stroke-width: 2; transform: scale(.8); transition: transform .25s ease; }
.sh-cert-link:hover .sh-cert-zoom, .sh-cert-link:focus-visible .sh-cert-zoom { opacity: 1; }
.sh-cert-link:hover .sh-cert-zoom svg { transform: none; }
.sh-cert-body { display: flex; gap: 12px; align-items: flex-start; margin: 16px 4px 0; }
.sh-cert-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: #fbeaeb; color: #b52129; }
.sh-quality .sh-cert-icon svg { width: 20px; height: 20px; }
.sh-cert-text { min-width: 0; }
.sh-cert-code { display: block; color: #25282d; font: 700 17px/1.3 'Raleway', Arial, sans-serif; letter-spacing: -.2px; }
.sh-cert-name { display: block; margin-top: 3px; color: #646970; font-size: 13px; line-height: 1.5; }
.sh-cert-action { display: inline-flex; align-items: center; gap: 6px; margin: auto 4px 0; padding-top: 16px; color: #b52129; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 1.2px; text-transform: uppercase; }
.sh-quality .sh-cert-action svg { width: 16px; height: 16px; stroke-width: 2; transition: transform .2s ease; }
.sh-cert-link:hover .sh-cert-action svg { transform: translateX(3px); }

/* 6. Call to action (products / contact). */
.sh-quality-cta { padding: 24px 0 96px; background: #f4f5f6; }
.sh-quality-cta-inner {
    display: flex; align-items: center; justify-content: space-between; gap: 24px 40px; padding: 44px 52px; border-radius: 18px; color: #fff;
    background: radial-gradient(70% 140% at 100% 0, rgba(255, 255, 255, .14), transparent 60%), linear-gradient(120deg, #b52129, #8f1a21);
    box-shadow: 0 24px 60px rgba(143, 26, 33, .26);
}
.sh-quality .sh-quality-cta h2 { margin: 0 0 8px; color: #fff; font: 700 26px/1.3 'Raleway', Arial, sans-serif; letter-spacing: -.4px; text-transform: none; }
#content .sh-quality .sh-quality-cta p { margin: 0; color: rgba(255, 255, 255, .86); font-size: 16px; line-height: 1.6; }
.sh-quality-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; flex: 0 0 auto; }
.sh-quality .sh-quality-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 12px 24px; border-radius: 10px;
    font: 700 14px/1.2 'Lato', Arial, sans-serif; letter-spacing: .04em; white-space: nowrap; transition: background-color .15s ease, color .15s ease, transform .15s ease;
}
.sh-quality .sh-quality-btn svg { width: 18px; height: 18px; flex: 0 0 18px; stroke-width: 2; }
.sh-quality .sh-quality-btn--light { background: #fff; color: #b52129; }
.sh-quality .sh-quality-btn--light:hover { background: #fdeeee; color: #8f1a21; transform: translateY(-1px); }
.sh-quality .sh-quality-btn--ghost { border: 1.5px solid rgba(255, 255, 255, .7); color: #fff; }
.sh-quality .sh-quality-btn--ghost:hover { background: rgba(255, 255, 255, .12); color: #fff; transform: translateY(-1px); }
.sh-quality .sh-quality-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px #8f1a21, 0 0 0 4px #fff; }

/* Scroll reveal: only items below the first screen get .sh-reveal (inline script; skipped with reduced motion). The individual
   "translate" property is used so the cards' own hover transform still works; transforms do not move layout (no CLS). */
.sh-quality .sh-reveal {
    opacity: 0; translate: 0 26px;
    transition: opacity .7s ease var(--d, 0s), translate .8s cubic-bezier(.2, .7, .2, 1) var(--d, 0s), transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .2s ease;
}
.sh-quality .sh-reveal.is-in { opacity: 1; translate: none; }

@media (max-width: 1199.98px) {
    .sh-cert-code { font-size: 15px; }
    .sh-quality-cta-inner { padding: 40px 40px; }
}
@media (max-width: 991.98px) {
    #page-title.sh-quality-band .sh-quality-badges { justify-content: flex-start; margin-top: 18px; }
    .sh-quality-intro { padding: 56px 0 64px; }
    .sh-quality-intro-grid { grid-template-columns: minmax(0, 1fr); gap: 44px; }
    .sh-quality-collage { max-width: 640px; }
    .sh-quality-values, .sh-quality-principles, .sh-quality-commitment { padding: 72px 0; }
    .sh-quality-certs { padding: 72px 0 56px; }
    .sh-quality-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .sh-quality-principles-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .sh-cert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .sh-quality-cta { padding-bottom: 72px; }
    .sh-quality-cta-inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767.98px) {
    #page-title.sh-quality-band .sh-quality-badges { justify-content: center; }
    .sh-quality .sh-quality-head h2, .sh-quality .sh-quality-principles h2 { font-size: 28px; letter-spacing: -.5px; }
    .sh-quality-principle-list { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
@media (max-width: 575.98px) {
    #page-title.sh-quality-band .sh-quality-badges { gap: 8px; }
    #page-title.sh-quality-band .sh-quality-badges a { padding: 4px 12px 4px 4px; font-size: 12px; }
    #page-title.sh-quality-band .sh-quality-badges svg { width: 24px; height: 24px; flex-basis: 24px; padding: 4px; }
    .sh-quality-intro { padding: 40px 0 52px; }
    #content .sh-quality .sh-quality-lead p:first-child { font-size: 19px; line-height: 1.55; }
    #content .sh-quality .sh-quality-lead p { font-size: 15px; line-height: 1.75; }
    .sh-quality .sh-quality-stats { gap: 10px; margin-top: 26px; }
    .sh-quality-stats li { flex: 1 1 0; min-width: 0; }
    .sh-quality-stats a { flex-direction: column; align-items: flex-start; gap: 8px; min-height: 0; height: 100%; padding: 14px 16px; }
    .sh-quality-stats strong { font-size: 34px; }
    .sh-quality-stats span { max-width: none; font-size: 10px; letter-spacing: 1.1px; }
    .sh-quality-collage.has-two { padding: 0 0 44px 28px; }
    .sh-quality-collage-accent { top: -12px; right: -8px; }
    .sh-quality img.sh-quality-photo-second { border-width: 4px; border-radius: 12px; }
    .sh-quality img.sh-quality-photo-main { border-radius: 12px; }
    .sh-quality-values, .sh-quality-principles, .sh-quality-commitment { padding: 56px 0; }
    .sh-quality-certs { padding: 56px 0 44px; }
    .sh-quality-head { margin-bottom: 30px; }
    .sh-quality .sh-quality-head h2, .sh-quality .sh-quality-principles h2 { font-size: 26px; }
    .sh-quality-cards { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .sh-quality-card { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 14px; padding: 24px 20px 22px; }
    .sh-quality-card-no { margin-bottom: 0; font-size: 34px; }
    .sh-quality .sh-quality-card h3 { margin: 0; font-size: 17px; }
    .sh-quality-card-text { grid-column: 1 / -1; margin-top: 14px; }
    #content .sh-quality .sh-quality-more { margin-top: 28px; }
    .sh-quality-more a { font-size: 14px; }
    #content .sh-quality .sh-quality-card-text p { font-size: 14px; line-height: 1.7; }
    .sh-quality-principle-list li { padding: 14px 16px; font-size: 14px; }
    #content .sh-quality .sh-quality-commitment-text p:first-child { font-size: 20px; }
    #content .sh-quality .sh-quality-commitment-text p { font-size: 15px; }
    .sh-cert-grid { gap: 12px; }
    .sh-quality .sh-cert-link { padding: 8px 8px 14px; border-radius: 12px; }
    .sh-cert-body { gap: 0; margin: 12px 2px 0; }
    .sh-cert-icon { display: none; }
    .sh-cert-code { font-size: 14px; }
    .sh-cert-name { font-size: 12px; }
    .sh-cert-action { margin: auto 2px 0; padding-top: 10px; font-size: 10px; letter-spacing: .4px; white-space: nowrap; }
    .sh-quality .sh-cert-action svg { display: none; }
    .sh-quality-cta { padding-bottom: 56px; }
    .sh-quality-cta-inner { padding: 32px 24px; border-radius: 14px; }
    .sh-quality .sh-quality-cta h2 { font-size: 22px; }
    .sh-quality-cta-actions { width: 100%; }
    .sh-quality .sh-quality-btn { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .sh-quality *, #page-title.sh-quality-band .sh-quality-badges a { transition: none !important; }
}