/* The shared header takes the surface colour of each page's hero. */
body.ams-header-matched{--ams-header-surface:#fff}
body.ams-header-matched.home{--ams-header-surface:#e8e4db}
body.ams-header-matched.ams-apparels-page{--ams-header-surface:linear-gradient(90deg,#f6f5ef,#eeeee5 85%,#f2f2e9)}
body.ams-header-matched.ams-knitwear-page{--ams-header-surface:linear-gradient(115deg,#f7f7fc,#eef2fc 65%,#e9effa)}
body.ams-header-matched.classic-knitting-page{--ams-header-surface:repeating-linear-gradient(0deg,transparent 0 3px,#1c374606 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#1c374606 3px 4px),#f3f5f4}
body.ams-header-matched.future-wave-page{--ams-header-surface:#fdfdff}
body.ams-header-matched.alif-print-page{--ams-header-surface:linear-gradient(90deg,#f3e5ee,#f5f4f8 55%)}
body.ams-header-matched.post-type-archive-snivertech-apparel,
body.ams-header-matched.tax-snivertech-apparel-category,
body.ams-header-matched.single-snivertech-apparel{--ams-header-surface:#f5f4ef}
/* The parent theme owns the scrolled transparent state. Paint only the hero state. */
body.ams-header-matched:not(:has(.header-sticky-transparent.is-header-scrolled)) :is(.site-header,.site-header-surround){background:var(--ams-header-surface)!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
/* Use a single background layer when the theme wraps its header. */
body.ams-header-matched:not(:has(.header-sticky-transparent.is-header-scrolled)) .site-header-surround>.site-header{background:transparent!important}