/* =========================================================
   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}}

/* ---------- Hero showcase (fading product collage) ---------- */
.pa-hero__panel.has-showcase{position:relative;display:flex;flex-direction:column;justify-content:center;padding:18px 0 22px}
.pa-hero__panel.has-showcase .pa-hero__panelcard{display:none}
.pa-sc{position:relative;display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:14px;width:100%;aspect-ratio:5/4;transition:transform .35s ease-out;transform-style:preserve-3d}
.pa-sc--single{grid-template-columns:1fr;grid-template-rows:1fr;aspect-ratio:4/3}
.pa-sc__tile{position:relative;overflow:hidden;border-radius:20px;background:#0C2A5A;border:1px solid rgba(255,255,255,.18);box-shadow:0 26px 60px rgba(3,10,25,.5);isolation:isolate}
.pa-sc__tile--main{grid-row:1 / span 2}
.pa-sc__tile--a{transform:translateY(-14px);border-radius:20px 20px 20px 8px}
.pa-sc__tile--b{transform:translateY(14px);border-radius:8px 20px 20px 20px}
.pa-sc__ring{position:absolute;right:-22px;bottom:-22px;width:120px;height:120px;border-radius:50%;border:2px dashed rgba(127,196,255,.45);z-index:-1;animation:paScSpin 26s linear infinite}
.pa-sc::before{content:"";position:absolute;left:-28px;top:-28px;width:140px;height:140px;border-radius:28px;background:radial-gradient(circle,rgba(79,179,255,.35),transparent 70%);z-index:-1;filter:blur(4px)}
.pa-sc__slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;overflow:hidden;transition:opacity 1.1s ease,visibility 0s 1.1s;background:#0C2A5A}
.pa-sc__slide.is-active{opacity:1;visibility:visible;z-index:1;transition:opacity 1.1s ease,visibility 0s}
.pa-site .pa-sc__slide img{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}
.pa-sc__slide.is-active img{animation:paScKen 7.5s ease-out both}
.pa-sc__slide::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(6,18,40,0) 40%,rgba(6,18,40,.28) 70%,rgba(6,18,40,.82) 100%);pointer-events:none}
.pa-sc__tile--a .pa-sc__slide::after,.pa-sc__tile--b .pa-sc__slide::after{background:linear-gradient(180deg,rgba(6,18,40,0) 55%,rgba(6,18,40,.35) 100%)}
.pa-sc__cap{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#fff;opacity:0;transform:translateY(14px);transition:opacity .6s ease .35s,transform .6s ease .35s}
.pa-sc__slide.is-active .pa-sc__cap{opacity:1;transform:none}
.pa-sc__cap small{display:block;margin-bottom:4px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7FC4FF}
.pa-sc__cap strong{display:block;font-family:Manrope,Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.pa-sc__go{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#0B5CD5;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform .25s}
.pa-sc__go svg{width:18px;height:18px}
.pa-sc__slide:hover .pa-sc__go{transform:translateX(3px)}
.pa-sc__dots{position:absolute;top:14px;left:14px;z-index:4;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(6,18,40,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pa-sc__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .35s,background-color .35s}
.pa-sc__dot.is-active{width:22px;background:#4FB3FF}
.pa-hero__panel.has-showcase .pa-hero__stat{z-index:5}
@keyframes paScKen{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes paScSpin{to{transform:rotate(360deg)}}
@media (max-width:900px){
	.pa-hero__panel.has-showcase{display:flex;padding:8px 0 18px;margin-top:.5rem}
	.pa-sc{aspect-ratio:4/3;gap:10px}
	.pa-sc__ring,.pa-sc::before{display:none}
}
@media (max-width:520px){
	.pa-sc{grid-template-columns:1.35fr 1fr;aspect-ratio:1/1;gap:8px}
	.pa-sc__tile{border-radius:14px}
	.pa-sc__tile--a,.pa-sc__tile--b{transform:none}
	.pa-sc__cap{left:10px;right:10px;bottom:10px}
	.pa-sc__cap strong{font-size:.92rem}
	.pa-sc__go{width:32px;height:32px}
	.pa-sc__dots{top:10px;left:10px;padding:5px 7px}
}
@media (prefers-reduced-motion:reduce){.pa-sc__slide.is-active img,.pa-sc__ring{animation:none}}