.en-featured-quote.en-featured-quote--native{--enq-accent:#e51b72;position:relative;max-width:820px;margin:26px auto;padding:18px 22px 18px 26px;border:0;border-left:3px solid var(--enq-accent);border-radius:0 6px 6px 0;background:#f9f9fa;color:inherit;font-style:normal}.en-featured-quote.en-featured-quote--native p{margin:0;font-size:1.12em;font-style:italic;line-height:1.52}.en-featured-quote.en-featured-quote--native cite{display:block;margin-top:12px;color:#666;font-size:.78em;font-style:normal;font-weight:700}.en-editor-disclosure{margin:12px 0 28px;color:#666;font-size:.9em}.en-editor-disclosure__ethics{color:inherit;text-decoration:underline;text-underline-offset:2px}.en-amazon-au{margin:24px 0;padding:18px;border:1px solid #e4e4e4;border-radius:6px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.en-amazon-au__product{flex:1 1 100%}.en-amazon-au__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:4px;background:#111;color:#fff!important;text-decoration:none!important;font-weight:700}.en-trailer-embed{position:relative;margin:24px 0;overflow:hidden}.en-trailer-embed iframe{max-width:100%}@media(max-width:767px){.en-featured-quote.en-featured-quote--native{margin:22px 0;padding:15px 16px 15px 20px}.en-amazon-au__button{width:100%}}

/* Amazon product-card mode */
.en-amazon-au--card{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;padding:18px 20px}
.en-amazon-au--card .en-amazon-au__media{display:flex;align-items:center;justify-content:center;min-height:130px;background:#fff}
.en-amazon-au--card .en-amazon-au__media img{display:block;max-width:100%;max-height:150px;width:auto;height:auto;object-fit:contain}
.en-amazon-au--card .en-amazon-au__content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.en-amazon-au--card .en-amazon-au__product{font-size:1.05em;line-height:1.35}
.en-amazon-au--card .en-amazon-au__price{font-size:1.08em;font-weight:800}
@media(max-width:600px){.en-amazon-au--card{grid-template-columns:1fr}.en-amazon-au--card .en-amazon-au__media{min-height:0}.en-amazon-au--card .en-amazon-au__media img{max-height:180px}.en-amazon-au--card .en-amazon-au__button{width:100%}}

/*
 * Jetpack Slideshow control positioning
 * -------------------------------------
 * Jetpack now owns the slide sizing/animation again. These rules only anchor
 * its controls so theme anchor/button styles cannot stack both arrows together.
 */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container {
    position: relative;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    width: 36px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev {
    left: 12px !important;
    right: auto !important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next {
    right: 12px !important;
    left: auto !important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 25 !important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 12px !important;
    top: auto !important;
    width: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 25 !important;
}

/*
 * Classic WordPress Gallery compatibility
 * ---------------------------------------
 * Restore the legacy [gallery] shortcode column layout when the active theme
 * does not provide the old core gallery CSS. This intentionally does not target
 * Gutenberg .wp-block-gallery or Jetpack Slideshow.
 */
.gallery {
    display: grid !important;
    width: 100%;
    max-width: 100%;
    gap: 8px;
    margin: 1.5em 0;
    padding: 0;
    clear: both;
    box-sizing: border-box;
}

.gallery.gallery-columns-1 { grid-template-columns: minmax(0, 1fr); }
.gallery.gallery-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gallery.gallery-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gallery.gallery-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gallery.gallery-columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.gallery.gallery-columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.gallery.gallery-columns-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.gallery.gallery-columns-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.gallery.gallery-columns-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }

.gallery .gallery-item {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: center;
    box-sizing: border-box;
}

.gallery .gallery-icon {
    margin: 0;
    padding: 0;
}

.gallery .gallery-icon a,
.gallery .gallery-icon img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
}

.gallery .gallery-caption {
    display: block;
    margin: 6px 0 0;
    padding: 0 4px;
    font-size: 0.85em;
    line-height: 1.35;
}

/* Keep large legacy gallery column counts usable on tablets and phones. */
@media (max-width: 900px) {
    .gallery.gallery-columns-5,
    .gallery.gallery-columns-6,
    .gallery.gallery-columns-7,
    .gallery.gallery-columns-8,
    .gallery.gallery-columns-9 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .gallery.gallery-columns-3,
    .gallery.gallery-columns-4,
    .gallery.gallery-columns-5,
    .gallery.gallery-columns-6,
    .gallery.gallery-columns-7,
    .gallery.gallery-columns-8,
    .gallery.gallery-columns-9 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .gallery {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/*
 * Gutenberg Gallery block compatibility
 * -------------------------------------
 * Restore the front-end column layout for core Gallery blocks when theme/core
 * block structural CSS is absent. This is separate from legacy .gallery and
 * Jetpack Slideshow handling.
 */
.wp-block-gallery.has-nested-images {
    display: grid !important;
    width: 100%;
    max-width: 100%;
    gap: 8px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    clear: both;
    box-sizing: border-box;
}

.wp-block-gallery.has-nested-images.columns-1 { grid-template-columns: minmax(0, 1fr); }
.wp-block-gallery.has-nested-images.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wp-block-gallery.has-nested-images.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wp-block-gallery.has-nested-images.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wp-block-gallery.has-nested-images.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.wp-block-gallery.has-nested-images.columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.wp-block-gallery.has-nested-images.columns-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.wp-block-gallery.has-nested-images.columns-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }

.wp-block-gallery.has-nested-images > figure.wp-block-image {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box;
}

.wp-block-gallery.has-nested-images > figure.wp-block-image img {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
}

/* Match the editor's "Crop images to fit" behaviour. */
.wp-block-gallery.has-nested-images.is-cropped > figure.wp-block-image {
    overflow: hidden;
}

.wp-block-gallery.has-nested-images.is-cropped > figure.wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* Preserve usable layouts at narrower widths. */
@media (max-width: 900px) {
    .wp-block-gallery.has-nested-images.columns-5,
    .wp-block-gallery.has-nested-images.columns-6,
    .wp-block-gallery.has-nested-images.columns-7,
    .wp-block-gallery.has-nested-images.columns-8 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .wp-block-gallery.has-nested-images.columns-3,
    .wp-block-gallery.has-nested-images.columns-4,
    .wp-block-gallery.has-nested-images.columns-5,
    .wp-block-gallery.has-nested-images.columns-6,
    .wp-block-gallery.has-nested-images.columns-7,
    .wp-block-gallery.has-nested-images.columns-8 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .wp-block-gallery.has-nested-images {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/*
 * Explosion Network unified front-end gallery slideshow
 * -----------------------------------------------------
 * Used for both core/gallery blocks and legacy [gallery] shortcodes. The editor
 * keeps WordPress's normal gallery-grid experience.
 */
.en-core-gallery-slideshow {
    width: 100%;
    max-width: 100%;
    margin: 1.5em 0;
    clear: both;
}

.en-core-gallery-slideshow__viewport {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #111;
}

.en-core-gallery-slideshow__slide {
    display: none;
    width: 100%;
    margin: 0;
}

.en-core-gallery-slideshow__slide.is-active {
    display: block;
}

.en-core-gallery-slideshow__slide a,
.en-core-gallery-slideshow__slide img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.en-core-gallery-slideshow__slide img {
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.en-core-gallery-slideshow__slide figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 12px 56px;
    color: #fff;
    background: rgba(0,0,0,.65);
    font-size: 14px;
    line-height: 1.4;
}

.en-core-gallery-slideshow__control,
.en-core-gallery-slideshow__pause {
    position: absolute;
    z-index: 5;
    border: 0;
    background: rgba(255,255,255,.72);
    color: #222;
    cursor: pointer;
    line-height: 1;
}

.en-core-gallery-slideshow__control {
    top: 50%;
    width: 38px;
    height: 48px;
    transform: translateY(-50%);
    font-size: 38px;
}

.en-core-gallery-slideshow__prev { left: 12px; }
.en-core-gallery-slideshow__next { right: 12px; }

.en-core-gallery-slideshow__pause {
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    font-size: 18px;
}

.en-core-gallery-slideshow__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 10px 0 0;
}

.en-core-gallery-slideshow__dots button {
    width: 9px;
    height: 9px;
    min-width: 9px;
    padding: 0;
    border: 1px solid #777;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.en-core-gallery-slideshow__dots button.is-active {
    background: #333;
}

@media (max-width: 640px) {
    .en-core-gallery-slideshow__control {
        width: 34px;
        height: 44px;
        font-size: 32px;
    }
    .en-core-gallery-slideshow__prev { left: 8px; }
    .en-core-gallery-slideshow__next { right: 8px; }
}



/* EN gallery transition polish */
.en-core-gallery-slideshow__slide.is-active img {
    animation: en-core-gallery-fade-in 160ms ease-out;
}

@keyframes en-core-gallery-fade-in {
    from { opacity: .82; }
    to { opacity: 1; }
}

.en-buy-on__button{text-transform:none}.en-buy-on--card .en-buy-on__media img,.en-buy-on.en-amazon-au--card .en-buy-on__media img{width:auto;height:auto;max-width:100%;max-height:150px;object-fit:contain}
