.price-hero{padding:62px 0 58px;text-align:center;background:linear-gradient(120deg,#fbf7f2,#f1dfcd)}
.price-hero h1{font:500 43px/1.2 "Playfair Display",serif;margin:10px 0}
.price-hero p:last-child{max-width:620px;margin:0 auto;color:#625b55}
.instagram-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.footer-contact p{display:flex;align-items:flex-start;gap:9px;margin:5px 0}
.footer-contact p svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Elegant booking controls. Explicit SVG sizing prevents browser-default
   300 × 150 SVG boxes from appearing inside the price cards. */
.price-page .booking-icon{
  display:block;
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.price-card>a.booking-cta{
  min-height:44px;
  margin-top:auto;
  padding:0 15px;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  border:1px solid rgba(185,133,79,.5);
  border-radius:4px;
  background:rgba(185,133,79,.055);
  color:#a66f38;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}

.price-card>a.booking-cta i{margin-left:auto;font-size:14px}
.price-card>a.booking-cta:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-1px)}
.price-card:nth-child(2)>a.booking-cta{background:rgba(255,255,255,.045);border-color:rgba(211,161,109,.55);color:#e0ad77}
.price-card:nth-child(2)>a.booking-cta:hover{background:#c28a52;border-color:#c28a52;color:#fff}
.massage-prices>.booking-cta{display:inline-flex;align-items:center;gap:9px}

@media(max-width:720px){
  .price-card>a.booking-cta{min-height:46px;font-size:9px}
}

/* Mobilný úvod cenníka: nadpis a vysvetlenie patria do jedného stĺpca. */
@media(max-width:768px){
  .price-page .pricing-head{
    width:100%;
    display:block;
    margin-bottom:clamp(40px,11vw,52px);
  }

  .price-page .pricing-head>div,
  .price-page .pricing-head>p{
    width:100%;
    max-width:none;
    min-width:0;
  }

  .price-page .pricing-head .overline{
    margin:0 0 clamp(18px,5vw,24px);
  }

  .price-page .pricing-head h2{
    width:100%;
    margin:0;
    font-size:clamp(44px,12vw,52px);
    line-height:1.02;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }

  .price-page .pricing-head>p{
    margin:clamp(24px,7vw,30px) 0 0;
    font-size:clamp(17px,4.4vw,19px);
    line-height:1.58;
    text-align:left;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
}