/* ==========================================================
   PISCINETTE CHROME 11.6
   Source unique pour le header et le footer visibles.
   Le header reste dans le flux et devient sticky : aucune
   compensation artificielle du body, aucun transform JS.
   ========================================================== */

:root{
  --pisc-header-h:70px;
  --pisc-admin-offset:0px;
}
body.admin-bar{--pisc-admin-offset:32px}
html{scroll-padding-top:calc(var(--pisc-header-h) + var(--pisc-admin-offset))}

.pisc-chrome-shell{
  width:min(1360px,calc(100% - 48px));
  margin-inline:auto;
}

/* Header */
.pisc-chrome-header{
  position:-webkit-sticky;
  position:sticky;
  top:var(--pisc-admin-offset);
  z-index:1000;
  width:100%;
  height:var(--pisc-header-h);
  margin:0;
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(8,47,58,.08);
  box-shadow:0 1px 0 rgba(8,47,58,.02);
}
.pisc-chrome-header-inner{
  height:100%;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:32px;
}
.pisc-chrome-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
  color:#082f3a;
}
.pisc-chrome-brand-mark{
  display:block;
  width:48px;
  height:28px;
  flex:0 0 auto;
}
.pisc-chrome-brand-mark svg{display:block;width:100%;height:100%}
.pisc-chrome-brand-copy{display:grid;gap:2px;min-width:0}
.pisc-chrome-brand-name{
  font-family:var(--ps-serif);
  font-size:1.48rem;
  font-weight:700;
  line-height:1;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.pisc-chrome-brand-copy small{
  font-size:.53rem;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#728b90;
  font-weight:800;
  white-space:nowrap;
}
.pisc-chrome-nav{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:28px;
}
.pisc-chrome-nav a{
  position:relative;
  font-size:.82rem;
  font-weight:680;
  color:#173d45;
}
.pisc-chrome-nav a:after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-7px;
  height:1px;
  background:#17a5b7;
  transition:right .2s ease;
}
.pisc-chrome-nav a:hover:after{right:0}
.pisc-chrome-nav .is-shop{color:#087f91}
.pisc-chrome-actions{display:flex;align-items:center;gap:9px}
.pisc-chrome-icon,.pisc-chrome-menu{
  width:42px;
  height:42px;
  border:1px solid #dce6e5;
  background:#fff;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#103b43;
  cursor:pointer;
}
.pisc-chrome-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.pisc-chrome-menu{display:none;padding:11px}
.pisc-chrome-menu span{display:block;width:100%;height:2px;background:#103b43;border-radius:2px;margin:3px 0}
.pisc-chrome-simulate{
  height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#0b4149;
  color:#fff;
  display:flex;
  align-items:center;
  gap:11px;
  font-size:.79rem;
  font-weight:800;
}

/* Footer */
.pisc-chrome-footer{background:#073b44;color:#fff;padding:44px 0 30px}
.pisc-chrome-footer-grid{display:grid;grid-template-columns:1.25fr repeat(3,.72fr) 1.05fr;gap:34px;align-items:start}
.pisc-chrome-footer-brand p{max-width:31ch;margin:15px 0 0;font-family:var(--ps-serif);font-size:1.05rem;line-height:1.32;color:#eff7f7}
.pisc-chrome-footer-logo{display:inline-flex;align-items:center;gap:11px;color:#fff}
.pisc-chrome-footer-logo>b,.pisc-chrome-footer-logo b{display:block;font-family:var(--ps-serif);font-size:1.28rem;line-height:1}
.pisc-chrome-footer-logo small{display:block;margin-top:3px;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:#9fc0c4;font-weight:800}
.pisc-chrome-footer-col>b,.pisc-chrome-footer-letter>b{display:block;margin-bottom:11px;color:#fff;font-size:.67rem;letter-spacing:.13em;text-transform:uppercase}
.pisc-chrome-footer-col a{display:block;margin:7px 0;color:#d8e7e9;font-size:.7rem;line-height:1.35}
.pisc-chrome-footer-letter p{margin:0 0 10px;color:#c0d5d8;font-size:.69rem;line-height:1.45}
.pisc-chrome-footer-letter form{display:flex;align-items:center;padding:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:999px}
.pisc-chrome-footer-letter input{min-width:0;flex:1;padding:8px 10px;border:0;outline:0;background:transparent;color:#fff;font-size:.69rem}
.pisc-chrome-footer-letter button{width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#073b44;font-weight:800}
.pisc-chrome-footer-letter small{display:block;margin-top:7px;color:#8fb2b6;font-size:.55rem}
.pisc-chrome-footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:30px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);color:#88aeb2;font-size:.58rem}

@media(max-width:1100px){
  .pisc-chrome-shell{width:min(1360px,calc(100% - 32px))}
  .pisc-chrome-nav{gap:18px}
  .pisc-chrome-nav a{font-size:.76rem}
  .pisc-chrome-footer-grid{grid-template-columns:1.15fr repeat(3,.8fr)}
  .pisc-chrome-footer-letter{grid-column:2/-1}
}

@media(max-width:900px){
  :root{--pisc-header-h:66px}
  .pisc-chrome-header-inner{
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
  }
  .pisc-chrome-brand{
    grid-column:1;
    justify-self:start;
    gap:9px;
  }
  .pisc-chrome-brand-mark{width:38px;height:24px}
  .pisc-chrome-brand-copy small{display:none}
  .pisc-chrome-brand-name{font-size:1.32rem}
  .pisc-chrome-nav,.pisc-chrome-simulate{display:none}
  .pisc-chrome-actions{grid-column:2;justify-self:end;gap:8px}
  .pisc-chrome-menu{display:grid}
  .pisc-chrome-icon,.pisc-chrome-menu{width:42px;height:42px}

  .pisc-chrome-footer{padding:32px 0 92px}
  .pisc-chrome-footer-grid{grid-template-columns:1fr 1fr;gap:22px 18px}
  .pisc-chrome-footer-brand{grid-column:1/-1;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.12)}
  .pisc-chrome-footer-brand p{max-width:42ch;margin-top:12px;font-size:.98rem;line-height:1.35}
  .pisc-chrome-footer-letter{grid-column:1/-1;margin-top:2px;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
  .pisc-chrome-footer-bottom{display:grid;gap:5px;margin-top:22px}
}

/* WordPress admin bar uses 46px below 782px. */
@media(max-width:782px){
  body.admin-bar{--pisc-admin-offset:46px}
}

@media(max-width:620px){
  :root{--pisc-header-h:64px}
  .pisc-chrome-shell{width:calc(100% - 28px)}
  .pisc-chrome-brand{gap:8px;max-width:calc(100vw - 150px)}
  .pisc-chrome-brand-mark{width:34px;height:22px}
  .pisc-chrome-brand-name{font-size:1.19rem;overflow:hidden;text-overflow:ellipsis}
  .pisc-chrome-icon,.pisc-chrome-menu{width:40px;height:40px}
  .pisc-chrome-actions{gap:7px}

  .pisc-chrome-footer{padding-top:28px}
  .pisc-chrome-footer-grid{gap:18px 16px}
  .pisc-chrome-footer-logo .pisc-chrome-brand-mark{width:32px;height:22px}
  .pisc-chrome-footer-logo b{font-size:1.18rem}
  .pisc-chrome-footer-brand p{font-size:.92rem;line-height:1.32}
  .pisc-chrome-footer-col>b,.pisc-chrome-footer-letter>b{font-size:.6rem;margin-bottom:8px}
  .pisc-chrome-footer-col a{font-size:.75rem;margin:8px 0}
  .pisc-chrome-footer-letter p{font-size:.7rem}
  .pisc-chrome-footer-letter input{font-size:.71rem;padding:9px 10px}
  .pisc-chrome-footer-letter button{width:34px;height:34px}
  .pisc-chrome-footer-bottom{font-size:.56rem;line-height:1.45}
}

/* Shared reading and browsing components. */
.pb-skip-link{position:fixed;top:8px;left:12px;z-index:10000;background:#103f45;color:#fff;padding:12px 18px;transform:translateY(-180%)}
.pb-skip-link:focus{transform:none}
.pb-breadcrumbs{padding-top:20px;padding-bottom:4px;font-size:.78rem;line-height:1.5}.pb-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 12px;list-style:none;padding:0;margin:0}.pb-breadcrumbs li{min-width:0;overflow-wrap:anywhere}.pb-breadcrumbs li+li:before{content:'›';margin-right:12px}.pb-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.pb-browse-search{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:26px 0}.pb-browse-search label{display:grid;gap:6px;min-width:0;flex:1 1 230px;font-size:.85rem;font-weight:700}.pb-browse-search input,.pb-browse-search select{width:100%;min-width:0;min-height:48px;border:1px solid #b6cbc7;background:#fff;color:#103f45;padding:10px 12px;border-radius:3px;font-size:1rem}.pb-browse-search button{min-height:48px;padding:12px 18px;border:1px solid #103f45;background:#103f45;color:#fff;cursor:pointer;font-weight:700;border-radius:3px}.pb-browse-search button[data-library-reset]{background:transparent;color:#103f45}
.pb-browse-search :focus-visible,.pb-breadcrumbs a:focus-visible,.pz-filterline :focus-visible,.pz-product-buybox a:focus-visible{outline:2px solid #087e89;outline-offset:4px}
[data-library-status]{min-height:1.5em;font-size:.88rem}.pmj-library-columns [data-library-guide]{min-height:44px;overflow-wrap:anywhere}
.pz-search-page .pagination{margin:30px 0}.pz-search-page .nav-links{display:flex;flex-wrap:wrap;gap:8px}.pz-search-page .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #b6cbc7}.pz-search-page .page-numbers.current{background:#103f45;color:white}.pz-search-list p{font-size:.88rem;line-height:1.65}.pz-search-list small{font-size:.7rem}
.pz-product-body aside>a{display:block;margin-top:18px;text-decoration:underline;text-underline-offset:4px;line-height:1.5}.pz-filterline select{max-width:100%;min-height:44px}.pz-model-catalogue,.pmj-section,.pmj-library,#catalogue{scroll-margin-top:100px}
@media(max-width:620px){.pb-browse-search{align-items:stretch}.pb-browse-search label,.pb-browse-search button{flex-basis:100%}.pb-breadcrumbs{font-size:.75rem}.pz-filterline>label{min-width:0}.pz-product-body>.ps-shell{min-width:0}.pz-search-list>a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.pb-pool-price-note{padding-bottom:26px;max-width:1000px;font-size:.9rem;line-height:1.65}.pb-pool-price-note a{text-decoration:underline;text-underline-offset:4px}

.pmj-edition-stories{padding-top:38px;padding-bottom:55px}.pmj-edition-stories>header{max-width:760px;margin-bottom:26px}.pmj-edition-stories>header small{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#087e89}.pmj-edition-stories>header h2{font:600 clamp(2rem,3.3vw,3rem)/1.08 var(--ps-serif,Georgia,serif);margin:10px 0}.pmj-edition-stories>header p{font-size:.95rem;line-height:1.65}.pmj-edition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.pmj-edition-grid .pb6-guide-card{min-width:0}.pmj-edition-grid .pb6-guide-media{height:255px}.pmj-edition-grid .pb6-guide-copy h3{font-size:1.5rem;line-height:1.12}.pmj-edition-grid .pb6-guide-copy p{font-size:.86rem;line-height:1.6}
@media(max-width:1000px){.pmj-edition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.pmj-edition-grid{grid-template-columns:minmax(0,1fr)}.pmj-edition-grid .pb6-guide-media{height:280px}}
