/* Białe tło całej sekcji */
.arseo-page{
  --ink:#182028;
  --muted:#626b72;
  --line:#e9e7e3;
  --soft:#f8f8f7;
  --green:#2c7134;
  --gold:#9c6425;
  --brown:#855022;
  background:#fff;
  color:var(--ink);
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px 14px 58px!important;
}
.arseo-page *{box-sizing:border-box}
.arseo-page a{text-decoration:none}
.arseo-page h1,.arseo-page h2,.arseo-page h3{font-family:Georgia,"Times New Roman",serif;color:var(--ink)}
.arseo-hero{
  min-height:410px;
  padding:52px!important;
  border-radius:24px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 44%,rgba(255,255,255,.18) 75%,rgba(255,255,255,.05) 100%),
    url("https://www.apartamentraciborz.pl/wp-content/gallery/black-white/1.jpg") center/cover no-repeat;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  box-shadow:0 15px 40px rgba(0,0,0,.07);
}
.arseo-hero>*{max-width:620px;margin-left:0!important}
.arseo-kicker,.arseo-eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--brown);margin-bottom:7px!important}
.arseo-hero h1{font-size:clamp(46px,6vw,76px);line-height:.95;letter-spacing:-.04em;margin:0 0 18px!important}
.arseo-hero-sub{font-family:inherit!important;font-size:18px!important;line-height:1.35!important;letter-spacing:.045em;text-transform:uppercase;margin:0 0 14px!important}
.arseo-lead{font-size:16.5px;line-height:1.65;color:#3f474c;margin:0!important}
.arseo-buttons{margin-top:24px!important}
.arseo-primary .wp-block-button__link{
  background:var(--ink)!important;color:#fff!important;border-radius:9px!important;padding:13px 20px!important;font-weight:700;
}
.arseo-buttons .is-style-outline .wp-block-button__link{
  color:var(--ink)!important;border-color:#bdb9b3!important;border-radius:9px!important;padding:12px 20px!important;
}
.arseo-benefits{
  margin:18px 0 28px!important;
  gap:0!important;
  border:1px solid var(--line);
  border-radius:17px;
  overflow:hidden;
  background:#fff;
}
.arseo-benefits p{
  min-height:100px;margin:0!important;padding:20px 14px;text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;font-size:13px;line-height:1.4;
}
.arseo-benefits p:last-child{border-right:0}
.arseo-benefits strong{font-size:14px;color:var(--ink)}
.arseo-section-title{font-size:34px!important;margin:42px 0 18px!important}
.arseo-card{
  max-width:100%!important;
  margin:0 0 22px!important;
  padding:14px!important;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 13px 35px rgba(0,0,0,.055);
}
.arseo-card-columns{gap:30px!important;align-items:stretch!important;margin:0!important}
.arseo-gallery{display:flex;flex-direction:column}
.arseo-main-image{margin:0!important;height:335px;overflow:hidden;border-radius:14px}
.arseo-main-image a{display:block;width:100%;height:100%}
.arseo-main-image img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.arseo-thumbs{
  margin-top:8px!important;
  gap:8px!important;
}
.arseo-thumbs figure{
  height:72px!important;
  margin:0!important;
  overflow:hidden;
  border-radius:8px;
  border:1px solid #eceae6;
}
.arseo-thumbs img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.arseo-thumbs .arseo-crop-2 img{object-position:25% center}
.arseo-thumbs .arseo-crop-3 img{object-position:70% center}
.arseo-thumbs .arseo-crop-4 img{object-position:right center}
.arseo-card-copy{padding:20px 20px 18px 2px}
.arseo-card-copy h3{font-size:42px!important;line-height:1!important;margin:0 0 13px!important}
.arseo-card-copy h3 a{color:var(--ink)!important}
.arseo-card-copy>p:not(.arseo-eyebrow){font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 17px!important}
.arseo-features{
  columns:2;
  column-gap:30px;
  margin:0 0 22px!important;
  padding-left:20px!important;
}
.arseo-features li{break-inside:avoid;margin:0 0 8px;font-size:14px;color:#394147}
.arseo-card-green .arseo-eyebrow{color:var(--green)}
.arseo-card-green .arseo-primary .wp-block-button__link{background:var(--green)!important}
.arseo-card-gold .arseo-eyebrow{color:var(--gold)}
.arseo-card-gold .arseo-primary .wp-block-button__link{background:var(--gold)!important}
.arseo-business{
  margin:28px 0 16px!important;
  padding:28px!important;
  border-radius:18px;
  background:#f5efe8;
  border:1px solid #e9ddd0;
}
.arseo-business h2{font-size:32px!important;margin:0 0 10px!important}
.arseo-business p:not(.arseo-kicker){color:#555f66;line-height:1.65;margin-bottom:18px!important}
.arseo-business-button .wp-block-button__link{
  background:#fff!important;color:#74461f!important;border:1px solid #cda980!important;border-radius:9px!important;font-weight:700;
}
.arseo-local{
  margin:22px 0 0!important;
  padding:28px!important;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.arseo-local h2{font-size:30px!important;margin:0 0 10px!important}
.arseo-local p{line-height:1.7;color:#555f66}
.arseo-local a{color:#6f451f!important;text-decoration:underline!important}

@media(max-width:900px){
  .arseo-hero{padding:36px!important}
  .arseo-card-columns{flex-direction:column!important}
  .arseo-card-columns>.wp-block-column{flex-basis:100%!important}
  .arseo-card-copy{padding:10px 10px 16px!important}
  .arseo-main-image{height:320px}
}
@media(max-width:640px){
  .arseo-page{padding:10px 8px 38px!important}
  .arseo-hero{
    min-height:540px;
    padding:25px!important;
    justify-content:flex-end;
    background:
      linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.65) 44%,rgba(255,255,255,.98) 70%),
      url("https://www.apartamentraciborz.pl/wp-content/gallery/black-white/1.jpg") center top/cover no-repeat;
  }
  .arseo-hero h1{font-size:48px}
  .arseo-benefits{grid-template-columns:1fr 1fr!important}
  .arseo-benefits p{border-bottom:1px solid var(--line)}
  .arseo-main-image{height:245px}
  .arseo-thumbs figure{height:58px!important}
  .arseo-card-copy h3{font-size:34px!important}
  .arseo-features{columns:1}
}


/* V3 — idealne wyśrodkowanie całego modułu względem strony */
body:not(.wp-admin) .arseo-page{
  width:min(1180px, calc(100vw - 32px))!important;
  max-width:none!important;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  margin-left:0!important;
  margin-right:0!important;
}

/* Równe proporcje zdjęcie / opis i symetryczne odstępy w kartach */
.arseo-card-columns{
  column-gap:26px!important;
}
.arseo-card-columns > .wp-block-column:first-child,
.arseo-card-columns > .wp-block-column:last-child{
  flex-basis:50%!important;
}
.arseo-card-copy{
  padding:22px 22px 22px 6px!important;
}

/* Zdjęcie i miniatury wykorzystują całą dostępną szerokość */
.arseo-gallery{
  width:100%;
  min-width:0;
}
.arseo-main-image,
.arseo-thumbs{
  width:100%!important;
}

/* Na telefonie wracamy do naturalnej szerokości */
@media(max-width:900px){
  body:not(.wp-admin) .arseo-page{
    width:calc(100vw - 20px)!important;
  }
  .arseo-card-columns > .wp-block-column:first-child,
  .arseo-card-columns > .wp-block-column:last-child{
    flex-basis:100%!important;
  }
  .arseo-card-copy{
    padding:14px 10px 18px!important;
  }
}


/* V4 PREMIUM — bardziej elegancki wygląd */
body:not(.wp-admin) .arseo-page{
  width:min(1240px, calc(100vw - 40px))!important;
  padding-top:28px!important;
  padding-bottom:72px!important;
}

/* HERO */
.arseo-hero{
  min-height:500px!important;
  border-radius:30px!important;
  padding:66px!important;
  box-shadow:0 24px 65px rgba(0,0,0,.08)!important;
  border:1px solid rgba(0,0,0,.04);
}
.arseo-hero h1{
  font-size:clamp(50px,6.4vw,82px)!important;
  letter-spacing:-.045em!important;
  margin-bottom:22px!important;
}
.arseo-hero-sub{
  max-width:680px;
  font-size:19px!important;
  letter-spacing:.055em!important;
}
.arseo-lead{
  max-width:660px;
  font-size:17px!important;
  line-height:1.72!important;
  color:#40464b!important;
}
.arseo-kicker{
  font-size:11px!important;
  letter-spacing:.22em!important;
}

/* BENEFITY */
.arseo-benefits{
  margin:24px 0 36px!important;
  border-radius:20px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.035);
}
.arseo-benefits p{
  min-height:112px!important;
  padding:24px 16px!important;
}
.arseo-benefits strong{
  font-size:15px!important;
  margin-bottom:3px;
}

/* TYTUŁ SEKCJI */
.arseo-section-title{
  font-size:38px!important;
  letter-spacing:-.02em!important;
  margin:52px 0 24px!important;
}

/* KARTY */
.arseo-card{
  padding:18px!important;
  margin-bottom:30px!important;
  border-radius:26px!important;
  border:1px solid #ece9e4!important;
  box-shadow:0 24px 60px rgba(0,0,0,.065)!important;
  overflow:hidden;
}
.arseo-card-columns{
  gap:34px!important;
}
.arseo-card-copy{
  padding:30px 26px 26px 10px!important;
}
.arseo-card-copy h3{
  font-size:48px!important;
  letter-spacing:-.035em!important;
  margin-bottom:16px!important;
}
.arseo-card-copy>p:not(.arseo-eyebrow){
  font-size:15.5px!important;
  line-height:1.7!important;
}
.arseo-eyebrow{
  font-size:11px!important;
  letter-spacing:.22em!important;
  margin-bottom:8px!important;
}

/* ZDJĘCIA */
.arseo-main-image{
  height:410px!important;
  border-radius:18px!important;
}
.arseo-main-image img{
  transition:transform .45s ease, filter .45s ease;
}
.arseo-main-image:hover img{
  transform:scale(1.018);
  filter:saturate(1.04) contrast(1.02);
}
.arseo-thumbs{
  margin-top:10px!important;
  gap:10px!important;
}
.arseo-thumbs figure{
  height:86px!important;
  border-radius:10px!important;
  border:1px solid #ece9e4!important;
  box-shadow:0 5px 16px rgba(0,0,0,.04);
}

/* CECHY */
.arseo-features{
  column-gap:34px!important;
  margin-top:4px!important;
  margin-bottom:26px!important;
}
.arseo-features li{
  margin-bottom:10px!important;
  font-size:14.5px!important;
  line-height:1.45;
}

/* PRZYCISKI PREMIUM */
.arseo-primary .wp-block-button__link{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px!important;
  border-radius:10px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  box-shadow:0 10px 22px rgba(24,32,40,.14);
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.arseo-primary .wp-block-button__link:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(24,32,40,.18);
}
.arseo-buttons .is-style-outline .wp-block-button__link{
  min-height:50px;
  border-radius:10px!important;
  padding:13px 22px!important;
  background:#fff!important;
  font-weight:700;
}

/* subtelne akcenty kart */
.arseo-card-dark{
  background:linear-gradient(180deg,#fff 0%,#fcfcfb 100%);
}
.arseo-card-green{
  background:linear-gradient(180deg,#fff 0%,#fbfdfb 100%);
}
.arseo-card-gold{
  background:linear-gradient(180deg,#fff 0%,#fdfbf8 100%);
}

/* biznes */
.arseo-business{
  margin-top:38px!important;
  padding:38px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#f5efe8 0%,#fbf8f4 100%)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.045);
}
.arseo-business h2{
  font-size:38px!important;
  letter-spacing:-.02em!important;
}
.arseo-business p:not(.arseo-kicker){
  font-size:15.5px!important;
  line-height:1.7!important;
}

/* lokalna sekcja */
.arseo-local{
  margin-top:28px!important;
  padding:34px!important;
  border-radius:22px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.035);
}
.arseo-local h2{
  font-size:34px!important;
}

/* lepszy mobile */
@media(max-width:900px){
  body:not(.wp-admin) .arseo-page{
    width:calc(100vw - 24px)!important;
  }
  .arseo-hero{
    min-height:450px!important;
    padding:42px!important;
  }
  .arseo-main-image{
    height:360px!important;
  }
}
@media(max-width:640px){
  body:not(.wp-admin) .arseo-page{
    width:calc(100vw - 16px)!important;
    padding-top:8px!important;
  }
  .arseo-hero{
    min-height:560px!important;
    padding:28px 22px!important;
    border-radius:22px!important;
  }
  .arseo-hero h1{
    font-size:48px!important;
  }
  .arseo-card{
    padding:10px!important;
    border-radius:20px!important;
  }
  .arseo-card-copy{
    padding:16px 12px 20px!important;
  }
  .arseo-card-copy h3{
    font-size:36px!important;
  }
  .arseo-main-image{
    height:255px!important;
    border-radius:14px!important;
  }
  .arseo-thumbs figure{
    height:62px!important;
  }
  .arseo-business,
  .arseo-local{
    padding:24px!important;
    border-radius:18px!important;
  }
}


/* V5 — 8 benefitów + dopracowanie SEO/premium */
.arseo-benefits{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.arseo-benefits p{
  min-height:112px!important;
  border-right:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
}
.arseo-benefits p:nth-child(4n){
  border-right:0!important;
}
.arseo-benefits p:nth-last-child(-n+4){
  border-bottom:0!important;
}
.arseo-card-copy h3{
  font-size:42px!important;
  line-height:1.05!important;
}
@media(max-width:900px){
  .arseo-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .arseo-benefits p:nth-child(4n){
    border-right:1px solid var(--line)!important;
  }
  .arseo-benefits p:nth-child(2n){
    border-right:0!important;
  }
  .arseo-benefits p:nth-last-child(-n+4){
    border-bottom:1px solid var(--line)!important;
  }
  .arseo-benefits p:nth-last-child(-n+2){
    border-bottom:0!important;
  }
}
@media(max-width:520px){
  .arseo-benefits{
    grid-template-columns:1fr!important;
  }
  .arseo-benefits p{
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  .arseo-benefits p:last-child{
    border-bottom:0!important;
  }
}


/* V6 — pasek korzyści w jednym rzędzie na desktopie */
.arseo-benefits{
  display:grid!important;
  grid-template-columns:repeat(8, minmax(0, 1fr))!important;
  gap:0!important;
  width:100%!important;
}
.arseo-benefits > p{
  min-width:0!important;
  min-height:98px!important;
  padding:18px 10px!important;
  border-right:1px solid var(--line)!important;
  border-bottom:0!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.arseo-benefits > p:last-child{
  border-right:0!important;
}
.arseo-benefits strong{
  display:block;
  font-size:13px!important;
  line-height:1.25!important;
  margin-bottom:4px!important;
}

/* trochę ciaśniej, żeby 8 kafelków mieściło się elegancko */
body:not(.wp-admin) .arseo-page{
  width:min(1280px, calc(100vw - 36px))!important;
}
.arseo-section-title{
  margin-top:44px!important;
}

/* tablet */
@media(max-width:1100px){
  .arseo-benefits{
    grid-template-columns:repeat(4, minmax(0,1fr))!important;
  }
  .arseo-benefits > p{
    border-bottom:1px solid var(--line)!important;
  }
  .arseo-benefits > p:nth-child(4n){
    border-right:0!important;
  }
  .arseo-benefits > p:nth-last-child(-n+4){
    border-bottom:0!important;
  }
}

/* mobile */
@media(max-width:640px){
  .arseo-benefits{
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
  }
  .arseo-benefits > p{
    min-height:92px!important;
    padding:16px 10px!important;
    font-size:12px!important;
    border-right:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  .arseo-benefits > p:nth-child(2n){
    border-right:0!important;
  }
  .arseo-benefits > p:nth-last-child(-n+2){
    border-bottom:0!important;
  }
}


/* V7 — badge z ikoną i liczbą osób obok nazwy apartamentu */
.arseo-title-row{
  gap:14px!important;
  align-items:flex-start!important;
  margin-bottom:14px!important;
}
.arseo-title-row h3{
  flex:1 1 auto;
  margin:0!important;
}
.arseo-title-row .arseo-badge{
  flex:0 0 auto;
  margin:2px 0 0!important;
}
.arseo-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:#f4f5f6;
  border:1px solid #e7e7e7;
  color:#27313a;
  font-size:13px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}
.arseo-badge__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  border:1px solid #dfdfdf;
  font-size:12px;
  line-height:1;
}

@media(max-width:640px){
  .arseo-title-row{
    display:block!important;
  }
  .arseo-title-row .arseo-badge{
    display:inline-flex;
    margin-top:10px!important;
  }
}


/* V8 PRO — eleganckie badge osób i metrażu */
.arseo-badge-group{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
  max-width:220px;
}
.arseo-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  background:#f3f5f6!important;
  border:1px solid #e1e5e8!important;
  color:#28323a!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.01em;
  white-space:nowrap;
}
.arseo-badge__icon{
  width:20px!important;
  height:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
}
.arseo-badge__icon svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.arseo-badge--area{
  background:#fff!important;
}
.arseo-card-green .arseo-badge,
.arseo-badge--green{
  background:#eef7ef!important;
  border-color:#dbeadb!important;
  color:#2f6d35!important;
}
.arseo-card-green .arseo-badge--area{
  background:#fff!important;
}
.arseo-card-gold .arseo-badge,
.arseo-badge--gold{
  background:#fbf3e8!important;
  border-color:#ecdcc4!important;
  color:#8d5c1f!important;
}
.arseo-card-gold .arseo-badge--area{
  background:#fff!important;
}
.arseo-title-row{
  align-items:flex-start!important;
}
.arseo-title-row h3{
  max-width:calc(100% - 230px);
}

@media(max-width:760px){
  .arseo-title-row{
    display:block!important;
  }
  .arseo-title-row h3{
    max-width:none!important;
  }
  .arseo-badge-group{
    justify-content:flex-start;
    max-width:none;
    margin-top:12px;
  }
}


/* V9 — mniejsze, bardziej proporcjonalne tytuły kart */
.arseo-card-copy h3,
.arseo-title-row h3{
  font-size:38px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}

@media(max-width:900px){
  .arseo-card-copy h3,
  .arseo-title-row h3{
    font-size:32px!important;
  }
}

@media(max-width:640px){
  .arseo-card-copy h3,
  .arseo-title-row h3{
    font-size:29px!important;
    line-height:1.12!important;
  }
}


/* V10 — mniejszy tytuł tylko na komputerze */
@media(min-width:901px){
  .arseo-card-copy h3,
  .arseo-title-row h3{
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.02em!important;
  }
}

/* Tablet i telefon pozostają bez zmian */
@media(max-width:900px){
  .arseo-card-copy h3,
  .arseo-title-row h3{
    font-size:32px!important;
  }
}

@media(max-width:640px){
  .arseo-card-copy h3,
  .arseo-title-row h3{
    font-size:29px!important;
    line-height:1.12!important;
  }
}