/* =============== BASE MENU (filet de sécurité) =============== */

#header {
  position: sticky;
  top: 0;
  z-index: 1100;
  background: #000;
}

#topnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

#topnav li {
  display: inline-block;
  margin-left: 12px;
}

#topnav a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
}

/* Animation fade-up (PK 2025) */
.pk-fade-up {
  opacity: 0;
  transform: translateY(20px);
  filter: blur(2px);
  transition:
    opacity 0.7s ease-out,
    transform 0.7s ease-out,
    filter 0.8s ease-out;
}

/* Quand l’élément devient visible */
.pk-fade-up.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* Fade-only animation (pour éléments ayant déjà un transform) */
.pk-fade-opacity {
  opacity: 0;
  filter: blur(3px);
  transition:
    opacity 0.7s ease-out,
    filter 0.7s ease-out;
}

.pk-fade-opacity.is-visible {
  opacity: 1;
  filter: blur(0);
}


/* =============== PAGE PHOTOGRAPHE NAMUR =============== */

body.page-photographe-namur {
  background: #000;
  color: #fff;
}

/* Bloc titre */
.section-title-photographe-namur {
  padding: 40px 0;
  background: #202020;
}

.section-title-photographe-namur .title-desc {
  text-align: center;
}

/* H1 principal */
.page-title {
  font-size: 68px;
  margin: 48px auto 4px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-shadow: 0 0 2px #000;
}

/* Sous-titre */
.section-title-photographe-namur h3 {
  text-align: center;
  margin-top: 8px;
  font-size: 22px;
  font-weight: 400;
  color: #ccc;
  letter-spacing: 0.03rem;
}

/* Responsive titres */
@media (max-width: 540px) {
  .page-title {
    font-size: 34px !important;
    line-height: 1.15 !important;
    margin: 12px auto;
  }

  .section-title-photographe-namur h3 {
    font-size: 18px;
  }
}

@media (max-width: 380px) {
  .page-title {
    font-size: 28px !important;
  }
}


/* Section principale coupée en deux : gauche orange, droite fond photo */
.pk-namur-layout {
  padding: 20px 0 40px 0;
  position: relative;
  border-top: 1px solid #404040;
}

.page-photographe-tourisme .pk-namur-col-media{
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(2px);
  border: 1px solid rgba(255,255,255,0.08);
}

.pk-author-box {
  background: #202020;
  border-top: 1px solid rgba(221,153,51,0.2);
  border-bottom: 1px solid rgba(221,153,51,0.2);
  padding: 40px 0;
  margin: 60px 0;
}

.pk-author-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}

.pk-author-photo img {
  border-radius: 6px;
  width: 120px;
  height: 120px;
  object-fit: cover;
}

.pk-author-content h3 {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.pk-author-content p {
  margin: 5px 0;
  opacity: 0.9;
}

@media (max-width: 768px) {
  .pk-author-inner {
    flex-direction: column;
    text-align: center;
  }
}

/* ============================================================
   SPLIT 50/50 : couleur gauche paramétrable par page
   ============================================================ */
:root{
  --pk-split-left: #dd9933; /* défaut PK */
  --pk-split-overlay: rgba(0,0,0,.55);
}

/* Namur : split + overlay + BG nuit */
.page-photographe-namur{
  --pk-split-left: #dd9933;
}
.page-photographe-namur .pk-namur-layout{
  background:
    linear-gradient(to right, var(--pk-split-left) 0 50%, transparent 50% 100%),
    linear-gradient(var(--pk-split-overlay), var(--pk-split-overlay)),
    url(/images/background-images/photographie-namur-bg.avif) center right/50% no-repeat fixed;
}

/* Immobilier : split + BG immo (cover) */
.page-photographe-immobilier{
  --pk-split-left: rgba(34, 44, 54, 0.92); /* acier + lisible */
}

.page-photographe-immobilier .pk-namur-layout{
  background:
    linear-gradient(to right, var(--pk-split-left) 0 50%, transparent 50% 100%),
    url(/images/background-images/photographie-immobiliere-bg.avif) center center/cover no-repeat fixed;
}

/* Portrait : split + overlay + BG portrait */
.page-photographe-portrait{
  --pk-split-left: rgba(42, 30, 22, 0.92); /* #2a1e16 */
}


.page-photographe-portrait .pk-namur-layout{
  background:
    linear-gradient(to right, var(--pk-split-left) 0 50%, transparent 50% 100%),
    linear-gradient(var(--pk-split-overlay), var(--pk-split-overlay)),
    url(/images/background-images/photographie-portrait-bg.avif) top center/cover no-repeat fixed;
}


/* plus besoin de ::before, il pourrait assombrir l’orange */
.pk-namur-layout::before {
  content: none;
}

/* le contenu reste au-dessus */
.pk-namur-layout .container {
  position: relative;
  z-index: 1;
}

/* Sur mobile (colonnes empilées), on revient à un fond homogène */
@media (max-width: 900px) {
  .pk-namur-layout {
    background-image: url(/images/background-images/stratup-bg.avif);
    background-position: center center;
    background-size: cover;
  }
}

/* ============================================================
   IMMOBILIER — texture premium (grain subtil)
   ============================================================ */
.page-photographe-immobilier .pk-namur-layout{
  position: relative; /* nécessaire pour ::after */
}

/* texture légère au-dessus du background, mais sous le contenu */
.page-photographe-immobilier .pk-namur-layout::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index: 0;

  /* texture douce (2 halos + un voile très léger) */
  background:
    radial-gradient(circle at 18% 30%, rgba(255,255,255,.045), transparent 46%),
    radial-gradient(circle at 82% 70%, rgba(255,255,255,.030), transparent 52%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.22));
  
  opacity: .55;
  mix-blend-mode: overlay;
}

