/* 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;}
.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;}
/* 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;}