/* =========================================================

   POLACY NA DOMINIKANIE

   SESJE FOTOGRAFICZNE — MODERN EDITORIAL 2026

   ========================================================= */



.pnd-photo-modern,

.pnd-photo-modern * {

  box-sizing: border-box !important;

}



.pnd-photo-modern {

  width: calc(100vw - 20px) !important;

  max-width: calc(100vw - 20px) !important;



  margin-left: calc(50% - 50vw + 10px) !important;

  margin-right: 0 !important;



  color: #24363d;



  background: #fafbfa;



  font-family:

    Inter,

    "Segoe UI",

    Arial,

    sans-serif;



  overflow: hidden;

}





/* =========================================================

   WSPÓLNE

   ========================================================= */



.pnd-photo-shell {

  width: 100%;

  max-width: 1320px;



  margin: 0 auto;



  padding-left: 34px;

  padding-right: 34px;

}



.pnd-photo-eyebrow {

  display: inline-flex;

  align-items: center;



  gap: 10px;



  color: #567a89;



  font-size: 11px;

  font-weight: 850;



  line-height: 1;



  letter-spacing: 1.6px;



  text-transform: uppercase;

}



.pnd-photo-eyebrow::before {

  content: "";



  width: 26px;

  height: 2px;



  background: #d17b59;



  border-radius: 999px;

}





/* =========================================================

   01. HERO

   ========================================================= */



.pnd-photo-hero {

  position: relative;



  min-height: 620px;



  display: flex;

  align-items: flex-end;



  padding: 64px 0;



  background:

    linear-gradient(

      90deg,

      rgba(19, 43, 55, .76) 0%,

      rgba(19, 43, 55, .48) 42%,

      rgba(19, 43, 55, .12) 72%,

      rgba(19, 43, 55, .04) 100%

    ),

    url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=88")

    center center / cover no-repeat;

}



.pnd-photo-hero-content {

  position: relative;

  z-index: 2;



  max-width: 720px;

}



.pnd-photo-hero .pnd-photo-eyebrow {

  color: rgba(255,255,255,.82);

}



.pnd-photo-hero .pnd-photo-eyebrow::before {

  background: #ffd66d;

}



.pnd-photo-hero h1 {

  max-width: 720px;



  margin: 14px 0 0 !important;



  color: #ffffff !important;



  font-size:

    clamp(

      46px,

      6vw,

      82px

    ) !important;



  font-weight: 800 !important;



  line-height: .96 !important;



  letter-spacing: -2.5px !important;

}



.pnd-photo-hero h1 span {

  color: #ffd66d !important;

}



.pnd-photo-hero-text {

  max-width: 650px;



  margin: 20px 0 0 !important;



  color: rgba(255,255,255,.92) !important;



  font-size: 17px !important;



  font-weight: 500 !important;



  line-height: 1.62 !important;

}



.pnd-photo-hero-actions {

  display: flex;

  flex-wrap: wrap;



  gap: 10px;



  margin-top: 25px;

}



.pnd-photo-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;



  min-height: 48px;



  padding: 13px 21px;



  border-radius: 8px;



  text-decoration: none !important;



  font-size: 13px;

  font-weight: 800;



  line-height: 1;



  transition:

    transform .18s ease,

    background .18s ease;

}



.pnd-photo-btn-main {

  background: #f3cb61;



  color: #273a42 !important;

}



.pnd-photo-btn-main:hover {

  background: #f9d878;



  color: #273a42 !important;



  transform: translateY(-2px);

}



.pnd-photo-btn-light {

  background: rgba(255,255,255,.13);



  color: #ffffff !important;



  border: 1px solid rgba(255,255,255,.32);

}



.pnd-photo-btn-light:hover {

  background: rgba(255,255,255,.22);



  color: #ffffff !important;



  transform: translateY(-2px);

}





/* =========================================================

   02. KRÓTKIE INTRO

   ========================================================= */



.pnd-photo-intro {

  padding: 70px 0;



  background: #f0f7fa;

}



.pnd-photo-intro-grid {

  display: grid;



  grid-template-columns:

    minmax(0, .9fr)

    minmax(0, 1.1fr);



  gap: 64px;



  align-items: start;

}



.pnd-photo-intro h2 {

  margin: 13px 0 0 !important;



  color: #263b44 !important;



  font-size:

    clamp(

      36px,

      4.2vw,

      56px

    ) !important;



  font-weight: 800 !important;



  line-height: 1 !important;



  letter-spacing: -1.7px !important;

}



.pnd-photo-intro-text {

  padding-top: 8px;

}



.pnd-photo-intro-text p {

  margin: 0 0 14px !important;



  color: #61757e !important;



  font-size: 15px !important;



  line-height: 1.65 !important;

}



.pnd-photo-types {

  display: flex;

  flex-wrap: wrap;



  gap: 8px;



  margin-top: 18px;

}



.pnd-photo-types span {

  padding: 7px 10px;



  background: rgba(255,255,255,.7);



  border: 1px solid #d1e2e9;



  color: #4d6c79;



  font-size: 11px;



  font-weight: 700;

}





