/* SAFQQA 2026 brand palette
 * Canvas #F5F5F5 · Soft lavender #C8A2D4 · Vibrant purple #7B2D8E
 * Deep royal purple #2D0A5F · Charcoal #2C2C2C
 */
:root {
  --safqqa-canvas: #f5f5f5;
  --safqqa-lavender: #c8a2d4;
  --safqqa-vibrant: #7b2d8e;
  --safqqa-royal: #2d0a5f;
  --safqqa-charcoal: #2c2c2c;
  --safqqa-white: #ffffff;
  --safqqa-lavender-soft: #f4edf6;
  --safqqa-lavender-line: #e1cee7;
  --safqqa-lavender-rgb: 200, 162, 212;
  --safqqa-royal-rgb: 45, 10, 95;
  --safqqa-vibrant-rgb: 123, 45, 142;

  /* Compatibility aliases used by the existing storefront. */
  --wm-blue: var(--safqqa-vibrant);
  --wm-blue-700: #642175;
  --wm-blue-900: var(--safqqa-royal);
  --wm-yellow: var(--safqqa-lavender);
  --wm-cyan: var(--safqqa-lavender);
  --ink: var(--safqqa-charcoal);
  --muted: #6f6573;
  --paper: var(--safqqa-canvas);
  --border: var(--safqqa-lavender-line);
  --safqa-purple: var(--safqqa-vibrant);
  --safqa-purple-dark: #642175;
  --safqa-purple-deep: var(--safqqa-royal);
  --safqa-purple-soft: var(--safqqa-lavender-soft);
  --safqa-purple-border: var(--safqqa-lavender-line);
  --safqa-yellow: var(--safqqa-lavender);
  --bs-primary: var(--safqqa-vibrant);
  --bs-primary-rgb: var(--safqqa-vibrant-rgb);
  --bs-link-color: var(--safqqa-vibrant);
  --bs-link-hover-color: var(--safqqa-royal);
  --card-shadow: 0 18px 42px rgba(var(--safqqa-royal-rgb), 0.11);
  --card-shadow-soft: 0 10px 26px rgba(var(--safqqa-royal-rgb), 0.07);
}

html {
  accent-color: var(--safqqa-vibrant);
}

body {
  color: var(--safqqa-charcoal);
  background: var(--safqqa-canvas);
}

::selection {
  color: var(--safqqa-white);
  background: var(--safqqa-vibrant);
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.page-title {
  color: var(--safqqa-royal);
}

a {
  color: var(--safqqa-vibrant);
}

a:hover {
  color: var(--safqqa-royal);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(var(--safqqa-vibrant-rgb), 0.28);
  outline-offset: 3px;
}

.btn-primary {
  border-color: var(--safqqa-royal);
  color: var(--safqqa-white);
  background: var(--safqqa-royal);
  box-shadow: 0 9px 22px rgba(var(--safqqa-royal-rgb), 0.2);
}

.btn-primary:hover,
.btn-primary:focus-visible {
  border-color: var(--safqqa-vibrant);
  color: var(--safqqa-white);
  background: var(--safqqa-vibrant);
}

.btn-outline-primary {
  border-color: var(--safqqa-lavender);
  color: var(--safqqa-royal);
  background: var(--safqqa-white);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
  border-color: var(--safqqa-vibrant);
  color: var(--safqqa-white);
  background: var(--safqqa-vibrant);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--safqqa-vibrant);
  box-shadow: 0 0 0 0.22rem rgba(var(--safqqa-vibrant-rgb), 0.16);
}

.form-check-input:checked {
  border-color: var(--safqqa-vibrant);
  background-color: var(--safqqa-vibrant);
}

.safqa-header,
.store-header {
  border-bottom: 1px solid rgba(200, 162, 212, 0.3);
  background:
    radial-gradient(circle at 82% -35%, rgba(200, 162, 212, 0.28), transparent 42%),
    linear-gradient(125deg, var(--safqqa-royal) 0%, var(--safqqa-royal) 48%, var(--safqqa-vibrant) 100%);
  box-shadow: 0 10px 28px rgba(var(--safqqa-royal-rgb), 0.26);
}

.safqa-search {
  border: 1px solid rgba(200, 162, 212, 0.62);
  box-shadow: 0 8px 22px rgba(var(--safqqa-royal-rgb), 0.14);
}

.safqa-search input {
  color: var(--safqqa-charcoal);
}

