/* Shared product presentation for the 04741, 04743 and 04744 comparisons. */
.t3-integrated .product-comparison-key {
    margin-block: var(--space-4);
    padding: var(--space-3) var(--space-4);
    background: var(--surface);
    border: 1px solid var(--border-light);
    border-radius: var(--radius);
    font-size: 15px;
}
.t3-integrated .product-comparison-key p { margin: 0; }
.t3-integrated .product-comparison-key ul { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-5); list-style: none; margin: var(--space-3) 0; padding: 0; }
.t3-integrated .product-match { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; color: var(--text-secondary); }
.t3-integrated .product-match--match { color: var(--green); }
.t3-integrated .product-match--different { color: var(--red); }
.t3-integrated .product-match__icon { display: inline-grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border: 1px solid currentColor; border-radius: 4px; font-size: 18px; line-height: 1; font-weight: 700; }
.t3-integrated .product-match--match .product-match__icon { background: var(--green-soft); }
.t3-integrated .product-match--different .product-match__icon { background: var(--red-soft); }
.t3-integrated .product-match strong { color: var(--text); flex: 1 1 130px; }
.t3-integrated .product-match__label { font-size: 13px; font-weight: 600; }
/* The 04744 selection follows evidence, not a fixed quota of three products. */
@media (min-width: 981px) {
    .t3-integrated [data-t3-products="04744"][data-product-count="2"] .product-board__grid,
    .t3-integrated [data-t3-product-reminder="04744"][data-product-count="2"] .decision-cta__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .t3-integrated [data-t3-products="04744"][data-product-count="1"] .product-board__grid,
    .t3-integrated [data-t3-product-reminder="04744"][data-product-count="1"] .decision-cta__grid { grid-template-columns: minmax(0, 1fr); max-width: 600px; margin-inline: auto; }
}
.t3-integrated :is([data-t3-products="04741"], [data-t3-products="04743"], [data-t3-products="04744"]) .product-tech__points {
    display: grid;
    gap: var(--space-3);
    margin: 0 0 var(--space-4);
    padding-left: 20px;
    list-style: disc;
    font-size: 16px;
    line-height: 1.6;
}
.t3-integrated :is([data-t3-products="04741"], [data-t3-products="04743"], [data-t3-products="04744"]) .product-tech__points li { padding-left: 4px; }
.t3-integrated :is([data-t3-products="04741"], [data-t3-products="04743"], [data-t3-products="04744"]) .product-tech__points li::marker { color: var(--brand); }
.t3-integrated :is([data-t3-products="04741"], [data-t3-products="04743"], [data-t3-products="04744"]) .product-tech__points strong { font-weight: 600; }
.t3-integrated [data-t3-products="04744"] .product-tech__comparison { list-style: none; padding: 0; gap: var(--space-4); }
.t3-integrated [data-t3-products="04744"] .product-tech__comparison li { padding: 0 0 var(--space-3); border-bottom: 1px solid var(--border-light); }
.t3-integrated [data-t3-products="04744"] .product-tech__comparison p { margin: var(--space-2) 0 0; }
.t3-integrated [data-t3-products="04744"] .product-tech__setting { margin-block: 0 var(--space-3); font-size: 15px; line-height: 1.6; }
.t3-integrated :is([data-t3-products="04741"], [data-t3-products="04743"], [data-t3-products="04744"]) .product-visual {
    height: 280px;
    min-height: 280px;
    padding: 14px;
    overflow: hidden;
    background: radial-gradient(ellipse at 50% 40%, #fff 15%, #edf6fc 65%, #dce9f2 100%);
    border: 1px solid #c8dce9;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 #fff, 0 6px 15px rgb(8 48 75 / 8%);
}
.t3-integrated :is([data-t3-products="04741"], [data-t3-products="04743"], [data-t3-products="04744"]) .product-visual .t3-product-photo {
    display: block;
    width: 100%;
    height: 250px;
    margin: auto;
    object-fit: contain;
    filter: drop-shadow(0 8px 5px rgb(8 48 75 / 18%));
}

/* Amazon variant shared by the relay comparisons, without changing other CTAs. */
.t3-integrated:is(.t3-intro-04741, [data-relay-reference="04744"]) .btn--amazon {
    color: #1a1a1a;
    background: #ffd814;
    border-color: #edc400;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgb(95 76 0 / 16%);
}
.t3-integrated:is(.t3-intro-04741, [data-relay-reference="04744"]) .btn--amazon:hover {
    color: #1a1a1a;
    background: #f7ca00;
    border-color: #dab300;
    box-shadow: 0 6px 14px rgb(95 76 0 / 22%);
}
.t3-integrated:is(.t3-intro-04741, [data-relay-reference="04744"]) .btn--amazon:focus-visible {
    outline: 3px solid var(--brand, #006aa7);
    outline-offset: 3px;
}

.t3-integrated #relay-products .section-heading {
    margin-bottom: 20px;
    width: 100%;
    max-width: none;
    grid-template-columns: 6px minmax(0, 1fr);
}
.t3-integrated #relay-products { padding-top: 28px; }
.t3-integrated #relay-products .section-heading strong,
.t3-integrated #relay-products .comparison-note strong,
.t3-integrated .t3-affiliate-disclosure strong { font-weight: 700; }
.t3-integrated #relay-products .section-heading p,
.t3-integrated #relay-products .comparison-note {
    max-width: none;
}
.t3-integrated #relay-products .comparison-note {
    margin: 0 0 24px;
    line-height: 1.7;
}
.t3-integrated .t3-affiliate-disclosure {
    margin: 20px 0 0;
    color: var(--text-muted, #46596b);
    font-size: 14px;
    line-height: 1.6;
}
.t3-integrated #relay-products .t3-product-resources {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

/* A native disclosure also makes the photo zoom available by touch and keyboard. */
.t3-integrated .t3-product-zoom {
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.t3-integrated .t3-product-zoom > summary {
    display: block;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    list-style: none;
    cursor: zoom-in;
}
.t3-integrated .t3-product-zoom > summary::marker,
.t3-integrated .t3-product-zoom > summary::after { content: none; }
.t3-integrated .t3-product-zoom > summary::-webkit-details-marker { display: none; }
.t3-integrated .t3-product-zoom[open] > summary { cursor: zoom-out; }
.t3-integrated .t3-product-zoom > summary:focus-visible {
    outline: 3px solid var(--brand, #0060a1);
    outline-offset: 3px;
}
.t3-integrated .t3-product-zoom .t3-product-photo {
    transition: transform 350ms ease;
}
.t3-integrated .t3-product-zoom[open] .t3-product-photo { transform: scale(1.1); }
@media (hover: hover) and (pointer: fine) {
    .t3-integrated .t3-product-zoom:not([open]):hover .t3-product-photo { transform: scale(1.1); }
}

.t3-integrated :is([data-t3-product-reminder="04741"], [data-t3-product-reminder="04743"], [data-t3-product-reminder="04744"]) .decision-product {
    border: 1px solid #c8dce9;
    border-top: 4px solid var(--brand, #0060a1);
    border-radius: 12px;
    background: linear-gradient(145deg, #fff 55%, #edf6fc);
    box-shadow: inset 0 1px 0 #fff, 0 4px 0 #dce9f2, 0 12px 24px rgb(8 48 75 / 14%);
    transition: transform 200ms ease, box-shadow 200ms ease;
}
.t3-integrated :is([data-t3-product-reminder="04741"], [data-t3-product-reminder="04743"], [data-t3-product-reminder="04744"]) .decision-product:focus-within {
    box-shadow: inset 0 1px 0 #fff, 0 4px 0 #c8dce9, 0 16px 28px rgb(8 48 75 / 20%);
}
.t3-integrated :is([data-t3-product-reminder="04741"], [data-t3-product-reminder="04743"], [data-t3-product-reminder="04744"]) .decision-product strong {
    font-weight: 700;
}
.t3-integrated :is([data-t3-product-reminder="04741"], [data-t3-product-reminder="04743"], [data-t3-product-reminder="04744"]) .decision-product .btn--amazon {
    margin-top: auto;
}
@media (hover: hover) and (pointer: fine) {
    .t3-integrated :is([data-t3-product-reminder="04741"], [data-t3-product-reminder="04743"], [data-t3-product-reminder="04744"]) .decision-product:hover {
        transform: translateY(-3px);
        box-shadow: inset 0 1px 0 #fff, 0 4px 0 #c8dce9, 0 16px 28px rgb(8 48 75 / 20%);
    }
}
@media (prefers-reduced-motion: reduce) {
    .t3-integrated .t3-product-zoom .t3-product-photo,
    .t3-integrated :is([data-t3-product-reminder="04741"], [data-t3-product-reminder="04743"], [data-t3-product-reminder="04744"]) .decision-product { transition: none; }
}

/* Distinguish 04743 with the existing blue-grey palette, without altering the photos. */
.t3-integrated :is([data-t3-products="04743"], [data-t3-products="04744"]) .product-visual {
    background: linear-gradient(135deg, var(--brand-soft) 0%, var(--surface) 55%, #dce9f2 100%);
    isolation: isolate;
}
.t3-integrated :is([data-t3-products="04743"], [data-t3-products="04744"]) .product-visual .t3-product-photo--white-background {
    mix-blend-mode: multiply;
    filter: none;
}

/* Keep differences visible before opening the technical details. */
.t3-integrated [data-t3-products="04744"] .product-comparison-limit {
    padding: var(--space-3);
    border-left: 3px solid var(--brand);
    border-radius: 4px;
    background: var(--brand-soft);
    font-size: 15px;
    line-height: 1.6;
}
.t3-integrated [data-t3-products="04744"] .product-photo-caption {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.5;
}
.t3-integrated [data-t3-products="04744"] .product-name { overflow-wrap: anywhere; }
.t3-integrated [data-t3-products="04744"] .product-tech > summary:focus-visible {
    outline: 3px solid var(--brand);
    outline-offset: 3px;
}
.t3-integrated [data-t3-product-reminder="04744"] .decision-product strong { overflow-wrap: anywhere; }