/* =========================================================

   03. OFERTY

   ========================================================= */



.pnd-photo-offers {

  padding: 76px 0;



  background: #ffffff;

}



.pnd-photo-offers-head {

  max-width: 760px;



  margin-bottom: 38px;

}



.pnd-photo-offers-head h2 {

  margin: 12px 0 0 !important;



  color: #253a43 !important;



  font-size:

    clamp(

      37px,

      4.5vw,

      60px

    ) !important;



  font-weight: 800 !important;



  line-height: 1 !important;



  letter-spacing: -1.8px !important;

}



.pnd-photo-grid {

  display: grid;



  grid-template-columns:

    repeat(2, minmax(0, 1fr));



  gap: 18px;

}





/* =========================================================

   POJEDYNCZA OFERTA

   ========================================================= */



.pnd-photo-offer {

  display: grid;



  grid-template-columns:

    minmax(0, .9fr)

    minmax(0, 1.1fr);



  min-height: 440px;



  overflow: hidden;



  background: #f7f9f8;



  border: 1px solid #e1e7e5;

}



.pnd-photo-offer-image {

  min-height: 440px;



  overflow: hidden;

}



.pnd-photo-offer-image img {

  width: 100%;

  height: 100%;



  min-height: 440px;



  display: block;



  object-fit: cover;

  object-position: center;



  transition: transform .35s ease;

}



.pnd-photo-offer:hover .pnd-photo-offer-image img {

  transform: scale(1.025);

}



.pnd-photo-offer-copy {

  display: flex;

  flex-direction: column;



  padding: 30px 28px;

}



.pnd-photo-offer-label {

  color: #5c8090;



  font-size: 10px;

  font-weight: 850;



  letter-spacing: 1.4px;



  text-transform: uppercase;

}



.pnd-photo-offer h3 {

  margin: 8px 0 12px !important;



  color: #273b44 !important;



  font-size: 27px !important;



  font-weight: 790 !important;



  line-height: 1.05 !important;



  letter-spacing: -.6px !important;

}



.pnd-photo-offer-desc {

  margin: 0 !important;



  color: #65757c !important;



  font-size: 13.5px !important;



  line-height: 1.55 !important;

}





/* =========================================================

   PARAMETRY

   ========================================================= */



.pnd-photo-facts {

  display: grid;



  grid-template-columns:

    repeat(2, minmax(0, 1fr));



  gap: 0;



  margin-top: 20px;



  border-top: 1px solid #d7dfdd;

  border-left: 1px solid #d7dfdd;

}



.pnd-photo-fact {

  padding: 11px 12px;



  border-right: 1px solid #d7dfdd;

  border-bottom: 1px solid #d7dfdd;



  color: #50646d;



  font-size: 11.5px;



  font-weight: 700;



  line-height: 1.3;

}





/* =========================================================

   CENA

   ========================================================= */



.pnd-photo-price-row {

  display: flex;



  align-items: flex-end;

  justify-content: space-between;



  gap: 15px;



  margin-top: auto;



  padding-top: 24px;

}



.pnd-photo-price small {

  display: block;



  margin-bottom: 3px;



  color: #7a898e;



  font-size: 10px;



  font-weight: 750;



  text-transform: uppercase;



  letter-spacing: .7px;

}



.pnd-photo-price strong {

  display: block;



  color: #c97858;



  font-size: 34px;



  font-weight: 830;



  line-height: 1;

}



.pnd-photo-price span {

  display: block;



  margin-top: 4px;



  color: #7a888d;



  font-size: 11px;

}





/* =========================================================

   CTA OFERTY

   ========================================================= */



.pnd-photo-book {

  display: inline-flex;



  align-items: center;

  justify-content: center;



  min-height: 44px;



  padding: 11px 16px;



  background: #669ab3;



  color: #ffffff !important;



  border-radius: 7px;



  text-decoration: none !important;



  font-size: 12px;



  font-weight: 800;



  text-align: center;



  transition:

    transform .18s ease,

    background .18s ease;

}



.pnd-photo-book:hover {

  background: #5588a0;



  color: #ffffff !important;



  transform: translateY(-2px);

}





/* =========================================================

   04. SESJA INDYWIDUALNA

   ========================================================= */



.pnd-photo-private {

  padding: 0 0 78px;



  background: #ffffff;

}



.pnd-photo-private-inner {

  display: grid;



  grid-template-columns:

    minmax(0, 1fr)

    auto;



  gap: 40px;



  align-items: center;



  padding: 40px 46px;



  background: #eef4ef;



  border-top: 1px solid #dce7de;

  border-bottom: 1px solid #dce7de;

}



.pnd-photo-private h2 {

  margin: 0 !important;



  color: #2d413d !important;



  font-size:

    clamp(

      29px,

      3.4vw,

      43px

    ) !important;



  font-weight: 780 !important;



  line-height: 1.04 !important;



  letter-spacing: -1px !important;

}



.pnd-photo-private p {

  max-width: 800px;



  margin: 10px 0 0 !important;



  color: #65756f !important;



  font-size: 14px !important;



  line-height: 1.6 !important;

}





