/* Deeper premium redesign while keeping the same messaging and palette. */

/* HERO */
.hero{
  min-height:660px;
  background:
    linear-gradient(90deg, rgba(248,244,239,.98) 0%, rgba(248,244,239,.92) 30%, rgba(248,244,239,.42) 56%, rgba(248,244,239,.12) 72%),
    url("../assets/ania-hero-premium.webp") 76% center/cover no-repeat;
}
.hero-layout{min-height:660px;grid-template-columns:1fr .94fr}
.hero-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:720px;
  padding:72px 0 84px;
}
.hero-content .button-row{margin-top:6px}
.hero-visual--background-only{height:660px}
.hero-visual--background-only .hero-signature{
  right:3%;
  top:20%;
  font-size:clamp(29px,2.7vw,40px);
}
.hero-visual--background-only .hero-seal{
  right:6%;
  bottom:40px;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:120px;
  background:linear-gradient(180deg, transparent, rgba(248,244,239,.7) 70%, #fffaf6 100%);
  pointer-events:none;
}

/* CHOICES — rebuilt into more editorial vertical cards */
.choices{padding:86px 0 90px}
.choices .section-heading{margin-bottom:40px}
.choices .section-heading h2{margin-bottom:10px}
.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.choice-card{
  grid-template-columns:1fr;
  min-height:0;
  border-radius:28px;
  overflow:hidden;
  position:relative;
}
.choice-image{min-height:0;aspect-ratio:1.15}
.choice-image::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:38%;
  background:linear-gradient(to top, rgba(50,34,23,.12), transparent);
  pointer-events:none;
}
.choice-body{padding:28px 28px 26px}
.choice-body .card-index{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(176,139,105,.10);border:1px solid rgba(176,139,105,.18);margin-bottom:16px}
.choice-body h3{font-size:38px;line-height:1.02;margin-bottom:12px}
.choice-body p{font-size:13px;line-height:1.8;margin-bottom:18px;max-width:38ch}
.choice-card:first-child{transform:translateY(0)}
.choice-card:last-child{transform:translateY(26px)}
.choice-card:hover{transform:translateY(-8px)}
.choice-card:last-child:hover{transform:translateY(18px)}

/* PREVIEW SECTION */
.preview-section{padding:88px 0}
.preview-layout{grid-template-columns:.8fr 1.46fr .46fr;gap:34px;align-items:center}
.preview-copy{max-width:400px}
.preview-copy h2{max-width:420px}
.preview-copy .preview-cta{margin-top:28px;max-width:430px}
.compare-wrap{
  min-width:0;
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.26));
  border:1px solid rgba(156,122,91,.14);
  border-radius:30px;
  padding:18px 18px 16px;
  box-shadow:0 18px 40px rgba(76,55,39,.10);
}
.compare{border-radius:24px;aspect-ratio:1.25/1;min-height:410px}
.compare-after,.compare-before img{height:100%;width:100%;object-fit:cover}
.compare-label{bottom:16px}
.image-disclaimer{margin-top:12px;max-width:620px}
.editorial-note{justify-self:end;max-width:200px}

/* GALLERY — rebuilt into asymmetric premium wall */
.gallery-section{padding:78px 0 94px}
.gallery-layout{grid-template-columns:.74fr 1.8fr;gap:48px;align-items:start}
.gallery-intro{position:sticky;top:102px}
.gallery-grid{
  grid-template-columns:repeat(5,1fr);
  grid-auto-rows:110px;
  gap:10px;
}
.gallery-tile{border-radius:20px;aspect-ratio:auto}
.gallery-tile:nth-child(1){grid-column:span 2;grid-row:span 3}
.gallery-tile:nth-child(2){grid-column:span 1;grid-row:span 2}
.gallery-tile:nth-child(3){grid-column:span 1;grid-row:span 2}
.gallery-tile:nth-child(4){grid-column:span 1;grid-row:span 3}
.gallery-tile:nth-child(5){grid-column:span 2;grid-row:span 2}
.gallery-tile:nth-child(6){grid-column:span 1;grid-row:span 2}
.gallery-tile:nth-child(7){grid-column:span 1;grid-row:span 2}
.gallery-tile:nth-child(8){grid-column:span 1;grid-row:span 2}
.gallery-tile:nth-child(9){grid-column:span 2;grid-row:span 2}
.gallery-tile:nth-child(10){grid-column:span 1;grid-row:span 2}
.gallery-tile img{object-position:center center}
.gallery-tile span{left:16px;bottom:16px}

/* REVIEWS */
.reviews-section{padding:84px 0}
.reviews-layout{grid-template-columns:.68fr 1.92fr;gap:48px}
.reviews-intro{max-width:360px}
.reviews-track{gap:18px;grid-auto-columns:calc((100% - 36px)/3)}
.review-card{min-height:286px;padding:24px 24px 22px;border-radius:22px}
.review-author strong{font-size:13px}
.review-author span{font-size:10px}

