/* =========================================================
   Shine Aqua Industries – brand layer (logo, backgrounds,
   overlays, product image fit, footer credit)
   ========================================================= */

/* ---------- Logo ---------- */
.pa-brand--logo{gap:0;flex:0 1 auto;min-width:0;line-height:0}
.pa-site .pa-brand__logo{display:block;width:auto;height:52px;max-width:240px;object-fit:contain;object-position:left center;flex:none}
.pa-site .pa-brand--mark .pa-brand__logo{height:44px;max-width:64px}
.pa-mainbar .pa-brand--logo{padding:4px 0}
@media (min-width:1100px) and (max-width:1379px){.pa-site .pa-mainbar .pa-brand--logo .pa-brand__logo{height:46px;max-width:200px}}
@media (max-width:1099px){.pa-site .pa-mainbar .pa-brand--logo .pa-brand__logo{height:48px;max-width:220px}}
@media (max-width:599px){.pa-site .pa-mainbar .pa-brand--logo .pa-brand__logo{height:42px;max-width:min(190px,calc(100vw - 190px))}.pa-site .pa-brand--mark .pa-brand__logo{height:36px}}
@media (max-width:399px){.pa-site .pa-mainbar .pa-brand--logo .pa-brand__logo{height:38px;max-width:calc(100vw - 176px)}}
.pa-drawer__head .pa-brand--logo{flex:0 1 auto;min-width:0}
.pa-site .pa-drawer__head .pa-brand--logo .pa-brand__logo{height:44px;max-width:min(210px,calc(90vw - 110px))}