/* IMPORTANT : remonte le contenu au-dessus de la texture */
.page-photographe-immobilier .pk-namur-layout > *{
  position: relative;
  z-index: 1;
}


.container {
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}

/* Grille 2 colonnes */

/* Grille 2 colonnes – flex, ~600px chacune */
/* Grille 2 colonnes – largeur plus proche de l’original (~320–400px) */
.pk-namur-inner {
  position: relative;
  display: flex;
  justify-content: space-between;     /* occupe bien la moitié gauche/droite */
  align-items: flex-start;
  gap: 40px;
  margin: 20px auto 0;
  max-width: 1100px;                  /* limite la largeur totale des deux colonnes */
  flex-wrap: wrap;
}

.pk-namur-col {
  flex: 0 1 520px;                    /* colonne plus étroite qu’avant (600) */
  max-width: 520px;
  min-width: 0;
}

@media (max-width: 900px) {
  .pk-namur-inner {
    flex-direction: column;
    align-items: center;
    margin-top: 80px;
  }

  .pk-namur-col {
    flex-basis: 100%;
    max-width: 100%;
  }
}

/* Pastille portrait centrée */

.pk-namur-portrait {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  border: 8px solid #dd9933;
  box-shadow: 0 0 0 3px #ffffff, 0 22px 40px rgba(0,0,0,0.6);
  z-index: 5;
}

.pk-namur-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
    .pk-namur-portrait {
        width: 90px;
        height: 90px;
        top: -50px;
    }
}

/* Colonne texte – bloc orange */

.pk-namur-col-text {
  background: #dd9933;
  padding: 32px 28px;
  border-radius: 6px;
  color: #000;
  line-height: 1.6;
  font-size: 18px;
  box-shadow: 0 0 18px rgba(0,0,0,0.45);
}

.pk-namur-col-text h3 {
  margin-top: 0;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 0 6px #000;
}
.pk-namur-col-media p,
.pk-namur-col-text p {
    margin-bottom: 16px;
    font-family: system-ui;
    font-weight: 500;
    line-height: 1.8;
}

/* Colonne droite : image + texte */

.pk-namur-col-media .col-img-bg {
  text-align: center;
}

.pk-namur-col-media img.vince {
  width: 100%;
  max-width: 480px;
  aspect-ratio: 16 / 9;        /* force le 16/9 */
  object-fit: cover;
  border-radius: 6px;
  display: block;
  margin: 0 auto 24px;
  box-shadow: 0 0 18px rgba(0,0,0,0.45);
}
.pk-namur-col-media p {
    line-height: 1.8;
    margin-bottom: 16px;
    letter-spacing: 1px;
    text-align: justify;
}

/* Texte centré dans une colonne étroite */
.centerline {
  max-width: 480px;
  margin: 0 auto 16px;
}

/* Grille contact (remplace col-md-3) */

.pk-contact-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  margin-top: 40px;
}

.pk-contact-item {
  flex: 1 1 220px;
  max-width: 260px;
  text-align: center;
  color: #fff;
}

.pk-contact-item h3 {
  margin: 8px 0 4px;
}

.pk-contact-item .pk-icon {
  width: 38px;
  height: 38px;
  fill: #dd9933;
  margin-bottom: 8px;
}

/* Copyright */

.pk-copyright-inner {
  text-align: center;
  padding: 24px 0;
  color: #aaa;
  font-size: 14px;
}

/* Petites utilitaires */

.footerz {
  margin: 4px 0;
  color: #ccc;
}

.orange {
  color: #dd9933 !important;
}

/* Reset des reliques Bootstrap dans le contenu services */

.row,
.col-md-12,
.col-md-6,
.col-md-3 {
  all: unset;
}

/* On garde .navbar-nav pour le header mais on le rend flex de base ici */
.navbar-nav {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* =============== PAGES IMMOBILIER / LISTES COMMUNES =============== */

p.inter-immo {
    color: #fff;
    fill: #fff;
    background: #000;
    padding: 12px;
    border: 1px solid #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 12px #000;
    text-align: center;
    font-size: 18px;
}

svg.pk-icon-immo {
    height: 18px;
    width: 18px;
    margin-left: 18px;
    fill: #afcd0b;
    text-align: center;
}

/* Bloc photo + inset (utilisé ailleurs) */

.pk-photo-wrap {
  position: relative;
  display: inline-block;
}

.pk-photo-wrap .photo-main {
  display: block;
  max-width: 100%;
  border-radius: 0;
  box-shadow: 0 0 30px rgba(0,0,0,0.8);
}

.pk-photo-wrap .photo-inset {
  position: absolute;
  bottom: -28px;
  right: -28px;
  width: 240px;
  border-radius: 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.6);
  border: 4px solid #fff;
}

@media (max-width: 767px) {
  .pk-photo-wrap .photo-inset {
    width: 120px;
    bottom: -15px;
    right: -15px;
  }
}

/* Listes “immo” */

p.immo {
  margin-left: 44px;
  font-size: inherit;
  font-weight: 600;
  text-align: left;
}

ul.immo {
    list-style: none;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    padding: 12px;
    border: 1px solid #303030;
    font-family: system-ui;
    font-weight: 500;
    font-size: 18px;
}

.immo li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  line-height: 1.8;
  color: #eaeaea;
  font-size: 16px;
  background: transparent !important;
  text-align: left;
}

.immo li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #dd9933;
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0,0,0,0.6);
}

/* Titre bloc orange */
.pk-namur-heading {
  font-size: 28px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 0 6px #000;
}

/* Petit carré noir devant le titre */
.pk-square-main {
  font-size: 14px;
  color: #000;
  margin-right: 8px;
  text-shadow: none;
}

/* Carrés orange dans les titres de contact + copyright */
.pk-square-orange {
  font-size: 16px;
  margin-right: 8px;
}

