/* Altahany app style — part 1: generated colour map (gen_theme.py); part 2: design layer (app-theme.css). */
/* generated by gen_theme.py — do not edit by hand */
html.ath-app{--ivory:var(--app-surface);--champagne:var(--app-surface);--gold:var(--app-gold);--gold-dk:var(--app-gold);--gold-lt:var(--app-surface);--gold-xl:var(--app-surface);--rose:var(--app-surface);--peach:var(--app-surface);--sage:var(--app-surface);--dark:var(--app-ink);--mid:var(--app-gold);--muted:var(--app-muted);--border:var(--app-line);--white:var(--app-surface);--red:hsl(0 70% 70%);--green:hsl(142 70% 70%);--blue:var(--app-muted);--orange:var(--app-gold)}
html.ath-app .card-header{background:var(--app-surface)}
html.ath-app .card-footer{background:var(--app-surface)}
html.ath-app .table th{background:var(--app-surface)}
html.ath-app .badge-green{background:var(--app-surface);color:hsl(142 70% 72%)}
html.ath-app .badge-red{background:var(--app-surface);color:hsl(0 70% 72%)}
html.ath-app .badge-blue{background:var(--app-surface);color:hsl(224 70% 72%)}
html.ath-app .badge-orange{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .badge-gray{background:var(--app-surface);color:var(--app-muted)}
html.ath-app .alert-success{background:var(--app-surface);color:hsl(142 70% 72%)}
html.ath-app .alert-warning{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .doc-items-table th{background:var(--app-surface)}
html.ath-app .ath-cart-count{background:var(--app-surface)}
html.ath-app .ath-service-card p{color:var(--app-muted)}
html.ath-app .ath-cart-quote-notice{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-code{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-cart-mini-item{border-bottom:1px solid var(--app-line)}
html.ath-app{--ath-gold-dark:var(--app-gold)}
html.ath-app .ath-admin-unclassified{background:var(--app-surface);color:hsl(0 35% 72%)}
html.ath-app .ath-admin-unclassified p{color:var(--app-muted)}
html.ath-app{--ath-v57-gold:var(--app-gold);--ath-v57-gold-dark:var(--app-gold);--ath-v57-cream:var(--app-surface);--ath-v57-paper:var(--app-surface);--ath-v57-ink:var(--app-ink);--ath-v57-muted:var(--app-muted);--ath-v57-border:var(--app-line)}
html.ath-app :is(header,.site-header,.ath-header){background:var(--app-surface)}
html.ath-app :is(input,select,textarea){background:var(--app-surface) !important}
html.ath-app :is(footer,.site-footer,.ath-footer){background:var(--app-surface)}
html.ath-app :is(footer,.site-footer,.ath-footer) .copyright{color:var(--app-muted)}
html.ath-app{--ath-text-strong:var(--app-ink);--ath-surface-soft:var(--app-surface);--ath-gold-strong:var(--app-gold);--ath-border-strong:var(--app-line)}
html.ath-app .ath-design-filter-desktop a,
html.ath-app .ath-design-tags a{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-ink)}
html.ath-app .ath-design-card>a{color:var(--app-gold)}
html.ath-app .ath-design-card img{background:var(--app-surface)}
html.ath-app .ath-design-main{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-design-arrow{background:var(--app-surface)}
html.ath-app .ath-design-thumb{background:var(--app-surface)}
html.ath-app .ath-design-copy,
html.ath-app .ath-design-order-card,
html.ath-app .ath-service-note{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-home-design-card>a{color:var(--app-gold)}
html.ath-app .ath-cart-thumb{background:var(--app-surface)}
html.ath-app .ath-cart-info p{color:var(--app-muted)}
html.ath-app .ath-service-code{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-cart-price{color:var(--app-gold)}
html.ath-app .ath-cart-mini-thumb{background:var(--app-surface)}
html.ath-app .ath-public-category-nav a{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-public-category-head>span{color:var(--app-gold)}
html.ath-app .ath-newsletter,
html.ath-app .newsletter-section,
html.ath-app .newsletter-wrap,
html.ath-app .newsletter-card,
html.ath-app .subscribe-section,
html.ath-app .subscription-section,
html.ath-app [class*="newsletter"],
html.ath-app [class*="subscribe"]{color:var(--app-gold)}
html.ath-app .ath-newsletter .container,
html.ath-app .newsletter-card,
html.ath-app [class*="newsletter"] .card,
html.ath-app [class*="subscribe"] .card{background:var(--app-surface);border:1px solid var(--app-line)}
html.ath-app .ath-newsletter h2,
html.ath-app .ath-newsletter h3,
html.ath-app .newsletter-section h2,
html.ath-app .newsletter-section h3,
html.ath-app .subscribe-section h2,
html.ath-app .subscribe-section h3,
html.ath-app [class*="newsletter"] h2,
html.ath-app [class*="newsletter"] h3,
html.ath-app [class*="subscribe"] h2,
html.ath-app [class*="subscribe"] h3{color:var(--app-gold) !important}
html.ath-app .ath-newsletter p,
html.ath-app .newsletter-section p,
html.ath-app .subscribe-section p,
html.ath-app [class*="newsletter"] p,
html.ath-app [class*="subscribe"] p{color:var(--app-muted) !important}
html.ath-app .ath-newsletter label,
html.ath-app .newsletter-section label,
html.ath-app .subscribe-section label,
html.ath-app [class*="newsletter"] label,
html.ath-app [class*="subscribe"] label{color:var(--app-gold) !important}
html.ath-app .ath-newsletter input,
html.ath-app .newsletter-section input,
html.ath-app .subscribe-section input,
html.ath-app [class*="newsletter"] input,
html.ath-app [class*="subscribe"] input{background:var(--app-surface) !important;color:var(--app-gold) !important;border:1.5px solid var(--app-line) !important}
html.ath-app .ath-newsletter input::placeholder,
html.ath-app .newsletter-section input::placeholder,
html.ath-app .subscribe-section input::placeholder,
html.ath-app [class*="newsletter"] input::placeholder,
html.ath-app [class*="subscribe"] input::placeholder{color:var(--app-muted) !important}
html.ath-app .ath-album-service-hero{background:var(--app-surface);border-bottom:1px solid var(--app-line)}
html.ath-app .ath-album-service-hero h1{color:var(--app-gold)}
html.ath-app .ath-album-service-hero p{color:var(--app-muted)}
html.ath-app .ath-album-service-stats span{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-album-service-stats strong{color:var(--app-gold)}
html.ath-app .ath-album-catalog-head h2{color:var(--app-gold)}
html.ath-app .ath-text-link{color:var(--app-gold)}
html.ath-app .ath-album-filter-scroll a{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-album-filter-scroll a span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-design-album-image{background:var(--app-surface)}
html.ath-app .ath-design-album-fallback{color:var(--app-gold)}
html.ath-app .ath-design-head .ath-design-number{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-design-open-hint{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-design-album-title h3{color:var(--app-gold)}
html.ath-app .ath-design-album-title small{color:var(--app-muted)}
html.ath-app .ath-icon-action{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-icon-action:hover{background:var(--app-surface)}
html.ath-app .ath-linked-album-card{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-linked-album-card small{color:var(--app-muted)}
html.ath-app .ath-linked-album-card b{color:var(--app-gold)}
html.ath-app{--ath-ui-bg:var(--app-surface);--ath-ui-surface:var(--app-surface);--ath-ui-soft:var(--app-surface);--ath-ui-border:var(--app-line);--ath-ui-gold:var(--app-gold);--ath-ui-gold-dark:var(--app-gold);--ath-ui-text:var(--app-ink);--ath-ui-muted:var(--app-muted);--ath-ui-footer:var(--app-gold)}
html.ath-app .ath-header-cart-badge{border:2px solid var(--app-line)}
html.ath-app .pub-mobile-menu{background:var(--app-surface) !important}
html.ath-app :is(.ath-home-category-card,.ath-home-design-card,.ath-service-card,.ath-gallery-card){background:var(--app-surface) !important}
html.ath-app .ath-home-hero{background:var(--app-surface) !important}
html.ath-app .ath-home-hero-copy p{color:var(--app-muted) !important}
html.ath-app .ath-catalog-service-label{color:var(--app-gold)}
html.ath-app .ath-catalog-service-description{color:var(--app-muted)}
html.ath-app .ath-catalog-service-meta span{background:var(--app-glass);color:var(--app-muted)}
html.ath-app .ath-services-catalog-toolbar{background:var(--app-glass)}
html.ath-app .ath-smart-service-media{background:var(--app-surface)}
html.ath-app .ath-smart-service-badge{border:1px solid var(--app-line);background:var(--app-glass);color:var(--app-gold)}
html.ath-app .ath-smart-service-heading .ath-service-price{color:var(--app-gold)}
html.ath-app .ath-smart-service-copy p{color:var(--app-muted)}
html.ath-app .ath-smart-service-meta span{background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-smart-service-custom-note{background:var(--app-glass);color:var(--app-muted)}
html.ath-app .btn-outline,
html.ath-app .ath-btn-outline,
html.ath-app .ath-btn-glass{background:var(--app-glass);color:var(--app-gold)}
html.ath-app .ath-home-company-strip .container,
html.ath-app .ath-home-final-cta .container{background:var(--app-glass)}
html.ath-app .ath-home-service-chips a,
html.ath-app .ath-home-gallery-filters button{background:var(--app-glass);color:var(--app-gold)}
html.ath-app .form-control,
html.ath-app .form-select,
html.ath-app input,
html.ath-app select,
html.ath-app textarea{background:var(--app-surface)}
html.ath-app .ath-header-cart{background:var(--app-glass);color:var(--app-gold) !important}
html.ath-app .ath-home-company-strip > .container,
html.ath-app .ath-home-quick-services > .container,
html.ath-app .ath-home-design-gallery > .container,
html.ath-app .ath-home-final-cta > .container{background:var(--app-glass)}
html.ath-app .ath-home-service-chips a:hover{background:var(--app-surface)}
html.ath-app{--ath-gloss-gold:var(--app-gold);--ath-gloss-gold-dark:var(--app-gold);--ath-gloss-white:var(--app-glass);--ath-gloss-border:var(--app-line)}
html.ath-app main h2{color:var(--app-gold)}
html.ath-app .page-header,
html.ath-app .ath-page-header{background:var(--app-glass)}
html.ath-app main .card,
html.ath-app main .ath-card,
html.ath-app main .service-card,
html.ath-app main .gallery-card,
html.ath-app main .package-card,
html.ath-app main .contact-card,
html.ath-app main .cart-card,
html.ath-app main .quote-card,
html.ath-app main .form-card,
html.ath-app main .content-card{background:var(--app-glass) !important}
html.ath-app main input,
html.ath-app main select,
html.ath-app main textarea{background:var(--app-surface) !important}
html.ath-app main .table-responsive{background:var(--app-glass)}
html.ath-app main th{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-about-hero-frame,
html.ath-app .ath-about-values-frame,
html.ath-app .ath-about-cta-frame{background:var(--app-glass)}
html.ath-app .ath-about-story-card{background:var(--app-glass)}
html.ath-app .ath-about-service-item{background:var(--app-glass)}
html.ath-app .ath-about-service-item > span{color:var(--app-gold)}
html.ath-app .ath-about-service-item small{color:var(--app-gold)}
html.ath-app .ath-about-process-grid article{background:var(--app-surface)}
html.ath-app .ath-about-values-frame li{background:var(--app-glass)}
html.ath-app .ath-about-values-frame li span{color:var(--app-gold)}
html.ath-app .ath-contact-hero-frame{background:var(--app-glass)}
html.ath-app .ath-contact-brand-visual{background:var(--app-glass)}
html.ath-app .ath-contact-logo-shell{background:var(--app-surface)}
html.ath-app .ath-contact-brand-visual span{color:var(--app-muted)}
html.ath-app .ath-contact-channel-card{background:var(--app-surface)}
html.ath-app .ath-contact-channel-card small{color:var(--app-muted)}
html.ath-app .ath-contact-channel-card b{color:var(--app-gold)}
html.ath-app .ath-contact-booking-frame,
html.ath-app .ath-contact-social-frame{background:var(--app-glass)}
html.ath-app .ath-contact-booking-grid article{background:var(--app-surface)}
html.ath-app .ath-contact-review-card{background:var(--app-glass)}
html.ath-app .ath-google-mark{background:var(--app-surface)}
html.ath-app .ath-contact-review-card small{color:var(--app-gold)}
html.ath-app .ath-contact-social-links a{background:var(--app-surface)}
html.ath-app #pub-menu-btn{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-booking-steps-v1068r3 li{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-booking-steps-v1068r3 li span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-booking-steps-v1068r3 li.is-current{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-breadcrumbs__link{color:var(--app-muted)}
html.ath-app .ath-breadcrumbs__current{color:var(--app-gold)}
html.ath-app .ath-public-language-switch{background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app .ath-public-language-switch:hover,
html.ath-app .ath-public-language-switch:focus-visible{background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app .ath-home-hero-media{background:var(--app-surface) !important}
html.ath-app .ath-home-hero-empty{color:var(--app-gold) !important}
html.ath-app .ath-home-hero-caption{border:1px solid var(--app-line) !important}
html.ath-app .ath-home-hero-arrow{background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app .ath-gallery-group-frame,
html.ath-app .service-preview-card,
html.ath-app .ath-home-design-card,
html.ath-app .ath-design-card,
html.ath-app .ath-service-card{background:var(--app-surface) !important}
html.ath-app .ath-gallery-group-image{background:var(--app-surface) !important}
html.ath-app .ath-count-badge,
html.ath-app .ath-gallery-count,
html.ath-app .ath-image-number,
html.ath-app .design-number,
html.ath-app [data-image-number]{border:1px solid var(--app-line) !important}
html.ath-app .ath-card-description-frame,
html.ath-app .ath-gallery-description,
html.ath-app .category-description,
html.ath-app .service-description,
html.ath-app .ath-service-description,
html.ath-app .ath-design-description{background:var(--app-surface) !important;color:var(--app-muted) !important}
html.ath-app .ath-filter-chip{border:1px solid var(--app-line) !important;background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app .ath-home-hero-copy h1{color:var(--app-gold) !important}
html.ath-app .ath-home-hero-subtitle-v1066{color:var(--app-muted) !important}
html.ath-app .ath-account-page{background:var(--app-surface)}
html.ath-app .ath-account-card,
html.ath-app .ath-account-dashboard{background:var(--app-surface)}
html.ath-app .ath-account-heading h1,
html.ath-app .ath-account-dashboard-head h1{color:var(--app-gold)}
html.ath-app .ath-account-heading p,
html.ath-app .ath-account-dashboard-head p{color:var(--app-muted)}
html.ath-app .ath-account-form label:not(.ath-account-check){color:var(--app-gold)}
html.ath-app .ath-account-secondary{border-color:var(--app-line)}
html.ath-app .ath-quote-account-entry-v1072r2{background:var(--app-surface)}
html.ath-app .ath-portal-v1077{border-top:1px solid var(--app-line)}
html.ath-app .ath-portal-v1077__head h2,
html.ath-app .ath-portal-card-v1077__title h3{color:var(--app-gold)}
html.ath-app .ath-portal-v1077__head > div > span{color:var(--app-gold)}
html.ath-app .ath-portal-stats-v1077 article,
html.ath-app .ath-portal-card-v1077{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-portal-stats-v1077 strong{color:var(--app-gold)}
html.ath-app .ath-portal-stats-v1077 span{color:var(--app-muted)}
html.ath-app .ath-portal-card-v1077__title button,
html.ath-app .ath-portal-notification-v1077 button{color:var(--app-gold)}
html.ath-app .ath-portal-row-v1077,
html.ath-app .ath-portal-notification-v1077{border-bottom:1px solid var(--app-line)}
html.ath-app .ath-portal-row-v1077 span,
html.ath-app .ath-portal-row-v1077 small,
html.ath-app .ath-portal-notification-v1077 p,
html.ath-app .ath-portal-notification-v1077 small{color:var(--app-muted)}
html.ath-app .ath-portal-row-v1077 a{color:var(--app-gold)}
html.ath-app .ath-portal-row-v1077 b{color:var(--app-gold)}
html.ath-app .ath-portal-notification-v1077.is-unread{background:var(--app-surface)}
html.ath-app .ath-portal-empty-v1077{border:1px dashed var(--app-line);color:var(--app-muted)}
html.ath-app{--ath-acc-gold:var(--app-gold);--ath-acc-gold-dark:var(--app-gold);--ath-acc-cream:var(--app-surface);--ath-acc-ink:var(--app-ink);--ath-acc-muted:var(--app-muted);--ath-acc-danger:hsl(0 54% 70%);--ath-acc-success:hsl(147 51% 70%)}
html.ath-app .ath-account-dashboard .card,
html.ath-app .ath-account-dashboard .panel,
html.ath-app .ath-customer-dashboard .card,
html.ath-app .ath-customer-dashboard .panel,
html.ath-app .customer-dashboard .card,
html.ath-app .customer-dashboard .panel,
html.ath-app [data-customer-dashboard] .card,
html.ath-app [data-customer-dashboard] .panel{background:var(--app-surface)}
html.ath-app .ath-google-mark{color:hsl(222 70% 72%)}
html.ath-app .ath-customer-hub{background:var(--app-surface)}
html.ath-app .ath-customer-hub__kicker{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-customer-hub__header p{color:var(--app-muted)}
html.ath-app .ath-chip-button.is-light{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-customer-card span{color:var(--app-muted)}
html.ath-app .ath-customer-card strong{color:var(--app-gold)}
html.ath-app .ath-customer-panel{background:var(--app-surface)}
html.ath-app .ath-panel-head span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-empty-state{color:var(--app-muted)}
html.ath-app .ath-list-card{background:var(--app-surface)}
html.ath-app .ath-list-card strong{color:var(--app-gold)}
html.ath-app .ath-list-card span{color:var(--app-gold)}
html.ath-app .ath-list-card small{color:var(--app-muted)}
html.ath-app .ath-auth-modern__head>span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-auth-modern__head h1{color:var(--app-gold)}
html.ath-app .ath-auth-modern__head p{color:var(--app-muted)}
html.ath-app .ath-google-modern{background:var(--app-surface);color:var(--app-ink)}
html.ath-app .ath-google-modern:hover{background:var(--app-surface)}
html.ath-app .ath-auth-modern__divider{color:var(--app-muted)}
html.ath-app .ath-auth-modern__form label>span{color:var(--app-gold)}
html.ath-app .ath-auth-modern__form input{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-auth-modern__row>a,
html.ath-app .ath-auth-modern__foot a{color:var(--app-gold)}
html.ath-app .ath-auth-modern__foot{color:var(--app-muted)}
html.ath-app body:not(.admin-body) .ath-album-choice-media,
html.ath-app body:not(.admin-body) .gallery-card__media,
html.ath-app body:not(.admin-body) .service-card__media,
html.ath-app body:not(.admin-body) .media-card__media{background:var(--app-surface)}
html.ath-app .ath-watermark-note{background:var(--app-surface);border:1px solid var(--app-line);color:var(--app-gold)}
html.ath-app .ath-album-choice-media{background:var(--app-surface)}
html.ath-app .ath-selected-album .ath-album-cover{background:var(--app-surface)}
html.ath-app .ath-photo-card{background:var(--app-surface)}
html.ath-app .ath-photo-open{background:var(--app-surface) !important}
html.ath-app body:not(.admin-body) :where(
  .related-images img,
  .related-grid img,
  .similar-images img,
  .similar-grid img,
  .recommended-images img,
  .recommended-grid img,
  .suggested-images img,
  .suggested-grid img,
  .ath-album-preview-strip img
){background:var(--app-surface)}
html.ath-app .pub-footer.altahany-footer-clean-v108611{border-top:1px solid var(--app-line)}
html.ath-app .ath-footer-newsletter-text .section-kicker{color:var(--app-gold)}
html.ath-app .ath-footer-newsletter-text p{color:var(--app-muted)}
html.ath-app .ath-footer-logo{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-footer-social a{background:var(--app-surface);color:var(--app-gold);border:1px solid var(--app-line)}
html.ath-app .ath-social-inline-v108122 a{background:var(--app-surface) !important;border:2px solid var(--app-line) !important}
html.ath-app{--ath-cream-2:var(--app-surface);--ath-gold-2:var(--app-gold)}
html.ath-app .account-page [class*="empty"],
html.ath-app .profile-page [class*="empty"],
html.ath-app .customer-dashboard [class*="empty"],
html.ath-app .customer-portal [class*="empty"],
html.ath-app .account-page section:has(a[href*="/gallery"]):not(:has(img)),
html.ath-app .profile-page section:has(a[href*="/gallery"]):not(:has(img)),
html.ath-app .customer-dashboard section:has(a[href*="/gallery"]):not(:has(img)){background:var(--app-surface) !important}
html.ath-app form[action*="subscribe"] input{background:var(--app-surface) !important}
html.ath-app .ath-customer-value{color:var(--app-gold)}
html.ath-app .ath-customer-hero{background:var(--app-surface)}
html.ath-app .ath-customer-hero span{color:var(--app-gold);background:var(--app-surface)}
html.ath-app .ath-customer-hero h1{color:var(--app-gold)}
html.ath-app .ath-value-card{background:var(--app-surface)}
html.ath-app .ath-value-card input,
html.ath-app .ath-value-card select,
html.ath-app .ath-value-card textarea{background:var(--app-surface)}
html.ath-app .ath-value-card article{background:var(--app-surface)}
html.ath-app .ath-value-card article small{color:var(--app-gold)}
html.ath-app .ath-reply{background:var(--app-surface);border:1px solid var(--app-line)}
html.ath-app .ath-customer-hub{color:var(--app-gold)}
html.ath-app .ath-hub-hero{background:var(--app-surface)}
html.ath-app .ath-hub-hero span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-hub-hero h1{color:var(--app-gold)}
html.ath-app .ath-hub-hero p{color:var(--app-gold)}
html.ath-app .ath-hub-metrics div,
html.ath-app .ath-hub-card{background:var(--app-surface)}
html.ath-app .ath-hub-metrics b{color:var(--app-gold)}
html.ath-app .ath-hub-metrics small,
html.ath-app .ath-hub-card small{color:var(--app-gold)}
html.ath-app .ath-hub-card{color:var(--app-gold)}
html.ath-app .ath-hub-card input,
html.ath-app .ath-hub-card select,
html.ath-app .ath-hub-card textarea{background:var(--app-surface)}
html.ath-app .ath-hub-card article{background:var(--app-surface)}
html.ath-app .ath-media-card p{color:var(--app-gold)}
html.ath-app .ath-media-hero{background:var(--app-surface)}
html.ath-app .ath-media-hero span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-media-hero p{color:var(--app-gold)}
html.ath-app .ath-media-card{background:var(--app-surface)}
html.ath-app .ath-pro-customer{color:var(--app-gold)}
html.ath-app .ath-pro-customer-hero{background:var(--app-surface)}
html.ath-app .ath-pro-customer-hero span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-pro-customer-hero p{color:var(--app-gold)}
html.ath-app .ath-pro-card,
html.ath-app .ath-pro-image-card{background:var(--app-surface)}
html.ath-app .ath-pro-card input,
html.ath-app .ath-pro-card textarea{background:var(--app-surface)}
html.ath-app .ath-success{background:var(--app-surface);color:hsl(147 70% 72%)}
html.ath-app .ath-error{background:var(--app-surface);color:hsl(3 70% 72%)}
html.ath-app .ath-geo-hero,
html.ath-app .ath-geo-panel{background:var(--app-surface)}
html.ath-app .ath-geo-hero span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-geo-grid a,
html.ath-app .ath-geo-grid div{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-geo-image-grid a{background:var(--app-surface)}
html.ath-app{--ath-brown:var(--app-gold);--ath-brown2:var(--app-gold)}
html.ath-app .ath-design-index-hero span{background:var(--app-surface)}
html.ath-app .ath-design-index-grid small{color:var(--app-gold)}
html.ath-app{--ath-espresso:var(--app-gold);--ath-coffee:var(--app-gold);--ath-warm:var(--app-surface)}
html.ath-app header,
html.ath-app .site-header,
html.ath-app .public-header,
html.ath-app [class*="header"]{background:var(--app-glass) !important}
html.ath-app body p{color:var(--app-muted)}
html.ath-app .ath-lux-card{background:var(--app-surface) !important}
html.ath-app .ath-lux-hero{background:var(--app-surface)}
html.ath-app .ath-lux-action-card,
html.ath-app .ath-account-actions a,
html.ath-app .ath-account-shortcuts a,
html.ath-app .ath-customer-actions a{background:var(--app-glass) !important}
html.ath-app .ath-lux-action-card::before,
html.ath-app .ath-account-actions a::before,
html.ath-app .ath-account-shortcuts a::before,
html.ath-app .ath-customer-actions a::before{background:var(--app-glass)}
html.ath-app .ath-account-lux-stat{background:var(--app-surface)}
html.ath-app .ath-design-index-hero,
html.ath-app .ath-design-hero,
html.ath-app .ath-gallery-hero{background:var(--app-surface)}
html.ath-app .ath-design-index-grid a,
html.ath-app .ath-design-card,
html.ath-app .gallery-card{background:var(--app-surface)}
html.ath-app .ath-design-card-actions button,
html.ath-app .ath-card-actions button,
html.ath-app .ath-card-actions a{background:var(--app-surface)}
html.ath-app .ath-design-number,
html.ath-app .ath-design-id{background:var(--app-surface)}
html.ath-app .ath-related-strip a,
html.ath-app .ath-related-designs a,
html.ath-app .ath-you-may-like a{background:var(--app-surface)}
html.ath-app .footer-subscribe-card,
html.ath-app .ath-footer-newsletter{background:var(--app-surface) !important}
html.ath-app .swiper-button-prev,
html.ath-app .swiper-button-next,
html.ath-app .album-swiper-button-prev,
html.ath-app .album-swiper-button-next,
html.ath-app [class*="swiper-button"]{background:var(--app-surface) !important}
html.ath-app{--ath-soft:var(--app-surface)}
html.ath-app .ath-lux-card{background:var(--app-surface)}
html.ath-app .ath-design-index-hero,
html.ath-app .ath-design-hero{background:var(--app-surface)}
html.ath-app .ath-design-index-hero p,
html.ath-app .ath-design-hero p{color:var(--app-muted)}
html.ath-app .ath-category-pills a{background:var(--app-surface)}
html.ath-app .ath-design-toolbar p{color:var(--app-muted)}
html.ath-app .ath-design-card p{color:var(--app-muted)}
html.ath-app .ath-card-actions button,
html.ath-app .ath-card-actions a{background:var(--app-surface)}
html.ath-app .ath-breadcrumbs{color:var(--app-gold)}
html.ath-app .ath-single-design-info dt{color:var(--app-gold)}
html.ath-app .ath-single-actions button,
html.ath-app .ath-single-actions a{background:var(--app-surface)}
html.ath-app .ath-related-designs a{background:var(--app-surface)}
html.ath-app{--ath-soft-ink:var(--app-muted)}
html.ath-app body{background:var(--app-surface) !important}
html.ath-app .site-header,
html.ath-app .main-header,
html.ath-app header[role="banner"],
html.ath-app .navbar,
html.ath-app .ath-public-header{background:var(--app-surface) !important}
html.ath-app input,
html.ath-app select,
html.ath-app textarea{background:var(--app-surface) !important}
html.ath-app .ath-real-card-actions button,
html.ath-app .ath-real-floating-actions button,
html.ath-app [data-ath-like],
html.ath-app [data-ath-cart]{background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app .ath-account-lux-stat span{color:var(--app-muted) !important}
html.ath-app .ath-account-lux-grid a{background:var(--app-surface) !important}
html.ath-app{--ath-gold2:var(--app-gold);--ath-heart:var(--app-ink)}
html.ath-app .ath-real-card-actions button,
html.ath-app .ath-real-floating-actions button,
html.ath-app .ath-fav-actions button{background:var(--app-surface)}
html.ath-app [data-ath-like].is-active{background:var(--app-surface) !important}
html.ath-app .ath-real-toast{border:1px solid var(--app-line)}
html.ath-app .ath-favorites-control{background:var(--app-surface)}
html.ath-app .ath-favorites-control-head p{color:var(--app-muted)}
html.ath-app .ath-fav-tools button,
html.ath-app .ath-fav-tools a{background:var(--app-surface)}
html.ath-app .ath-fav-actions a{background:var(--app-surface)}
html.ath-app .ath-fav-empty{color:var(--app-muted);background:var(--app-surface)}
html.ath-app{--ath-lu-brown:var(--app-gold);--ath-lu-brown-deep:var(--app-gold);--ath-lu-gold:var(--app-gold);--ath-lu-gold-deep:var(--app-gold);--ath-lu-cream:var(--app-surface);--ath-lu-warm:var(--app-surface);--ath-lu-ink:var(--app-ink);--ath-lu-line:var(--app-line)}
html.ath-app .ath-fav-card{background:var(--app-surface)}
html.ath-app{--aqr-brown:var(--app-gold);--aqr-gold:var(--app-gold);--aqr-gold-deep:var(--app-gold);--aqr-cream:var(--app-surface);--aqr-line:var(--app-line)}
html.ath-app .ath-other-remove{color:hsl(4 70% 72%)}
html.ath-app .ath-account-stats-row .ath-account-stat{background:var(--app-surface)}
html.ath-app .ath-customer-card{background:var(--app-surface)}
html.ath-app .ath-wa-ref{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-wa-ref span{color:hsl(120 46% 72%)}
html.ath-app .ath-auth-gate__card{background:var(--app-surface);border:1px solid var(--app-line)}
html.ath-app .ath-auth-gate__x{color:var(--app-muted)}
html.ath-app .ath-auth-gate__card h3{color:var(--app-gold)}
html.ath-app .ath-auth-gate__card p{color:var(--app-muted)}
html.ath-app .ath-auth-gate__g{background:var(--app-surface);border:1px solid var(--app-line);color:var(--app-gold)}
html.ath-app .ath-auth-gate__b.is-alt{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-auth-gate__guest{color:var(--app-gold)}
html.ath-app .ath-register-privacy{color:var(--app-gold);background:var(--app-surface);border:1px solid var(--app-line)}
html.ath-app .ath-settings-head p{color:var(--app-muted)}
html.ath-app .ath-settings-card{background:var(--app-surface);border:1px solid var(--app-line)}
html.ath-app .ath-setting-toggle{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-setting-toggle small{color:var(--app-muted)}
html.ath-app .ath-setting-toggle input[type=checkbox]{border:1px solid var(--app-line) !important;background:var(--app-surface) !important}
html.ath-app .ath-setting-toggle input[type=checkbox]:after{background:var(--app-surface)}
html.ath-app .ath-settings-save{background:var(--app-surface);border-top:1px solid var(--app-line)}
html.ath-app .ath-field-error{background:var(--app-surface)}
html.ath-app .alert-error,
html.ath-app .alert-danger,
html.ath-app .ath-account-alert.is-error{border:1px solid var(--app-line) !important;background:var(--app-surface) !important;color:hsl(3 70% 72%) !important}
html.ath-app .ath-geo-service .ath-section-head{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-geo-service .ath-section-head p{color:var(--app-muted)}
html.ath-app .ath-real-card-actions button,
html.ath-app [data-ath-like],
html.ath-app [data-ath-cart]{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-account-quote-mini>button{border:1px solid var(--app-line);background:var(--app-surface);color:hsl(2 70% 72%)}
html.ath-app #ath-cart-drawer{background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app #ath-cart-drawer .ath-cart-drawer-head{border-bottom:1px solid var(--app-line) !important;background:var(--app-surface) !important}
html.ath-app #ath-cart-drawer #ath-cart-close{border:1px solid var(--app-line) !important;background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app #ath-cart-drawer .ath-cart-drawer-body{background:var(--app-surface) !important}
html.ath-app #ath-cart-drawer .ath-cart-drawer-foot{border-top:1px solid var(--app-line) !important;background:var(--app-surface) !important}
html.ath-app .ath-cbar{border:2px solid var(--app-line) !important}
html.ath-app body:not([data-locale]) img.ath-image-fallback{background:var(--app-surface) !important}
html.ath-app body:not([data-locale]) .ath-design-main{border:1px solid var(--app-line) !important;background:var(--app-surface) !important}
html.ath-app body:not([data-locale]) .ath-design-main img,
html.ath-app body:not([data-locale]) .ath-design-main video{background:var(--app-surface) !important}
html.ath-app body:not([data-locale]) .ath-design-expand{border:1px solid var(--app-line) !important}
html.ath-app .ath-image-viewer-close{border:1px solid var(--app-line) !important;background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app .ath-image-viewer-arrow{border:1px solid var(--app-line) !important;background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app body:not([data-locale]) .ath-design-arrow{background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app body:not([data-locale]) .ath-design-thumb{background:var(--app-surface) !important}
html.ath-app .ath-single-design-image{background:var(--app-surface) !important}
html.ath-app .ath-single-design-image img{background:var(--app-surface) !important}
html.ath-app .ath-single-design-info dl div{border:1px solid var(--app-line) !important;background:var(--app-surface) !important}
html.ath-app .ath-related-block header{background:var(--app-surface) !important}
html.ath-app .ath-feedback-customer input,
html.ath-app .ath-feedback-customer select,
html.ath-app .ath-feedback-customer textarea{border:1px solid var(--app-line) !important}
html.ath-app .ath-feedback-history>article{border:1px solid var(--app-line) !important;background:var(--app-surface) !important}
html.ath-app .ath-feedback-history header span{background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app .ath-feedback-history header span[data-status=answered]{background:var(--app-surface) !important;color:hsl(136 64% 72%) !important}
html.ath-app .ath-feedback-history .ath-reply{background:var(--app-surface) !important}
html.ath-app .ath-notifications-head p{color:var(--app-muted)}
html.ath-app .ath-notification-filters a{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-notification-card{border:1px solid var(--app-line);border-inline-start:5px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-notification-card.is-unread{background:var(--app-surface)}
html.ath-app .ath-notification-icon{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-notification-title small{color:var(--app-muted)}
html.ath-app .ath-notification-title>span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-notification-details div{background:var(--app-surface)}
html.ath-app .ath-notification-details dt{color:var(--app-muted)}
html.ath-app .ath-notification-empty{border:1px dashed var(--app-line);background:var(--app-surface)}
html.ath-app .ath-unified-zoom-label{border:1px solid var(--app-line)}
html.ath-app .ath-unified-close,
html.ath-app .ath-unified-arrow{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-home-filter-status{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-home-filter-status a{color:var(--app-gold)}
html.ath-app{--ath-bg:var(--app-surface)}
html.ath-app{--ath-gold-light:var(--app-surface);--ath-card:var(--app-surface)}
html.ath-app .card,
html.ath-app .service-card,
html.ath-app .ath-card,
html.ath-app [class*="card"]{background:var(--app-surface)}
html.ath-app .btn-primary,
html.ath-app button[type="submit"]{color:var(--app-ink) !important}
html.ath-app input,
html.ath-app textarea,
html.ath-app select{background:var(--app-surface)}
html.ath-app h1,
html.ath-app h2,
html.ath-app h3,
html.ath-app h4{color:var(--app-ink)}
html.ath-app .btn-primary,
html.ath-app button.primary,
html.ath-app .ath-primary-btn{color:var(--app-ink) !important}
html.ath-app{--ath-gold-soft:var(--app-surface)}
html.ath-app .hero p,
html.ath-app .ath-hero p{color:var(--app-muted)}
html.ath-app .service-card,
html.ath-app .ath-service-card,
html.ath-app .services-card{background:var(--app-surface)}
html.ath-app{--ath-dark:var(--app-ink)}
html.ath-app header,
html.ath-app .navbar,
html.ath-app .ath-header{background:var(--app-glass)}
html.ath-app input:focus,
html.ath-app textarea:focus,
html.ath-app select:focus{border-color:var(--app-line) !important}
html.ath-app{--ath-muted:var(--app-muted)}
html.ath-app [data-cart-drawer]{background:var(--app-surface) !important}
html.ath-app [data-cart-close]{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-quote-progress button{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-quote-progress button[aria-current="step"]{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-quote-step>legend{color:var(--app-ink)}
html.ath-app .ath-quote-summary{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-quote-summary div{border-bottom:1px solid var(--app-line)}
html.ath-app .ath-other-remove,
html.ath-app .ath-other-add{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-mobile-cart{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app{--ath-primary:var(--app-gold);--ath-primary-strong:var(--app-gold);--ath-secondary:var(--app-muted);--ath-accent:var(--app-gold);--ath-text:var(--app-ink);--ath-text-muted:var(--app-muted);--ath-background:var(--app-surface);--ath-surface:var(--app-surface);--ath-border:var(--app-line);--ath-error:hsl(0 66% 70%)}
html.ath-app .ath-contact-bar{border:1px solid var(--app-line);background:var(--app-glass)}
html.ath-app .ath-location-trust{background:var(--app-surface)}
html.ath-app .ath-location-trust__card{background:var(--app-surface)}
html.ath-app{--ath-v16-ink:var(--app-ink);--ath-v16-muted:var(--app-muted);--ath-v16-gold:var(--app-gold);--ath-v16-gold-2:var(--app-gold);--ath-v16-paper:var(--app-surface);--ath-v16-surface:var(--app-glass)}
html.ath-app{--ath-ink:var(--app-ink);--ath-gold-deep:var(--app-gold);--ath-gold-soft:var(--app-surface);--ath-ivory:var(--app-surface);--ath-white:var(--app-surface);--ath-green:hsl(152 70% 70%);--ath-danger:hsl(0 58% 70%);--ath-success:hsl(152 70% 70%);--ath-brown2:var(--app-gold);--mid:var(--app-gold)}
html.ath-app .btn-outline,
html.ath-app a.btn-outline,
html.ath-app button.btn-outline{background:var(--app-surface) !important}
html.ath-app .btn-call{background:var(--app-surface) !important}
html.ath-app .ath-home-hero-media{background:var(--app-surface)}
html.ath-app .ath-season-links a{background:var(--app-surface)}
html.ath-app .ath-geo-hero{background:var(--app-surface)}
html.ath-app .ath-geo-brand-mark{background:var(--app-glass)}
html.ath-app .ath-geo-grid>a{background:var(--app-surface)}
html.ath-app .ath-geo-chip-grid a{background:var(--app-surface)}
html.ath-app .ath-geo-service>.ath-section-head{background:var(--app-surface)}
html.ath-app .ath-geo-service-summary,
html.ath-app .ath-v19-booking-steps,
html.ath-app .ath-geo-other-cities,
html.ath-app .ath-account-section{background:var(--app-surface)}
html.ath-app .ath-geo-empty img,
html.ath-app .ath-geo-brand-empty img,
html.ath-app .ath-geo-image-fallback{background:var(--app-surface)}
html.ath-app .admin-sidebar{background:var(--app-surface) !important;color:var(--app-ink) !important;border-inline-end:1px solid var(--app-line)}
html.ath-app .sidebar-brand{background:var(--app-surface) !important}
html.ath-app .sidebar-link,
html.ath-app .ath-admin-nav-group-toggle,
html.ath-app .ath-admin-nav-search label{color:var(--app-ink) !important}
html.ath-app .sidebar-link.active{background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app .ath-smart-service-media img,
html.ath-app .ath-design-album-image img,
html.ath-app .ath-home-design-card img,
html.ath-app .ath-photo-card img,
html.ath-app .ath-related-card img{background:var(--app-surface)}
html.ath-app .ath-image-fallback,
html.ath-app .ath-v19-logo-fallback{background:var(--app-surface) !important}
html.ath-app .ath-cart-drawer{background:var(--app-surface) !important}
html.ath-app .ath-cart-drawer-head,
html.ath-app .ath-cart-drawer-foot{background:var(--app-surface) !important}
html.ath-app .ath-cart-drawer-head button{background:var(--app-surface)}
html.ath-app .ath-cart-mini-item{background:var(--app-surface) !important}
html.ath-app .ath-cart-mini-thumb img{background:var(--app-surface)}
html.ath-app .ath-cart-mini-item form button{background:var(--app-surface)}
html.ath-app .ath-cart-row{background:var(--app-surface) !important}
html.ath-app .ath-cart-inline-edit input{background:var(--app-surface)}
html.ath-app body[data-admin-mode]{background:var(--app-surface) !important}
html.ath-app .admin-header{background:var(--app-surface) !important}
html.ath-app .admin-content :where(input,select,textarea){background:var(--app-surface) !important;border-color:var(--app-line) !important}
html.ath-app .admin-content table{background:var(--app-surface)}
html.ath-app .admin-content th{background:var(--app-surface) !important;color:var(--app-gold) !important}
html.ath-app .admin-content td{color:var(--app-ink) !important;border-color:var(--app-line) !important}
html.ath-app .ath-offers-admin section{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-offers-admin h2{color:var(--app-gold)}
html.ath-app .ath-offers-admin h2 small{color:var(--app-muted)}
html.ath-app .ath-offers-admin p{color:var(--app-muted)}
html.ath-app .ath-offer-note{background:var(--app-surface);border:1px solid var(--app-line)}
html.ath-app .ath-offer-stats>div{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-offer-stats b{color:var(--app-gold)}
html.ath-app .ath-offer-stats span{color:var(--app-muted)}
html.ath-app .ath-offer-form label>span,
html.ath-app .ath-offer-step label>span{color:var(--app-gold)}
html.ath-app .ath-offer-form input,
html.ath-app .ath-offer-form textarea,
html.ath-app .ath-offer-step input,
html.ath-app .ath-offer-step select{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-ink)}
html.ath-app .ath-offer-form small{color:var(--app-muted)}
html.ath-app .ath-admin-btn.is-ghost{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-offer-status>b{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-offer-status[data-status=sending]>b{background:var(--app-surface);color:hsl(216 70% 72%)}
html.ath-app .ath-offer-status[data-status=completed]>b{background:var(--app-surface);color:hsl(152 70% 72%)}
html.ath-app .ath-offer-status[data-status=paused]>b{background:var(--app-surface);color:hsl(0 60% 72%)}
html.ath-app .ath-offer-status dt,
html.ath-app .ath-offer-row dt{color:var(--app-muted)}
html.ath-app .ath-offer-status dd,
html.ath-app .ath-offer-row dd{color:var(--app-gold)}
html.ath-app .ath-offer-step.is-danger{border-color:var(--app-line);background:var(--app-surface)}
html.ath-app .ath-offer-step.is-danger h2{color:hsl(0 60% 72%)}
html.ath-app .ath-offer-preview-frame{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-offer-row{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-offer-number{color:var(--app-gold)}
html.ath-app .ath-offer-recipient{border-bottom:1px solid var(--app-line)}
html.ath-app .ath-offer-recipient b{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-offer-recipient b[data-status=sent]{background:var(--app-surface);color:hsl(152 70% 72%)}
html.ath-app .ath-offer-recipient b[data-status=failed]{background:var(--app-surface);color:hsl(0 60% 72%)}
html.ath-app .ath-offer-recipient small{color:var(--app-muted)}
html.ath-app .ath-admin-empty{color:var(--app-muted);border:1px dashed var(--app-line);background:var(--app-surface)}
html.ath-app .ath-admin-success{background:var(--app-surface);color:hsl(152 70% 72%)}
html.ath-app .ath-admin-error{background:var(--app-surface);color:hsl(0 60% 72%)}
html.ath-app body{background:var(--app-surface)}
html.ath-app .ath-home-hero{background:var(--app-surface)}
html.ath-app .ath-home-trust span{background:var(--app-surface)}
html.ath-app .ath-service-card,
html.ath-app .ath-smart-service-card,
html.ath-app .ath-design-album-card,
html.ath-app .ath-home-design-card,
html.ath-app .ath-related-card{background:var(--app-surface) !important}
html.ath-app .ath-faq-item{background:var(--app-surface)}
html.ath-app .ath-service-picker{background:var(--app-surface)}
html.ath-app .ath-sp-chip{background:var(--app-surface)}
html.ath-app .ath-sp-group{background:var(--app-surface)}
html.ath-app .ath-sp-item{background:var(--app-surface)}
html.ath-app .ath-footer-newsletter{border:1px solid var(--app-line) !important}
html.ath-app .ath-footer-newsletter-form input{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-footer-newsletter-form input::placeholder{color:var(--app-muted)}
html.ath-app .ath-footer-logo img{background:var(--app-surface)}
html.ath-app .ath-carousel-nav{background:var(--app-surface)}
html.ath-app .ath-lightbox-close{background:var(--app-surface)}
html.ath-app .ath-choice{background:var(--app-surface)}
html.ath-app .ath-feedback-card{background:var(--app-surface)}
html.ath-app .ath-field input,
html.ath-app .ath-field textarea{background:var(--app-surface)}
html.ath-app .ath-feedback-note.is-success{background:var(--app-surface);color:hsl(152 70% 72%)}
html.ath-app .ath-feedback-note.is-error{background:var(--app-surface);color:hsl(0 60% 72%)}
html.ath-app .pub-header{background:var(--app-glass) !important;border-bottom:1px solid var(--app-line)}
html.ath-app .pub-header.ath-is-scrolled{background:var(--app-surface) !important}
html.ath-app .ath-home-services{background:var(--app-surface)}
html.ath-app .ath-home-occasions a{background:var(--app-surface)}
html.ath-app .ath-home-occasions a:hover,
html.ath-app .ath-home-occasions a:focus-visible{background:var(--app-surface)}
html.ath-app details.ath-public-category-section{background:var(--app-surface)}
html.ath-app summary.ath-public-category-head{background:var(--app-surface)}
html.ath-app .ath-public-category-nav{background:var(--app-surface)}
html.ath-app .ath-error-card{background:var(--app-surface)}
html.ath-app .ath-error-links a{background:var(--app-surface)}
html.ath-app .ath-error-links a:hover,
html.ath-app .ath-error-links a:focus-visible{background:var(--app-surface)}
html.ath-app .ath-quote-help{border:1px solid var(--app-line)}
html.ath-app .ath-submit-card{border:1px solid var(--app-line)}
html.ath-app .ath-submit-ring{border:3px solid var(--app-line)}
html.ath-app .ath-quote-frame{border:1px solid var(--app-line)}
html.ath-app .ath-quote-shortcuts a{border:1px solid var(--app-line)}
html.ath-app .ath-quote-shortcuts a:hover,
html.ath-app .ath-quote-shortcuts a:focus-visible{border-color:var(--app-line)}
html.ath-app .ath-photo-detail:hover,
html.ath-app .ath-photo-detail:focus-visible{border-color:var(--app-line)}
html.ath-app .ath-booking-wizard{border:1px solid var(--app-line)}
html.ath-app .ath-wizard-step > strong > b{color:var(--app-gold)}
html.ath-app .ath-wizard-options button{border:1.5px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-wizard-options button:hover{border-color:var(--app-line)}
html.ath-app .ath-wizard-options button.is-selected,
html.ath-app .ath-wizard-options button[aria-pressed="true"],
html.ath-app .ath-wizard-options button.is-active{border-color:var(--app-line);color:var(--app-gold)}
html.ath-app .ath-wizard-result{border:1px solid var(--app-line)}
html.ath-app .ath-booking-wizard .ath-wizard-options button.is-selected,
html.ath-app .ath-booking-wizard .ath-wizard-options button[aria-pressed="true"],
html.ath-app .ath-booking-wizard .ath-wizard-options button.is-active{border-color:var(--app-line) !important;color:var(--app-gold) !important}
html.ath-app .ath-guide-toc{border:1px solid var(--app-line)}
html.ath-app .ath-guide-copy h2{border-block-end:1px solid var(--app-line)}
html.ath-app .ath-guide-alt{border-block-start:1px solid var(--app-line)}
html.ath-app .ath-guide-alt > summary{border:1px solid var(--app-line)}
html.ath-app .pub-header::after{background:var(--app-surface)}
html.ath-app .pub-header.is-condensed{background:var(--app-surface)}
html.ath-app .ath-account-card{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-account-form input,
html.ath-app .ath-account-form select,
html.ath-app .ath-account-form textarea{border:1.5px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-account-form input:hover,
html.ath-app .ath-account-form select:hover,
html.ath-app .ath-account-form textarea:hover{border-color:var(--app-line)}
html.ath-app .ath-account-form input:focus,
html.ath-app .ath-account-form select:focus,
html.ath-app .ath-account-form textarea:focus{border-color:var(--app-line);background:var(--app-surface)}
html.ath-app .ath-account-form input[readonly]{background:var(--app-surface)}
html.ath-app .ath-field-error{color:hsl(4 70% 72%)}
html.ath-app .ath-account-secondary{border:1.5px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-account-secondary:hover{border-color:var(--app-line)}
html.ath-app .ath-account-alert.is-success{background:var(--app-surface);border:1px solid var(--app-line);color:hsl(138 59% 72%)}
html.ath-app .ath-account-alert.is-error{background:var(--app-surface);border:1px solid var(--app-line);color:hsl(4 69% 72%)}
html.ath-app .ath-account-stat{border:1px solid var(--app-line)}
html.ath-app .ath-account-stat strong{color:var(--app-gold)}
html.ath-app .ath-account-section > h2{border-bottom:1px solid var(--app-line)}
html.ath-app .ath-auth-modern__card{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-auth-modern__form input:not([type="checkbox"]):not([type="radio"]),
html.ath-app .ath-auth-modern__form select{border:1.5px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-auth-modern__form input:focus,
html.ath-app .ath-auth-modern__form select:focus{border-color:var(--app-line);background:var(--app-surface)}
html.ath-app .ath-auth-modern__foot a{color:var(--app-gold)}
html.ath-app .section-head > a,
html.ath-app .ath-section-head > a,
html.ath-app .ath-similar-designs .section-head a{border:1px solid var(--app-line)}
html.ath-app .section-head > a:hover,
html.ath-app .ath-section-head > a:hover,
html.ath-app .section-head > a:focus-visible{border-color:var(--app-line)}
html.ath-app .btn::before,
html.ath-app .ath-account-primary::before,
html.ath-app .ath-auth-modern__form button[type="submit"]::before{background:var(--app-glass)}
html.ath-app .ath-photo-card .ath-photo-open,
html.ath-app .ath-home-design-card > a,
html.ath-app .ath-design-album-card > a,
html.ath-app .ath-design-card,
html.ath-app .ath-album-image,
html.ath-app .ath-latest-media,
html.ath-app .ath-guide-card a,
html.ath-app .ath-service-card > a{background:var(--app-surface)}
html.ath-app{--ath-gold:var(--app-gold);--ath-gold-deep:var(--app-gold);--ath-ink:var(--app-ink);--ath-ink-soft:var(--app-muted);--ath-cream:var(--app-surface);--ath-line:var(--app-line)}
html.ath-app .ath-sitemap-block{border:1px solid var(--ath-line, var(--app-line))}
html.ath-app .ath-sitemap-block h2{border-block-end:1px solid var(--ath-line, var(--app-line))}
html.ath-app .ath-sitemap-block a:hover,
html.ath-app .ath-sitemap-block a:focus-visible{color:var(--app-muted)}
html.ath-app .ath-sitemap-block li > span{color:var(--app-muted)}
html.ath-app .ath-sitemap-foot{border-block-start:1px solid var(--ath-line, var(--app-line))}
html.ath-app .ath-review-score{border:1px solid var(--ath-line, var(--app-line))}
html.ath-app .ath-review-score.is-google:hover{border-color:var(--app-line)}
html.ath-app .ath-review-score strong{color:var(--app-muted)}
html.ath-app .ath-review-form{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-review-form input:not([type="radio"]),
html.ath-app .ath-review-form textarea{border:1.5px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-review-form input:focus,
html.ath-app .ath-review-form textarea:focus{border-color:var(--app-line)}
html.ath-app .ath-review-actions{border-block-start:1px solid var(--ath-line, var(--app-line))}
html.ath-app .ath-review-card{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-review-card.is-featured{border-color:var(--app-line)}
html.ath-app .ath-loc-way{border:1.5px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-loc-way:hover{border-color:var(--app-line)}
html.ath-app .ath-loc-status[data-tone="ok"]{background:var(--app-surface);color:hsl(138 59% 72%)}
html.ath-app .ath-loc-status[data-tone="warn"]{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-suggest-chip{border:1px solid var(--app-line)}
html.ath-app .ath-suggest-chip:hover,
html.ath-app .ath-suggest-chip:focus-visible{border-color:var(--app-line)}
html.ath-app .ath-share-panel-inner{background:var(--app-surface)}
html.ath-app .ath-share-target{border:1.5px solid var(--app-line)}
html.ath-app .ath-share-target:hover{border-color:var(--app-line)}
html.ath-app .ath-share-target.is-wa{border-color:var(--app-line);color:hsl(148 70% 72%)}
html.ath-app .ath-share-target.is-wa:hover{border-color:var(--app-line)}
html.ath-app .ath-share-close{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app [data-ath-share].is-shared,
html.ath-app .ath-share-current.is-shared{border-color:var(--app-line) !important}
html.ath-app .ath-faq-item[open]{border-color:var(--app-line)}
html.ath-app .ath-btn-primary::after,
html.ath-app .ath-cta-primary::after,
html.ath-app .btn-primary::after{background:var(--app-glass)}
html.ath-app{--fx-champagne:var(--app-surface);--fx-gold:var(--app-gold);--fx-brass:var(--app-gold);--fx-deep:var(--app-gold);--fx-wine:var(--app-ink)}
html.ath-app .ath-scene-lights i::after{background:var(--app-glass)}
html.ath-app .ath-contact-fab__item{background:var(--app-surface);color:var(--app-ink)}
html.ath-app .ath-seo-synonyms__label{color:var(--app-muted)}
html.ath-app .ath-seo-synonyms li{border:1px solid var(--app-line);color:var(--app-gold)}
html.ath-app .ath-public-category-head .ath-category-count{color:var(--app-muted)}
html.ath-app .ath-equipment-card:hover,
html.ath-app .ath-equipment-card:focus-within{border-color:var(--app-line)}
html.ath-app .ath-equipment-card h3{color:var(--app-gold)}
html.ath-app .ath-equipment-does{color:var(--app-ink)}
html.ath-app .ath-equipment-where{color:var(--app-muted)}
html.ath-app .ath-equipment-where strong{color:var(--app-gold)}
html.ath-app .ath-area-service-card{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-ink)}
html.ath-app .ath-area-service-card:hover,
html.ath-app .ath-area-service-card:focus-visible{border-color:var(--app-line)}
html.ath-app .ath-area-service-card span{color:var(--app-muted)}
html.ath-app .ath-area-chip-row a{border:1px solid var(--app-line);color:var(--app-gold)}
html.ath-app .ath-area-chip-row a:hover{border-color:var(--app-line)}
html.ath-app .ath-photo-code{color:var(--app-muted)}
html.ath-app .ath-menu-group__head{border-block-end:1px solid var(--app-line)}
html.ath-app .ath-menu-group__head h3{color:var(--app-gold)}
html.ath-app .ath-menu-group__head p{color:var(--app-muted)}
html.ath-app .ath-menu-group__count{background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-menu-option{background:var(--app-surface)}
html.ath-app .ath-menu-option:hover{border-color:var(--app-line)}
html.ath-app .ath-menu-option__body strong{color:var(--app-ink)}
html.ath-app .ath-menu-option__tag{color:var(--app-gold)}
html.ath-app .ath-menu-option:has(input:checked){border-color:var(--app-line);background:var(--app-surface)}
html.ath-app .ath-menu-bar{background:var(--app-surface);border-block-start:1px solid var(--app-line)}
html.ath-app .ath-menu-bar__count{color:var(--app-muted)}
html.ath-app .ath-menu-bar__count strong{color:var(--app-gold)}
html.ath-app .ath-offer-card:hover,
html.ath-app .ath-offer-card:focus-within{border-color:var(--app-line)}
html.ath-app .ath-offer-card__media{background:var(--app-surface)}
html.ath-app .ath-offer-card__body h3 a{color:var(--app-gold)}
html.ath-app .ath-offer-card__price strong{color:var(--app-gold)}
html.ath-app .ath-offer-card__price span{color:var(--app-muted)}
html.ath-app .ath-offer-card__ends{color:hsl(5 68% 72%)}
html.ath-app .ath-offers-empty{color:var(--app-muted)}
html.ath-app .ath-offer-detail__text{color:var(--app-ink)}
html.ath-app .ath-offer-includes li{color:var(--app-ink)}
html.ath-app .ath-offer-includes li::before{color:hsl(150 59% 72%)}
html.ath-app .ath-offer-detail__aside{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-offer-detail__price strong{color:var(--app-gold)}
html.ath-app .ath-offer-detail__note,
html.ath-app .ath-offer-detail__valid{color:var(--app-muted)}
html.ath-app .ath-portfolio-stats > div{border:1px solid var(--app-line);background:var(--app-glass)}
html.ath-app .ath-portfolio-stats strong{color:var(--app-gold)}
html.ath-app .ath-portfolio-stats span{color:var(--app-muted)}
html.ath-app .ath-portfolio-card__body h3{color:var(--app-gold)}
html.ath-app .ath-portfolio-card__count{color:var(--app-gold)}
html.ath-app .ath-portfolio-card__services a{color:var(--app-gold)}
html.ath-app .ath-portfolio-albums a{background:var(--app-surface);color:var(--app-ink)}
html.ath-app .ath-portfolio-albums a:hover{border-color:var(--app-line)}
html.ath-app .ath-portfolio-albums strong{color:var(--app-gold)}
html.ath-app .ath-offer-card:hover,
html.ath-app .ath-portfolio-card:hover,
html.ath-app .ath-equipment-card:hover{border-color:var(--app-line)}
html.ath-app .ath-section-head h1,
html.ath-app .ath-section-head h2,
html.ath-app .ath-page-hero h1{color:var(--app-gold)}
html.ath-app .section-kicker{border:1px solid var(--app-line)}
html.ath-app .ath-portfolio-card__services a{border:1px solid var(--app-line) !important}
html.ath-app .ath-scene-carpet::before,
html.ath-app .ath-scene-carpet::after{background:var(--app-glass)}
html.ath-app .ath-offer-card__sub{color:var(--app-muted)}
html.ath-app .ath-offer-card__note{color:var(--app-muted)}
html.ath-app .ath-offer-card__price.is-request strong{color:var(--app-gold)}
html.ath-app .ath-timeline-meta{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-timeline-meta span{color:var(--app-muted)}
html.ath-app .ath-timeline-meta input{background:var(--app-surface)}
html.ath-app .ath-timeline-row{background:var(--app-surface)}
html.ath-app .ath-timeline-row.is-guests{border-inline-start:4px solid var(--app-line)}
html.ath-app .ath-timeline-row input{background:var(--app-surface)}
html.ath-app .ath-timeline-row input[data-tl-time]{color:var(--app-gold)}
html.ath-app .ath-timeline-remove{background:var(--app-surface);color:hsl(5 68% 72%)}
html.ath-app .ath-timeline-note{color:var(--app-muted)}
html.ath-app .ath-planner-steps a{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-ink)}
html.ath-app .ath-planner-steps a:hover,
html.ath-app .ath-planner-steps a:focus-visible{border-color:var(--app-line)}
html.ath-app .ath-planner-steps a.is-here{background:var(--app-surface);border-color:var(--app-line)}
html.ath-app .ath-planner-num{color:var(--app-gold)}
html.ath-app .ath-planner-steps strong{color:var(--app-gold)}
html.ath-app .ath-planner-steps small{color:var(--app-muted)}
html.ath-app .ath-planner-alt{color:var(--app-muted)}
html.ath-app .ath-footer-columns h3{border-block-end:1px solid var(--app-line)}
html.ath-app .ath-image-reference{color:var(--app-muted)}
html.ath-app .ath-favorites-note{border:1px solid var(--border, var(--app-line))}
html.ath-app .ath-favorite-card-actions span{color:var(--app-muted)}
html.ath-app .ath-favorite-card-actions a,
html.ath-app .ath-favorite-card-actions button{border:1px solid var(--border, var(--app-line))}
html.ath-app .ath-favorite-card-actions a:hover,
html.ath-app .ath-favorite-card-actions button:hover{border-color:var(--gold, var(--app-line));color:var(--app-gold)}
html.ath-app .ath-social-card{border:1px solid var(--border, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-catalog-tabs{background:var(--app-surface)}
html.ath-app .ath-catalog-tab{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-catalog-tab span{background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-catalog-tab:hover{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-catalog-count{color:var(--app-muted)}
html.ath-app .ath-cat-card{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-cat-card-media{background:var(--app-surface)}
html.ath-app .ath-cat-shot-nav{color:var(--app-gold)}
html.ath-app .ath-cat-card-title{color:var(--app-gold)}
html.ath-app .ath-cat-card-title:hover{color:var(--app-gold)}
html.ath-app .ath-cat-card-code{color:var(--app-muted)}
html.ath-app .ath-catalog-end{color:var(--app-muted)}
html.ath-app .ath-catalog-crumb{color:var(--app-muted)}
html.ath-app .ath-catalog-crumb strong{color:var(--app-gold)}
html.ath-app .ath-catalog-type{color:var(--app-gold)}
html.ath-app .ath-catalog-type span{color:var(--app-muted)}
html.ath-app .ath-planner-alt-label{color:var(--app-muted)}
html.ath-app .ath-planner-alt a{color:var(--app-gold)}
html.ath-app .ath-planner-alt a:hover,
html.ath-app .ath-planner-alt a:focus-visible{border-color:var(--ath-gold, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-latest-card{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-footer-official{border:1px solid var(--app-line)}
html.ath-app .ath-footer-official__badge{color:var(--app-gold)}
html.ath-app .ath-gallery-breadcrumb,
html.ath-app .ath-catalog-crumb{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-gallery-breadcrumb a,
html.ath-app .ath-catalog-crumb a{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-gallery-breadcrumb a:hover,
html.ath-app .ath-catalog-crumb a:hover{border-color:var(--ath-gold, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-gallery-breadcrumb > span:last-child,
html.ath-app .ath-catalog-crumb > strong{color:var(--app-gold)}
html.ath-app .ath-home-latest .ath-latest-card{background:var(--app-surface);border:1px solid var(--ath-line, var(--app-line))}
html.ath-app .pub-nav-links > a.active{color:var(--app-gold)}
html.ath-app .ath-timeline-presets-label{color:var(--app-muted)}
html.ath-app .ath-timeline-preset{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-cat-shot-nav{background:var(--app-glass)}
html.ath-app .ath-sp-family{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-sp-family-head strong{color:var(--app-gold)}
html.ath-app .ath-sp-family-head span{color:var(--app-muted)}
html.ath-app .ath-sp-family-note{border:1px solid color-mix(in srgb, var(--ath-gold, var(--app-line)) 35%, #fff);color:var(--app-gold)}
html.ath-app .ath-sp-family-multi{border-block-start:1px dashed var(--ath-line, var(--app-line));color:var(--app-muted)}
html.ath-app .ath-timeline-status{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-next-step{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-next-step-title{color:var(--app-gold)}
html.ath-app .ath-next-step-link{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-next-step-link:hover{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-next-step-link strong{color:var(--app-gold)}
html.ath-app .ath-next-step-link span{color:var(--app-muted)}
html.ath-app .ath-next-step-link.is-wa strong{color:hsl(148 70% 72%)}
html.ath-app .ath-cat-card-actions .ath-icon-button .ath-icon,
html.ath-app .ath-cat-card-actions .ath-icon-button .ath-icon-wa{color:var(--app-muted)}
html.ath-app .ath-cat-card-actions .ath-icon-button:hover .ath-icon{color:var(--app-gold)}
html.ath-app .ath-cat-card-actions a.ath-icon-button .ath-icon-wa{color:hsl(149 67% 72%)}
html.ath-app .ath-cat-card-actions .ath-icon-button.is-active .ath-icon{color:var(--app-gold)}
html.ath-app .ath-next-step-more-label{color:var(--app-muted)}
html.ath-app .ath-next-step-chips a{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-next-step-chips a:hover{border-color:var(--ath-gold, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-condolence{--cond-ink:var(--app-ink);--cond-muted:var(--app-muted);--cond-line:var(--app-line);--cond-ground:var(--app-surface)}
html.ath-app .ath-condolence-contact a{background:var(--app-surface)}
html.ath-app .ath-condolence-contact a:hover{border-color:var(--app-line)}
html.ath-app .ath-condolence-wa .ath-icon-wa{color:var(--app-muted)}
html.ath-app .ath-condolence-item{background:var(--app-surface)}
html.ath-app .ath-condolence-note{background:var(--app-surface)}
html.ath-app .ath-offer-plate--diamond{--plate-a:var(--app-ink);--plate-b:var(--app-ink);--plate-ink:var(--app-surface);--plate-line:var(--app-line)}
html.ath-app .ath-offer-plate--royal{--plate-a:var(--app-ink);--plate-b:var(--app-ink);--plate-ink:var(--app-surface);--plate-line:var(--app-line)}
html.ath-app .ath-offer-plate--platinum{--plate-a:var(--app-ink);--plate-b:var(--app-muted);--plate-ink:var(--app-surface);--plate-line:var(--app-line)}
html.ath-app .ath-offer-plate--gold{--plate-a:var(--app-gold);--plate-b:var(--app-gold);--plate-ink:var(--app-surface);--plate-line:var(--app-line)}
html.ath-app .ath-offer-plate--tents{--plate-a:var(--app-ink);--plate-b:var(--app-muted);--plate-ink:var(--app-surface);--plate-line:var(--app-line)}
html.ath-app .ath-offer-plate--party{--plate-a:var(--app-gold);--plate-b:var(--app-gold);--plate-ink:var(--app-surface);--plate-line:var(--app-line)}
html.ath-app .ath-home-hero-dot::before{background:var(--app-glass)}
html.ath-app .ath-home-hero-dot.is-current::before{background:var(--app-surface)}
html.ath-app .ath-audio-item{background:var(--app-surface);border:1px solid var(--ath-line, var(--app-line))}
html.ath-app .ath-audio-time{color:var(--app-muted)}
html.ath-app .ath-catalog-types-label{color:var(--app-muted)}
html.ath-app .ath-catalog-type{background:var(--app-surface);border-color:var(--ath-line, var(--app-line))}
html.ath-app .ath-catalog-type span{background:var(--app-surface)}
html.ath-app .ath-catalog-type:hover{border-color:var(--ath-gold, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-catalog-search-field{background:var(--app-surface);border:1px solid var(--ath-line, var(--app-line))}
html.ath-app .ath-catalog-search-field:focus-within{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-catalog-search-icon{color:var(--app-muted)}
html.ath-app .ath-catalog-search input[type="search"]{color:var(--app-gold)}
html.ath-app .ath-catalog-search-clear{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-date-more{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-date-more > summary{color:var(--app-muted)}
html.ath-app .ath-date-more > summary::before{color:var(--app-muted)}
html.ath-app .ath-hospitality-cta{border:1px solid var(--ath-line, var(--app-line));border-inline-start:4px solid var(--ath-gold, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-hospitality-cta__text span{color:var(--app-muted)}
html.ath-app .ath-hospitality-cta.is-chosen{background:var(--app-surface)}
html.ath-app .ath-hospitality-cta.is-chosen .ath-hospitality-cta__text span{color:hsl(150 50% 72%)}
html.ath-app .ath-optional-tag{background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-hospitality-cta__drop{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-planner-alt a{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-planner-alt a:hover{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-planner-alt a.is-here{background:var(--app-surface)}
html.ath-app .ath-quick-services__label{color:var(--app-muted)}
html.ath-app .ath-quick-chip{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-quick-chip::before{color:var(--app-muted)}
html.ath-app .ath-quick-chip:hover{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-header-fav{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-header-fav:hover{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-header-fav-badge{background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-offer-hosp-group{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-offer-hosp-group h3{color:var(--app-gold)}
html.ath-app .ath-offer-hosp-group li::before{color:hsl(157 45% 72%)}
html.ath-app .ath-cat-card-section{background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-quote-guide{border-inline-start:3px solid var(--ath-gold, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-quote-guide strong{color:var(--app-gold)}
html.ath-app .ath-section-card{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-section-card:hover,
html.ath-app .ath-section-card:focus-within{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-section-card__shot{background:var(--app-surface)}
html.ath-app .ath-section-card__count{color:var(--app-muted)}
html.ath-app .ath-section-card__subs a{background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-brand-ar{color:var(--app-gold)}
html.ath-app .ath-shot-strip__label{color:var(--app-muted)}
html.ath-app .ath-shot:hover{border-color:var(--ath-line, var(--app-line))}
html.ath-app .ath-shot.is-current{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-shot-ref{color:var(--app-muted)}
html.ath-app .ath-section-links{border-block-start:1px solid var(--ath-line, var(--app-line))}
html.ath-app .ath-section-links__label{color:var(--app-muted)}
html.ath-app .ath-section-link{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-section-link span{color:var(--app-muted)}
html.ath-app .ath-section-link:hover{border-color:var(--ath-gold, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-section-link.is-here{background:var(--app-surface)}
html.ath-app .ath-guide-links__list a{background:var(--app-surface)}
html.ath-app .ath-guide-links__list a:hover{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-guide-links__list b{color:var(--app-gold)}
html.ath-app .ath-callme-card{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-callme-lead{color:var(--app-muted)}
html.ath-app .ath-callme-field em{color:hsl(10 59% 72%)}
html.ath-app .ath-callme-field small{color:var(--app-muted)}
html.ath-app .ath-callme-field input,
html.ath-app .ath-callme-field textarea{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-callme-note{color:var(--app-muted)}
html.ath-app .ath-callme-errors{border:1px solid var(--app-line);background:var(--app-surface);color:hsl(12 62% 72%)}
html.ath-app .ath-callme-tick{background:var(--app-surface);color:var(--app-muted)}
html.ath-app .ath-callme-alt{color:var(--app-muted)}
html.ath-app .ath-callme-line{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-callme-line:hover,
html.ath-app .ath-callme-line:focus-visible{border-color:var(--ath-gold, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-callme-line__icon{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-callme-line strong{color:var(--app-gold)}
html.ath-app .ath-callme-line small{color:var(--app-muted)}
html.ath-app .ath-archive-head p{color:var(--app-muted)}
html.ath-app .ath-archive-filter{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-archive-filter input{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-archive-item a{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-archive-item a:hover{border-color:var(--ath-gold, var(--app-line))}
html.ath-app .ath-archive-item time{color:var(--app-muted)}
html.ath-app .ath-archive-item small{color:var(--app-muted)}
html.ath-app .ath-archive-frame{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-archive-frame iframe{background:var(--app-surface)}
html.ath-app .ath-archive-foot{color:var(--app-muted)}
html.ath-app .ath-home-hero-arrow{background:var(--app-surface);color:var(--app-ink)}
html.ath-app .ath-home-hero-arrow:hover,
html.ath-app .ath-home-hero-arrow:focus-visible{background:var(--app-surface)}
html.ath-app .ath-offer-plate.has-photo .ath-offer-plate__rule{background:var(--app-glass)}
html.ath-app .ath-offer-plate.has-photo .ath-offer-plate__frame{border-color:var(--app-line)}
html.ath-app .ath-service-video{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-service-video figcaption span{color:var(--app-muted)}
html.ath-app .btn-quiet{color:var(--app-muted);border:1px solid var(--ath-line, var(--app-line))}
html.ath-app .btn-quiet:hover,
html.ath-app .btn-quiet:focus-visible{color:var(--app-gold)}
html.ath-app .ath-reply-choices .btn-outline[type="submit"]{background:var(--app-surface) !important;color:var(--app-gold) !important;border:1px solid var(--ath-line, var(--app-line)) !important}
html.ath-app .ath-reply-choices .btn-quiet[type="submit"]{color:var(--app-muted) !important;border:1px solid var(--ath-line, var(--app-line)) !important}
html.ath-app .ath-reply-choices .btn-quiet[type="submit"]:hover,
html.ath-app .ath-reply-choices .btn-outline[type="submit"]:hover{color:var(--app-gold) !important}
html.ath-app .ath-service-detail{background:var(--app-surface)}
html.ath-app .ath-sd-title{color:var(--app-gold)}
html.ath-app .ath-sd-card{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-sd-card h3{color:var(--app-gold)}
html.ath-app .ath-sd-card p{color:var(--app-muted)}
html.ath-app .ath-sd-includes li{color:var(--app-muted)}
html.ath-app .ath-sd-includes .ath-icon{color:var(--app-gold)}
html.ath-app .ath-sd-process strong{color:var(--app-gold)}
html.ath-app .ath-sd-process span{color:var(--app-muted)}
html.ath-app .ath-sd-faq h3{color:var(--app-gold)}
html.ath-app .ath-sd-faq details{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface)}
html.ath-app .ath-sd-faq summary{color:var(--app-gold)}
html.ath-app .ath-sd-faq summary::after{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-sd-faq details[open] summary{color:var(--app-gold)}
html.ath-app .ath-sd-faq details p{color:var(--app-muted)}
html.ath-app .ath-cat-services{background:var(--app-surface)}
html.ath-app .ath-cat-services-label{color:var(--app-muted)}
html.ath-app .ath-cat-services-links a{border:1px solid var(--ath-line, var(--app-line));background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-cat-services-links a:hover{border-color:var(--ath-gold, var(--app-line));background:var(--app-surface)}
html.ath-app{--ath-gold-text:var(--app-gold)}
html.ath-app body .ath-category-count{color:var(--app-muted) !important}
html.ath-app body .ath-bottom-nav a.is-wa{color:hsl(148 70% 72%) !important}
html.ath-app body .ath-bottom-nav a.is-wa svg{color:hsl(144 69% 72%)}
html.ath-app .ath-lux-loader{background:var(--app-surface)}
html.ath-app.ath-lux .ath-scene-lights i::after{background:var(--app-glass) !important}
html.ath-app.ath-lux .pub-header,
html.ath-app.ath-lux .ath-bottom-nav{background:var(--app-glass) !important;border-color:var(--app-line) !important}
html.ath-app.ath-lux .ath-offer-card,
html.ath-app.ath-lux .ath-cat-card,
html.ath-app.ath-lux .ath-service-card,
html.ath-app.ath-lux .ath-home-services{background-color:var(--app-glass) !important}
html.ath-app.ath-lux .ath-home-occasions a{color:var(--app-gold) !important}
html.ath-app body{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .activation-card{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .activation-header{background:var(--app-surface)}
html.ath-app h1{color:var(--app-gold)}
html.ath-app .subtitle{color:var(--app-muted)}
html.ath-app .account-summary{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .account-summary span{color:var(--app-muted)}
html.ath-app input{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .error-box{border:1px solid var(--app-line);background:var(--app-surface);color:hsl(3 70% 72%)}
html.ath-app .security-note{color:var(--app-muted)}
html.ath-app .login-card{background:var(--app-surface)}
html.ath-app .ath-gallery-page{background:var(--app-surface)}
html.ath-app .ath-gallery-hero{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-gallery-kicker{color:var(--app-gold)}
html.ath-app .ath-gallery-hero p{color:var(--app-muted)}
html.ath-app .ath-gallery-breadcrumb{color:var(--app-muted)}
html.ath-app .ath-gallery-breadcrumb a{color:var(--app-gold)}
html.ath-app .ath-selected-album{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-album-cover{background:var(--app-surface)}
html.ath-app .ath-album-service{color:var(--app-gold)}
html.ath-app .ath-album-summary p{color:var(--app-muted)}
html.ath-app .ath-album-facts span{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-photo-card{background:var(--app-surface);border:1px solid var(--app-line)}
html.ath-app .ath-icon-button{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-gallery-progress{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-gallery-progress>span{color:var(--app-muted)}
html.ath-app .ath-album-card{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .ath-album-image{background:var(--app-surface)}
html.ath-app .ath-album-card-body small{color:var(--app-gold)}
html.ath-app .ath-album-card-body h2 a{color:var(--app-gold)}
html.ath-app .ath-simple-slider-close,
html.ath-app .ath-simple-slider-nav{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-occ-items a{background:var(--app-glass)}
html.ath-app .ath-occ-photos a{background:var(--app-surface)}
html.ath-app .ath-occ-cities a{background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-occ-faq details{background:var(--app-surface)}
html.ath-app .ath-occ-related a{background:var(--app-surface)}
html.ath-app{--ink:var(--app-ink);--soft:var(--app-muted);--gold:var(--app-gold);--glow:var(--app-gold);--cream:var(--app-surface);--line:var(--app-line);--white:var(--app-surface)}
html.ath-app header{background:var(--app-surface)}
html.ath-app .grid a{background:var(--app-surface)}
html.ath-app ul.pts li{background:var(--app-surface)}
html.ath-app .areas{background:var(--app-surface)}
html.ath-app .bar{background:var(--app-surface)}
html.ath-app .ath-occ-card{background:var(--app-glass)}
html.ath-app .ath-occ-card small{color:var(--app-gold)}
html.ath-app .ath-install-app{color:var(--app-gold)}
html.ath-app .ath-install-sheet button{color:var(--app-gold)}
html.ath-app .ath-push-toggle{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-gold)}
html.ath-app .ath-push-toggle.is-on{background:var(--app-surface);color:var(--app-gold)}
@media(max-width:720px){
html.ath-app .ath-design-album-actions .ath-icon-action{background:var(--app-surface)}
}
@media(max-width:860px){
html.ath-app .pub-nav-links{background:var(--app-surface) !important}
html.ath-app .admin-content table.ath-cards-table tr{border:1px solid var(--app-line);background:var(--app-surface)}
html.ath-app .admin-content table.ath-cards-table td{border-bottom:1px solid var(--app-line) !important}
html.ath-app .admin-content table.ath-cards-table td::before{color:var(--app-gold)}
}
@media(max-width:768px){
html.ath-app #pub-nav.pub-nav-links.open{background:var(--app-surface) !important}
html.ath-app #pub-nav.pub-nav-links.open > a:hover,
html.ath-app #pub-nav.pub-nav-links.open > a:focus-visible,
html.ath-app #pub-nav.pub-nav-links.open > a.active{background:var(--app-surface) !important;color:var(--app-gold) !important}
}
@media(max-width:700px){
html.ath-app .ath-quote-actions{background:var(--app-surface)}
html.ath-app .ath-contact-bar{background:var(--app-surface)}
}
@media (max-width: 900px){
html.ath-app .pub-nav-links.open{background:var(--app-surface) !important}
}
@media (max-width:980px){
html.ath-app .pub-nav{background:var(--app-surface) !important}
}
@media print{
html.ath-app .ath-doc-page{background:var(--app-surface) !important}
html.ath-app body{background:var(--app-surface) !important}
html.ath-app .ath-timeline-meta input,
html.ath-app .ath-timeline-row input{color:var(--app-ink) !important}
html.ath-app .ath-timeline-row{border-block-end:1px dotted var(--app-line) !important}
}
@media (max-width: 980px){
html.ath-app .ath-bottom-nav{background:var(--app-surface)}
}
@media (min-width: 981px){
html.ath-app .ath-contact-bar{background:var(--app-surface)}
}
@media (pointer: coarse), (max-width: 900px){
html.ath-app .ath-emirates-grid > a{background:var(--app-surface)}
}
@media (hover: none), (pointer: coarse){
html.ath-app .ath-cat-shot-nav{background:var(--app-surface)}
}
/* Altahany "app" theme (2026-10-13) — emerald night, champagne gold, ivory.
   Design source: the owner's redesign (redesign-altahany-com-strategy.zip).
   Applied on html.ath-app. Two halves in one file:
     1. the design layer below (tokens, chrome, components, motion);
     2. app-colors (generated by gen_theme.py) appended after it, which turns every
        light surface / dark text of the legacy stylesheet into these tokens.
   URLs, markup and schema are untouched: this file only paints. */

/* ── 1. tokens ─────────────────────────────────────────────── */
html.ath-app {
  --app-bg: #0d1d1a;
  --app-surface: #142824;
  --app-surface-2: #1a322d;
  --app-glass: rgba(20, 40, 36, .72);
  --app-ink: #f2ece1;
  --app-muted: #a9b2ab;
  --app-gold: #c9a96b;
  --app-gold-hi: #e6c98c;
  --app-gold-lo: #8f6d3a;
  --app-line: rgba(201, 169, 107, .2);
  --app-line-strong: rgba(201, 169, 107, .42);
  --app-radius: 18px;
  --app-font: Arial, 'Helvetica Neue', Tahoma, sans-serif;
  --app-serif: 'Amiri', 'Times New Roman', serif;

  /* the legacy tokens, so everything already written against them follows */
  --ath-cream: var(--app-bg); --ath-warm: var(--app-surface); --ath-white: var(--app-surface);
  --ath-surface: var(--app-surface); --ath-surface-soft: var(--app-surface-2); --ath-soft: var(--app-surface-2);
  --ath-ink: var(--app-ink); --ath-text: var(--app-ink); --ath-text-strong: #fffaf0; --ath-text-muted: var(--app-muted);
  --ath-muted: var(--app-muted); --ath-line: var(--app-line);
  --ath-gold: var(--app-gold); --ath-gold-dark: var(--app-gold); --ath-gold-deep: var(--app-gold); --ath-gold-text: var(--app-gold);
  --ath-ui-bg: var(--app-bg); --ath-ui-surface: var(--app-surface); --ath-ui-soft: var(--app-surface-2); --ath-ui-text: var(--app-ink);
  --ath-ui-muted: var(--app-muted); --ath-ui-border: var(--app-line); --ath-ui-gold: var(--app-gold); --ath-ui-gold-dark: var(--app-gold); --ath-ui-footer: #081311;
  --ath-v16-paper: var(--app-surface); --ath-v16-surface: var(--app-surface); --ath-v16-ink: var(--app-ink); --ath-v16-muted: var(--app-muted);
  --ath-v16-line: var(--app-line); --ath-v16-gold: var(--app-gold); --ath-v16-gold-2: var(--app-gold-hi);
  --ath-v57-paper: var(--app-surface); --ath-v57-cream: var(--app-bg); --ath-v57-ink: var(--app-ink); --ath-v57-muted: var(--app-muted);
  --ath-v57-gold: var(--app-gold); --ath-v57-gold-dark: var(--app-gold); --ath-v57-border: var(--app-line);
  --ath-shadow: 0 18px 44px -22px rgba(0, 0, 0, .6); --ath-soft-shadow: 0 18px 44px -22px rgba(0, 0, 0, .55);
  --ath-ui-shadow: 0 14px 34px -18px rgba(0, 0, 0, .6); --ath-v57-shadow: 0 14px 34px -18px rgba(0, 0, 0, .6);
  --ath-font-body: var(--app-font); --ath-font: var(--app-font); --ath-font-display: var(--app-serif);

  color-scheme: dark;
  background:
    radial-gradient(120% 60% at 85% -10%, rgba(201, 169, 107, .10), transparent 55%),
    radial-gradient(90% 50% at 0% 100%, rgba(123, 155, 134, .08), transparent 60%),
    var(--app-bg) fixed;
}

/* ── 2. base ───────────────────────────────────────────────── */
html.ath-app body {
  background: transparent !important; /* the html canvas carries it, so the ambient layer can sit between */
  color: var(--app-ink) !important;
  font-family: var(--app-font) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html.ath-app body, html.ath-app button, html.ath-app input, html.ath-app select, html.ath-app textarea { font-family: var(--app-font); }
html.ath-app main :is(h1, h2, h3), html.ath-app .ath-section-head :is(h1, h2) {
  font-family: var(--app-serif) !important;
  color: #fffaf0 !important;
  letter-spacing: 0;
  line-height: 1.35;
  text-wrap: balance;
}
html.ath-app main h1 { font-weight: 700; }
html.ath-app main :is(p, li, dd) { color: inherit; line-height: 1.85; }
html.ath-app main p { color: var(--app-muted); }
html.ath-app main a:not([class]) { color: var(--app-gold-hi); text-underline-offset: 3px; }
html.ath-app ::selection { background: rgba(201, 169, 107, .35); color: #fff; }
html.ath-app img { color: transparent; }
/* the backdrop: one of our own koshas under stage light, pre-blurred (brand/altahany-bg.jpg, 16 KB),
   on a fixed layer so scrolling never repaints it */
html.ath-app body::before {
  content: "" !important; position: fixed !important; inset: 0 !important; z-index: -2 !important; pointer-events: none;
  background: url("/brand/altahany-bg.jpg") center top / cover no-repeat, var(--app-bg) !important;
  opacity: 1 !important; transform: translateZ(0);
}

/* section kicker: a gold hairline then the words, as in the design */
html.ath-app .section-kicker {
  display: inline-flex !important; align-items: center; gap: 10px;
  color: var(--app-gold) !important; background: none !important; border: 0 !important;
  font-family: var(--app-font) !important; font-weight: 600; letter-spacing: .02em;
}
html.ath-app .section-kicker::before { content: ""; width: 28px; height: 1px; background: currentColor; flex: none; }
html.ath-app main .ath-section-head h2::after, html.ath-app main .ath-section-heading h2::after {
  content: "" !important; display: block !important; width: 104px !important; height: 11px !important; margin: 14px auto 0 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='11'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23c9a96b' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23c9a96b'/%3E%3C/linearGradient%3E%3ClinearGradient id='r' x1='1' x2='0'%3E%3Cstop offset='0' stop-color='%23c9a96b' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23c9a96b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect y='5' width='43' height='1' fill='url(%23l)'/%3E%3Crect x='61' y='5' width='43' height='1' fill='url(%23r)'/%3E%3Cpath d='M52 .8 56.7 5.5 52 10.2 47.3 5.5Z' fill='%23c9a96b'/%3E%3C/svg%3E") center / 104px 11px no-repeat !important;
}

/* ── 3. header: emerald glass, logo on an ivory-gold plate ─── */
html.ath-app .pub-header {
  background: rgba(13, 29, 26, .78) !important;
  -webkit-backdrop-filter: saturate(1.3) blur(16px); backdrop-filter: saturate(1.3) blur(16px);
  border-bottom: 1px solid transparent !important;
  border-image: linear-gradient(90deg, transparent, var(--app-line-strong), transparent) 1 !important;
  box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .7) !important;
}
/* the logo sits in the bar itself: the owner's artwork recoloured to champagne gold, with the
   Arabic name beside it in gold Amiri — no plate, no frame */
html.ath-app .ath-public-brand { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html.ath-app body .pub-header .ath-public-brand .ath-brand-mark {
  background: transparent !important; box-shadow: none !important;
  filter: brightness(0) invert(1) sepia(.38) saturate(2) hue-rotate(-6deg) brightness(1.06) drop-shadow(0 0 8px rgba(201, 169, 107, .35)) !important;
}
html.ath-app .ath-public-brand .ath-brand-ar {
  font-family: var(--app-serif) !important; font-weight: 700 !important; font-size: 30px !important; line-height: 1.35 !important;
  padding-bottom: .1em; /* the dots under ي */
  background: linear-gradient(180deg, #fbefd2 0%, #e8cc8e 48%, #b88f4c 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
  filter: drop-shadow(0 1px 8px rgba(201, 169, 107, .25));
}
html.ath-app .ath-public-brand .ath-brand-rule { background: linear-gradient(180deg, transparent, var(--app-gold), transparent) !important; opacity: .7; }
html.ath-app .pub-nav a, html.ath-app .pub-mobile-lang, html.ath-app .ath-public-language-switch { color: #d9d3c7 !important; }
html.ath-app .pub-nav a:hover, html.ath-app .pub-nav a.active, html.ath-app .pub-nav a[aria-current="page"] { color: var(--app-gold-hi) !important; }
@media (min-width: 992px) {
  /* hover/active wash only: no extra padding, so the menu keeps the width it was tuned for */
  html.ath-app .pub-nav-links > a { border-radius: 999px; transition: background .2s, color .2s; }
  html.ath-app .pub-nav-links > a:hover { background: rgba(201, 169, 107, .1); }
}
html.ath-app .ath-nav-quote, html.ath-app .ath-public-auth-link.is-primary {
  background: linear-gradient(160deg, var(--app-gold-hi), var(--app-gold) 55%, var(--app-gold-lo)) !important;
  color: #0d1d1a !important; border: 0 !important; border-radius: 999px !important; font-weight: 600;
}
html.ath-app .header-icon-btn, html.ath-app .pub-mobile-menu, html.ath-app .ath-mobile-cart, html.ath-app .ath-header-cart {
  color: var(--app-ink) !important; background: rgba(20, 40, 36, .7) !important; border: 1px solid var(--app-line) !important;
}
html.ath-app .ath-header-cart, html.ath-app .ath-mobile-cart { border-radius: 999px !important; }
@media (max-width: 991px) {
  /* the opened mobile menu: a full-height emerald sheet */
  html.ath-app .pub-nav.open, html.ath-app .pub-nav.is-open, html.ath-app #pub-nav[data-open], html.ath-app .pub-nav-links.show {
    background: rgba(13, 29, 26, .97) !important; border: 1px solid var(--app-line) !important;
    -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  }
}

/* ── 4. buttons and chips ──────────────────────────────────── */
html.ath-app .btn { border-radius: 999px !important; font-weight: 600; transition: transform .18s ease, filter .18s ease, background .18s ease; }
html.ath-app .btn:active { transform: scale(.97); }
html.ath-app .btn-primary, html.ath-app .ath-btn-primary {
  background: linear-gradient(160deg, var(--app-gold-hi) 0%, var(--app-gold) 50%, var(--app-gold-lo) 100%) !important;
  color: #0d1d1a !important; border: 1px solid rgba(230, 201, 140, .6) !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 220, .6), 0 12px 26px -12px rgba(201, 169, 107, .55) !important;
}
html.ath-app .btn-outline, html.ath-app .btn-secondary, html.ath-app .btn-light {
  background: rgba(20, 40, 36, .55) !important; color: var(--app-ink) !important;
  border: 1px solid var(--app-line-strong) !important; box-shadow: none !important;
}
html.ath-app .btn-outline:hover { color: var(--app-gold-hi) !important; border-color: var(--app-gold) !important; }
html.ath-app body .btn-wa, html.ath-app body .ath-btn-wa, html.ath-app body .ath-geo-whatsapp,
html.ath-app body .btn.ath-btn-wa, html.ath-app body :is(.ath-offer-card, .ath-equipment-actions, .ath-image-actions) .btn.ath-btn-wa {
  background: rgba(37, 211, 102, .12) !important; background-image: none !important; color: #b9f0cb !important; border: 1px solid rgba(110, 200, 140, .45) !important;
}
@media (hover: hover) { html.ath-app .btn-primary:hover { filter: brightness(1.07); } }
html.ath-app :is(.ath-home-service-chips a, .ath-geo-chip-grid a, .ath-area-chip-row a, .ath-quick-chip, .ath-catalog-tab, .ath-catalog-type) {
  background: rgba(20, 40, 36, .7) !important; color: var(--app-ink) !important;
  border: 1px solid var(--app-line) !important; border-radius: 999px !important;
}
html.ath-app :is(.ath-catalog-tab, .ath-catalog-type, .ath-quick-chip):is(.is-active, .active, [aria-current], [aria-selected="true"], :checked) {
  background: var(--app-gold) !important; color: #0d1d1a !important; border-color: var(--app-gold) !important;
}

/* ── 5. surfaces: one card language everywhere ─────────────── */
html.ath-app :is(.ath-offer-card, .ath-cat-card, .ath-service-card, .ath-section-card, .ath-guide-card, .ath-related-card,
  .ath-area-service-card, .ath-design-album-card, .ath-photo-card, .ath-album-choice, .ath-sd-card, .ath-design-card,
  .ath-contact-channel-card, .ath-about-story-card, .ath-contact-review-card, .ath-latest-card, .ath-home-design-card,
  .ath-smart-service-card, .ath-account-card, .ath-auth-modern__card, .ath-faq-item, .ath-geo-panel .ath-geo-grid > *,
  .ath-occ-items a, .ath-occ-card, .ath-occ-related a, .ath-occ-faq details, .ath-sitemap-block, .ath-review-score, .ath-review-form) {
  background: linear-gradient(160deg, rgba(255, 255, 255, .085) 0%, rgba(255, 255, 255, .03) 42%, rgba(255, 255, 255, .015) 100%), rgba(13, 29, 26, .52) !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: var(--app-radius) !important;
  box-shadow: 0 20px 44px -28px rgba(0, 0, 0, .85), inset 0 1px 0 rgba(255, 255, 255, .10), inset 0 0 0 1px rgba(201, 169, 107, .06) !important;
  color: var(--app-ink);
}
@media (hover: hover) and (pointer: fine) {
  html.ath-app :is(.ath-offer-card, .ath-cat-card, .ath-service-card, .ath-guide-card, .ath-related-card, .ath-design-album-card, .ath-photo-card, .ath-occ-card):hover {
    border-color: var(--app-line-strong) !important; transform: translateY(-3px);
    box-shadow: 0 26px 50px -24px rgba(0, 0, 0, .8), 0 0 0 1px rgba(201, 169, 107, .12) !important;
  }
}
html.ath-app :is(.ath-cat-card, .ath-design-album-card, .ath-photo-card, .ath-guide-card, .ath-offer-card) { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; overflow: hidden; }
/* image captions sitting on photos keep a dark veil so text stays readable */
html.ath-app :is(.ath-home-hero-caption, .ath-album-choice-copy, .ath-design-open-hint, .ath-cat-shot-count) {
  background: rgba(13, 29, 26, .66) !important; color: var(--app-ink) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid var(--app-line);
}

/* ── 6. home hero: the arch frame from the design ──────────── */
html.ath-app .ath-home-hero { background: transparent !important; }
html.ath-app .ath-home-hero-media {
  border-radius: 999px 999px 22px 22px !important; overflow: hidden !important;
  box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .8), 0 0 0 1px rgba(201, 169, 107, .45), 0 0 0 9px rgba(201, 169, 107, .05) !important;
}
html.ath-app .ath-home-hero-slide img { transition: transform 6s ease; }
html.ath-app .ath-home-hero-slide.is-active img { transform: scale(1.04); }
html.ath-app .ath-home-hero-copy h1 { font-size: clamp(2rem, 6.4vw, 3.6rem) !important; }
html.ath-app .ath-home-hero-dot { background: rgba(242, 236, 225, .3) !important; }
html.ath-app .ath-home-hero-dot.is-active, html.ath-app .ath-home-hero-dot[aria-selected="true"] { background: var(--app-gold) !important; }
html.ath-app .ath-home-hero-arrow { background: rgba(13, 29, 26, .6) !important; color: var(--app-ink) !important; border: 1px solid var(--app-line) !important; }
html.ath-app :is(.ath-home-trust span, .ath-home-trust li) { color: var(--app-muted) !important; }
html.ath-app :is(.ath-home-services, .ath-home-offers, .ath-sections, .ath-home-season) { background: transparent !important; border-color: var(--app-line) !important; }
html.ath-app .ath-home-final-cta {
  background: radial-gradient(80% 120% at 50% 0%, rgba(201, 169, 107, .16), transparent 60%), var(--app-surface) !important;
  border-block: 1px solid var(--app-line) !important;
}

/* page heroes on inner pages */
html.ath-app :is(.ath-page-hero, .ath-geo-hero, .ath-album-service-hero, .ath-about-hero, .ath-contact-hero, .ath-quote-hero, .ath-occ-hero) {
  background: radial-gradient(90% 120% at 85% 0%, rgba(201, 169, 107, .12), transparent 60%), transparent !important;
  border-color: var(--app-line) !important;
}
html.ath-app :is(.ath-geo-brand-mark, .ath-contact-logo-shell, .ath-about-hero-frame img[src*="logo"]) {
  background: linear-gradient(135deg, #fffaf0, #ecd29a 52%, #fff6e2) !important; border-color: rgba(238, 216, 163, .85) !important;
}

/* ── 7. forms ──────────────────────────────────────────────── */
html.ath-app :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea, .form-control) {
  background: rgba(13, 29, 26, .7) !important; color: var(--app-ink) !important;
  border: 1px solid var(--app-line-strong) !important; border-radius: 14px !important;
}
html.ath-app :is(input, select, textarea, .form-control):focus { border-color: var(--app-gold) !important; box-shadow: 0 0 0 3px rgba(201, 169, 107, .18) !important; outline: none; }
html.ath-app ::placeholder { color: rgba(169, 178, 171, .7) !important; }
html.ath-app select option { background: var(--app-surface); color: var(--app-ink); }
html.ath-app :is(input[type=checkbox], input[type=radio]) { accent-color: var(--app-gold); }
html.ath-app label { color: var(--app-ink); }

/* breadcrumbs */
html.ath-app :is(.ath-breadcrumbs, .ath-breadcrumb, .ath-v19-breadcrumb) { color: var(--app-muted) !important; background: transparent !important; }
html.ath-app :is(.ath-breadcrumbs__link, .ath-breadcrumb a, .ath-v19-breadcrumb a) { color: var(--app-gold) !important; }
html.ath-app .ath-breadcrumbs__current { color: var(--app-ink) !important; }

/* ── 8. app bar at the bottom: a floating emerald pill ─────── */
html.ath-app .ath-bottom-nav {
  left: 10px !important; right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important;
  width: auto !important; border-radius: 22px !important;
  background: rgba(20, 40, 36, .9) !important;
  -webkit-backdrop-filter: saturate(1.4) blur(18px); backdrop-filter: saturate(1.4) blur(18px);
  border: 1px solid var(--app-line-strong) !important;
  box-shadow: 0 18px 50px -20px rgba(0, 0, 0, .85), 0 0 30px -16px rgba(201, 169, 107, .5) !important;
  padding: 6px 4px !important;
}
html.ath-app .ath-bottom-nav a { color: var(--app-muted) !important; border-radius: 16px; transition: color .2s, background .2s; }
html.ath-app .ath-bottom-nav a svg { fill: currentColor; }
html.ath-app .ath-bottom-nav a.is-active, html.ath-app .ath-bottom-nav a[aria-current="page"] { color: var(--app-gold-hi) !important; background: rgba(201, 169, 107, .1); }
html.ath-app .ath-bottom-nav a.is-quote {
  color: #0d1d1a !important;
  background: linear-gradient(160deg, var(--app-gold-hi), var(--app-gold) 55%, var(--app-gold-lo)) !important;
  box-shadow: 0 10px 22px -10px rgba(201, 169, 107, .8);
}
html.ath-app .ath-bottom-nav a.is-wa { color: #9ee6b5 !important; }
@media (max-width: 991px) {
  html.ath-app body { padding-bottom: calc(86px + env(safe-area-inset-bottom)) !important; }
  html.ath-app .ath-contact-fab { bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
}
html.ath-app .ath-contact-fab__btn {
  background: rgba(13, 29, 26, .85) !important; color: #b9f0cb !important;
  border: 1px solid rgba(142, 194, 148, .5) !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: 0 12px 30px -10px rgba(0, 0, 0, .7) !important;
}
html.ath-app .ath-contact-fab__menu { background: rgba(20, 40, 36, .96) !important; border: 1px solid var(--app-line) !important; border-radius: 18px !important; }
html.ath-app .ath-contact-fab__item { color: var(--app-ink) !important; }

/* cart drawer */
html.ath-app .ath-cart-drawer { background: var(--app-surface) !important; color: var(--app-ink) !important; border-inline-start: 1px solid var(--app-line); }
html.ath-app .ath-cart-backdrop { background: rgba(0, 0, 0, .6) !important; }

/* ── 9. footer ─────────────────────────────────────────────── */
html.ath-app .pub-footer { background: #081311 !important; color: var(--app-muted) !important; border-top: 1px solid var(--app-line) !important; }
html.ath-app .pub-footer :is(h2, h3, strong) { color: var(--app-ink) !important; font-family: var(--app-serif) !important; }
html.ath-app .pub-footer a { color: #d6d0c4 !important; }
html.ath-app .pub-footer a:hover { color: var(--app-gold-hi) !important; }
html.ath-app .ath-footer-columns nav {
  border: 1px solid rgba(201, 169, 107, .12); border-radius: 20px; padding: 18px 16px !important;
  background: linear-gradient(180deg, rgba(201, 169, 107, .05), transparent 80%) !important;
}
html.ath-app .ath-footer-newsletter { background: var(--app-surface) !important; border: 1px solid var(--app-line) !important; border-radius: 22px !important; }

/* ── 10. the lights: part of the scene, not a strip ───────── */
html.ath-app .ath-scene-lights { inline-size: 100% !important; inset-inline: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
html.ath-app .ath-scene-lights i { animation: none !important; background: linear-gradient(to bottom, rgba(201, 169, 107, .55), rgba(201, 169, 107, .2)) !important; }
html.ath-app .ath-scene-lights i::before { background: linear-gradient(#d9b77a, #8f6d3a) !important; }
html.ath-app .ath-scene-lights i::after {
  background: radial-gradient(circle at 50% 60%, #fffef4 0%, #fff1bf 20%, #ffd96e 44%, rgba(255, 200, 70, .55) 64%, rgba(255, 190, 50, 0) 78%) !important;
  box-shadow: 0 0 6px 2px rgba(255, 228, 130, .95), 0 0 16px 4px rgba(255, 205, 90, .42), 0 0 30px 6px rgba(255, 190, 60, .10) !important; /* each bulb its own halo; wide spreads merged into a band */
  filter: none !important; opacity: .72;
  animation: appBulb 6.6s ease-in-out infinite !important; will-change: opacity, transform;
}
/* a chase: the bulbs stay lit, and each one in turn flares — 0.6s apart, so it travels along the string */
html.ath-app .ath-scene-lights i:nth-child(1)::after { animation-delay: 0.0s !important; }
html.ath-app .ath-scene-lights i:nth-child(2)::after { animation-delay: 0.6s !important; }
html.ath-app .ath-scene-lights i:nth-child(3)::after { animation-delay: 1.2s !important; }
html.ath-app .ath-scene-lights i:nth-child(4)::after { animation-delay: 1.8s !important; }
html.ath-app .ath-scene-lights i:nth-child(5)::after { animation-delay: 2.4s !important; }
html.ath-app .ath-scene-lights i:nth-child(6)::after { animation-delay: 3.0s !important; }
html.ath-app .ath-scene-lights i:nth-child(7)::after { animation-delay: 3.6s !important; }
html.ath-app .ath-scene-lights i:nth-child(8)::after { animation-delay: 4.2s !important; }
html.ath-app .ath-scene-lights i:nth-child(9)::after { animation-delay: 4.8s !important; }
html.ath-app .ath-scene-lights i:nth-child(10)::after { animation-delay: 5.4s !important; }
html.ath-app .ath-scene-lights i:nth-child(11)::after { animation-delay: 6.0s !important; }
@keyframes appBulb {
  0%, 100% { opacity: .72; transform: scale(.94); }
  4% { opacity: 1; transform: scale(1.28); }
  10% { opacity: .9; transform: scale(1.06); }
  18% { opacity: .72; transform: scale(.94); }
}
/* the stage rays painted on the hero by the old layer read as a beige band on emerald */
html.ath-app body .ath-spot-stage.ath-spot-stage::before, html.ath-app body .ath-spot-stage.ath-spot-stage::after { content: none !important; display: none !important; }
/* the old carpet and floor under the hero read as a dark box here; the backdrop already sets the stage */
html.ath-app body :is(.ath-scene-carpet, .ath-scene-floor) { display: none !important; }
html.ath-app body .ath-home-hero .ath-scene-lights, html.ath-app body .ath-scene-lights { inline-size: 100% !important; max-inline-size: none !important; inset-inline: 0 !important; margin-inline: 0 !important; }

/* ── 11. ambient layer: stage beams, sparkles, falling gold petals ── */
.app-ambient { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; contain: strict; }
.app-beam {
  position: absolute; top: -6vh; width: 15rem; height: 85vh; transform-origin: 50% 0;
  background: linear-gradient(180deg, rgba(255, 236, 180, .30), rgba(255, 226, 160, .10) 45%, transparent 85%);
  clip-path: polygon(46% 0, 54% 0, 100% 100%, 0 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 35%, #000 65%, transparent); mask-image: linear-gradient(90deg, transparent, #000 35%, #000 65%, transparent);
  opacity: .16; animation: appBeam 12s ease-in-out infinite; will-change: transform, opacity;
}
.app-beam::before { content: ""; position: absolute; top: 0; left: 50%; width: 2.2rem; height: 1rem; transform: translateX(-50%); border-radius: 0 0 1rem 1rem; background: #b89055; box-shadow: 0 0 18px rgba(247, 223, 162, .75); }
@keyframes appBeam { 0%, 100% { transform: rotate(-16deg); opacity: .06; } 35% { transform: rotate(-2deg); opacity: .24; } 65% { transform: rotate(13deg); opacity: .3; } }
.app-spark { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #fff3cf; box-shadow: 0 0 6px 2px rgba(255, 233, 171, .8), 0 0 20px 4px rgba(201, 169, 107, .4); animation: appSpark 5s ease-in-out infinite; will-change: transform, opacity; }
@keyframes appSpark { 0%, 100% { opacity: .1; transform: translate3d(0, 8px, 0) scale(.6); } 50% { opacity: .9; transform: translate3d(8px, -10px, 0) scale(1.3); } }
.app-petal {
  position: absolute; top: -3rem; width: 10px; height: 14px; border-radius: 80% 20% 80% 20%;
  background: linear-gradient(135deg, #f6ead2 0%, #c9a96b 55%, #8f6840 100%); box-shadow: 0 0 10px rgba(201, 169, 107, .3);
  opacity: 0; animation: appPetal linear infinite; will-change: transform, opacity;
}
.app-petal.is-rose { background: linear-gradient(135deg, #f7dcd4 0%, #d9a196 55%, #9c5f58 100%); }
@keyframes appPetal {
  0% { opacity: 0; transform: translate3d(0, -4vh, 0) rotate(0); }
  10% { opacity: .75; }
  50% { transform: translate3d(calc(var(--d, 1) * 5vw), 50vh, 0) rotate(200deg); }
  100% { opacity: 0; transform: translate3d(calc(var(--d, 1) * -4vw), 108vh, 0) rotate(400deg); }
}
html.ath-is-scrolling .app-ambient * { animation-play-state: paused !important; }
@media (max-width: 767px) { .app-beam:nth-child(n+3), .app-spark:nth-child(n+7) { display: none; } }

/* ── 12. transitions and the loader (the lux layer's, in emerald) ── */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: appOut .12s ease-out both; }
::view-transition-new(root) { animation: appIn .22s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes appOut { to { opacity: 0; } }
@keyframes appIn { from { opacity: 0; transform: translateY(6px); } }
html.ath-app .pub-header { view-transition-name: ath-header; }
html.ath-app .ath-bottom-nav { view-transition-name: ath-bottomnav; }
::view-transition-group(ath-header), ::view-transition-group(ath-bottomnav) { animation: none; }
html.ath-app .ath-lux-loader { background: radial-gradient(120% 80% at 50% 40%, #183530 0, #0d1d1a 60%, #08130f 100%) !important; }
html.ath-app .ath-lux-loader__name { background: linear-gradient(180deg, #f3dca6, #c9a96b 55%, #8f6d3a) !important; -webkit-background-clip: text !important; background-clip: text !important; }

/* loader base (shared with the classic style's lux layer; only one of the two files loads) */
.ath-lux-loader {
  position: fixed; inset: 0; z-index: 2147483000;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  background: radial-gradient(120% 80% at 50% 40%, #fffdf9 0, #faf4ea 55%, #f1e4ce 100%);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .28s ease, visibility 0s linear .28s;
}
.ath-lux-loader.is-on { opacity: 1; visibility: visible; transition: opacity .28s ease; }
.ath-lux-loader__mark { width: 92px; height: 92px; filter: drop-shadow(0 10px 24px rgba(138,100,32,.22)); }
.ath-lux-loader__mark svg { width: 100%; height: 100%; overflow: visible; }
.ath-lux-arch { stroke-dasharray: 150; stroke-dashoffset: 150; animation: athLuxDraw 1.4s cubic-bezier(.6,0,.3,1) infinite alternate; }
.ath-lux-arch.is-inner { animation-delay: .18s; }
.ath-lux-at { opacity: 0; animation: athLuxFade 1.4s ease infinite alternate; animation-delay: .35s; }
.ath-lux-gem { transform-origin: 31px 15px; animation: athLuxGem 1.4s ease-in-out infinite alternate; }
@keyframes athLuxDraw { to { stroke-dashoffset: 0; } }
@keyframes athLuxFade { 60%, 100% { opacity: 1; } }
@keyframes athLuxGem  { from { transform: scale(.7); opacity: .55; } to { transform: scale(1.12); opacity: 1; } }
.ath-lux-loader__name {
  font-family: var(--ath-font-display, 'Amiri', serif); font-size: 32px; font-weight: 700; line-height: 1.5;
  padding: 0 .1em .28em; /* room for the dots under the ي — background-clip:text only paints inside the box */
  background: linear-gradient(180deg, #d7b061 0, #b88b3d 55%, #8a6d12 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.ath-lux-loader__bar { position: relative; width: 120px; height: 2px; overflow: hidden; border-radius: 2px; background: rgba(184,139,61,.18); }
.ath-lux-loader__bar i { position: absolute; inset: 0; width: 40%; background: linear-gradient(90deg, transparent, #b88b3d, transparent); animation: athLuxBar 1.1s ease-in-out infinite; }
@keyframes athLuxBar { from { transform: translateX(-120%); } to { transform: translateX(320%); } }
html[dir="rtl"] .ath-lux-loader__bar i { animation-direction: reverse; }


/* reveal on scroll (added by app JS; content is visible without JS) */
html.ath-app.app-js .app-reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s cubic-bezier(.2, .7, .2, 1), transform .6s cubic-bezier(.2, .7, .2, 1); }
html.ath-app.app-js .app-reveal.is-in { opacity: 1; transform: none; }


/* ── 13. fixes and polish ──────────────────────────────────── */
/* gradient headings: ivory into champagne gold (the legacy ones were dark gold on cream) */
html.ath-app main h1, html.ath-app .ath-shimmer, html.ath-app .ath-home-hero-copy h1 {
  background-image: linear-gradient(180deg, #fffaf0 0%, #f3e2b8 55%, #c9a96b 100%) !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
  padding-bottom: .12em; /* room for the dots under the letters (ي) */
}
/* stage light rays over the hero: softer on emerald */
html.ath-app .ath-spot-stage::before, html.ath-app .ath-spot-stage::after { opacity: .3 !important; mix-blend-mode: screen; }
html.ath-app .ath-bottom-nav a.is-quote { border-radius: 16px !important; }
/* readable measure and balanced headings */
html.ath-app .ath-section-head p, html.ath-app .ath-section-heading p { max-width: 62ch; margin-inline: auto; text-wrap: pretty; }
html.ath-app main :is(h2, h3) { text-wrap: balance; }
html.ath-app :is(.ath-offer-card__price, .ath-cart-count, [data-cart-count-output]) { font-variant-numeric: tabular-nums; }
/* keyboard focus: a clear gold ring */
html.ath-app :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--app-gold-hi) !important; outline-offset: 3px; border-radius: 10px;
}
html.ath-app :is(a, button):active { transition-duration: .08s; }
/* small gold number badges: dark ink on gold reads better than white (3.9:1 → 8:1) */
html.ath-app :is(.ath-home-service-chips a span, .ath-about-process-grid article > span, .ath-contact-booking-grid article > span, .ath-album-active-badge) {
  background: linear-gradient(160deg, var(--app-gold-hi), var(--app-gold)) !important; color: #0d1d1a !important; font-weight: 700;
}
/* quiet pages (condolence, Commemoration Day): no petals, no beams, no sparkle */
html.ath-app body:has(.ath-condolence, .ath-occ.is-quiet) .app-ambient { display: none; }

/* ── 14. one rhythm for every page ─────────────────────────── */
/* performance: blur only where it earns it (the two bars and the cart sheet) */
html.ath-app *:not(.pub-header):not(.ath-bottom-nav):not(.ath-cart-drawer):not(.ath-lux-loader) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
/* sections: no highlighted bands, no boxes — the page is one surface, cards carry the glass */
html.ath-app main section:not(.ath-review-form):not(.ath-design-order-card) {
  background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important;
}
html.ath-app main .ath-home-hero { background: transparent !important; border-radius: 0 !important; }
/* headings: no frames, boxes or corner flourishes around them */
html.ath-app :is(.ath-section-head, .ath-section-heading, .section-head, .ath-album-catalog-head, .ath-design-head) {
  background: none !important; border: 0 !important; box-shadow: none !important; outline: 0 !important;
}
html.ath-app .ath-section-motif { display: none !important; }
html.ath-app :is(.ath-breadcrumbs, .ath-breadcrumb, .ath-v19-breadcrumb, .ath-catalog-crumb) {
  background: none !important; border: 0 !important; box-shadow: none !important; padding-inline: 0 !important;
}
/* text: room to breathe */
html.ath-app main p { line-height: 1.9; }
html.ath-app main :is(h2) { margin-block-end: .5em; }

/* images: one frame everywhere — rounded, with a fine gold inner line */
html.ath-app :is(.ath-cat-card-media, .ath-design-album-image, .ath-guide-img, .ath-offer-card__media, .ath-design-main, .ath-photo-open, .ath-album-choice-media, .ath-related-card figure, .ath-occ-photos a) {
  position: relative; border-radius: 14px !important; overflow: hidden !important;
}
html.ath-app :is(.ath-cat-card-media, .ath-design-album-image, .ath-guide-img, .ath-design-main, .ath-photo-open, .ath-album-choice-media, .ath-occ-photos a)::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 2;
  box-shadow: inset 0 0 0 1px rgba(230, 201, 140, .35), inset 0 0 0 5px rgba(13, 29, 26, .25);
}
/* slider arrows: gold-ringed glass discs, left and right */
html.ath-app :is(.ath-cat-shot-prev, .ath-cat-shot-next, .ath-design-arrow, .ath-design-prev, .ath-design-next, .ath-album-arrow, .ath-home-hero-arrow, .ath-carousel-nav button, .ath-simple-slider-nav button) {
  inline-size: 40px !important; block-size: 40px !important; min-inline-size: 40px; border-radius: 50% !important;
  display: inline-grid !important; place-items: center; padding: 0 !important;
  background: rgba(13, 29, 26, .62) !important; color: var(--app-gold-hi) !important;
  border: 1px solid rgba(230, 201, 140, .55) !important; box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .7) !important;
  transition: transform .18s ease, background .18s ease;
}
html.ath-app :is(.ath-cat-shot-prev, .ath-cat-shot-next, .ath-design-arrow, .ath-album-arrow, .ath-home-hero-arrow) svg { fill: currentColor; stroke: currentColor; }
@media (hover: hover) { html.ath-app :is(.ath-cat-shot-prev, .ath-cat-shot-next, .ath-design-arrow, .ath-album-arrow, .ath-home-hero-arrow):hover { background: var(--app-gold) !important; color: #0d1d1a !important; } }


/* desktop side buttons (call / WhatsApp / cart): one family of gold-ringed glass discs */
html.ath-app body .ath-contact-bar .ath-cbar {
  background: rgba(13, 29, 26, .78) !important; background-image: none !important;
  border: 1px solid rgba(230, 201, 140, .55) !important; color: var(--app-gold-hi) !important;
  box-shadow: 0 12px 28px -12px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}
html.ath-app body .ath-contact-bar .ath-cbar-wa { color: #9ee6b5 !important; border-color: rgba(142, 214, 160, .55) !important; }
html.ath-app body .ath-contact-bar .ath-cbar svg { fill: currentColor; }
html.ath-app body .ath-contact-bar .ath-cbar:hover { background: rgba(201, 169, 107, .18) !important; }
/* the legacy full-screen SVG-noise layer (body::after) repaints on every frame: off in this style */
html.ath-app body::after { content: none !important; display: none !important; }
/* the footer spans the full width (the legacy layer capped the element itself at 1120px) */
html.ath-app body .pub-footer {
  width: 100% !important; max-width: none !important; margin-inline: 0 !important; border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(8, 19, 17, .82), rgba(6, 14, 12, .96)) !important;
}
/* the wordmark: «التهاني» with «لخدمات الأفراح» set small beneath it, in the same gold family */
html.ath-app body .pub-header .ath-public-brand .ath-brand-ar { display: inline-grid !important; justify-items: center; line-height: 1.25 !important; padding-bottom: 0 !important; row-gap: 3px; }
html.ath-app body .pub-header .ath-public-brand .ath-brand-ar::after {
  content: "لخدمات الأفراح"; display: block; margin-top: 5px; padding-top: 3px;
  border-top: 1px solid rgba(227, 198, 135, .35);
  font: 700 11.5px/1.2 Arial, Tahoma, sans-serif; letter-spacing: .4px;
  -webkit-text-fill-color: #e3c687; color: #e3c687; background: none; filter: none;
}
@media (max-width: 980px) { html.ath-app body .pub-header .ath-public-brand .ath-brand-ar::after { font-size: 9.5px; } }
/* the loader: glass over the page, the gold logo, sparks bursting around it */
html.ath-app .ath-lux-loader {
  background: radial-gradient(70% 55% at 50% 45%, rgba(201, 169, 107, .16), transparent 70%), rgba(10, 22, 20, .9) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important; backdrop-filter: blur(18px) saturate(1.2) !important;
}
html.ath-app .ath-lux-loader__card {
  position: relative; display: grid; justify-items: center; gap: 8px; padding: 30px 38px 26px; border-radius: 28px;
  background: linear-gradient(160deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03)); border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 30px 70px -30px rgba(0, 0, 0, .9);
}
html.ath-app .ath-lux-loader .ath-lux-loader__logo { background: none !important; box-shadow: none !important; border: 0 !important; height: 54px; width: auto; filter: brightness(0) invert(1) sepia(.38) saturate(2) hue-rotate(-6deg) brightness(1.08) drop-shadow(0 0 14px rgba(230, 201, 140, .45)); animation: appLogoBreath 1.6s ease-in-out infinite alternate; }
html.ath-app .ath-lux-loader__mark { display: none !important; }
html.ath-app .ath-lux-loader__name { font-size: 38px !important; margin-top: 4px; }
html.ath-app .ath-lux-loader__sub { font: 700 14px/1.4 Arial, Tahoma, sans-serif; color: #e3c687; letter-spacing: .6px; margin-top: -8px; }
html.ath-app .ath-lux-loader__en { font: 600 12px/1 'Cormorant Garamond', serif; color: rgba(242, 236, 225, .7); letter-spacing: 3px; direction: ltr; }
html.ath-app .ath-lux-spark { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #fff6d6; box-shadow: 0 0 8px 2px rgba(255, 226, 150, .9), 0 0 18px 5px rgba(201, 169, 107, .45); opacity: 0; animation: appSparkBurst 1.8s ease-out infinite; }
@keyframes appSparkBurst { 0% { opacity: 0; transform: translate(0, 0) scale(.4); } 20% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--x), var(--y)) scale(1.1); } }
@keyframes appLogoBreath { from { transform: scale(.97); } to { transform: scale(1.03); } }
/* logo on phones: smaller, still clear */
@media (max-width: 980px) {
  html.ath-app .ath-public-brand { min-width: 0; flex-shrink: 1; max-width: calc(100vw - 176px); }
  html.ath-app .ath-public-brand .ath-brand-lockup { gap: 8px !important; min-width: 0; }
  html.ath-app .ath-public-brand .ath-brand-ar { font-size: 24px !important; }
  html.ath-app .ath-public-brand .ath-brand-mark { max-width: 104px !important; width: auto !important; height: auto !important; }
}
@media (max-width: 359px) { html.ath-app .ath-public-brand .ath-brand-mark { display: none !important; } }

/* footer: wide on desktop, four equal columns, social as one even row */
@media (min-width: 992px) {
  html.ath-app .pub-footer > .container, html.ath-app .ath-footer-clean-wrap { max-width: min(1320px, 94vw) !important; width: 100% !important; }
  html.ath-app .ath-footer-columns { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch; }

}
@media (max-width: 991px) {
  html.ath-app .ath-footer-columns { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
}
html.ath-app .ath-footer-columns nav { display: flex !important; flex-direction: column; gap: 9px; text-align: start; min-width: 0; }
html.ath-app .ath-footer-columns nav h3 { font-size: 1.05rem !important; margin: 0 0 4px !important; color: var(--app-gold-hi) !important; }
html.ath-app .ath-footer-social { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 10px !important; }
html.ath-app body .pub-footer .ath-footer-social { gap: 14px !important; margin-block: 14px 6px; }
html.ath-app body .pub-footer .ath-footer-social a {
  inline-size: 54px !important; block-size: 54px !important; display: inline-grid !important; place-items: center; border-radius: 50% !important; padding: 0 !important;
  background: radial-gradient(circle at 50% 30%, rgba(255, 255, 255, .10), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(230, 201, 140, .5) !important;
  box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
html.ath-app body .pub-footer .ath-footer-social a svg { inline-size: 28px !important; block-size: 28px !important; }
@media (hover: hover) { html.ath-app body .pub-footer .ath-footer-social a:hover { transform: translateY(-3px); border-color: var(--app-gold-hi) !important; box-shadow: 0 14px 28px -12px rgba(201, 169, 107, .55) !important; } }
html.ath-app .ath-footer-contact { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 10px 18px !important; text-align: center; }
html.ath-app .ath-footer-brand { text-align: center; }
html.ath-app body .pub-footer .ath-footer-logo img { background: none !important; padding: 0 !important; filter: brightness(0) invert(1) sepia(.38) saturate(2) hue-rotate(-6deg) brightness(1.06) !important; }


/* ── 15. tighter, calmer pages (owner, 2026-10-13) ─────────── */
/* section headings: one heading and one line of text — no ornaments above/below, no eyebrow labels */
html.ath-app main :is(.ath-section-head, .ath-section-heading, .section-head)::before,
html.ath-app main :is(.ath-section-head, .ath-section-heading, .section-head)::after { content: none !important; display: none !important; }
html.ath-app main :is(.ath-section-head, .ath-section-heading, .section-head) > .section-kicker { display: none !important; }
html.ath-app main :is(.ath-section-head, .ath-section-heading, .section-head) {
  text-align: center !important; margin-inline: auto !important; margin-block-end: 18px !important; padding-block: 0 !important;
}
html.ath-app main :is(h1, h2) { text-align: center; }
/* the old layer set content-visibility:auto with a 680px placeholder on sections: the page jumped as
   each one rendered at its real (often half) size while scrolling, and left big gaps meanwhile */
html.ath-app main :is(section, .ath-section, [class*="ath-home-"]) { content-visibility: visible !important; contain-intrinsic-size: none !important; }
html.ath-app main .ath-home-final-cta { height: auto !important; min-height: 0 !important; }
/* kickers that sit outside a heading block (e.g. «الخطوة التالية») */
html.ath-app main :is(.section-kicker, .ath-gallery-kicker) { display: none !important; }
html.ath-app main .ath-home-hero .section-kicker { display: inline-flex !important; }
/* section rhythm */
html.ath-app main > section, html.ath-app main > div > section { padding-block: clamp(22px, 5vw, 56px) !important; margin-block: 0 !important; }
html.ath-app main > section.ath-home-hero { padding-block: 12px 18px !important; }
@media (max-width: 767px) {
  html.ath-app main :is(.ath-section-head, .ath-section-heading, .section-head) h2 { font-size: clamp(1.45rem, 6.4vw, 1.9rem) !important; margin-block: 0 6px !important; }
  html.ath-app main :is(.ath-section-head, .ath-section-heading, .section-head) p { margin-block: 0 !important; font-size: .95rem; }
}

/* footer: glass over the backdrop, in a clear order */
html.ath-app body .pub-footer {
  background: linear-gradient(180deg, rgba(20, 40, 36, .55), rgba(8, 19, 17, .9)) !important;
  border-top: 1px solid transparent !important;
  border-image: linear-gradient(90deg, transparent, rgba(230, 201, 140, .55), transparent) 1 !important;
}
html.ath-app body .pub-footer .ath-footer-newsletter {
  background: linear-gradient(160deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)), rgba(13, 29, 26, .5) !important;
  border: 1px solid rgba(255, 255, 255, .09) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}
html.ath-app body .pub-footer .ath-footer-columns nav {
  background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015)) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
html.ath-app body .pub-footer .ath-footer-brand { display: grid; justify-items: center; gap: 10px; }


/* ── 16. lights in every section, «عرض المزيد», the cart ───── */
/* «عرض المزيد»: big, clear, softly glowing — the only way the next designs load */
html.ath-app body main [data-ath-catalog-more].btn, html.ath-app body main [data-ath-catalog-more], html.ath-app body .ath-load-more, html.ath-app body .ath-show-more {
  display: flex !important; align-items: center; justify-content: center; gap: 10px;
  inline-size: min(440px, 92%) !important; min-block-size: 58px !important; margin: 26px auto 8px !important;
  border-radius: 999px !important; font: 700 1.08rem/1 Arial, Tahoma, sans-serif !important; letter-spacing: .3px;
  color: #0d1d1a !important; border: 1px solid rgba(255, 236, 190, .7) !important;
  background: linear-gradient(160deg, #f3dca2 0%, #d4b06a 45%, #a9823f 100%) !important; background-image: linear-gradient(160deg, #f3dca2 0%, #d4b06a 45%, #a9823f 100%) !important;
  box-shadow: 0 0 0 0 rgba(230, 201, 140, .55), 0 16px 34px -14px rgba(201, 169, 107, .75), inset 0 1px 0 rgba(255, 250, 230, .7) !important;
  animation: appMoreGlow 2.6s ease-in-out infinite; cursor: pointer;
}
html.ath-app [data-ath-catalog-more]::after { content: "↓"; font-size: 1.1em; }
html.ath-app [data-ath-catalog-more][disabled] { opacity: .75; animation: none; }
@keyframes appMoreGlow { 0%, 100% { box-shadow: 0 0 0 0 rgba(230, 201, 140, .45), 0 16px 34px -14px rgba(201, 169, 107, .75), inset 0 1px 0 rgba(255, 250, 230, .7); } 50% { box-shadow: 0 0 0 9px rgba(230, 201, 140, 0), 0 16px 40px -10px rgba(230, 201, 140, .9), inset 0 1px 0 rgba(255, 250, 230, .7); } }

/* the cart: a clear glass sheet */
html.ath-app body .ath-cart-drawer {
  background: linear-gradient(170deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .02)), rgba(13, 29, 26, .78) !important;
  -webkit-backdrop-filter: saturate(1.3) blur(18px) !important; backdrop-filter: saturate(1.3) blur(18px) !important;
  border-inline-start: 1px solid rgba(230, 201, 140, .35) !important; box-shadow: -20px 0 50px -20px rgba(0, 0, 0, .8) !important;
}
html.ath-app body .ath-cart-drawer :is(.ath-cart-drawer-head, .ath-cart-drawer-foot) { background: transparent !important; border-color: rgba(255, 255, 255, .08) !important; }
html.ath-app body :is(.ath-cart-mini-item, .ath-cart-item, .ath-cart-line) {
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)) !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 14px !important;
}
html.ath-app body :is(.ath-cart-mini-item, .ath-cart-item, .ath-cart-line) img { border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(230, 201, 140, .35); }
html.ath-app body .ath-cart-backdrop { background: rgba(4, 10, 9, .55) !important; }


/* the WhatsApp bubble (app JS): a speech bubble above the contact button, from the 2nd page on */
.app-wa-nudge {
  position: fixed; z-index: 70; inset-inline-start: 14px; bottom: calc(158px + env(safe-area-inset-bottom));
  width: min(300px, calc(100vw - 28px)); display: grid; gap: 10px; padding: 14px 14px 12px; border-radius: 18px 18px 18px 6px; color: #f2ece1;
  background: linear-gradient(160deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .04)), rgba(13, 29, 26, .9);
  -webkit-backdrop-filter: blur(14px) !important; backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(142, 214, 160, .45); box-shadow: 0 20px 44px -18px rgba(0, 0, 0, .85), inset 0 1px 0 rgba(255, 255, 255, .14);
  opacity: 0; transform: translateY(14px) scale(.96); transform-origin: 0 100%; pointer-events: none;
  transition: opacity .35s ease, transform .4s cubic-bezier(.2, .9, .25, 1.15);
}
html[dir="rtl"] .app-wa-nudge { border-radius: 18px 18px 6px 18px; transform-origin: 100% 100%; }
.app-wa-nudge.is-in { opacity: 1; transform: none; pointer-events: auto; }
.app-wa-nudge::after { content: ""; position: absolute; bottom: -7px; inset-inline-start: 22px; width: 14px; height: 14px; transform: rotate(45deg); background: rgba(16, 33, 30, .96); border-inline-end: 1px solid rgba(142, 214, 160, .45); border-bottom: 1px solid rgba(142, 214, 160, .45); }
.app-wa-nudge p { margin: 0; font: 600 .96rem/1.65 Arial, Tahoma, sans-serif; padding-inline-end: 24px; }
.app-wa-nudge__go { display: flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; border-radius: 999px; font: 700 .98rem/1 Arial, Tahoma, sans-serif; text-decoration: none; color: #062414 !important; background: linear-gradient(160deg, #b5f5cb, #4fcf86 55%, #239a58); box-shadow: 0 10px 22px -10px rgba(79, 207, 134, .75); }
.app-wa-nudge__go svg { width: 20px; height: 20px; }
.app-wa-nudge__x { position: absolute; top: 6px; inset-inline-end: 6px; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .06); color: #e8e1d3; font-size: 18px; line-height: 1; cursor: pointer; border-radius: 50%; }
@media (min-width: 992px) { .app-wa-nudge { inset-inline-start: 96px; bottom: 34px; } }


/* ── 17. polish round (owner notes, 2026-10-13 evening) ────── */
/* logo: the English mark and the Arabic wordmark on one line, same height, a gold rule between */
html.ath-app body .pub-header .ath-brand-lockup { display: inline-flex !important; align-items: center !important; gap: 12px !important; flex-direction: row; }
html.ath-app body .pub-header .ath-public-brand .ath-brand-mark { height: 40px !important; width: auto !important; max-width: none !important; margin: 0 !important; }
html.ath-app body .pub-header .ath-public-brand .ath-brand-ar { font-size: 26px !important; margin: 0 !important; transform: translateY(2px); }
html.ath-app body .pub-header .ath-public-brand .ath-brand-ar::after { font-size: 10.5px !important; margin-top: 3px !important; }
html.ath-app body .pub-header .ath-public-brand .ath-brand-rule { display: block !important; width: 1px !important; height: 38px !important; margin: 0 !important; background: linear-gradient(180deg, transparent, rgba(230, 201, 140, .85), transparent) !important; opacity: 1 !important; }
@media (max-width: 980px) {
  html.ath-app body .pub-header .ath-brand-lockup { gap: 8px !important; }
  html.ath-app body .pub-header .ath-public-brand .ath-brand-mark { height: 30px !important; }
  html.ath-app body .pub-header .ath-public-brand .ath-brand-ar { font-size: 21px !important; }
  html.ath-app body .pub-header .ath-public-brand .ath-brand-ar::after { font-size: 9px !important; }
  html.ath-app body .pub-header .ath-public-brand .ath-brand-rule { height: 30px !important; }
}

/* footer: no dead space under the rights line; the UAE flag beside it */
html.ath-app body .pub-footer .ath-footer-clean-wrap { padding-block: 22px 10px !important; }
html.ath-app body .pub-footer { padding-bottom: 0 !important; margin-bottom: 0 !important; }
html.ath-app body .pub-footer .ath-footer-bottom { padding: 12px 0 6px !important; margin: 0 !important; display: flex !important; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; font-size: .92rem; }
html.ath-app body .pub-footer .ath-footer-bottom::before {
  content: ""; flex: none; width: 27px; height: 18px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(230, 201, 140, .45), 0 4px 10px -4px rgba(0, 0, 0, .6);
  background: linear-gradient(90deg, #ce1126 0 26%, transparent 26%), linear-gradient(180deg, #00732f 0 33.3%, #ffffff 33.3% 66.6%, #000000 66.6%);
}
@media (min-width: 992px) { html.ath-app body { padding-bottom: 0 !important; } }
@media (max-width: 991px) { html.ath-app body { padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important; } }
/* the last section and the footer sit closer */
html.ath-app main > section:last-child, html.ath-app main .ath-home-final-cta { padding-bottom: 18px !important; margin-bottom: 0 !important; }
html.ath-app main { padding-bottom: 0 !important; margin-bottom: 0 !important; }

/* text you can read: larger body copy and FAQ, clearer buttons */
html.ath-app main :is(p, li, dd) { font-size: clamp(16px, 1.02rem + .15vw, 18.5px); line-height: 1.9; }
html.ath-app main :is(.ath-faq-list, .ath-about-faq, .ath-faq, .ath-occ-faq) summary,
html.ath-app main :is(.ath-faq-item) :is(summary, h3, button) { font: 700 clamp(17px, 1.08rem + .2vw, 19px)/1.6 Arial, Tahoma, sans-serif !important; color: #fff6df !important; padding-block: 6px; }
html.ath-app main :is(.ath-faq-list, .ath-about-faq, .ath-faq) details { padding: 16px 18px !important; border-radius: 16px !important; margin-bottom: 10px; background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)), rgba(13, 29, 26, .5) !important; border: 1px solid rgba(255, 255, 255, .09) !important; }
html.ath-app main :is(.ath-faq-list, .ath-about-faq, .ath-faq) details p { font-size: clamp(16px, 1rem + .1vw, 17.5px) !important; color: #d9d2c4 !important; }
html.ath-app main :is(.ath-faq-list, .ath-about-faq, .ath-faq) summary::marker { color: var(--app-gold); }
html.ath-app .btn { font-size: 16px !important; min-height: 48px; font-weight: 700 !important; letter-spacing: .2px; }
html.ath-app .btn-lg { font-size: 17px !important; min-height: 54px; padding-inline: 26px !important; }
html.ath-app .btn-primary { color: #0b1a17 !important; text-shadow: 0 1px 0 rgba(255, 246, 220, .45); }

/* the emirates list on «من نحن»: tidy glass chips with a gold pin */
html.ath-app .ath-emirates-grid { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; }
html.ath-app .ath-emirate-name {
  display: inline-flex !important; align-items: center; gap: 8px; padding: 10px 16px !important; border-radius: 999px !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)), rgba(13, 29, 26, .5) !important;
  border: 1px solid rgba(230, 201, 140, .3) !important; font-size: 16px !important; color: #f2ece1 !important;
}
html.ath-app .ath-emirate-name > span[aria-hidden] { font-size: 0 !important; width: 10px; height: 10px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: linear-gradient(160deg, #f3dca2, #b88f4c); box-shadow: 0 0 8px rgba(230, 201, 140, .6); }

/* words that arrive: headings rise with a gold glint, text follows softly */
html.ath-app.app-js main .app-rise { opacity: 0; transform: translateY(14px); filter: blur(4px); transition: opacity .7s cubic-bezier(.2, .7, .2, 1), transform .7s cubic-bezier(.2, .7, .2, 1), filter .7s ease; }
html.ath-app.app-js main .app-rise.is-in { opacity: 1; transform: none; filter: none; }
html.ath-app main h2.app-glint { position: relative; }
html.ath-app main h2.app-glint.is-in::before {
  content: "✦"; position: absolute; inset-inline-end: -0.9em; top: -.2em; font-size: .55em; color: #ffe7a8; -webkit-text-fill-color: #ffe7a8;
  text-shadow: 0 0 10px rgba(255, 220, 140, .9); animation: appGlint 2.4s ease-out 1 both; pointer-events: none;
}
@keyframes appGlint { 0% { opacity: 0; transform: scale(.2) rotate(-30deg); } 25% { opacity: 1; transform: scale(1.25) rotate(10deg); } 60% { opacity: .9; transform: scale(1) rotate(0); } 100% { opacity: .55; transform: scale(.9); } }


/* ── 18. brand lockup, page lights, garland ─────────────────── */
/* logo: «التهاني» · AT monogram · AL TAHANY — the owner's artwork cut in two by background position,
   gold-filtered, balanced around the monogram. The original <img> stays for alt text and SEO. */
html.ath-app body .pub-header .ath-brand-lockup { gap: 10px !important; }
html.ath-app body .pub-header .ath-public-brand .ath-brand-mark {
  position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap; filter: none !important;
}
html.ath-app body .pub-header .ath-public-brand .ath-brand-rule { display: none !important; }
html.ath-app body .pub-header .ath-public-brand .ath-brand-ar { order: 1; }
html.ath-app body .pub-header .ath-brand-lockup::before, html.ath-app body .pub-header .ath-brand-lockup::after {
  content: ""; display: block; flex: none; height: 44px;
  background: url("/storage/public/brand/logo-360.png") no-repeat; background-size: auto 44px;
  /* the same gold as the Arabic wordmark (#e8cc8e) */
  filter: brightness(0) invert(1) sepia(.9) saturate(1.9) hue-rotate(-12deg) brightness(.93) drop-shadow(0 0 8px rgba(201, 169, 107, .35));
}
html.ath-app body .pub-header .ath-brand-lockup::before { order: 2; width: 56px; background-position: 0 0; padding-inline: 2px; }
html.ath-app body .pub-header .ath-brand-lockup::after { order: 3; width: 115px; background-position: -61px 0; }
@media (max-width: 980px) {
  html.ath-app body .pub-header .ath-brand-lockup { gap: 7px !important; }
  html.ath-app body .pub-header .ath-brand-lockup::before, html.ath-app body .pub-header .ath-brand-lockup::after { height: 32px; background-size: auto 32px; }
  html.ath-app body .pub-header .ath-brand-lockup::before { width: 41px; }
  html.ath-app body .pub-header .ath-brand-lockup::after { width: 84px; background-position: -44px 0; }
}
@media (max-width: 374px) { html.ath-app body .pub-header .ath-brand-lockup::after { display: none; } }

/* lights at the start and the end of every page: a full-width string, the bulbs flaring in turn */
html.ath-app main { position: relative; }
html.ath-app main::before, html.ath-app body .pub-footer::before {
  content: ""; display: block; height: 34px; pointer-events: none; position: relative; z-index: 3;
  background:
    radial-gradient(circle at 26px 22px, #fffbe6 0 1.8px, rgba(255, 216, 112, .95) 3px, rgba(255, 192, 64, .38) 7px, transparent 12px) 0 0 / 52px 34px repeat-x,
    radial-gradient(ellipse 26px 6px at 26px 4px, transparent 5px, rgba(201, 169, 107, .55) 5.5px 6.5px, transparent 7px) 0 0 / 52px 34px repeat-x;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
html.ath-app main::after, html.ath-app body .pub-footer::after {
  content: ""; position: absolute; top: 0; inset-inline: 0; height: 34px; pointer-events: none; z-index: 3;
  background: radial-gradient(circle at 26px 22px, #fffef2 0 2.6px, rgba(255, 230, 150, .95) 4.5px, rgba(255, 200, 80, .45) 11px, transparent 18px) 0 0 / 364px 34px repeat-x;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  animation: appString2 4.9s steps(7) infinite;
}
@keyframes appString2 { from { background-position-x: 0; } to { background-position-x: 364px; } }
html.ath-app body .pub-footer { position: relative; }
/* the end of the page: a hanging hydrangea garland under the lights, swaying slightly */
html.ath-app body .pub-footer > .ath-footer-clean-wrap::before {
  content: ""; display: block; width: 100vw; margin-inline: calc(50% - 50vw); height: 46px; margin-top: -8px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='46' viewBox='0 0 150 46'%3E%3Cpath d='M0 6 Q75 30 150 6' fill='none' stroke='%23c9a96b' stroke-opacity='.55' stroke-width='1.2'/%3E%3Cg%3E%3Cellipse cx='40' cy='26' rx='9' ry='4' fill='%23577a5b' transform='rotate(-25 40 26)'/%3E%3Cellipse cx='108' cy='26' rx='9' ry='4' fill='%23577a5b' transform='rotate(25 108 26)'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='60' cy='24' r='4' fill='%23f3e4ec'/%3E%3Ccircle cx='66' cy='20' r='4' fill='%23e9cfe0'/%3E%3Ccircle cx='72' cy='25' r='4.2' fill='%23f6eef2'/%3E%3Ccircle cx='78' cy='20' r='4' fill='%23dcc6e6'/%3E%3Ccircle cx='84' cy='25' r='4' fill='%23f3e4ec'/%3E%3Ccircle cx='68' cy='30' r='4' fill='%23e4d2ea'/%3E%3Ccircle cx='76' cy='31' r='4.2' fill='%23f9f1f4'/%3E%3Ccircle cx='82' cy='31' r='3.6' fill='%23e9cfe0'/%3E%3Ccircle cx='72' cy='36' r='3.6' fill='%23dcc6e6'/%3E%3Ccircle cx='79' cy='37' r='3.4' fill='%23f3e4ec'/%3E%3C/g%3E%3Cg fill='%23fffaf0' opacity='.9'%3E%3Ccircle cx='66' cy='20' r='1'/%3E%3Ccircle cx='72' cy='25' r='1'/%3E%3Ccircle cx='78' cy='20' r='1'/%3E%3Ccircle cx='76' cy='31' r='1'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='14' cy='12' r='3' fill='%23f6eef2'/%3E%3Ccircle cx='19' cy='14' r='3' fill='%23dcc6e6'/%3E%3Ccircle cx='136' cy='12' r='3' fill='%23f6eef2'/%3E%3Ccircle cx='131' cy='14' r='3' fill='%23e9cfe0'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 150px 46px repeat-x;
  transform-origin: 50% 0; animation: appGarland 7s ease-in-out infinite alternate;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
@keyframes appGarland { from { transform: translateY(0) rotate(-.4deg); } to { transform: translateY(2px) rotate(.4deg); } }
/* the closing band: room between the lights and its heading */
html.ath-app main .ath-home-final-cta > .container { padding-top: 26px !important; }

/* a celebration now and then (app JS): petals, hydrangea and gold sparks — 2.8 s, then gone */
.app-celebrate { position: fixed; inset: 0; z-index: 80; pointer-events: none; overflow: hidden; }
.app-celebrate i { position: absolute; top: -20px; width: 11px; height: 15px; border-radius: 80% 20% 80% 20%; opacity: 0; animation: appFall 2.8s cubic-bezier(.25, .6, .4, 1) forwards; will-change: transform, opacity; }
.app-celebrate i.r { background: linear-gradient(135deg, #f8dfd6, #e3a89c 55%, #a7645c); }
.app-celebrate i.h { width: 10px; height: 10px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #fbf3f8, #dcc6e6 60%, #b79cc9); }
.app-celebrate i.g { background: linear-gradient(135deg, #fff4d2, #d8b46a 55%, #9b763a); }
.app-celebrate b { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #fff6d6; box-shadow: 0 0 8px 2px rgba(255, 226, 150, .9), 0 0 18px 5px rgba(201, 169, 107, .45); opacity: 0; animation: appSpark2 1.4s ease-out forwards; }
@keyframes appFall { 0% { opacity: 0; transform: translate3d(0, 0, 0) rotate(0); } 12% { opacity: .95; } 100% { opacity: 0; transform: translate3d(var(--dx, 30px), 105vh, 0) rotate(var(--r, 320deg)); } }
@keyframes appSpark2 { 0% { opacity: 0; transform: translate(0, 0) scale(.3); } 25% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--x), var(--y)) scale(1); } }

@media (prefers-reduced-motion: reduce) {
  .app-ambient { display: none; }
  .app-celebrate { display: none; }
  html.ath-app main::after, html.ath-app body .pub-footer::after, html.ath-app body .pub-footer > .ath-footer-clean-wrap::before { animation: none !important; }
  html.ath-app.app-js main .app-rise { opacity: 1 !important; transform: none !important; filter: none !important; }
  html.ath-app main h2.app-glint.is-in::before { animation: none; }
  html.ath-app main section::after, html.ath-app [data-ath-catalog-more] { animation: none !important; }
  .ath-lux-arch, .ath-lux-at, .ath-lux-gem, .ath-lux-loader__bar i { animation: none !important; }
  .ath-lux-arch { stroke-dashoffset: 0; } .ath-lux-at { opacity: 1; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
  html.ath-app.app-js .app-reveal { opacity: 1; transform: none; transition: none; }
}

/* quiet pages: no lights, no garland */
html.ath-app body:has(.ath-condolence, .ath-occ.is-quiet) :is(main, .pub-footer)::before,
html.ath-app body:has(.ath-condolence, .ath-occ.is-quiet) :is(main, .pub-footer)::after,
html.ath-app body:has(.ath-condolence, .ath-occ.is-quiet) .pub-footer > .ath-footer-clean-wrap::before { content: none !important; }
/* the home hero already hangs its own lights: no second string above it */
html.ath-app main:has(> .ath-home-hero)::before, html.ath-app main:has(> .ath-home-hero)::after { content: none !important; }
html.ath-app body .pub-footer { overflow-x: clip; }
/* footer string: both layers pinned to the very top edge so the flare sits on its bulb */
html.ath-app body .pub-footer::before { position: absolute !important; top: 0; inset-inline: 0; }
html.ath-app body .pub-footer { padding-top: 30px !important; }

/* ── 19. readable for everyone ─────────────────────────────── */
/* follow the reader's own text-size setting (the legacy sheet pinned html to 16px) */
html.ath-app { font-size: 100% !important; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html.ath-app main :is(p, li, dd) { font-size: clamp(1rem, .96rem + .3vw, 1.16rem) !important; }
html.ath-app body img { max-width: 100%; height: auto; }

/* social: «تابع أعمالنا» above one centred row of gold-ringed marks */
html.ath-app body .pub-footer .ath-footer-social {
  position: relative; width: 100%; justify-content: center !important; align-items: center; gap: 16px !important;
  padding-top: 34px !important; margin-block: 8px 4px !important;
}
html.ath-app body .pub-footer .ath-footer-social::before {
  content: "تابع أعمالنا"; position: absolute; top: 0; inset-inline: 0; text-align: center;
  font: 700 .95rem/1.4 Arial, Tahoma, sans-serif; letter-spacing: .5px; color: #e3c687;
}
html[lang="en"].ath-app body .pub-footer .ath-footer-social::before { content: "Follow our work"; }
html.ath-app body .pub-footer .ath-footer-social a {
  inline-size: 60px !important; block-size: 60px !important; padding: 0 !important; position: relative;
  border: 0 !important; background: radial-gradient(circle at 50% 30%, rgba(255, 255, 255, .12), rgba(255, 255, 255, .02) 70%), rgba(13, 29, 26, .6) !important;
  box-shadow: 0 0 0 1.5px rgba(230, 201, 140, .75), 0 0 0 5px rgba(230, 201, 140, .08), 0 14px 28px -14px rgba(0, 0, 0, .85), 0 0 22px -6px rgba(230, 201, 140, .45) !important;
}
html.ath-app body .pub-footer .ath-footer-social a svg { inline-size: 30px !important; block-size: 30px !important; }
@media (hover: hover) { html.ath-app body .pub-footer .ath-footer-social a:hover { transform: translateY(-4px) scale(1.04); box-shadow: 0 0 0 1.5px #f3dca2, 0 0 0 6px rgba(230, 201, 140, .14), 0 18px 34px -14px rgba(0, 0, 0, .85), 0 0 30px -4px rgba(230, 201, 140, .7) !important; } }

/* ── 20. FOOTER — the single source of truth ─────────────────
   The legacy sheet carries 8+ competing footer rules (several !important, some inside
   media queries). Everything below is scoped one level higher so it wins at every width:
   one centred column — subscribe card, logo, line, «تابع أعمالنا» + icons, link groups, contact. */
html.ath-app body footer.pub-footer .ath-footer-clean-wrap { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
html.ath-app body footer.pub-footer .ath-footer-newsletter {
  display: grid !important; grid-template-columns: minmax(0, 1fr) !important; justify-items: center !important; align-items: center !important;
  width: min(760px, 100%) !important; max-width: 100% !important; margin: 0 auto !important; text-align: center !important;
}
html.ath-app body footer.pub-footer .ath-footer-newsletter-text,
html.ath-app body footer.pub-footer .ath-footer-newsletter-text :is(h2, h3, p) { text-align: center !important; margin-inline: auto !important; justify-self: center !important; }
html.ath-app body footer.pub-footer .ath-footer-newsletter-form { width: min(520px, 100%) !important; margin-inline: auto !important; justify-self: center !important; grid-template-columns: 1fr 1fr !important; }
html.ath-app body footer.pub-footer .ath-footer-newsletter-form > :is(button, .btn, [type=submit]) { grid-column: 1 / -1 !important; }
@media (max-width: 520px) { html.ath-app body footer.pub-footer .ath-footer-newsletter-form { grid-template-columns: minmax(0, 1fr) !important; } }
html.ath-app body footer.pub-footer .ath-footer-main {
  display: flex !important; flex-direction: column !important; align-items: center !important; grid-template-columns: none !important;
  width: 100% !important; margin-inline: auto !important; text-align: center !important;
}
html.ath-app body footer.pub-footer .ath-footer-brand {
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
  width: min(620px, 100%) !important; max-width: 100% !important; margin-inline: auto !important; text-align: center !important; padding-inline: 0 !important;
}
html.ath-app body footer.pub-footer .ath-footer-brand > * { margin-inline: auto !important; text-align: center !important; }
html.ath-app body footer.pub-footer .ath-footer-brand p { max-width: 520px !important; }
html.ath-app body footer.pub-footer .ath-footer-social { display: flex !important; justify-content: center !important; width: 100% !important; margin-inline: auto !important; }
html.ath-app body footer.pub-footer .ath-footer-columns { width: 100% !important; margin-inline: auto !important; }
html.ath-app body footer.pub-footer :is(.ath-footer-contact, .ath-footer-official, .ath-footer-bottom) { margin-inline: auto !important; justify-content: center !important; text-align: center !important; }

/* ── 21. labels, breadcrumbs, subscribe card, glass, logo shine ── */
/* section labels: the gold rule sits under the words, centred — never beside them */
html.ath-app .section-kicker { display: inline-flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; }
html.ath-app .section-kicker::before { order: 2; width: 34px !important; height: 1px; background: linear-gradient(90deg, transparent, currentColor, transparent) !important; }
html.ath-app body footer.pub-footer .ath-footer-newsletter .section-kicker { display: inline-flex !important; }

/* breadcrumbs: one clear glass bar — big tap targets, the current page highlighted */
html.ath-app :is(.ath-breadcrumbs, .ath-v19-breadcrumb, .ath-catalog-crumb, .ath-breadcrumb) {
  display: block !important; margin: 10px auto 6px !important; padding: 4px !important; max-width: 100%;
  border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, .1) !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)), rgba(13, 29, 26, .55) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important; overflow-x: auto; scrollbar-width: none;
}
html.ath-app :is(.ath-breadcrumbs, .ath-v19-breadcrumb, .ath-catalog-crumb, .ath-breadcrumb)::-webkit-scrollbar { display: none; }
html.ath-app .ath-breadcrumbs__list { display: flex !important; align-items: center; gap: 2px !important; margin: 0 !important; padding: 0 !important; white-space: nowrap; flex-wrap: nowrap !important; }
html.ath-app :is(.ath-breadcrumbs__link, .ath-breadcrumbs__current, .ath-v19-breadcrumb a, .ath-breadcrumb a) {
  display: inline-flex !important; align-items: center; min-height: 36px; padding: 0 12px !important; border-radius: 999px; font-size: .92rem !important; text-decoration: none !important;
}
html.ath-app .ath-breadcrumbs__current { background: rgba(201, 169, 107, .16) !important; color: #fff3d6 !important; font-weight: 700; }
html.ath-app .ath-breadcrumbs__sep { color: rgba(230, 201, 140, .6) !important; font-size: .8rem; }

/* the subscribe card: glass inside a fine double gold frame */
html.ath-app body footer.pub-footer .ath-footer-newsletter {
  position: relative; padding: clamp(22px, 4vw, 34px) clamp(16px, 4vw, 34px) !important; border-radius: 26px !important;
  background: radial-gradient(90% 70% at 50% 0%, rgba(230, 201, 140, .14), transparent 70%), linear-gradient(160deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .02)), rgba(13, 29, 26, .55) !important;
  border: 1px solid rgba(230, 201, 140, .45) !important;
  box-shadow: inset 0 0 0 6px rgba(13, 29, 26, .35), inset 0 0 0 7px rgba(230, 201, 140, .2), 0 24px 50px -28px rgba(0, 0, 0, .85) !important;
}
html.ath-app body footer.pub-footer .ath-footer-newsletter-form :is(input) { min-height: 50px !important; text-align: center; background: rgba(255, 255, 255, .06) !important; }
html.ath-app body footer.pub-footer .ath-footer-newsletter-form :is(button, [type=submit]) {
  min-height: 52px !important; border-radius: 999px !important; font: 700 1.02rem/1 Arial, Tahoma, sans-serif !important; color: #0b1a17 !important;
  background: linear-gradient(160deg, #f3dca2, #d4b06a 45%, #a9823f) !important; border: 1px solid rgba(255, 236, 190, .7) !important;
}

/* more glass, sensibly: the generic surfaces become translucent over the backdrop (menus and options stay solid) */
html.ath-app { --app-surface: rgba(20, 40, 36, .62); --app-glass: rgba(20, 40, 36, .5); }
html.ath-app select option, html.ath-app .pub-nav.open, html.ath-app #pub-nav.open { background-color: #142824 !important; }

/* the cart sheet: lighter glass, crisp text */
html.ath-app body .ath-cart-drawer { background: linear-gradient(170deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03)), rgba(13, 29, 26, .7) !important; }
html.ath-app body .ath-cart-drawer :is(h2, h3, strong) { color: #fff6df !important; }

/* the logo: one soft shine across it when the page opens, then still */
html.ath-app body .pub-header .ath-public-brand { position: relative; overflow: hidden; }
html.ath-app body .pub-header .ath-public-brand::after {
  content: ""; position: absolute; top: -30%; bottom: -30%; width: 38%; left: -45%; pointer-events: none; z-index: 2;
  background: linear-gradient(100deg, transparent, rgba(255, 246, 220, .55), transparent); transform: skewX(-18deg);
  animation: appLogoShine 1.5s cubic-bezier(.4, 0, .2, 1) .5s 1 both;
}
@keyframes appLogoShine { from { left: -45%; opacity: 0; } 20% { opacity: 1; } to { left: 120%; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { html.ath-app body .pub-header .ath-public-brand::after { animation: none; display: none; } }

/* ── 22. phones: WhatsApp and a direct call, both always at hand ── */
@media (max-width: 991px) {
  html.ath-app body .ath-contact-fab { display: flex !important; flex-direction: column; gap: 10px; align-items: center; }
  html.ath-app body .ath-contact-fab__btn { display: none !important; }
  html.ath-app body .ath-contact-fab__menu, html.ath-app body .ath-contact-fab__menu[hidden] {
    display: flex !important; flex-direction: column; gap: 10px; position: static !important; padding: 0 !important;
    background: none !important; border: 0 !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; visibility: visible !important;
  }
  html.ath-app body .ath-contact-fab__item {
    inline-size: 52px !important; block-size: 52px !important; min-height: 0 !important; padding: 0 !important; border-radius: 50% !important;
    display: grid !important; place-items: center; position: relative;
    background: rgba(13, 29, 26, .82) !important; border: 1px solid rgba(230, 201, 140, .55) !important;
    box-shadow: 0 12px 26px -12px rgba(0, 0, 0, .85), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  }
  html.ath-app body .ath-contact-fab__item span { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html.ath-app body .ath-contact-fab__item svg { width: 24px !important; height: 24px !important; fill: currentColor; }
  html.ath-app body .ath-contact-fab__item.is-wa { color: #8fe3ad !important; border-color: rgba(142, 214, 160, .6) !important; }
  html.ath-app body .ath-contact-fab__item.is-call { color: var(--app-gold-hi) !important; }
  html.ath-app body .ath-contact-fab__item.is-call ~ .ath-contact-fab__item.is-call { display: none !important; } /* one call button; the second line stays in the footer */
  html.ath-app body .ath-contact-fab__item.is-call::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid rgba(230, 201, 140, .35); animation: appCallPulse 2.6s ease-out infinite; }
  html.ath-app body .ath-contact-fab { bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
}
@keyframes appCallPulse { 0% { opacity: .8; transform: scale(.95); } 70%, 100% { opacity: 0; transform: scale(1.3); } }
@media (prefers-reduced-motion: reduce) { html.ath-app body .ath-contact-fab__item.is-call::after { animation: none; } }
/* the WhatsApp bubble sits above the contact discs (same side), its tail pointing at them */
@media (max-width: 991px) {
  .app-wa-nudge { inset-inline-start: auto !important; inset-inline-end: 14px !important; bottom: calc(232px + env(safe-area-inset-bottom)) !important; }
  .app-wa-nudge::after { inset-inline-start: auto !important; inset-inline-end: 20px !important; }
  html[dir="rtl"] .app-wa-nudge { border-radius: 18px 18px 18px 6px !important; transform-origin: 0 100%; }
}

/* ── 23. footer links and the garland, tidied ─────────────── */
html.ath-app body footer.pub-footer .ath-footer-columns nav a {
  font-size: clamp(15px, .94rem + .1vw, 16.5px) !important; color: #ece6d9 !important; min-height: 38px !important;
  display: flex !important; align-items: center; padding-block: 4px !important;
}
html.ath-app body footer.pub-footer .ath-footer-columns nav a:hover { color: #f3dca2 !important; }
html.ath-app body footer.pub-footer .ath-footer-columns nav h3 { font-size: 1.12rem !important; }
/* the garland hangs inside the page width, centred under the lights */
html.ath-app body .pub-footer > .ath-footer-clean-wrap::before { width: min(100%, 1180px) !important; margin: -4px auto 4px !important; height: 42px !important; background-size: 140px 42px !important; }