/* Approved 21 September 2026 mock. Scope to the enhanced quick-connect page. */
.ag-spp {
    --ag-spp-red: #ce3024;
    --ag-spp-ink: #222;
    --ag-spp-muted: #626873;
    --ag-spp-line: #dddfe3;
    --ag-spp-canvas: #f7f7f9;
}
.ag-spp [hidden] { display: none !important; }
.ag-spp #brx-content .single-product { padding: 24px 32px 48px; background: var(--ag-spp-canvas); }
.ag-spp #brx-content .single-product > .single-product__breadcrumbs,
.ag-spp #brx-content .single-product__inner-container.ag-spp-grid { width: 100%; max-width: 1280px; margin: 0 auto; }
.ag-spp #brx-content .single-product__inner-container.ag-spp-grid { display: grid; grid-template-columns: minmax(0,576fr) minmax(0,672fr); grid-template-areas: "gallery info"; gap: 16px 32px; align-items: start; padding: 0; border-radius: 0; background: none; }
.ag-spp #brx-content .ag-spp-shell { width: 100%; max-width: 1280px; margin: 0 auto; gap: 0; }
.ag-spp #brx-content .single-product__breadcrumbs { padding: 0 0 20px; background: none; border-radius: 0; font-size: 14px; line-height: 1.6; }
.ag-spp .single-product__breadcrumbs .navigation { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.ag-spp #brx-content .single-product__container-gallery { grid-area: gallery; width: 100%; gap: 16px; padding: 0; }
.ag-spp #brx-content .single-product__container-info { grid-area: info; display: flex; flex-direction: column; width: 100%; gap: 16px; padding: 0; }
.ag-spp #brx-content .single-product__inner-container-info,
.ag-spp #brx-content .single-product__gallery,
.ag-spp .ag-spp-support,
.ag-spp .ag-spp-details { background: #fff; border: 1px solid #eeeeef; border-radius: 10px; box-shadow: 0 2px 8px #22222203; }
.ag-spp #brx-content .single-product__inner-container-info { display: block; padding: 24px; }
.ag-spp #brx-content .single-product__title { font-family: Poppins,sans-serif; font-size: 30px; font-weight: 700; line-height: 1.3; margin: 0 0 6px; color: var(--ag-spp-ink); }
.ag-spp .ag-spp-subtitle { font-size: 18px; line-height: 1.5; color: var(--ag-spp-muted); margin: 0 0 16px; }
.ag-spp .ag-spp-intro { font-size: 16px; line-height: 1.5; margin: 0 0 26px; color: var(--ag-spp-muted); }
.ag-spp #brx-content .single-product__price,
.ag-spp #brx-content .single-product__divider,
.ag-spp .ag-spp-legacy,
.ag-spp .ag-co2-banner,
.ag-spp #brx-content .single-product__container-share,
.ag-spp #brx-content .share_social_show_mobile,
.ag-spp #brx-content .single-product__info,
.ag-spp #brxe-pxerze { display: none !important; }
.ag-spp #brx-content .single-product__gallery { width: 100%; position: relative; padding: 16px 20px 18px; overflow: hidden; }
.ag-spp .woocommerce-product-gallery { display: block !important; width: 100%; margin: 0 !important; }
.ag-spp .single-product__gallery .flex-viewport { width: 100%; aspect-ratio: 1; height: auto !important; }
.ag-spp .woocommerce-product-gallery__image a { display: block; }
.ag-spp .woocommerce-product-gallery__image img:not(.zoomImg) { aspect-ratio: 1; width: 100%; height: auto; object-fit: contain; }
.ag-spp .single-product__gallery .flex-control-thumbs { display: flex; gap: 10px; margin: 12px 90px 0 0 !important; padding: 0; }
.ag-spp .single-product__gallery .flex-control-thumbs li { width: 64px !important; margin: 0 !important; padding: 0; }
.ag-spp .single-product__gallery .flex-control-thumbs img { width: 64px !important; height: 64px !important; object-fit: contain; border: 1px solid var(--ag-spp-line); border-radius: 6px; padding: 3px; opacity: .65; cursor: pointer; }
.ag-spp .single-product__gallery .flex-control-thumbs img.flex-active { opacity: 1; border-color: var(--ag-spp-ink); }
.ag-spp .ag-spp-caption { font-size: 13px; color: var(--ag-spp-muted); line-height: 1.5; margin: 6px 0 0; }
.ag-spp .ag-spp-share { position: absolute; bottom: 34px; right: 24px; display: inline-flex; gap: 8px; align-items: center; min-height: 44px; border: 0; background: none; padding: 4px; color: var(--ag-spp-red); text-decoration: underline; font-size: 14px; cursor: pointer; }
.ag-spp .ag-spp-choices { margin: 0; padding: 0; border: 0; min-width: 0; }
.ag-spp .ag-spp-choices legend { float: none; width: 100%; margin: 0 0 16px; padding: 0; font-family: Poppins,sans-serif; font-size: 20px; line-height: 1.4; font-weight: 700; color: var(--ag-spp-ink); }
.ag-spp .ag-spp-choice { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; gap: 14px; align-items: start; margin: 0 0 12px; padding: 18px 16px; border: 1px solid var(--ag-spp-line); border-radius: 8px; cursor: pointer; color: var(--ag-spp-ink); text-transform: none; font-size: 16px; line-height: 1.5; transition: border-color .15s,background .15s; }
.ag-spp .ag-spp-choice:hover { border-color: var(--ag-spp-red); }
.ag-spp .ag-spp-choice.is-selected { border: 2px solid var(--ag-spp-red); padding: 17px 15px; background: #fff5ef; }
.ag-spp .ag-spp-choice input { appearance: auto; -webkit-appearance: radio; position: static; opacity: 1; accent-color: var(--ag-spp-red); width: 23px; height: 23px; margin: 2px 0 0; padding: 0; border: 0; }
.ag-spp .ag-spp-choice-copy { display: flex; flex-direction: column; gap: 5px; }
.ag-spp .ag-spp-choice-copy strong { font-size: 17px; line-height: 1.4; font-weight: 700; }
.ag-spp .ag-spp-choice-copy > span { color: var(--ag-spp-muted); font-size: 14px; line-height: 1.5; }
.ag-spp .ag-spp-choice-price { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; white-space: nowrap; font-size: 18px; line-height: 1.4; }
.ag-spp .ag-spp-choice-price small { font-size: 12px; }
.ag-spp .ag-spp-inclusive { font-size: 13px; color: var(--ag-spp-muted); }
.ag-spp .ag-spp-unavailable { opacity: .6; cursor: not-allowed; }
.ag-spp .ag-spp-unavailable em { font-size: 13px; }
.ag-spp .variations_form .variations { display: none; }
.ag-spp #brx-content .single-product__add-cart { width: 100%; margin: 0; padding: 0; }
.ag-spp #brx-content .variations_form { display: block; margin: 0 !important; padding: 0; gap: 0; }
.ag-spp .single_variation { margin: 0 !important; }
.ag-spp .ag-product-postcode-checker .delivery-option { margin-top: 6px; }
.ag-spp .woocommerce-variation-price { display: none; }
.ag-spp .ag-product-postcode-checker { border-top: 1px solid var(--ag-spp-line); margin: 20px 0 !important; padding: 14px 0 0 !important; }
.ag-spp .ag-product-postcode-checker.has-postcode .postcode-summary { font-size: 13px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.ag-spp .ag-product-postcode-checker #ag-fulfilment { font-size: 14px !important; font-weight: 400 !important; text-transform: none !important; background: none !important; border: 0 !important; padding: 6px 0 0 !important; margin: 0 !important; }
.ag-spp .ag-product-postcode-checker .ag-fulfilment-value { color: var(--ag-spp-ink) !important; }
.ag-spp .single_variation_wrap { margin: 0; }
.ag-spp #brx-content .woocommerce-variation-add-to-cart { display: flex; flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; }
.ag-spp .ag-spp-quantity-label { font-size: 14px; color: var(--ag-spp-muted); margin: 0; white-space: nowrap; }
.ag-spp #brx-content .quantity { width: 130px; flex: 0 0 130px; height: 50px !important; margin: 0 !important; }
.ag-spp #brx-content .quantity .qty { width: 100%; height: 50px; min-height: 50px; font-size: 16px; border-radius: 6px; }
.ag-spp #brx-content .single_add_to_cart_button { flex: 1 1 180px; min-height: 50px; padding: 12px 16px; font-size: 16px; line-height: 1.4; border-radius: 6px; margin: 0; background: var(--ag-spp-red); }
.ag-spp #ag-inline-stockists { flex-basis: 100%; }
.ag-spp .single-product__add-cart #wcpay-express-checkout-element { margin-top: 14px !important; }
.ag-spp .ag-spp-checkout-note { text-align: center; font-size: 12px; color: var(--ag-spp-muted); margin: 12px 0 0; line-height: 1.5; }
.ag-spp .ag-spp-support { grid-area: support; padding: 20px; }
.ag-spp .ag-spp-support h2 { font-family: Poppins,sans-serif; font-size: 20px; font-weight: 700; line-height: 1.35; margin: 0 0 12px; }
.ag-spp .ag-spp-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; margin: 0 0 18px; padding: 0; gap: 12px; }
.ag-spp .ag-spp-steps li { display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 13px; line-height: 1.4; text-align: center; }
.ag-spp .ag-spp-steps i { font-size: 30px; color: var(--ag-spp-red); }
.ag-spp .ag-spp-dpd { display: flex; align-items: flex-start; gap: 12px; padding: 14px; background: #fff5ef; border-radius: 6px; }
.ag-spp .ag-spp-dpd > i { color: var(--ag-spp-red); font-size: 24px; margin-top: 2px; }
.ag-spp .ag-spp-dpd h3 { font-size: 16px; line-height: 1.4; color: var(--ag-spp-red); margin: 0 0 4px; }
.ag-spp .ag-spp-dpd p { font-size: 13px; line-height: 1.5; color: var(--ag-spp-muted); margin: 0; }
.ag-spp .ag-spp-dpd-footer { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-top: 8px; }
.ag-spp .ag-spp-dpd-footer a { font-size: 13px; white-space: nowrap; color: var(--ag-spp-red); text-decoration: underline; }
.ag-spp .ag-spp-details { width: 100%; overflow: hidden; }
.ag-spp .ag-spp-details details + details { border-top: 1px solid var(--ag-spp-line); }
.ag-spp .ag-spp-details summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 17px 24px; font-size: 16px; line-height: 1.4; cursor: pointer; list-style: none; }
.ag-spp .ag-spp-details summary::-webkit-details-marker { display: none; }
.ag-spp .ag-spp-details summary i { font-size: 12px; }
.ag-spp .ag-spp-details details[open] summary i { transform: rotate(180deg); }
.ag-spp .ag-spp-details details > p { font-size: 15px; line-height: 1.6; padding: 0 24px 20px; margin: 0; color: var(--ag-spp-muted); }
.ag-spp .ag-spp-details details > h3 { font-size: 16px; margin: 0; padding: 0 24px 8px; }
.ag-spp .ag-spp-choice:focus-within,
.ag-spp .ag-spp-share:focus-visible,
.ag-spp .ag-spp-details summary:focus-visible,
.ag-spp .quantity .action:focus-visible { outline: 2px solid var(--ag-spp-red); outline-offset: 3px; }
@media (max-width: 1100px) and (min-width: 801px) {
    .ag-spp .ag-spp-choice { grid-template-columns: 23px minmax(0,1fr); }
    .ag-spp .ag-spp-choice-price { grid-column: 2; flex-direction: row; align-items: baseline; gap: 10px; }
    .ag-spp .ag-spp-quantity-label { flex-basis: 100%; }
}
@media (max-width: 800px) {
    .ag-spp #brx-content .single-product { padding: 20px 16px 32px; }
    .ag-spp #brx-content .single-product__inner-container.ag-spp-grid { grid-template-columns: minmax(0,1fr); grid-template-areas: "gallery" "info" "support"; gap: 16px; }
    .ag-spp #brx-content .single-product__container-gallery { display: contents; }
    .ag-spp #brx-content .single-product__gallery { grid-area: gallery; }
    .ag-spp #brx-content .single-product__inner-container-info { padding: 20px !important; }
    .ag-spp #brx-content .single-product__title { font-size: 26px; }
    .ag-spp .ag-spp-subtitle { font-size: 16px; }
    .ag-spp .ag-spp-intro { font-size: 15px; margin-bottom: 22px; }
    .ag-spp .ag-spp-choice { grid-template-columns: 23px minmax(0,1fr); gap: 10px; padding: 16px 14px; }
    .ag-spp .ag-spp-choice.is-selected { padding: 15px 13px; }
    .ag-spp .ag-spp-choice-price { grid-column: 2; flex-direction: row; align-items: baseline; gap: 10px; }
    .ag-spp .ag-spp-choice-copy strong { font-size: 16px; }
    .ag-spp .ag-spp-choices legend { font-size: 18px; }
    .ag-spp .ag-spp-quantity-label { flex: 1; }
    .ag-spp #brx-content .single_add_to_cart_button { flex-basis: 100%; }
    .ag-spp .ag-spp-support { padding: 18px; }
    .ag-spp .ag-spp-steps { gap: 8px; }
    .ag-spp .ag-spp-steps li { font-size: 12px; }
    .ag-spp .ag-spp-caption { font-size: 12px; }
    .ag-spp .ag-spp-details summary { padding: 16px 20px; font-size: 15px; }
}