/* Variante plus petite (copyright / e-mail) */
.pk-square-small {
  font-size: 12px;
}

.immo-icons {
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
}

.pk-immo-icon svg {
    fill: #fff;
    height: 56px;
    width: 56px;
    border: 1px solid #fff;
    padding: 8px;
    border-radius: 6px;
}

.pk-stack-immo {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 520px;
    margin: 0 auto 88px auto;
}

.pk-immo-main {
    width: 100%;
    aspect-ratio: 480 / 270;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}

.pk-immo-inset {
    position: absolute;
    width: 52%;
    aspect-ratio: 1200 / 632;
    bottom: -26%;
    right: -6%;
    object-fit: cover;
    border-radius: 6px;
    border: 4px solid #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
}

.pk-immo-cta {
    padding: 64px 64px 0px 64px;
    text-align: center;
}

.golden-clients {
    text-transform: uppercase;
    text-align: left;
    background: rgba(0, 0, 0, 0.3);
    width: 80%;
    padding: 0px;
    border: 1px solid #404040;
    border-radius: 6px;
    margin-top: 44px;
}

.golden-clients h3 {
    background: #dd9933;
    margin: 0;
    padding: 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 24px;
    color: #000;
}

.golden-clients-items {
  font-family: 'Bebas Neue';
  font-size: 1.1rem;
  letter-spacing: 0.2rem;
  padding: 8px;
  border: 1px solid #565656;
  margin: 18px;
  border-left: 24px solid #565656;
  border-right: 48px solid #565656;
  border-radius: 6px;
  position: relative;
}


.pk-icon-golden {
    position: absolute;
    top: 50%;
    right: -38px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    fill: #fff;
}
.pk-icon-golden svg{
  width: 22px;
  height: 22px;
  fill: #b2b2b2;
}

.golden-clients-items a {
    color: #fff;
    text-decoration: none;
}

.golden-clients-items a:hover {
    color: #606060;
    text-decoration: none;
}