/* ABOUT — rebuilt into photo + elevated content card + features rail */
.about-section{
  grid-template-columns:34% 39% 27%;
  max-width:1360px;
  margin:0 auto 0;
  min-height:560px;
  border-radius:34px;
  overflow:hidden;
}
.about-photo{min-height:560px;background:linear-gradient(180deg,#ede2d7,#d7cabf)}
.about-photo img{object-position:center 22%}
.about-photo::after{
  content:"ESTETYKA · PRECYZJA";
  position:absolute;
  left:28px;
  bottom:26px;
  font:600 10px/1 var(--sans);
  letter-spacing:.24em;
  color:#fff;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.about-content{
  align-self:center;
  margin:42px 0;
  padding:42px clamp(26px,3vw,46px);
  background:rgba(255,253,251,.78);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(156,122,91,.14);
  border-radius:28px;
  box-shadow:0 18px 40px rgba(76,55,39,.08);
}
.about-content>p:not(.eyebrow){font-size:13px}
.about-features{
  margin:42px 32px 42px 0;
  padding:34px 0 34px 28px;
  gap:16px;
}
.about-features>div{
  padding:14px 14px 14px 0;
  border-bottom:1px solid rgba(156,122,91,.12);
}
.about-features>div:last-child{border-bottom:0}
.about-features p{font-size:11px}

/* FAQ */
.faq-section{padding:84px 0 90px}
.faq-layout{grid-template-columns:.72fr 1.45fr;gap:52px}
.faq-list details{border-radius:20px}
.faq-list summary{padding:20px 22px}
.faq-list details>p{padding:0 22px 22px}

/* FINAL CTA */
.final-cta{
  min-height:340px;
  background:linear-gradient(90deg,#ddc6b2 0%,#f6eee6 42%,#efe3d7 100%);
}
.final-cta-image{
  width:41%;
  background:url("../assets/ania-cta-premium.webp") center center/cover no-repeat;
  opacity:.92;
}
.final-cta-inner{
  padding:64px 0;
}
.final-cta-inner>p:not(.eyebrow){max-width:470px}

/* MOBILE + TABLET */
@media(max-width:1190px){
  .hero{background-position:82% center}
  .hero-layout,.preview-layout,.reviews-layout,.faq-layout{gap:30px}
  .gallery-layout{grid-template-columns:.85fr 1.55fr;gap:32px}
  .gallery-grid{grid-auto-rows:95px}
  .about-section{grid-template-columns:36% 38% 26%}
}

@media(max-width:990px){
  .hero,.hero-layout,.hero-visual--background-only{min-height:560px;height:auto}
  .hero-content{padding:52px 0 70px}
  .hero-visual--background-only{height:560px}
  .choices{padding:70px 0 76px}
  .choice-grid{grid-template-columns:1fr 1fr;gap:18px}
  .choice-card:last-child{transform:none}
  .choice-body h3{font-size:34px}
  .preview-layout{grid-template-columns:1fr;gap:24px}
  .compare{min-height:360px}
  .editorial-note{display:none}
  .gallery-layout{grid-template-columns:1fr;gap:28px}
  .gallery-intro{position:static}
  .gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:120px}
  .reviews-layout{grid-template-columns:1fr}
  .about-section{grid-template-columns:1fr;max-width:none;border-radius:0}
  .about-photo{min-height:500px}
  .about-content{margin:0 36px 24px}
  .about-features{margin:0 36px 40px;padding:24px 0 0;border-left:0;border-top:1px solid rgba(156,122,91,.18);display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
  .about-features>div{padding-right:0}
  .faq-layout{grid-template-columns:1fr}
  .final-cta-image{width:38%}
}

@media(max-width:700px){
  .hero{
    min-height:0;
    background:
      linear-gradient(180deg, rgba(248,244,239,.96) 0%, rgba(248,244,239,.72) 44%, rgba(248,244,239,.14) 100%),
      url("../assets/ania-hero-premium.webp") 66% center/cover no-repeat;
  }
  .hero-layout{min-height:0}
  .hero-content{max-width:none;padding:42px 0 18px}
  .hero-visual--background-only{height:320px}
  .hero-visual--background-only .hero-signature{right:2%;top:12%;font-size:22px}
  .hero-visual--background-only .hero-seal{right:2%;bottom:12px}
  .choices{padding:48px 0 52px}
  .choice-grid{grid-template-columns:1fr;gap:14px}
  .choice-card,.choice-card:last-child{transform:none}
  .choice-image{aspect-ratio:1.3}
  .choice-body{padding:20px 20px 18px}
  .choice-body h3{font-size:32px}
  .choice-body p{font-size:12px}
  .preview-section{padding:54px 0}
  .compare-wrap{padding:10px;border-radius:20px}
  .compare{min-height:300px;border-radius:18px}
  .gallery-section{padding:54px 0 60px}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;gap:8px}
  .gallery-tile:nth-child(1),.gallery-tile:nth-child(5),.gallery-tile:nth-child(9){grid-column:span 1;grid-row:span 2}
  .gallery-tile:nth-child(2),.gallery-tile:nth-child(3),.gallery-tile:nth-child(4),.gallery-tile:nth-child(6),.gallery-tile:nth-child(7),.gallery-tile:nth-child(8),.gallery-tile:nth-child(10){grid-column:span 1;grid-row:span 1}
  .reviews-section,.faq-section{padding:56px 0}
  .about-photo{min-height:440px;height:440px}
  .about-content{margin:0 18px 18px;padding:28px 20px}
  .about-features{margin:0 18px 42px;grid-template-columns:1fr}
  .about-features>div{padding:13px 0}
  .final-cta{min-height:320px}
  .final-cta-image{width:58%;opacity:.34}
  .final-cta-inner{padding:56px 0}
}

@media(max-width:390px){
  .hero-visual--background-only{height:300px}
  .compare{min-height:260px}
  .gallery-grid{grid-auto-rows:108px}
  .about-photo{min-height:380px;height:380px}
}