.safqa-search-icon {
  background: var(--safqqa-vibrant);
}

.safqa-search-suggestions {
  border-color: var(--safqqa-lavender-line);
  box-shadow: 0 22px 55px rgba(var(--safqqa-royal-rgb), 0.2);
}

.safqa-search-suggestion:hover,
.safqa-search-suggestion.is-active,
.safqa-search-view-all {
  color: var(--safqqa-royal);
  background: var(--safqqa-lavender-soft);
}

.language-toggle-option.is-active,
.wm-lang-select {
  color: var(--safqqa-royal);
}

.safqa-cart-icon b {
  border-color: var(--safqqa-royal);
  color: var(--safqqa-royal);
  background: var(--safqqa-lavender);
}

.safqa-desktop-nav {
  border-bottom-color: var(--safqqa-lavender-line);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 22px rgba(var(--safqqa-royal-rgb), 0.07);
}

.safqa-desktop-links a {
  color: #5d5362;
}

.safqa-desktop-links a::after {
  background: var(--safqqa-vibrant);
}

.safqa-desktop-links a:hover,
.safqa-desktop-links a.active {
  color: var(--safqqa-royal);
}

.hero-category-link:hover,
.hero-category-link.is-active,
.category-slider-btn:hover {
  border-color: var(--safqqa-lavender);
  color: var(--safqqa-royal);
  background: var(--safqqa-lavender-soft);
}

.product-card,
.category-card,
.category-rail,
.card,
.modal-content,
.offcanvas {
  border-color: var(--safqqa-lavender-line);
}

.product-card:hover,
.category-card:hover,
.category-rail:hover {
  border-color: var(--safqqa-lavender);
  box-shadow: 0 18px 38px rgba(var(--safqqa-royal-rgb), 0.13);
}

.product-card .price,
.buy-box .price,
.category-label,
.product-badge {
  color: var(--safqqa-royal);
}

.page-link {
  border-color: var(--safqqa-lavender-line);
  color: var(--safqqa-vibrant);
}

.active > .page-link,
.page-link.active {
  border-color: var(--safqqa-vibrant);
  color: var(--safqqa-white);
  background: var(--safqqa-vibrant);
}

.breadcrumb-item a,
.product-description-content a {
  color: var(--safqqa-vibrant);
}

.site-footer {
  border-top-color: rgba(200, 162, 212, 0.28);
  color: #eee5f1;
  background:
    radial-gradient(circle at 12% 16%, rgba(200, 162, 212, 0.18), transparent 38%),
    linear-gradient(135deg, #210744 0%, var(--safqqa-royal) 56%, #3e105d 100%);
}

.site-footer a,
.footer-tagline,
.footer-copy,
.footer-app-download__copy p {
  color: #dfd2e4;
}

.site-footer a:hover,
.footer-title {
  color: var(--safqqa-white);
}

.footer-contact i,
.footer-app-download__copy span {
  color: var(--safqqa-lavender);
}

.socials a,
.footer-app-download {
  border-color: rgba(200, 162, 212, 0.35);
}

.footer-app-download__icon {
  border-color: rgba(200, 162, 212, 0.42);
  background: linear-gradient(145deg, rgba(200, 162, 212, 0.34), rgba(123, 45, 142, 0.3));
}

/* Commerce actions: one hierarchy everywhere. */
.add-cart,
.home-product-add,
.price-gap-cart,
.cart-reco-add,
.safqqa-chat-action,
.bundle-buy button,
.bundle-mobile-bar button,
.grouped-bundle-buy button {
  border: 1px solid var(--safqqa-vibrant) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-vibrant) !important;
  box-shadow: 0 9px 20px rgba(var(--safqqa-vibrant-rgb), 0.22) !important;
}

.add-cart:hover:not(:disabled),
.add-cart:focus-visible,
.home-product-add:hover:not(:disabled),
.price-gap-cart:hover:not(:disabled),
.cart-reco-add:hover:not(:disabled),
.safqqa-chat-action:hover:not(:disabled),
.bundle-buy button:hover:not(:disabled),
.bundle-mobile-bar button:hover:not(:disabled),
.grouped-bundle-buy button:hover:not(:disabled) {
  border-color: var(--safqqa-royal) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
  box-shadow: 0 12px 25px rgba(var(--safqqa-royal-rgb), 0.24) !important;
}