.yellow{border-left: 24px solid  #fff; border-top: 1px solid  #f6cb1f; border-bottom: 1px solid  #f6cb1f; border-right: 48px solid #f6cb1f;}
.darkyellow{border-left: 24px solid #fff; border-top: 1px solid  #a58a3a; border-bottom: 1px solid  #a58a3a; border-right: 48px solid #a58a3a;}
.blue{border-left: 24px solid #ee9db4; border-top: 1px solid  #ee9db4; border-bottom: 1px solid  #ee9db4; border-right: 48px solid #151b4a;}
.papaya{border-left: 24px solid #2d3e50; border-top: 1px solid  #f18c0f; border-bottom: 1px solid  #f18c0f; border-right: 48px solid #f18c0f;}

/* Section pleine largeur */
.pk-immo-gallery{
  width: 100%;
  background: #202020;          /* optionnel, harmonisé PK */
  padding: 34px 0;
  border-bottom: 1px solid #404040;
}

/* Conteneur centré */
.pk-immo-gallery__inner{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;              /* air mobile / tablette */
}

/* Grid 4 */
.pk-grid--4{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

/* Responsive */
@media (max-width: 960px){
  .pk-grid--4{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px){
  .pk-grid--4{
    grid-template-columns: 1fr;
  }
}

/* Thumbs */
.pk-thumb{
  display: block;
  overflow: hidden;
  border-radius: 4px;
}

.pk-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  transition: transform .35s ease;
}

.pk-thumb:hover img{
  transform: scale(1.04);
}

.pk-thumb{
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 1);
}
.pk-thumb:hover{
  box-shadow: 0 8px 18px rgba(0,0,0,.78);
}


    
/* ============================================================
   PK — COMPARE (Avant/Après) — Responsive clean (1 seule grille)
   ============================================================ */

.pk-compare{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px; /* petite respiration mobile */
  display: grid;
  gap: 24px 48px;
  align-items: start;
}

/* empêche un enfant de forcer le débordement horizontal */
.pk-compare > *{ min-width: 0; }

/* Titre prend toute la largeur */
.pk-compare > .pk-section-title{
  grid-column: 1 / -1;
  margin: 44px 0 18px;
}

/* Stage */
.pk-compare__stage{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: #111;
  aspect-ratio: 3 / 2;
}

.pk-compare__grid{
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 24px 48px;
  align-items: start;
}

@media (max-width: 768px){
  .pk-compare__grid{ grid-template-columns: 1fr; }
}

/* Images */
.pk-compare__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

/* Calque "après" révélé via --pos */
.pk-compare__after{
  position: absolute;
  inset: 0;
  overflow: hidden;
  clip-path: inset(0 calc(100% - var(--pos, 50%)) 0 0);
}

/* Handle */
.pk-compare__handle{
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--pos, 50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.pk-compare__line{
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background: rgba(0,0,0,1);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.22),
    0 10px 25px rgba(0,0,0,.25);
}

.pk-compare__knob{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #ff9933;
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
  border: 4px solid #000;
}

/* Range invisible mais accessible */
.pk-compare__range{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
  touch-action: pan-x;
}

.pk-compare__media{
  display: flex;
  flex-direction: column;
  gap: .75rem;
}


/* Hint : sous l'image, aligné colonne 1 */
.pk-compare__hint{
  margin: 10px 0 0;
  font-size: .9rem;
  opacity: .65;
  text-align: center;
}
.pk-compare__hint::before{
  content: "↔";
  display: inline-block;
  margin-right: 6px;
}

/* Texte à droite */
.pk-compare__text{
  align-self: start;
  overflow-wrap: anywhere;
}

/* Mobile: 1 colonne, texte sous l'image */
@media (max-width: 900px){
  .pk-compare{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .pk-compare > .pk-section-title{ margin: 32px 0 10px; }
}
.pk-compare__text h3{ margin:0 0 10px; text-transform:uppercase; color:#dd9933; }
.pk-compare__text p{ margin:0; line-height:1.8; font-family: system-ui; }
.pk-compare__text ul{ font-family: system-ui; line-height:1.8; color:#fff; }
.pk-compare__text span{ color:#dd9933; text-transform:uppercase; font-family:'Raleway'; font-weight:600; }
 

/* ========== Photo Stack Portrait (2025) ========== */

.pk-photo-stack {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 520px;
  margin: 0 auto 88px auto;
}

/* Photo principale : carré, responsive */
.pk-photo-stack .photo-main {
  object-fit: cover;
  border-radius: 6px;
  display: block;
  box-shadow: 0 0 30px rgba(0,0,0,0.6);
}

/* Petite photo en bas à droite */
.pk-photo-stack .photo-inset {
    position: absolute;
    width: 32%;
    aspect-ratio: 1 / 1;
    bottom: -16%;
    right: -12%;
    object-fit: cover;
    border-radius: 6px;
    border: 2px solid #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
}
/* Responsive */
@media (max-width: 600px) {
  .pk-photo-stack .photo-inset {
    width: 50%;
    bottom: -20%;
    right: -4%;
  }
}

/* =============================== */
/*   Pixel Komando – FAQ Section   */
/* =============================== */

.pk-faq-section {
    padding: 2.5rem 0;
    background: #101010;
}

.pk-faq-section .pk-section-title {
  margin-bottom: 2rem;
  text-align: left;
}

.pk-faq-immo-section {
    margin-top: 0rem;
    padding: 2.5rem 0;
}

/* FAQ item */
.pk-faq-item {
  margin-bottom: 1.8rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #2a2a2a;
  animation: fadeUp 0.4s ease both;
  text-align:center;
}

.pk-faq-item:last-child {
  border-bottom: none;
}

/* Question */
.pk-faq-item h3 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #dd9933;
  margin: 0 0 0.5rem;
  text-align:center;
}

/* Answer */
.pk-faq-item p {
  color: #ccc;
  font-size: 1.05rem;
  line-height: 1.55;
  margin: 0;
  max-width: 100%;
}

/* Small fade-up animation */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile adjustments */
@media (max-width: 540px) {
  .pk-faq-item h3 {
    font-size: 1.25rem;
  }
  .pk-faq-item p {
    font-size: 1rem;
  }
}
section.pk-seo-portfolio {
    background: #101010;
    padding: 34px;
    border-top: 1px solid #303030;
}

.corporate a {
    color: var(--color-accent);
    text-decoration: none;
}

p.pk-p-corporate {
    border: 1px solid #303030;
    padding: 44px;
    line-height: 2rem;
}

.pk-internal-links {
    padding-bottom: 44px;
}

.pk-title-intro a {
    color: #dd9933;
    text-decoration: none;
}


/* ===== Plans / Pricing (PK dark) ===== */
.pk-plans{ background:#101010; padding:72px 0; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; }
.pk-wrap{ max-width:1280px; margin:0 auto; padding:0 20px; }

.pk-plans__head{ margin-bottom:22px;text-align: center; }
.pk-plans__head h2{ 
    font-family: "Raleway", sans-serif;
    font-size: 64px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .02em;
    margin: 0 auto 40px;
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    gap: 18px;
    text-align: center;
    justify-content: center;
    text-shadow: 0px 0px 6px #000; 
}

.pk-plans__head p{ margin: auto;
    color: #bdbdbd;
    max-width: 64ch; }

.pk-plans__grid{
  display:grid;
  gap:16px;
  grid-template-columns: 2fr 1fr 1fr 1fr; /* 2/5 + 1/5 + 1/5 + 1/5 */
  align-items:stretch;
}

.pk-card{
  background:#151515;
  border:1px solid #2a2a2a;
  border-radius:8px;
  padding:18px;
  color:#eaeaea;
  display:flex;
  flex-direction:column;
  min-height: 320px;
}
.pk-card h3{ margin:0 0 6px; font-size:20px;color:#dd9933;text-transform:uppercase; }
.pk-card__sub{ margin:0 0 14px; color:#bcbcbc; font-size:14px; line-height:1.35; }

.pk-list{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.pk-list li{ color:#dfdfdf; }
.pk-list--mini{ gap:8px; font-size:14px; color:#cfcfcf; }

.pk-card__cta{
  margin-top:auto; /* pousse CTA en bas => alignement des prix/boutons */
  padding-top:16px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  border-top:1px solid #262626;
}
.pk-card__cta--stack{ flex-direction:column; align-items:stretch; }

.pk-price {
    text-align: center;
}

.pk-price__value{
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.9rem;       
  letter-spacing: .08em;    
  line-height: 1;
  color:#fff;
  font-weight:200;
  font-variant-numeric: lining-nums tabular-nums;
}

.pk-price__from{ font-size:12px; color:#9f9f9f; }

.pk-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:10px 16px;
  border-radius:8px;
  border:1px solid #3a3a3a;
  color:#f0f0f0;
  text-decoration:none;
  background:transparent;
}
.pk-btn--primary{
  background:#dd9933;
  border-color:#dd9933;
  color:#101010;
  font-weight:700;
}

.pk-card--best{
  border-color: color-mix(in srgb, #dd9933 55%, #2a2a2a);
  box-shadow: 0 0 0 1px rgba(221,153,51,.25), 0 10px 28px rgba(0,0,0,.45);
}
.pk-badge{
  margin-left:8px;
  font-size:12px;
  padding:3px 10px;
  border-radius:999px;
  background: rgba(221,153,51,.15);
  border:1px solid rgba(221,153,51,.35);
  color:#dd9933;
}

.pk-list li{
  position: relative;
  padding-left: 28px;
}

.pk-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 10px;
  height: 10px;
  background: #dd9933;
  border-radius: 2px;
  box-shadow:
    0 0 0 1px rgba(221,153,51,.45),
    0 0 8px rgba(221,153,51,.35);
}

/* Responsive */
@media (max-width: 1100px){
  .pk-plans__grid{ grid-template-columns: 1.6fr 1fr 1fr; }
  .pk-card:nth-child(4){ grid-column: 1 / -1; } /* 3e option passe en dessous */
}
@media (max-width: 820px){
  .pk-plans__grid{ grid-template-columns: 1fr; }
  .pk-card{ min-height:auto; }
  .pk-card__cta{ align-items:stretch; flex-direction:column; }
}

/* === Page Photographe Artistique ===================================== */

.pk-page-service-artistique .section {
  padding-block: var(--space-10);
}

/* HERO artistique (on suppose que tes classes pk-hero existent déjà) */

.section-hero-artistique .pk-hero {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
}

.pk-hero--artistique .pk-hero-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.pk-hero--artistique .pk-hero-media__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center;
}

/* Option Ken Burns douce – si tu veux la garder, sinon tu peux enlever */
.pk-hero--kenburns .pk-hero-media__img {
  animation: pk-kenburns-slow 18s ease-in-out infinite alternate;
}

@keyframes pk-kenburns-slow {
  0%   { transform: scale(1.02) translate3d(0, 0, 0); }
  100% { transform: scale(1.08) translate3d(8px, -8px, 0); }
}

.pk-hero-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 0%, rgba(0,0,0,0.3), rgba(0,0,0,0.92));
}

.pk-hero-inner {
  position: relative;
  z-index: 2;
}

.pk-hero-content {
  max-width: 640px;
}

.pk-hero-title {
  font-size: 5.4rem; /* ton standard H1 */
  line-height: 1.05;
  margin-bottom: var(--space-4);
}

.pk-hero-tagline {
  font-size: 1.1rem;
  max-width: 36rem;
  color: var(--color-text-muted, #d0d0d0);
  margin-bottom: var(--space-6);
}

.pk-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top:34px;
}

/* Intro minimaliste */

.section-intro-artistique__grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.3fr);
  gap: var(--space-8);
  align-items: flex-start;
}

section.section.section-intro-artistique
 {
    background: #101010;
}

.section-intro-artistique h2 {
  font-size: 2.2rem;
  margin-bottom: var(--space-4);
  text-transform: uppercase;
}

.section-intro-artistique p {
  margin-bottom: var(--space-3);
}

.section-intro-artistique__meta {
  display: grid;
  gap: var(--space-3);
}

.pk-meta-block {
    padding: var(--space-3);
    border-radius: var(--radius-lg, 14px);
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid #303030;
    margin: 34px 0 34px 0;
}

.pk-meta-label {
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 0.2rem;
}

.pk-meta-value {
  font-size: 0.95rem;
}

/* Styles artistiques – 3 cartes */

.pk-cards-artistiques {
  margin-top: var(--space-6);
}

.pk-card--artistique {
  padding: var(--space-5);
  border-radius: var(--radius-xl, 20px);
  background: #141414;
  border: 1px solid rgba(255,255,255,0.06);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: 34px;
}

.pk-card--artistique h3 {
  font-size: 1.4rem;
  text-transform: uppercase;
  color:#dd9933;
}

.pk-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.95rem;
}

.pk-card-list li {
  position: relative;
  padding-left: 1.2rem;
  margin-bottom: 0.35rem;
}

.pk-card-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-accent, #dd9933);
}

/* Mini galerie teaser */

.pk-grid--artistique-teaser {
  margin-top: var(--space-5);
}

.pk-thumb--artistique {
  display: block;
  overflow: hidden;
  border-radius: var(--radius-lg, 16px);
  border: 1px solid rgba(255,255,255,0.08);
}

.pk-thumb--artistique img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 260ms ease-out;
}

.pk-thumb--artistique:hover img {
  transform: scale(1.07);
}

/* Projet "Reines du Monde" */

.section-project-reines {
  background: radial-gradient(circle at top left, #202020, #050505);
}

.section-project-reines__content {
    max-width: 1100px;
    padding-top: 34px;
    padding-bottom: 34px;
}

.section-project-reines h2 {
  font-size: 2rem;
  margin-bottom: var(--space-3);
  text-transform: uppercase;
}

.section-project-reines__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

/* CTA contact final */

.section-cta-contact-artistique__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr);
  gap: var(--space-8);
  align-items: center;
}

.section-cta-contact-artistique__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.section-cta-contact-artistique__details {
  display: grid;
  gap: var(--space-3);
}

/* Responsive */

@media (max-width: 960px) {
  .pk-hero-title {
    font-size: 3.4rem;
  }

  .section-intro-artistique__grid,
  .section-cta-contact-artistique__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .pk-page-service-artistique .section {
    padding-block: var(--space-8);
  }

  .pk-card--artistique {
    padding: var(--space-4);
  }
}
/* === Masonry artistique ======================================= */

.pk-masonry {
  column-gap: var(--space-4, 1.5rem);
}

.pk-masonry--artistique {
  column-count: 3;
  margin-top:34px;
}

.pk-masonry-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 var(--space-4, 1.5rem);
  break-inside: avoid;
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  border-radius: var(--radius-lg, 16px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
}

.pk-masonry-item img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 220ms ease-out;
}

.pk-masonry-item:hover img {
  transform: scale(1.06);
}

@media (max-width: 960px) {
  .pk-masonry--artistique {
    column-count: 2;
  }
}

@media (max-width: 640px) {
  .pk-masonry--artistique {
    column-count: 1;
  }
}

/* ============================================================
   PORTFOLIO MASONRY (Corporate) — CSS Columns (Option A)
   ============================================================ */
.pk-portfolio-masonry .pk-section-subtitle{
  max-width: 880px;
  margin: -8px auto 18px;
  color: rgba(255,255,255,.72);
  text-align: center;
  font-size: 0.98rem;
}

.pk-masonry{
  columns: 4;
  column-gap: 18px;
}

@media (max-width: 1100px){
  .pk-masonry{ columns: 2; }
}
@media (max-width: 680px){
  .pk-masonry{ columns: 1; }
}

.pk-masonry__item{
  display: inline-block;          /* IMPORTANT pour columns */
  width: 100%;
  margin: 0 0 18px;
  break-inside: avoid;
  text-decoration: none;
  color: inherit;
}

.pk-masonry__item figure{
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
  transform: translateZ(0);
}

.pk-masonry__item img{
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform .22s ease, filter .22s ease;
}

.pk-masonry__item figcaption{
  padding: 10px 12px 12px;
  font-size: .92rem;
  line-height: 1.25;
  color: rgba(255,255,255,.82);
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.35);
}

.pk-masonry__item:hover img{
  transform: scale(1.02);
  filter: saturate(1.05);
}

.pk-masonry__item:hover figure{
  border-color: rgba(221,153,51,.45);
}

.pk-masonry__item:focus-visible figure{
  outline: 2px solid #dd9933;
  outline-offset: 3px;
}

/* Corporate : split + BG corporate */
.page-photographe-corporate .pk-namur-layout{
  background:
    linear-gradient(to right, rgba(58, 42, 24, 0.90) 0 50%, transparent 50% 100%),
    linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.95)),
    url(/images/background-images/photographie-corporate-bg.avif) center right/50% no-repeat fixed;
}
#portfolio-corporate {
    padding-top: 44px;
}

