:root{
    --sp-blue:#0e5fa8;
    --sp-blue-deep:#0a4477;
    --sp-ink:#16242f;
    --sp-terracotta:#c8722a;
    --sp-cream:#f7f5f1;
  }

  #santorini-padel{
    font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color:var(--sp-ink);
  }

  #santorini-padel h1,
  #santorini-padel h2,
  #santorini-padel h3{
    font-family:'Playfair Display', Georgia, serif;
    font-weight:600;
  }

  #santorini-padel .sp-eyebrow{
    font-size:.8rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    font-weight:600;
    color:var(--sp-blue);
  }
  #santorini-padel .sp-eyebrow.on-dark{ color:#bfe0ff; }

  #santorini-padel .sp-line{
    display:block;
    width:64px;
    height:3px;
    background:var(--sp-terracotta);
    border-radius:2px;
    margin:.9rem 0 1.4rem;
  }
  #santorini-padel .sp-line.center{ margin-inline:auto; }

  /* HERO */
  #santorini-padel .sp-hero{
    position:relative;
    min-height:88vh;
    display:flex;
    align-items:flex-end;
    background:
      linear-gradient(180deg, rgba(10,30,45,.15) 0%, rgba(8,22,34,.35) 55%, rgba(6,16,26,.8) 100%),
      url('https://www.laconciergeriesantorini.com/images/court-1.jpg') center 32% / cover no-repeat;
  }
  #santorini-padel .sp-hero h1{
    line-height:1.05;
    color:#fff;
    font-style:italic;
    font-weight:500;
    font-size: 44px;
    
  }
  #santorini-padel .sp-hero h1 em{
    font-style:normal;
    font-weight:700;
    border-bottom:3px solid var(--sp-terracotta);
  }
  #santorini-padel .sp-hero p.lede{
    color:rgba(255,255,255,.88);
    max-width:46ch;
    font-size:1.1rem;
  }
  #santorini-padel .btn-sp-primary{
    background:#47a4b0;
    border-color:#47a4b0;
    color:#fff;
    letter-spacing:.06em;
    text-transform:uppercase;
    font-size:.85rem;
    font-weight:600;
    padding:.85rem 1.9rem;
    border-radius:2px;
  }
  #santorini-padel .btn-sp-primary:hover{
    background:#000;
    border-color:#000;
    color:#fff;
  }
  #santorini-padel .btn-sp-ghost{
    background:transparent;
    border:1px solid rgba(255,255,255,.55);
    color:#fff;
    letter-spacing:.06em;
    text-transform:uppercase;
    font-size:.85rem;
    font-weight:600;
    padding:.85rem 1.9rem;
    border-radius:2px;
  }
  #santorini-padel .btn-sp-ghost:hover{
    border-color:#fff;
    background:rgba(255,255,255,.08);
    color:#fff;
  }

  /* STAT STRIP */
  #santorini-padel .sp-stats{ background:var(--sp-ink); color:#fff; }
  #santorini-padel .sp-stats .sp-stat{
    border-left:1px solid rgba(255,255,255,.18);
    padding-left:1.25rem;
  }

  .title-Santorini{

        font-size: 29Px;
    line-height: 51px;
  }
  #santorini-padel .sp-stats .sp-num{
    font-family:'Playfair Display', serif;
    font-size:2rem;
    font-weight:600;
    margin-bottom: 17px;
  }
  #santorini-padel .sp-stats .sp-label{
    font-size:.82rem;
    color:rgba(255,255,255,.65);
  }

  /* INTRO */
  #santorini-padel .sp-intro-photo{
    position:relative;
    border-radius:4px;
    overflow:hidden;
    aspect-ratio:4/5;
  }
  #santorini-padel .sp-intro-photo img{
    width:100%; height:100%; object-fit:cover;
  }
  #santorini-padel .sp-intro-tag{
    position:absolute;
    bottom:1rem; left:1rem;
    background:rgba(255,255,255,.92);
    padding:.6rem 1rem;
    font-size:.82rem;
    border-left:3px solid var(--sp-terracotta);
  }

    /* ===== GALLERY ===== */
  .gallery{
    background:var(--cream);
    padding:100px 0 110px;
  }
  .gallery-head{
    text-align:center;
    max-width:600px;
    margin:0 auto 56px;
  }
  .gallery-head h2{
    font-size:clamp(28px,3.2vw,40px);
  }
  .gallery-head p{
    color:#5a6873;
    margin-top:14px;
    font-size:16px;
  }

  .gallery-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows:240px 240px;
    gap:14px;
  }
  .gallery-grid .g-item{
    overflow:hidden;
    border-radius:3px;
    position:relative;
  }
  .gallery-grid .g-item img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .6s cubic-bezier(.2,.7,.2,1);
  }
  .gallery-grid .g-item:hover img{transform:scale(1.06);}

  .g-1{grid-column:1 / 3; grid-row:1 / 3;}
  .g-2{grid-column:3 / 5; grid-row:1;}
  .g-3{grid-column:3 / 4; grid-row:2;}
  .g-4{grid-column:4 / 5; grid-row:2;}

  .g-item::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg, transparent 60%, rgba(10,25,38,0.45) 100%);
    opacity:0;
    transition:opacity .3s ease;
  }
  .g-item:hover::after{opacity:1;}

  /* GALLERY */
  #santorini-padel .sp-gallery{ background:var(--sp-cream); }
  #santorini-padel .sp-g-item{
    overflow:hidden;
    border-radius:3px;
    height:100%;
    min-height:230px;
  }
  #santorini-padel .sp-g-item img{
    width:100%; height:100%; object-fit:cover;
    transition:transform .5s ease;
  }
  #santorini-padel .sp-g-item:hover img{ transform:scale(1.06); }
  #santorini-padel .sp-g-tall{ min-height:480px; }

  /* JOIN / FORM */
  #santorini-padel .sp-join{
    background:linear-gradient(160deg, var(--sp-blue-deep) 0%, var(--sp-blue) 100%);
  }
  #santorini-padel .sp-join-card{
    background:#fff;
    border-radius:4px;
    overflow:hidden;
    box-shadow:0 40px 80px -20px rgba(6,20,32,.45);
  }
  #santorini-padel .sp-join-side{
    background:var(--sp-ink);
    color:#fff;
    padding:3rem;
  }
  #santorini-padel .sp-join-side h2{ color:#fff; }
  #santorini-padel .sp-join-side p{ color:rgba(255,255,255,.78); }
  #santorini-padel .sp-perks{
    list-style:none;
    padding:0;
    margin-top:1.6rem;
  }
  #santorini-padel .sp-perks li{
    display:flex;
    gap:.7rem;
    align-items:flex-start;
    font-size:.92rem;
    color:rgba(255,255,255,.9);
    margin-bottom:.7rem;
  }
  #santorini-padel .sp-perks li::before{
    content:"";
    width:8px; height:8px;
    margin-top:.4rem;
    background:var(--sp-terracotta);
    flex-shrink:0;
    transform:rotate(45deg);
  }

  #santorini-padel .sp-join-form{ padding:3rem; }
  #santorini-padel .sp-join-form label{
    font-size:.78rem;
    letter-spacing:.03em;
    text-transform:uppercase;
    font-weight:600;
    color:#5a6873;
  }
  #santorini-padel .sp-join-form .form-control,
  #santorini-padel .sp-join-form .form-select{
    border-radius:2px;
    border-color:#dfe3e6;
    background:#fbfbfa;
    font-size:.92rem;
    padding:.7rem .85rem;
  }
  #santorini-padel .sp-join-form .form-control:focus,
  #santorini-padel .sp-join-form .form-select:focus{
    border-color:var(--sp-blue);
    box-shadow:0 0 0 .2rem rgba(14,95,168,.12);
    background:#fff;
  }
  #santorini-padel .sp-field-hint{
    font-size:.78rem;
    color:#8a9499;
  }
  #santorini-padel .sp-link-reglement{
    color:var(--sp-blue);
    text-decoration:underline;
    font-weight:600;
    background:none;
    border:none;    line-height: 34px;
    padding:0;
  }
  #santorini-padel .sp-link-reglement:hover{ color:var(--sp-terracotta); }

  #santorini-padel .sp-form-submit{
    background:var(--sp-terracotta);
    border-color:var(--sp-terracotta);
    color:#fff;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:.85rem;
    font-weight:600;
    padding:.9rem 0;
    border-radius:2px;
    width:100%;
  }
  #santorini-padel .sp-form-submit:hover{
    background:#b3631f; border-color:#b3631f; color:#fff;
  }

  /* MODAL content typography */
  #reglementModal .modal-body h6{
    font-size:.78rem;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:var(--sp-blue);
    margin-top:1.3rem;
  }
  #reglementModal .modal-body h6:first-child{ margin-top:0; }


  @media (max-width: 760px){

   #santorini-padel .sp-hero h1{

        font-size: 24px;
       line-height: 34px;
   }

   #santorini-padel .sp-eyebrow{
    font-size: 9px;
   }

   #santorini-padel .sp-hero p.lede{
     
         font-size: 15px;

   }

   .title-Santorini {
    font-size: 21Px;
    line-height: 33px;
}

.padel-title{

        font-size: 23px;
    line-height: 39px;
}

.gallery-grid{

  
      grid-template-rows: 125px 83px;
}

  }