.elementor-107 .elementor-element.elementor-element-43e4a46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-107 .elementor-element.elementor-element-43e4a46:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-43e4a46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://panipan.es/wp-content/uploads/2025/09/header.png");background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-107 .elementor-element.elementor-element-43e4a46:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-43e4a46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-bd55330 *//* ===== Panipan · Contacto (pedidos online) ===== */

.pp-contact__title{
  margin:0 0 10px;
  font-size:clamp(26px,3vw,34px);
}

.pp-contact__lead{
  margin:0 0 24px;
  max-width:720px;
  color:#6b4b34;
}

/* Сетка 2 колонки */
.pp-grid--2{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:22px;
}

/* Карточки контакта */
.pp-card{
  background:var(--paper, #fff);
  border-radius:22px;
  border:1px solid rgba(209,161,84,.25);
  padding:20px 22px;
  box-shadow:0 8px 24px rgba(59,42,28,.08);
}

.pp-card h2{
  margin:0 0 10px;
  font-size:clamp(20px,2.4vw,24px);
}

.pp-card p{
  margin:0 0 10px;
  color:#6b4b34;
}

/* Шаги заказа */
.pp-contact__steps{
  list-style:decimal;
  margin:8px 0 14px 18px;
  padding:0;
  color:#6b4b34;
}
.pp-contact__steps li + li{
  margin-top:4px;
}

/* Информативный список справа */
.pp-contact__info{
  list-style:none;
  margin:0 0 14px;
  padding:0;
}
.pp-contact__info li + li{
  margin-top:6px;
}

/* CTA-кнопки */
.pp-contact__ctas{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0 8px;
}

/* Небольшие заметки/бейдж */
.pp-contact__notes{
  margin-top:8px;
}
.pp-contact__notes .badge{
  margin-bottom:4px;
}

/* Аллергены чуть тише */
.pp-allergen{
  font-size:.95rem;
  color:#7a5a3e;
}

/* Адаптив для узких экранов */
@media (max-width:900px){
  .pp-grid--2{
    grid-template-columns:1fr;
  }
}
/* Соцсети в Contacto */
.pp-contact__ctas {
  display: flex;
  gap: 12px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.pp-social-cta {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 999px;
  padding: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.pp-social-cta img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.pp-social-cta:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 6px 16px rgba(0,0,0,.2);
  opacity: .92;
}
/* Контактные соцкнопки */
.pp-contact-socials {
  display: flex;
  gap: 14px;
  margin: 14px 0;
}

/* Каждая кнопка — круглая с монохромным SVG */
.pp-social-cta-svg {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(209,161,84,.35);
  box-shadow: 0 4px 12px rgba(0,0,0,.10);
  color: var(--gold);               /* иконка */
  transition: .15s ease;
}

.pp-social-cta-svg svg {
  width: 22px;
  height: 22px;
  display: block;
}

.pp-social-cta-svg:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
  color: var(--caramel);            /* hover-цвет как в футере */
  border-color: var(--caramel);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43e4a46 *//* ===== Contacto Panipan ===== */
.pp-contact .pp-contact__title{
  font-family:"Cormorant Garamond",serif;
  font-weight:700; line-height:1.04; letter-spacing:.2px;
  font-size:clamp(32px,4.2vw,60px); margin:.2em 0 .25em;
  color:var(--ink,#3B2A1C);
}
.pp-contact .pp-contact__lead{ max-width:740px; opacity:.92; }

/* сетка уже есть в теме; на всякий случай */
.pp-grid{ display:grid; gap:18px; }
.pp-grid--2{ grid-template-columns:1.1fr .9fr; }
@media (max-width:980px){ .pp-grid--2{ grid-template-columns:1fr; } }

/* карточки — используем общий стиль .pp-card; добавим чуть контактовой специфики */
.pp-contact .pp-card h2,
.pp-contact .pp-card h3{
  font-family:"Cormorant Garamond",serif; font-weight:700; line-height:1.12;
  margin:.2em 0 .35em; color:var(--ink,#3B2A1C);
}
.pp-contact .pp-card h2{ font-size:clamp(22px,3vw,34px); }
.pp-contact .pp-card h3{ font-size:clamp(18px,2.2vw,24px); }

.pp-contact__addr{ margin:.2em 0 1em; color:#6b4b34; }
.pp-contact__hours{ margin:.2em 0 1em 1.2em; }
.pp-contact__hours li{ margin:.25em 0; }

.pp-contact__ctas{ display:flex; gap:10px; flex-wrap:wrap; margin:.6em 0 1em; }
.pp-contact__notes .badge{ margin-right:8px; }

/* карта */
.pp-map__wrap{ border-radius:18px; overflow:hidden; box-shadow:0 12px 28px rgba(59,42,28,.10); }
.pp-map__actions{ display:flex; gap:10px; flex-wrap:wrap; margin:.9em 0 .2em; }
.pp-map__hint{ margin:0; font-size:.95rem; opacity:.8; }/* End custom CSS */