/* =========================================================

   05. FINAL CTA

   ========================================================= */



.pnd-photo-final {

  padding: 0 0 12px;



  background: #ffffff;

}



.pnd-photo-final-inner {

  display: grid;



  grid-template-columns:

    minmax(0, 1fr)

    auto;



  gap: 40px;



  align-items: center;



  padding: 42px 48px;



  background: #263b44;

}



.pnd-photo-final-label {

  color: #a8cbd9;



  font-size: 10px;

  font-weight: 800;



  letter-spacing: 1.5px;



  text-transform: uppercase;

}



.pnd-photo-final h2 {

  max-width: 750px;



  margin: 9px 0 0 !important;



  color: #ffffff !important;



  font-size:

    clamp(

      29px,

      3.4vw,

      43px

    ) !important;



  font-weight: 770 !important;



  line-height: 1.05 !important;



  letter-spacing: -1px !important;

}



.pnd-photo-final-btn {

  display: inline-flex;



  align-items: center;

  justify-content: center;



  min-height: 50px;



  padding: 14px 20px;



  background: #f0c75d;



  color: #283a40 !important;



  border-radius: 7px;



  text-decoration: none !important;



  font-size: 13px;



  font-weight: 850;



  white-space: nowrap;



  transition:

    background .18s ease,

    transform .18s ease;

}



.pnd-photo-final-btn:hover {

  background: #f7d372;



  color: #283a40 !important;



  transform: translateY(-2px);

}





/* =========================================================

   TABLET

   ========================================================= */



@media (max-width: 1080px) {



  .pnd-photo-grid {

    grid-template-columns: 1fr;

  }



  .pnd-photo-offer {

    grid-template-columns:

      minmax(0, .8fr)

      minmax(0, 1.2fr);

  }



}





@media (max-width: 900px) {



  .pnd-photo-shell {

    padding-left: 26px;

    padding-right: 26px;

  }



  .pnd-photo-intro-grid {

    grid-template-columns: 1fr;



    gap: 22px;

  }



  .pnd-photo-private-inner,

  .pnd-photo-final-inner {

    grid-template-columns: 1fr;



    gap: 22px;

  }



}





/* =========================================================

   MOBILE

   ========================================================= */



@media (max-width: 700px) {



  .pnd-photo-modern {

    width: 100% !important;

    max-width: 100% !important;



    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .pnd-photo-shell {

    padding-left: 20px;

    padding-right: 20px;

  }





  /* HERO */



  .pnd-photo-hero {

    min-height: 500px;



    padding: 46px 0;



    background-position: 58% center;

  }



  .pnd-photo-hero h1 {

    font-size:

      clamp(

        36px,

        9.5vw,

        47px

      ) !important;



    line-height: .98 !important;



    letter-spacing: -1.3px !important;

  }



  .pnd-photo-hero-text {

    margin-top: 15px !important;



    font-size: 14px !important;



    line-height: 1.55 !important;

  }



  .pnd-photo-hero-actions {

    margin-top: 20px;

  }



  .pnd-photo-btn {

    width: 100%;

  }





  /* INTRO */



  .pnd-photo-intro {

    padding: 50px 0;

  }



  .pnd-photo-intro h2 {

    font-size:

      clamp(

        31px,

        8vw,

        40px

      ) !important;

  }



  .pnd-photo-intro-text p {

    font-size: 14px !important;

  }





  /* OFERTY */



  .pnd-photo-offers {

    padding: 52px 0;

  }



  .pnd-photo-offers-head {

    margin-bottom: 27px;

  }



  .pnd-photo-offers-head h2 {

    font-size:

      clamp(

        31px,

        8vw,

        41px

      ) !important;

  }



  .pnd-photo-offer {

    grid-template-columns: 1fr;



    min-height: 0;

  }



  .pnd-photo-offer-image {

    min-height: 260px;

  }



  .pnd-photo-offer-image img {

    min-height: 260px;

    height: 260px;

  }



  .pnd-photo-offer-copy {

    padding: 23px 20px;

  }



  .pnd-photo-offer h3 {

    font-size: 23px !important;

  }



  .pnd-photo-price-row {

    align-items: center;

  }





  /* PRIVATE */



  .pnd-photo-private {

    padding-bottom: 52px;

  }



  .pnd-photo-private-inner {

    padding: 29px 20px;

  }



  .pnd-photo-private h2 {

    font-size:

      clamp(

        28px,

        7.4vw,

        36px

      ) !important;

  }





  /* FINAL */



  .pnd-photo-final-inner {

    padding: 30px 20px;

  }



  .pnd-photo-final h2 {

    font-size:

      clamp(

        28px,

        7.4vw,

        36px

      ) !important;

  }



  .pnd-photo-final-btn {

    width: 100%;

  }



}





/* =========================================================

   SMALL MOBILE

   ========================================================= */



@media (max-width: 480px) {



  .pnd-photo-shell {

    padding-left: 16px;

    padding-right: 16px;

  }



}