/* Tourisme : split + BG tourisme (copie du corporate, image dédiée) */
.page-photographe-tourisme .pk-namur-layout {
    background: linear-gradient(to right, rgba(33, 40, 40, 0.90) 0 50%, transparent 50% 100%), linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(/images/background-images/photographie-tourisme-bg.avif) top right / 50% no-repeat fixed;
}

/* ============================
   CTA BAND (Corporate)
   ============================ */

.pk-cta-band{
  width: 100%;
  padding: 56px 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(0,0,0,.55);
}

.pk-cta-band--corporate{
  background: #dd9933;
  color: #111;
}

.pk-cta-band__inner{
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 28px;
  align-items: center;
}

.pk-cta-band__title{
  margin: 0 0 10px;
  font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2.2rem);
  line-height: 1.15;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.pk-cta-band__lead{
  margin: 0;
  max-width: 62ch;
  font-size: 1.02rem;
  line-height: 1.55;
  opacity: .95;
}

/* Zone bouton */
.pk-cta-band__action{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

/* Petit texte sous le bouton */
.pk-cta-band__meta{
  margin: 0;
  font-size: .92rem;
  opacity: .85;
  text-align: right;
}

/* Responsive */
@media (max-width: 960px){
  .pk-cta-band__inner{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .pk-cta-band__action{
    align-items: flex-start;
  }

  .pk-cta-band__meta{
    text-align: left;
  }
}

.pk-cta-band__text {
    text-align: left;
}

/* =========================
   ZONE D'INTERVENTION (PK)
   ========================= */

.pk-zone {
    padding: 44px 0;
    border-top: 1px solid #303030;
}

.pk-zone__inner{
  width: min(1280px, calc(100% - 32px));
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 28px;
  align-items: start;
}

.pk-zone__title{
  margin: 0 0 12px;
  font-size: clamp(1.6rem, 1.2rem + 1vw, 2.2rem);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pk-zone__lead {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .86);
    line-height: 1.65;
    max-width: 62ch;
    font-family: 'Arial';
}

.pk-zone__note{
  display: inline-block;
  margin-top: 10px;
  color: rgba(255,255,255,.78);
}

.pk-zone__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 44px;
}

/* Card */
.pk-zoneCard{
  background: rgba(0,0,0,.35);
  border: 1px solid #404040;
  border-radius: 12px;
  padding: 18px 18px 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

.pk-zoneCard__title{
  margin: 0 0 12px;
  font-size: 1.05rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #dd9933;
}

.pk-zoneCard__list {
    list-style: none;
    padding: 18px 24px;
    margin: 24px 0 14px;
    display: grid;
    gap: 10px;
    border: 1px solid #303030;
    border-radius: 8px;
}

.pk-zoneCard__list li{
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 10px;
  align-items: start;
  color: rgba(255,255,255,.82);
  font-size: .98rem;
}

.pk-dot{
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  background: #dd9933;
  box-shadow: 0 0 0 4px rgba(221,153,51,.14);
}

.pk-zoneCard__cta{
  display: flex;
  justify-content: flex-start;
}

.pk-zoneCard__btn{
  width: 100%;
  justify-content: center;
}

/* Responsive */
@media (max-width: 960px){
  .pk-zone__inner{
    grid-template-columns: 1fr;
  }
  .pk-zoneCard__btn{
    width: 100%;
  }
}

.pk-zoneCard__map{
  margin: 10px 0 0;
}

.pk-zoneCard__mapLink{
  display: inline-block;
  font-size: .95rem;
  color: rgba(255,255,255,.82);
  text-decoration: none;
  padding-bottom: 24px;
  transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.pk-zoneCard__mapLink:hover{
  color: #dd9933;
  border-color: rgba(221,153,51,.8);
  transform: translateY(-1px);
  text-decoration:none;
}

.pk-zoneCard__mapLink:focus-visible{
  outline: 2px solid rgba(221,153,51,.55);
  outline-offset: 3px;
  border-bottom-color: transparent;
  border-radius: 6px;
}
/* =========================================================
   PORTRAITS — TARIFS (PK 2025)
   Coller dans ton CSS (components.css ou pricing.css)
   Accent: #dd9933
   ========================================================= */
.pk-pricing{
  background: #202020;
  padding: clamp(32px, 5vw, 72px) 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.pk-container{
  width: min(1280px, calc(100% - 32px));
  margin: 0 auto;
}

.pk-pricing__head{ margin-bottom: 18px; }
.pk-pricing__title{
  margin: 0 0 10px 0;
  font-size: clamp(1.6rem, 2.4vw, 2.4rem);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.pk-pricing__meta{
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pk-pill{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.88);
  font-size: .95rem;
}

/* GRID */
.pk-pricing__grid{
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 1024px){
  .pk-pricing__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .pk-pricing__grid{ grid-template-columns: 1fr; }
}

/* CARD */
.pk-card{
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 320px;
  border-radius: 16px;
  padding: 18px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  overflow: hidden;
}

.pk-card__top{ display: flex; flex-direction: column; gap: 10px; }
.pk-card__name{
  margin: 0;
  font-size: 1.25rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.pk-card__subtitle{
  margin: 0;
  color: rgba(255,255,255,.78);
  line-height: 1.35;
}

.pk-card__features{
  margin: 8px 0 0 0;
  padding: 0 0 0 18px;
  color: rgba(255,255,255,.88);
  line-height: 1.55;
}

.pk-card__bottom{
  margin-top: auto;            /* WHY: colle le bloc prix+btn en bas */
  padding-top: 16px;
  display: grid;
  gap: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
}

/* PRICE */
.pk-price{
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.pk-price__value{
  font-size: 2.1rem;
  font-weight: 800;
  letter-spacing: .02em;
  color: #dd9933;
  text-shadow: 0 10px 28px rgba(221,153,51,.18);
}

/* BUTTON */
.pk-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 14px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  transition: transform .18s ease, filter .18s ease, background .18s ease;
  will-change: transform;
}

.pk-btn--primary{
  background: #dd9933;
  color: #0b0b0b;
  border: 1px solid rgba(0,0,0,.20);
}

.pk-btn--primary:hover{ transform: translateY(-1px); filter: brightness(1.02); }
.pk-btn--primary:active{ transform: translateY(0); filter: brightness(.98); }
.pk-btn:focus-visible{
  outline: 3px solid rgba(221,153,51,.45);
  outline-offset: 2px;
}

/* FEATURED (Standard) */
.pk-card--featured{
  border-color: rgba(221,153,51,.55);
  box-shadow: 0 16px 40px rgba(0,0,0,.34);
}

.pk-card__badge{
  position: absolute;
  top: 14px;
  right: 14px;
  background: #dd9933;
  color: #0b0b0b;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* FOOTER TEXT */
.pk-pricing__foot{
  margin-top: 18px;
  display: grid;
  gap: 8px;
}
.pk-pricing__hint{
  margin: 0;
  color: rgba(255,255,255,.88);
}
.pk-pricing__fineprint{
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: .95rem;
}
#tarifs-portraits{ scroll-margin-top: 90px; }
@media (max-width: 960px){
  #tarifs-portraits{ scroll-margin-top: 110px; }
}

/* =============================== */
/* PHOTOGRAPHE NAMUR — V2 SECTIONS */
/* =============================== */

.pk-center{ text-align:center; }

/* Startup — CTA sur l'image */
.pk-namur-col-media .col-img-bg{ position: relative; }
.pk-namur-media-cta{
  position:absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  box-shadow: 0 14px 34px rgba(0,0,0,.55);
}
@media (max-width: 560px){
  .pk-namur-media-cta{ right: 10px; bottom: 10px; }
}

/* Bullets dans le bloc orange (compact + lisible) */
.pk-namur-bullets{
  list-style: none;
  margin: 16px 0 14px;
  padding: 0;
  display: grid;
  gap: 10px;
  text-align: left;
  font-family: system-ui;
  font-weight: 600;
}
.pk-namur-bullets li{
  position: relative;
  padding-left: 18px;
  line-height: 1.55;
}
.pk-namur-bullets li::before{
  content:"";
  position:absolute;
  left:0;
  top: .55em;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: rgba(0,0,0,.85);
  box-shadow: 0 0 0 3px rgba(255,255,255,.35);
}
.pk-namur-note{
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.6;
  opacity: .9;
}

/* Section 2 — mini portfolio (8) */
.pk-namur-gallery{
  background: #101010;
  border-top: 1px solid #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
}
.pk-namur-shot {
    margin: 0;
    color: #ddd;
    text-decoration: none;
}

.pk-namur-shot figcaption{
  text-align: center;
  margin-top: 10px;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.05rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.88);
}
.pk-namur-grid {
    margin-top: 26px;
    text-transform: uppercase;
    color: #ddd;
    text-decoration: none;
    margin-bottom: 44px;
}

/* Section 3 — avis google slider (3 visibles, 1 step/3s) */
.pk-namur-reviews{
  padding: 2px 0px 44px;
  background: url(/images/background-images/stratup-bg.avif) center/cover no-repeat fixed;
  border-bottom: 1px solid #2a2a2a;
}
.pk-reviews{
  max-width: 1180px;
  margin: 24px auto 0;
  background: rgba(0,0,0,.40);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 18px 18px 14px;
  backdrop-filter: blur(2px);
}
.pk-reviews__viewport{
  overflow: hidden;
}
.pk-reviews__track{
  display:flex;
  gap: 18px;
  will-change: transform;
}
.pk-testimonial{
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 16px 16px 14px;
  min-height: 146px;
}
.pk-reviews__meta{
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.78);
  font-family: system-ui;
  font-weight: 600;
}

@media (max-width: 900px){
  .pk-reviews{ padding: 16px; }
  .pk-testimonial{ min-height: 156px; }
}

@media (max-width: 560px){
  .pk-namur-reviews{ padding: 56px 0; }
}

/* Section 4 — A propos */
.pk-namur-about{
  padding: 12px 12px 44px;
  background: #101010;
  border: 1px solid #2a2a2a;
}
.pk-namur-about__grid {
    max-width: 1180px;
    margin: 24px auto 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    border: 1px solid #404040;
    padding: 24px;
}
.pk-namur-about__card{
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 18px 18px 16px;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}
.pk-namur-about__card p{
  margin: 0 0 12px;
  line-height: 1.75;
  color: rgba(255,255,255,.88);
  font-family: system-ui;
}
.pk-namur-about__title{
  margin: 0 0 12px;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #dd9933;
  font-size: 1.25rem;
}
.pk-namur-about__list ul{
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: grid;
  gap: 10px;
}
.pk-namur-about__list li{
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 10px;
  align-items: start;
  color: rgba(255,255,255,.86);
  font-family: system-ui;
  line-height: 1.55;
}
.pk-namur-about__list .pk-dot{
  width: 8px;
  height: 8px;
  margin-top: 8px;
  border-radius: 50%;
  background: #dd9933;
  box-shadow: 0 0 0 4px rgba(221,153,51,.14);
}
@media (max-width: 960px){
  .pk-namur-about__grid{ grid-template-columns: 1fr; }
}

.pk-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.pk-portfolio-grid a {
  text-align: center;
  text-decoration: none;
  color: #fff;
}

.pk-portfolio-grid img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.pk-portfolio-grid h3 {
  margin-top: 8px;
  font-size: 0.95rem;
  opacity: 0.85;
}

/* mobile */
@media (max-width: 768px) {
  .pk-portfolio-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* PK mini-portfolio — robust fix (img + h3 under thumbs) */
.pk-portfolio-mini .pk-portfolio-grid a{
  display:flex;
  flex-direction:column;
  gap:10px;                 /* espace contrôlé entre image et H3 */
  text-decoration:none;
  color:inherit;
  background:transparent;   /* évite les cartes noires involontaires */
  padding:0;                /* neutralise padding hérités */
}

.pk-portfolio-mini .pk-portfolio-grid img{
  display:block;            /* supprime l’espace inline sous l’image */
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:10px;       /* optionnel, fait plus premium */
}

.pk-portfolio-mini .pk-portfolio-grid h3{
  margin:0;                 /* supprime marges par défaut */
  text-align:center;
  font-size:0.95rem;
  line-height:1.2;
  opacity:.9;
}

/* Desktop 4 colonnes / Mobile 2 colonnes */
.pk-portfolio-mini .pk-portfolio-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}

@media (max-width: 768px){
  .pk-portfolio-mini .pk-portfolio-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

.pk-thumb {
  position: relative;
  overflow: hidden;
}

.pk-thumb img {
  transition: transform .4s ease;
}

.pk-thumb:hover img {
  transform: scale(1.05);
}

.pk-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  transition: opacity .3s;
}

.pk-thumb:hover::after {
  opacity: 1;
}

.pk-hero-sub {
  font-size: 1.2rem;
  margin: 1rem 0 1.5rem;
  opacity: 0.9;
}

.pk-hero-cta {
  display: flex;
  gap: 12px;
  margin-bottom: 1.5rem;
}

.pk-btn-primary {
  background: #dd9933;
  color: #000;
}

.pk-btn-secondary {
  border: 1px solid #fff;
  color: #fff;
}

.pk-hero-trust {
  list-style: none;
  padding: 0;
  font-size: 0.9rem;
  opacity: 0.8;
}

/* Photographe Namur — Hero (CTA + trust + proof) */
.pk-hero-sub{
  margin: .75rem 0 1rem;
  font-size: 1.05rem;
  line-height: 1.35;
  opacity: .92;
}

.pk-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 1rem 0 1rem;
    justify-content: center;
}

.pk-hero-trust{
  list-style: none;
    padding: 0;
    margin: 0 0 .75rem;
    font-size: 18px;
    opacity: .9;
    font-family: 'system-ui';
    font-weight: 600;
}

.pk-hero-trust li{
  margin: .25rem 0;
}

.pk-hero-proof{
  margin: 2.8rem 0 0;
    font-size: .9rem;
    opacity: .85;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 8px;
    border-radius: 6px;
}

.pk-btn.pk-btn--ghost{
  background: transparent;
  color: inherit;
  border: 1px solid rgba(0,0,0,.35);
}

.pk-namur-col-media .pk-btn.pk-btn--ghost,
.pk-namur-col-media .pk-btn.pk-btn--ghost:hover{
  border-color: rgba(255,255,255,.35);
}

@media (max-width: 680px){
  .pk-hero-cta a{
    width: 100%;
    justify-content: center;
  }
}

/* Hero — hiérarchie CTA + nettoyage */
.pk-hero-cta .pk-btn--primary {
    background: rgba(0, 0, 0, .8);
    color: #ccc;
    border: 1px solid rgba(0, 0, 0, .25);
    font-family: 'Bebas Neue';
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 0.1rem;
}

.pk-hero-cta .pk-btn--ghost{
  background:transparent;
  color:#000;
  border:1px solid rgba(0,0,0,.35);
}

.pk-hero-cta .pk-btn--ghost:hover{
  background:rgba(0,0,0,.06);
}

/* Droite: calmer le texte (éviter "2e hero") */
.pk-namur-col-media p{
  max-width: 52ch;
  margin: 14px 0 0;
  opacity: .92;
}

.page-news-single .pk-compare__grid {
    display: grid;
    grid-template-columns: auto;
}