/* Footer logo – white card so the logo is always crisp on the dark footer */
.pa-footer .pa-brand--logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;padding:12px 18px;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.28);max-width:100%}
.pa-site .pa-footer .pa-brand--logo .pa-brand__logo{height:56px;max-width:min(240px,100%);object-position:center}
.pa-site .pa-footer .pa-brand--mark .pa-brand__logo{background:#fff;border-radius:10px;padding:4px}
@media (max-width:420px){.pa-site .pa-footer .pa-brand--logo .pa-brand__logo{height:48px}}

/* ---------- Hero: photo + overlay ---------- */
.pa-hero{background-color:#0B1E3F;background-image:
	linear-gradient(90deg,rgba(6,18,40,.95) 0%,rgba(8,27,60,.88) 36%,rgba(10,44,100,.66) 68%,rgba(11,62,134,.5) 100%),
	linear-gradient(180deg,rgba(6,18,40,.45) 0%,rgba(6,18,40,0) 28%,rgba(11,62,134,0) 60%,rgba(24,98,190,.38) 100%),
	var(--pa-bg-photo,none);
	background-size:cover,cover,cover;background-position:center,center,center;background-repeat:no-repeat}
/* soft back-wave that sits behind the solid wave shape */
.pa-hero::after{inset:auto 0 0 0;height:clamp(40px,6.6vw,86px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 34c160 34 330 44 500 26S820 8 1000 16s300 40 440 18v56H0z' fill='%23F4F7FB' fill-opacity='.28'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;z-index:1;pointer-events:none}
.pa-hero__wave{z-index:2}
.pa-hero__wave path{fill:#F4F7FB}
.pa-hero__badge,.pa-hero__popular a{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (max-width:900px){
	.pa-hero{background-image:
		linear-gradient(180deg,rgba(6,18,40,.9) 0%,rgba(8,27,60,.86) 55%,rgba(14,70,150,.78) 100%),
		var(--pa-bg-photo,none);
		background-size:cover,cover;background-position:center,62% center}
}

/* ---------- Page title (inner pages) ---------- */
.pa-pagehero{position:relative;background-color:#0B1E3F;background-image:
	radial-gradient(700px 320px at 88% 0%,rgba(79,179,255,.25),transparent 65%),
	linear-gradient(100deg,rgba(6,18,40,.95) 0%,rgba(9,30,66,.88) 48%,rgba(11,62,134,.7) 100%),
	var(--pa-bg-photo,none);
	background-size:auto,cover,cover;background-position:center,center,center 35%;background-repeat:no-repeat;padding-bottom:clamp(60px,7vw,92px)}
.pa-pagehero > .pa-wrap{position:relative;z-index:2}
.pa-pagehero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(22px,4vw,52px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 18c180 28 360 36 540 22S900 4 1080 8s260 22 360 14v38H0z' fill='%23ffffff' fill-opacity='.22'/%3E%3Cpath d='M0 36c200 20 400 24 600 12S1000 14 1180 20s200 10 260 6v34H0z' fill='%23ffffff'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;pointer-events:none;z-index:1}
@media (max-width:640px){.pa-pagehero{background-image:linear-gradient(180deg,rgba(6,18,40,.92) 0%,rgba(10,40,90,.84) 100%),var(--pa-bg-photo,none);background-size:cover,cover;background-position:center,center}}

/* ---------- Dark sections: photo + overlay ---------- */
.pa-section--dark{position:relative;background-color:#0B1E3F;background-image:linear-gradient(180deg,rgba(7,21,45,.93) 0%,rgba(11,30,63,.84) 50%,rgba(7,21,45,.94) 100%),var(--pa-bg-photo,none);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}
.pa-section--dark .pa-industries li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .25s,border-color .25s,transform .25s}
.pa-section--dark .pa-industries li:hover{background:rgba(79,179,255,.14);border-color:rgba(79,179,255,.45);transform:translateY(-2px)}
.pa-capband{background-color:#0B1E3F;background-image:linear-gradient(90deg,rgba(7,21,45,.94) 0%,rgba(12,42,90,.86) 100%),var(--pa-bg-photo,none);background-size:cover,cover;background-position:center,center 70%;background-repeat:no-repeat}
.pa-cta{background-color:#0B5CD5;background-image:linear-gradient(120deg,rgba(11,92,213,.93) 0%,rgba(9,71,168,.9) 60%,rgba(11,62,134,.94) 100%),var(--pa-bg-photo,none);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}
.pa-footer{background-color:#0B1E3F;background-image:linear-gradient(180deg,rgba(7,21,45,.95) 0%,rgba(11,30,63,.93) 45%,rgba(5,14,30,.97) 100%),var(--pa-bg-photo,none);background-size:cover,cover;background-position:center,center bottom;background-repeat:no-repeat}
@media (min-width:1025px) and (hover:hover){.pa-section--dark,.pa-cta,.pa-capband{background-attachment:scroll,fixed}}

/* ---------- Product images: edge-to-edge in cards, never tiny ---------- */
.pa-card__media,.pa-service__media{position:relative;overflow:hidden;background:#EEF4FC;isolation:isolate}
.pa-card__media{aspect-ratio:4/3;border-bottom:1px solid var(--pa-line)}
.pa-site .pa-card__media img,.pa-site .pa-service__media img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0;background:transparent;mix-blend-mode:normal;z-index:1}
.pa-site .pa-card__media img.pa-smart,.pa-site .pa-service__media img.pa-smart{object-fit:fill}
.pa-media--fit::before{content:"";position:absolute;inset:-24px;z-index:0;background:var(--pa-media-bg) center/cover no-repeat;filter:blur(22px) saturate(1.15);opacity:.55;transform:scale(1.1)}
.pa-card__media::after{z-index:2}
.pa-card:hover .pa-card__media img{transform:scale(1.05)}
.pa-gallery__main{background:radial-gradient(circle at 50% 45%,#fff 0%,#F4F8FE 62%,#E8F0FB 100%)}
.pa-site .pa-gallery__main img{width:100%;height:100%;object-fit:contain;object-position:center;padding:clamp(12px,2.4vw,26px);background:transparent;mix-blend-mode:multiply}
.pa-gallery__thumb{background:#fff;border-color:var(--pa-line)}
.pa-gallery__thumb.is-active{border-color:var(--pa-blue)}
.pa-site .pa-gallery__thumb img{object-fit:contain;padding:4px;background:#fff}
.pa-suggest__img{background:#fff;border:1px solid var(--pa-line)}
.pa-site .pa-suggest__img img{object-fit:contain;padding:3px}
.pa-cat-tile__img{position:relative;overflow:hidden;border-radius:50%;background:var(--pa-blue-50)}
.pa-site .pa-cat-tile__img img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0;border-radius:50%;background:transparent}
.pa-site .pa-cat-tile__img img.pa-smart{border-radius:0}
.pa-badge{z-index:3}

/* ---------- Category / filter chips: wrap & centre, no scrollbar ---------- */
.pa-chips,.pa-ctabs__nav,.pa-gfilter{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;overflow:visible;padding:2px 0 14px;scrollbar-width:none}
.pa-chips::-webkit-scrollbar,.pa-ctabs__nav::-webkit-scrollbar{display:none}
.pa-chips .pa-chip,.pa-ctabs__nav .pa-chip,.pa-gfilter .pa-chip{flex:0 0 auto}
@media (max-width:640px){.pa-chips,.pa-ctabs__nav,.pa-gfilter{gap:.4rem}.pa-chips .pa-chip,.pa-ctabs__nav .pa-chip,.pa-gfilter .pa-chip{padding:.4rem .72rem;font-size:.8rem}}

/* ---------- Footer bottom + credit ---------- */
.pa-footer__bar{padding-bottom:1.1rem}
.pa-footer__credit{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.35rem;padding:1rem 0 calc(1.25rem + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);font-size:.82rem;color:#8FA0BC;text-align:center}
.pa-footer__credit p{margin:0}
.pa-footer__credit a{color:#7FC4FF!important;font-weight:700;letter-spacing:.01em;transition:color .2s}
.pa-footer__credit a:hover{color:#fff!important}
@media (max-width:640px){.pa-footer__bar{justify-content:center;text-align:center}.pa-footer__legal{margin-left:0}}
