/* Aqua Zam Zam Premium v1.3.2 - premium green category + ocean detail panel.
   Deliberately loaded after original theme and v1.3.1 mobile overrides. */

/* The mint/sea-glass category background complements the existing ocean-blue products. */
#azz-reference-site .azzr-category-section {
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:radial-gradient(ellipse at 15% -45%,rgba(255,255,255,.98),transparent 58%),
    radial-gradient(ellipse at 92% 110%,rgba(83,194,153,.19),transparent 60%),
    linear-gradient(125deg,#ecfff5 0%,#d7f5e7 49%,#e9fcf4 100%)!important;
  border-top:1px solid rgba(125,207,173,.38)!important;
  border-bottom:1px solid rgba(125,207,173,.3)!important;
}
/* Rain-on-water shimmer: decorative only, soft enough not to obscure content. */
#azz-reference-site .azzr-category-section::before {
  content:"";position:absolute;inset:-35% -18%;z-index:0;pointer-events:none;
  background-image:
    repeating-linear-gradient(103deg,transparent 0 21px,rgba(255,255,255,.38) 22px,transparent 23px,transparent 67px),
    radial-gradient(ellipse at 14% 38%,transparent 0 21px,rgba(18,133,111,.11) 22px 23px,transparent 24px),
    radial-gradient(ellipse at 70% 73%,transparent 0 34px,rgba(255,255,255,.48) 35px 36px,transparent 37px);
  background-size:190px 310px,330px 270px,400px 290px;
  opacity:.42;transform:translate3d(0,-7%,0);
  animation:azzMintRainDrift 15s linear infinite;
}
#azz-reference-site .azzr-category-section::after {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 55% 100%,rgba(255,255,255,.45),transparent 70%);
}
#azz-reference-site .azzr-category-section > * {position:relative;z-index:1}
#azz-reference-site .azzr-category-section .azzr-section-heading h2{color:#125543!important}
#azz-reference-site .azzr-category-section .azzr-section-heading>button{
  background:linear-gradient(135deg,#158a71,#075f58)!important;
  box-shadow:0 7px 17px rgba(16,111,90,.19)!important;
}
#azz-reference-site .azzr-category-section .azzr-use-card{
  background:linear-gradient(165deg,rgba(255,255,255,.97),rgba(240,255,249,.93))!important;
  border:1px solid rgba(98,184,151,.35)!important;
  box-shadow:0 7px 22px rgba(34,115,88,.11)!important;
}
#azz-reference-site .azzr-category-section .azzr-use-card img{background:linear-gradient(180deg,#f6fffb,#ddf6eb)!important}
#azz-reference-site .azzr-category-section .azzr-use-card:hover{
  box-shadow:0 14px 30px rgba(25,111,86,.19)!important;
}
@keyframes azzMintRainDrift {from{transform:translate3d(0,-7%,0)}to{transform:translate3d(32px,7%,0)}}

/* Opened Products, Wholesale, Services and other sections share the homepage's
   deep-blue featured-ocean artwork, with a translucent surface for readability. */
#azz-functional-layer {
  background:linear-gradient(145deg,rgba(0,25,49,.91),rgba(4,80,131,.89)),
    url('assets/featured-ocean.svg') center / cover no-repeat!important;
}
#azz-functional-layer .azz-functional-panel {
  background:linear-gradient(145deg,rgba(225,247,255,.96),rgba(247,253,255,.97))!important;
  border:1px solid rgba(150,227,255,.55);
  box-shadow:0 25px 95px rgba(0,27,56,.48),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
#azz-functional-layer .azz-functional-bar {
  background:linear-gradient(100deg,#003d72,#086daa 75%,#008cbb)!important;
  border-bottom:1px solid rgba(139,227,255,.38);
}
#azz-functional-layer #azz-functional-content {
  position:relative;
  background:linear-gradient(160deg,rgba(232,249,255,.87),rgba(250,254,255,.94) 48%,rgba(230,247,255,.89)),
    url('assets/featured-ocean.svg') center top / cover no-repeat!important;
}
#azz-functional-layer #azz-functional-content > section {
  background-image:linear-gradient(155deg,rgba(238,250,255,.91),rgba(255,255,255,.95) 56%,rgba(226,245,255,.87)),
    url('assets/featured-ocean.svg')!important;
  background-color:#eaf7ff!important;
  background-size:cover!important;
  background-position:center!important;
  background-attachment:scroll!important;
  color:#103f64;
  min-height:380px;
}
/* Product/wholesale panels keep white item cards; never paint over clickable content. */
#azz-functional-content .bg-white {background-color:rgba(255,255,255,.96)!important}
@media(max-width:850px){
  #azz-functional-layer{padding:10px!important}
  #azz-functional-layer .azz-functional-panel{border-radius:19px!important;max-width:100%!important}
  #azz-functional-layer .azz-functional-bar{padding:0 12px!important;gap:12px}
  #azz-functional-layer #azz-functional-content>section{background-position:60% center!important}
  #azz-reference-site .azzr-category-section::before{opacity:.27}
}
@media(prefers-reduced-motion:reduce){#azz-reference-site .azzr-category-section::before{animation:none!important}}