.buy-now,
.cart-checkout-btn,
.added-cart-checkout,
.guest-place-order {
  border: 1px solid var(--safqqa-royal) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
  box-shadow: 0 9px 22px rgba(var(--safqqa-royal-rgb), 0.22) !important;
}

.buy-now:hover:not(:disabled),
.buy-now:focus-visible,
.cart-checkout-btn:hover,
.added-cart-checkout:hover,
.guest-place-order:hover {
  border-color: var(--safqqa-vibrant) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-vibrant) !important;
}

.add-cart:disabled,
.buy-now:disabled,
.home-product-add:disabled,
.price-gap-cart:disabled,
.cart-reco-add:disabled {
  border-color: #ddd4df !important;
  color: #8b828e !important;
  background: #ece8ed !important;
  box-shadow: none !important;
}

.product-details-btn,
.home-bundle-card__action,
.bundle-card-foot > a {
  border-color: var(--safqqa-royal) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
  box-shadow: 0 7px 16px rgba(var(--safqqa-royal-rgb), 0.18) !important;
}

.product-details-btn:hover,
.home-bundle-card__action:hover,
.bundle-card-foot > a:hover {
  color: var(--safqqa-white) !important;
  background: var(--safqqa-vibrant) !important;
}

.home-bundle-card__action,
.bundle-card-foot > a {
  display: inline-flex !important;
  width: auto !important;
  height: 40px !important;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.55rem 0.8rem !important;
  border: 1px solid var(--safqqa-royal) !important;
  border-radius: 12px !important;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.bundle-buy button,
.grouped-bundle-buy button,
.bundle-mobile-bar button {
  border-radius: 13px !important;
  font-weight: 850 !important;
}

/* Product cards and purchase surfaces. */
.home-product-card {
  --home-card-accent: var(--safqqa-vibrant);
  --home-card-accent-deep: var(--safqqa-royal);
  --home-card-ink: var(--safqqa-charcoal);
}

.home-product-card .price,
.product-card .price,
.product-page .buy-box .price-block .price,
.product-page .product-price-panel .price,
.home-bundle-card__price strong,
.bundle-price-box strong {
  color: var(--safqqa-royal) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.home-product-stepper,
.qty-picker,
.cart-line,
.cart-summary,
.checkout-card,
.checkout-flow-card,
.checkout-summary-card,
.guest-checkout-panel,
.buy-box,
.product-detail-section,
.product-overview-card {
  border-color: var(--safqqa-lavender-line) !important;
}

.home-product-stepper button,
.qty-picker button,
.cart-qty-btn {
  color: var(--safqqa-royal) !important;
}

.product-card-wishlist,
.add-wishlist,
.buy-box-wishlist {
  color: var(--safqqa-vibrant) !important;
}

.product-card-wishlist:hover,
.product-card-wishlist.active,
.add-wishlist:hover,
.add-wishlist.active,
.buy-box-wishlist:hover,
.buy-box-wishlist.active {
  color: var(--safqqa-royal) !important;
  background-color: var(--safqqa-lavender-soft) !important;
}

.product-page .buy-box-header,
.product-price-panel::before,
.product-overview-icon,
.detail-card-heading > span,
.frequently-bought-icon {
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
}

.product-page .buy-box-kicker,
.product-price-panel-label > span,
.product-price-shipping-note i {
  color: var(--safqqa-lavender) !important;
}

.variant-option:not(.variant-option--condition).active,
.thumb-btn.active,
.thumb-btn:hover {
  border-color: var(--safqqa-vibrant) !important;
}

.variant-option:not(.variant-option--condition).active {
  color: var(--safqqa-white) !important;
  background: var(--safqqa-vibrant) !important;
}

/* Cart, checkout, authentication, orders and account pages. */
.cart-page,
.checkout-page,
.account-page,
.wishlist-page,
.orders-page {
  background: var(--safqqa-canvas);
}

.catalog-filters,
.card-soft,
.cart-items,
.cart-reco,
.checkout-auth-card,
.account-shell,
.account-panel,
.account-metric,
.account-order-card {
  border-color: var(--safqqa-lavender-line) !important;
  background-color: var(--safqqa-white);
}

.checkout-page-head h1,
.checkout-summary-head h2,
.cart-header h1,
.account-panel h1,
.account-panel h2,
.added-cart-title {
  color: var(--safqqa-royal) !important;
}

.checkout-back-link,
.checkout-summary-edit,
.account-order-card span,
.account-eyebrow {
  color: var(--safqqa-vibrant) !important;
}

.checkout-trust-pill,
.checkout-summary-secure,
.checkout-summary-head-icon,
.checkout-auth-icon,
.checkout-address-trigger-icon,
.account-metric-icon {
  border-color: var(--safqqa-lavender-line) !important;
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

.guest-checkout-progress [aria-current="step"],
.guest-checkout-progress .active,
.checkout-address-option.is-selected,
.checkout-address-option[aria-selected="true"] {
  border-color: var(--safqqa-vibrant) !important;
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

.account-sidebar,
.account-overview-hero {
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
  box-shadow: 0 12px 28px rgba(var(--safqqa-royal-rgb), 0.2) !important;
}

.account-sidebar .account-tabs .nav-link.active {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-white) !important;
}

.added-cart-check,
.added-cart-success {
  color: var(--safqqa-vibrant) !important;
}

.added-cart-continue {
  border-color: var(--safqqa-lavender) !important;
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

/* Catalog filters and selection states. */
.catalog-filter-actions .btn-primary,
.catalog-mobile-filter-toggle {
  border-color: var(--safqqa-royal) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
  box-shadow: 0 9px 20px rgba(var(--safqqa-royal-rgb), 0.2) !important;
}

.catalog-filter-eyebrow,
.catalog-filter-heading h2 i,
.catalog-filters .form-label i,
.catalog-filter-section-label {
  color: var(--safqqa-vibrant) !important;
}

.catalog-filter-toggle:has(input:checked),
.catalog-options li:hover,
.catalog-options li.is-active,
.catalog-active-filters a {
  border-color: var(--safqqa-lavender) !important;
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

.catalog-filter-toggle input {
  accent-color: var(--safqqa-vibrant) !important;
}

/* Bundles and promotional commerce modules. */
.bundle-page,
.bundle-detail-page {
  --bundle-ink: var(--safqqa-charcoal);
  --bundle-violet: var(--safqqa-vibrant);
  --bundle-lilac: var(--safqqa-lavender-soft);
  --bundle-lime: var(--safqqa-lavender);
  color: var(--safqqa-charcoal);
  background: var(--safqqa-canvas);
}

.bundle-hero,
.grouped-bundle-stage {
  color: var(--safqqa-white) !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(200, 162, 212, 0.28), transparent 30%),
    var(--safqqa-royal) !important;
}

.bundle-hero h1,
.bundle-hero h2,
.bundle-hero h3,
.grouped-bundle-stage h1,
.grouped-bundle-stage h2,
.grouped-bundle-stage h3 {
  color: var(--safqqa-white) !important;
}

.bundle-hero p,
.grouped-bundle-stage p {
  color: rgba(255, 255, 255, 0.8) !important;
}

.bundle-hero .bundle-trust i,
.grouped-bundle-stage i {
  color: var(--safqqa-lavender) !important;
}

.bundle-card,
.bundle-included-grid article,
.grouped-bundle-summary,
.grouped-bundle-gallery,
.home-bundle-card {
  border-color: var(--safqqa-lavender-line) !important;
}

.bundle-detail-collage span {
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
}

.bundle-card-badge,
.home-bundle-card__badge {
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  border-radius: 999px !important;
  color: var(--safqqa-royal) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 5px 16px rgba(var(--safqqa-royal-rgb), 0.1) !important;
  font-size: 0.62rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.035em;
  line-height: 1;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.home-product-card .product-discount-badge,
.bundle-card-saving,
.home-bundle-card__discount {
  border: 1px solid var(--safqqa-vibrant) !important;
  border-radius: 999px !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-vibrant) !important;
  box-shadow: 0 5px 16px rgba(var(--safqqa-vibrant-rgb), 0.2) !important;
}

.grouped-bundle-summary__badge,
.bundle-save-seal,
.grouped-bundle-offer__saving {
  border-color: var(--safqqa-lavender) !important;
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

.bundle-section-head span,
.bundle-detail-rating i,
.bundle-detail-proof i,
.bundle-confidence i,
.home-bundles__eyebrow {
  color: var(--safqqa-vibrant) !important;
}

/* Mobile navigation and conversational commerce. */
.safqa-bottom-nav {
  border-top-color: var(--safqqa-lavender-line) !important;
  box-shadow: 0 -10px 30px rgba(var(--safqqa-royal-rgb), 0.11) !important;
}

.safqa-bottom-nav > a.active {
  color: var(--safqqa-royal) !important;
  background-color: var(--safqqa-lavender-soft);
}

.safqa-bottom-assistant,
.safqa-bottom-assistant em {
  color: var(--safqqa-royal) !important;
}

.safqa-bottom-assistant > span,
.safqa-bottom-assistant.is-active > span {
  border-color: var(--safqqa-white) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-vibrant) !important;
  box-shadow: 0 8px 18px rgba(var(--safqqa-royal-rgb), 0.24) !important;
}

.safqa-bottom-assistant > span::after,
.safqa-bottom-assistant.is-active > span::after {
  background: var(--safqqa-vibrant) !important;
}

.safqqa-chatbot-launcher,
.safqqa-chatbot-header,
.safqqa-chatbot-send,
.is-user .safqqa-chatbot-bubble {
  border-color: var(--safqqa-royal) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
  box-shadow: 0 12px 30px rgba(var(--safqqa-royal-rgb), 0.25) !important;
}

.safqqa-chatbot-panel,
.safqqa-chat-product,
.safqqa-chat-summary,
.safqqa-chatbot-bubble {
  border-color: var(--safqqa-lavender-line) !important;
}

.safqqa-chatbot-messages,
.safqqa-chatbot-form textarea,
.safqqa-chatbot-welcome > span {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

.safqqa-chat-product-actions a,
.safqqa-chat-handoff,
.safqqa-chatbot-starters button,
.safqqa-chatbot-tool {
  border-color: var(--safqqa-lavender) !important;
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-white) !important;
}

/* Purposeful promotional accents: no legacy orange/blue campaign chrome. */
.safqa-desktop-links .safqa-desktop-deals,
.category-promo,
.category-promo--deal,
.category-promo--new,
.category-promo--all {
  border-color: var(--safqqa-lavender-line) !important;
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

.safqa-desktop-links .safqa-desktop-deals:hover,
.safqa-desktop-links .safqa-desktop-deals.active,
.category-promo:hover {
  color: var(--safqqa-white) !important;
  background: var(--safqqa-vibrant) !important;
  box-shadow: 0 8px 20px rgba(var(--safqqa-vibrant-rgb), 0.2) !important;
}

.rating i,
.akwa-section .akwa-product-item .rating i {
  color: var(--safqqa-vibrant) !important;
  text-shadow: none !important;
}

/* Homepage hero: remove the legacy gold and keep one deliberate palette. */
.safqa-announcement-bar {
  --announcement-gold: var(--safqqa-lavender);
  border-bottom-color: rgba(var(--safqqa-lavender-rgb), 0.3) !important;
  background:
    radial-gradient(circle at 18% -80%, rgba(var(--safqqa-lavender-rgb), 0.22), transparent 38%),
    linear-gradient(105deg, var(--safqqa-charcoal), var(--safqqa-royal)) !important;
  box-shadow: 0 5px 18px rgba(var(--safqqa-royal-rgb), 0.18) !important;
}

.safqa-announcement-label {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender) !important;
}

.safqa-announcement-label::after {
  background: var(--safqqa-lavender) !important;
}

.safqa-announcement-entry > i,
.safqa-announcement-entry a:hover,
.safqa-announcement-entry a:focus-visible {
  color: var(--safqqa-lavender) !important;
}

.safqa-promise-icon {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

.home-hero-v2 .hero-category-all {
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
}

.home-hero-v2 .hero-category-all:hover {
  background: var(--safqqa-vibrant) !important;
}

.home-hero-v2 .hero-category-link.is-active,
.home-hero-v2 .hero-category-link:hover {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
  box-shadow: inset 0 -3px var(--safqqa-vibrant) !important;
}

.home-hero-v2 .hero-display {
  background: var(--safqqa-canvas) !important;
}

.home-hero-v2 .hero-shortcut {
  border-color: var(--safqqa-lavender-line) !important;
}

.home-hero-v2 .hero-shortcut:hover,
.home-hero-v2 .hero-shortcut:focus-visible {
  border-color: var(--safqqa-lavender) !important;
  box-shadow: 0 10px 24px rgba(var(--safqqa-royal-rgb), 0.11) !important;
}

.home-hero-v2 .hero-shortcut--deal {
  border-color: var(--safqqa-royal) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-royal) !important;
}

.home-hero-v2 .hero-shortcut--deal:hover,
.home-hero-v2 .hero-shortcut--deal:focus-visible {
  border-color: var(--safqqa-vibrant) !important;
  color: var(--safqqa-white) !important;
  background: var(--safqqa-vibrant) !important;
}

.home-hero-v2 .hero-shortcut--new {
  background: var(--safqqa-lavender-soft) !important;
}

.home-hero-v2 .hero-shortcut-icon,
.home-hero-v2 .hero-shortcut--deal .hero-shortcut-icon {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender) !important;
}

.home-hero-v2 .hero-shortcut:focus-visible {
  outline-color: rgba(var(--safqqa-vibrant-rgb), 0.45) !important;
}

.home-hero-v2 .hero-shortcut::after,
.home-hero-v2 .hero-shortcut--deal::after {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

.home-hero-v2 .hero-shortcut--deal::after {
  background: var(--safqqa-lavender) !important;
}

.home-hero-v2 .hero-card--2 {
  color: var(--safqqa-white) !important;
  background: linear-gradient(135deg, var(--safqqa-vibrant), var(--safqqa-royal)) !important;
}

.home-hero-v2 .hero-card__cta,
.home-hero-v2 .hero-card--2 .hero-card__cta {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender) !important;
}

.home-hero-v2 .hero-card__dots i.is-active {
  background: var(--safqqa-lavender) !important;
}

.home-assurance-strip {
  border-color: var(--safqqa-lavender-line) !important;
  color: var(--safqqa-charcoal) !important;
  background: linear-gradient(110deg, var(--safqqa-white), var(--safqqa-lavender-soft)) !important;
  box-shadow: 0 14px 34px rgba(var(--safqqa-royal-rgb), 0.1) !important;
}

.home-assurance-item {
  border-color: var(--safqqa-lavender-line) !important;
  color: var(--safqqa-charcoal) !important;
}

a.home-assurance-item:hover,
a.home-assurance-item:focus-visible {
  color: var(--safqqa-royal) !important;
  background: rgba(var(--safqqa-lavender-rgb), 0.15) !important;
}

.home-assurance-item > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid var(--safqqa-lavender-line);
  border-radius: 12px;
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft);
  font-size: 1.1rem;
}

.home-assurance-item strong {
  color: var(--safqqa-royal) !important;
}

.home-assurance-item small {
  color: #736a78 !important;
}

/* Home guidance and confidence modules use the same brand hierarchy. */
.home-shopping-help {
  background: linear-gradient(180deg, transparent, var(--safqqa-lavender-soft)) !important;
}

.home-shopping-help__card {
  background:
    radial-gradient(circle at 8% 0, rgba(var(--safqqa-lavender-rgb), 0.25), transparent 32%),
    linear-gradient(120deg, var(--safqqa-royal), #482171 68%, var(--safqqa-vibrant)) !important;
  box-shadow: 0 20px 48px rgba(var(--safqqa-royal-rgb), 0.2) !important;
}

.home-shopping-help__icon {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender) !important;
  box-shadow: 0 10px 24px rgba(var(--safqqa-lavender-rgb), 0.25) !important;
}

.home-shopping-help__copy > span {
  color: var(--safqqa-lavender) !important;
}

.home-shopping-help__actions > *:focus-visible {
  outline-color: rgba(var(--safqqa-lavender-rgb), 0.65) !important;
}

.home-shopping-help__assistant,
.home-shopping-help__assistant:hover,
.home-shopping-help__assistant.is-active {
  border-color: var(--safqqa-white) !important;
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-white) !important;
}

.home-confidence {
  background: linear-gradient(180deg, var(--safqqa-white), var(--safqqa-lavender-soft)) !important;
}

.home-confidence__eyebrow,
.home-confidence__eyebrow i,
.home-confidence__action {
  color: var(--safqqa-vibrant) !important;
}

.home-confidence__card {
  border-color: var(--safqqa-lavender-line) !important;
  box-shadow: 0 14px 35px rgba(var(--safqqa-royal-rgb), 0.07) !important;
}

.home-confidence__card::before {
  background: var(--safqqa-vibrant) !important;
}

.home-confidence__icon {
  color: var(--safqqa-royal) !important;
  background: var(--safqqa-lavender-soft) !important;
}

a.home-confidence__card:hover,
a.home-confidence__card:focus-visible {
  border-color: var(--safqqa-lavender) !important;
  box-shadow: 0 18px 42px rgba(var(--safqqa-royal-rgb), 0.13) !important;
}

a.home-confidence__card:focus-visible {
  outline-color: rgba(var(--safqqa-vibrant-rgb), 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
}
