/* Intermediate chanter gallery and layout. */
.product-index-card {container-type:inline-size;}
.product-index-card > a {display:block;position:relative;width:100%;height:100%;}
.product-index-title {
    position:absolute;top:8.5%;left:3%;right:3%;z-index:1;
    color:#fff;font-family:"Segoe UI",sans-serif;font-weight:700;
    font-size:8cqw;line-height:1.32;text-align:center;pointer-events:none;
    text-shadow:0 0 2px #000,0 0 4px #000,0 0 6px #000,0 0 10px rgba(0,0,0,.6);
}
.product-index-title > span {display:block;}
.product-index-title > .product-index-subtitle {font-size:.7em;line-height:1.4;margin-top:.15em;}
.product-index-card.product-index-pending {background:#453630;}
.product-index-card.product-index-pending::before,
.product-index-card.product-index-pending::after {display:none;}
.product-index-pending > a:focus-visible {outline:3px solid #fff;outline-offset:-5px;border-radius:18px;}
.image-container.chanter-new-range > a::after {content:"New\A Range!";}
html[lang="es"] .image-container.chanter-new-range > a::after {content:"¡Nueva\A Gama!";}
.chanter-intermediate-page .pay-trigger > .fa-paypal {margin-inline-end:.45em;}
.chanter-intermediate-page .drone2-gallery {min-height:0;}
.chanter-photo-frame {background-color:#080a0a;background-size:contain;}
.chanter-gallery-pending {height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;border-radius:16px;background:#eae2d9;color:#665548;}
.chanter-gallery-pending i {font-size:2rem;}
/* Let the photo use the space remaining above the purchase panel. */
@media (min-width:1101px) {
    .chanter-intermediate-page .drone-col-left {min-height:0;}
    .chanter-intermediate-page .drone2-gallery {flex:1 1 0;}
    .chanter-intermediate-page .drone-purchase {flex:0 0 auto;}
}
@media (max-width:1100px) {
    .chanter-intermediate-page .drone-card {height:auto;max-height:none;overflow:visible;}
    .chanter-intermediate-page .drone-col-left,
    .chanter-intermediate-page .drone-content {height:auto;}
    .chanter-intermediate-page .drone2-gallery {height:clamp(190px,33vh,340px);flex-shrink:0;}
}
.chanter-video-pending {display:flex;gap:10px;align-items:center;margin-block:1em;padding:12px 14px;background:#eae2d9;border-radius:10px;color:#665548;line-height:1.4;}
.chanter-video-pending i {color:#b43e35;font-size:1.5rem;}
.chanter-new-tile {display:flex;min-height:240px;border:1px solid #c7b4a3;border-radius:16px;background:linear-gradient(140deg,#e9dfd2,#cdb8a1);overflow:hidden;}
.chanter-new-tile a {display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;text-decoration:none;color:#4e382a;}
.chanter-new-tile a:hover {background:#ffffff30;}
.chanter-new-tile a:focus-visible {outline:3px solid #5f1c1c;outline-offset:-4px;}
.chanter-new-tile strong {font-size:1.4rem;}
.chanter-new-tile span {font-size:.85rem;}

.chanter-upgrades {min-width:0;margin:8px 0;padding:6px 10px;border:1px solid #c7b4a3;border-radius:10px;text-align:left;}
.chanter-upgrades legend {font-size:.85rem;font-weight:700;padding:0 5px;}
.chanter-upgrade-row {display:flex;align-items:center;gap:8px;justify-content:space-between;}
.chanter-upgrade-row label {display:flex;align-items:center;gap:5px;font-size:.82rem;cursor:pointer;}
.chanter-upgrade-row label strong {white-space:nowrap;}
.chanter-upgrade-row input {flex:0 0 16px;width:16px;height:16px;accent-color:#5f1c1c;}
.chanter-upgrade-preview {display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;padding:5px 7px;min-height:36px;border:1px solid #c7b4a3;border-radius:7px;background:#f8f4ee;color:#5f1c1c;cursor:pointer;}
.chanter-upgrade-preview span {font-size:.62rem;white-space:nowrap;}
.chanter-upgrade-help {font-size:.72rem;line-height:1.35;margin:5px 0;}
.chanter-upgrade-gallery {width:min(540px,calc(100vw - 28px));max-height:85dvh;padding:20px;border:1px solid #c7b4a3;border-radius:14px;background:#f8f4ee;color:#392c26;overflow:auto;}
.chanter-upgrade-gallery::backdrop {background:#0009;}
.chanter-upgrade-gallery h2 {font-size:1.05rem;padding-right:25px;}
#chanter-upgrade-gallery-close {position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;background:transparent;font-size:1.6rem;cursor:pointer;}
#chanter-upgrade-gallery-image {width:100%;height:auto;max-height:60dvh;object-fit:contain;}
.chanter-upgrade-gallery-controls:not([hidden]) {display:flex;align-items:center;justify-content:center;gap:16px;}
.chanter-upgrade-gallery-controls button {min-width:40px;min-height:40px;cursor:pointer;}
.chanter-upgrade-preview:focus-visible,.chanter-upgrade-gallery button:focus-visible {outline:2px solid #5f1c1c;outline-offset:2px;}
@media (min-width:1101px) {
    .chanter-intermediate-page .drone2-gallery,
    .chanter-professional-page .drone2-gallery {
        flex:0 0 clamp(170px,23vh,240px);
        height:clamp(170px,23vh,240px);
    }
    .chanter-professional-page .drone-card,
    .chanter-with-upgrades .drone-card {height:auto;max-height:none;}
}
#chanter-checkout-summary {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px 16px;
}
#chanter-checkout-summary strong {
    color: #08783e;
    font-size: 1.35rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}