/* =========================================================================
   «Причал» — the modules' pages and the shared blocks with their own
   markup, re-dressed: room and cottage cards, the catalogue with its
   filter, the room page, the «Забронировать» window, online booking,
   the pricing table and the objects map. Linked after the modules' styles.
   ========================================================================= */

.pr-wrap { max-width: var(--w-wide); }

/* -------------------------------------------------------------------------
   Room card
   ------------------------------------------------------------------------- */

.pr-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    height: 100%;
    container-type: inline-size;
}
.pr-body .pr-card.shop-card { padding: 0; background: transparent; border: 0; box-shadow: none; }
.pr-card__media { position: relative; aspect-ratio: 4 / 4.4; overflow: hidden; background: var(--pr-sunk); border-radius: 999px 999px var(--pr-r) var(--pr-r); }
.pr-card__photo-link { display: block; height: 100%; }
.pr-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--ease); }
.pr-card:hover .pr-card__img { transform: scale(1.04); }
.pr-card__ph { position: absolute; inset: 35% 10%; color: var(--pr-lake); opacity: 0.4; }
.pr-card .shop-stickers { z-index: 2; top: auto; bottom: 0.9rem; left: 50%; transform: translateX(-50%); }
.pr-card__body { display: flex; flex: 1; flex-direction: column; gap: 0.75rem; }
.pr-card__title { font-family: var(--font-display); font-weight: 400; font-size: 1.85rem; line-height: 1.05; color: var(--c-text-strong); }
.pr-card__link { color: inherit; text-decoration: none; }
.pr-card__link:hover { color: var(--pr-lake); }
.pr-card__lead { font-weight: 300; font-size: 0.95rem; line-height: 1.6; color: var(--c-text-muted); }
.pr-card__specs { display: flex; flex-wrap: wrap; gap: 0.5rem 1.4rem; margin: 0; padding: 0.75rem 0; border-top: var(--pr-hair); border-bottom: var(--pr-hair); }
.pr-card__spec { display: flex; flex-direction: column-reverse; gap: 0.1rem; min-width: 0; }
.pr-card__spec dt { font-size: 0.68rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-text-faint); }
.pr-card__spec dd { margin: 0; font-size: 0.95rem; color: var(--c-text-strong); }
.pr-card__foot { display: grid; gap: 0.9rem; margin-top: auto; }
.pr-card__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.1rem 0.5rem; }
.pr-card .shop-price__now,
.pr-card .shop-price__value { font-family: var(--font-display); font-size: 1.7rem; font-weight: 500; color: var(--pr-pine); }
.pr-card .shop-price__from { font-family: var(--font-ui); font-size: 0.85rem; color: var(--c-text-muted); }
.pr-card__per { font-size: 0.85rem; color: var(--c-text-muted); }
.pr-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 1.2rem; }
.pr-card .shop-request__btn { min-height: 46px; padding: 0.65rem 1.4rem; }
.pr-card__more { display: inline-flex; align-items: center; min-height: 44px; color: var(--c-link); font-weight: 500; font-size: 0.92rem; text-decoration: none; border-bottom: 1px solid transparent; }
.pr-card__more:hover { border-bottom-color: currentColor; }

/* «Паспарту»: the photo in a thin frame with an even margin. */
html[data-prichal-cards="frame"] .pr-card__media { border-radius: var(--pr-r); padding: 0.6rem; background: var(--pr-surface); border: 1px solid var(--pr-line); aspect-ratio: 4 / 3.6; }
html[data-prichal-cards="frame"] .pr-card__img { border-radius: calc(var(--pr-r) * 0.6); }
html[data-prichal-cards="frame"] .pr-card .shop-stickers { left: 1.2rem; transform: none; top: 1.2rem; bottom: auto; }

.pr-card--row { flex-direction: row; gap: 1.6rem; }
.pr-card--row .pr-card__media { flex: 0 0 36%; aspect-ratio: auto; min-height: 16rem; }

@container (max-width: 17rem) {
    .pr-card__title { font-size: 1.5rem; }
    .pr-card__specs { gap: 0.4rem 1rem; }
}

.pr-body .shop-grid { gap: clamp(1.6rem, 1rem + 2vw, 3rem) clamp(1rem, 0.6rem + 1.6vw, 2.2rem); }
.shop-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* -------------------------------------------------------------------------
   Catalogue page
   ------------------------------------------------------------------------- */

.pr-cat__head {
    position: relative;
    display: grid;
    min-height: clamp(18rem, 12rem + 16vw, 28rem);
    isolation: isolate;
    overflow: hidden;
    background: var(--pr-lake-deep);
    color: #fbf9f4;
}
.pr-cat__head:not(.pr-cat__head--image) { min-height: 0; background: transparent; color: inherit; border-bottom: var(--pr-hair); }
.pr-cat__pic { position: absolute; inset: 0; margin: 0; z-index: -1; }
.pr-cat__pic::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(16 28 32 / 0.15) 0%, rgb(16 28 32 / 0.72) 100%); }
.pr-cat__img { width: 100%; height: 100%; object-fit: cover; }
.pr-cat__intro { align-self: end; width: 100%; max-width: var(--w-wide); margin: 0 auto; padding: clamp(2rem, 1.4rem + 2.5vw, 4rem) var(--gutter) clamp(1.6rem, 1rem + 2vw, 3rem); }
.pr-cat__head--image .shop-crumbs,
.pr-cat__head--image .shop-crumbs a { color: rgb(251 249 244 / 0.82); }
.pr-cat__title { margin-top: 0.6rem; font-family: var(--font-display); font-weight: 300; font-size: var(--t-2xl); line-height: 1; letter-spacing: -0.02em; }
.pr-cat__head--image .pr-cat__title { color: #fffdf8; }
.pr-cat__lead { max-width: 42rem; margin-top: 1rem; font-size: var(--t-md); font-weight: 300; line-height: 1.6; }
.pr-cat__head--image .pr-cat__lead { color: rgb(251 249 244 / 0.88); }
.pr-cat__head:not(.pr-cat__head--image) .pr-cat__lead { color: var(--c-text-muted); }
.pr-cat__count { margin-top: 1rem; font-size: 0.76rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--pr-sand-hi); }
.pr-cat__head:not(.pr-cat__head--image) .pr-cat__count { color: var(--c-mark-text); }
.pr-cat__waves { position: absolute; right: var(--gutter); bottom: 1rem; width: min(24rem, 40%); height: 4rem; color: var(--pr-lake); opacity: 0.3; pointer-events: none; }
.pr-cat__nav { max-width: var(--w-wide); margin: 0 auto; padding: 0 var(--gutter); border-bottom: var(--pr-hair); overflow-x: auto; }
.pr-cat__tabs { display: flex; gap: 0.2rem 2rem; margin: 0; padding: 0; list-style: none; }
.pr-cat__tab {
    display: inline-flex;
    align-items: center;
    min-height: 3.6rem;
    color: var(--c-text-muted);
    font-family: var(--font-display);
    font-size: 1.3rem;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}
.pr-cat__tab:hover { color: var(--c-text-strong); }
.pr-cat__tab[aria-current] { color: var(--c-text-strong); border-bottom-color: var(--pr-sand); }
.pr-cat__wrap { max-width: var(--w-wide); padding-top: var(--s-6); padding-bottom: var(--sp-md); }
.pr-cat .shop-side { background: transparent; }
.pr-cat .shop-toolbar { border-bottom: var(--pr-hair); padding-bottom: 0.8rem; }
.pr-cat__empty { padding: var(--s-7) 0; }
.pr-cat .shop-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pr-cat__views { display: none; }

/* Filter: hairlines, sand ticks, the lake for the chosen */
.pr-body .shop-filter { --c-accent: var(--pr-lake); }
.pr-body .shop-filter__group { border-color: var(--pr-line); }
.pr-body .shop-filter__title,
.pr-body .shop-filter summary { font-family: var(--font-display); font-size: 1.2rem; font-weight: 500; letter-spacing: 0; text-transform: none; }

/* -------------------------------------------------------------------------
   Room page
   ------------------------------------------------------------------------- */

.pr-room .shop-crumbs { padding-top: var(--s-5); }
.pr-room__top {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: clamp(1.5rem, 1rem + 3vw, 4rem);
    align-items: start;
    margin-top: var(--s-4);
}
.pr-room__gallery .shop-gallery { border-radius: var(--pr-r); }
.pr-room__card { position: sticky; top: 7.5rem; display: grid; gap: 1.2rem; }
.pr-room__section { font-size: 0.76rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--c-mark-text); }
.pr-room__title { font-family: var(--font-display); font-weight: 300; font-size: clamp(2.5rem, 1.8rem + 2.8vw, 4.2rem); line-height: 1; letter-spacing: -0.02em; color: var(--c-text-strong); }
.pr-room__lead { font-size: var(--t-md); font-weight: 300; line-height: 1.65; color: var(--c-text-muted); }
.pr-room__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: var(--pr-hair); }
.pr-room__fact { display: flex; flex-direction: column-reverse; gap: 0.15rem; padding: 0.8rem 0.8rem 0.8rem 0; border-bottom: var(--pr-hair); min-width: 0; }
.pr-room__fact:nth-child(even) { padding-inline-start: 0.9rem; border-inline-start: var(--pr-hair); }
.pr-room__fact dt { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-text-faint); }
.pr-room__fact dd { margin: 0; font-size: 1.02rem; color: var(--c-text-strong); overflow-wrap: anywhere; }

.pr-offer { padding: 1.4rem; background: var(--c-surface); border: 1px solid var(--pr-line); border-radius: var(--pr-r); box-shadow: var(--shadow-md); }
.pr-offer__title { font-family: var(--font-ui); font-weight: 600; font-size: 0.74rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c-text-muted); }
.pr-offer__list { display: grid; gap: 0.1rem; margin: 0.6rem 0 0; padding: 0; list-style: none; }
.pr-offer__row { display: flex; align-items: baseline; gap: 0.5rem; padding-block: 0.4rem; }
.pr-offer__name { color: var(--c-text); }
.pr-offer__dots { flex: 1; border-bottom: 1px dotted color-mix(in srgb, var(--c-text) 40%, transparent); transform: translateY(-0.25em); }
.pr-offer__price { font-family: var(--font-display); font-size: 1.5rem; font-weight: 500; color: var(--pr-pine); white-space: nowrap; }
.pr-offer__single { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2rem 0.6rem; }
.pr-offer .shop-price__now,
.pr-offer .shop-price__value { font-family: var(--font-display); font-size: 2.3rem; font-weight: 500; color: var(--pr-pine); }
.pr-offer__actions { margin-top: 1.1rem; display: grid; grid-template-columns: 1fr auto; gap: 0.6rem; }
.pr-offer__actions .shop-request,
.pr-offer__actions .shop-request__btn { width: 100%; }
.pr-offer__note { margin-top: 0.8rem; font-size: 0.86rem; color: var(--c-text-muted); }

.pr-room__details {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    grid-template-areas: 'desc amen' 'desc specs';
    gap: var(--s-6) clamp(1.5rem, 1rem + 3vw, 4rem);
    margin-top: clamp(3rem, 2rem + 4vw, 6rem);
    padding-top: var(--s-6);
    border-top: var(--pr-hair);
    align-items: start;
}
.pr-room__desc { grid-area: desc; }
.pr-room__amen { grid-area: amen; padding: 1.4rem; background: var(--pr-lake-soft); border-radius: var(--pr-r); }
.pr-room__specs { grid-area: specs; }
.pr-room__h2 { margin-bottom: 1rem; font-family: var(--font-display); font-weight: 400; font-size: var(--t-xl); line-height: 1.05; color: var(--c-text-strong); }
.pr-room__amen .pr-room__h2 { font-size: 1.8rem; }
.pr-spec { display: grid; margin: 0; }
.pr-spec__row { display: flex; align-items: baseline; gap: 0.6rem; padding-block: 0.7rem; border-bottom: 1px dotted color-mix(in srgb, var(--c-text) 28%, transparent); }
.pr-spec__row dt { flex: 1 1 auto; color: var(--c-text-muted); }
.pr-spec__row dd { margin: 0; color: var(--c-text-strong); text-align: end; }
.pr-related { padding-block: var(--sp-sm) var(--sp-md); }
.pr-related .shop-related__title { font-family: var(--font-display); font-weight: 300; font-size: var(--t-xl); margin-bottom: var(--s-6); }

/* -------------------------------------------------------------------------
   «Забронировать» window (shop/request-button.twig) and the shop's dialogs
   ------------------------------------------------------------------------- */

.pr-body .shop-dialog { border-radius: calc(var(--pr-r) + 0.6rem); background: var(--pr-surface); }
.pr-body .shop-dialog :is(h2, .shop-dialog__title) { font-family: var(--font-display); font-weight: 400; font-size: 1.9rem; }
.pr-body .shop-form__input { border-radius: calc(var(--pr-r) * 0.7); }
.pr-body .shop-form__input:focus-visible { outline: 2px solid var(--pr-lake); outline-offset: 1px; }
.pr-body .pr-dates__field .shop-form__label { font-weight: 600; font-size: 0.74rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-mark-text); }

/* -------------------------------------------------------------------------
   Online booking (shared `booking` block)
   ------------------------------------------------------------------------- */

.pr-body .cms-booking__legend { font-family: var(--font-display); font-size: 1.6rem; font-weight: 400; }
.pr-body .cms-booking__num { background: var(--pr-lake); color: #fbf9f4; }
.pr-body .cms-booking__card { border-radius: var(--pr-r); background: var(--c-surface); }
.pr-body .cms-booking__card-title { font-family: var(--font-display); font-size: 1.3rem; font-weight: 500; }
.pr-body .cms-booking__price { color: var(--pr-pine); font-weight: 600; }
.pr-body .cms-booking__chip { border-radius: 999px; }
.pr-body .cms-booking__radio:checked + :is(.cms-booking__card, .cms-booking__chip) { border-color: var(--pr-lake); box-shadow: 0 0 0 1px var(--pr-lake) inset; background: var(--pr-lake-soft); }

/* -------------------------------------------------------------------------
   Pricing table (shared `pricing_table`)
   ------------------------------------------------------------------------- */

.pr-body .cms-ptable [class*="__name"] { font-family: var(--font-display); font-size: 1.7rem; font-weight: 400; }
.pr-body .cms-ptable [class*="__price"]:not([class*="old"]) { font-family: var(--font-display); font-weight: 500; color: var(--pr-pine); }
.pr-body .cms-ptable [class*="--featured"] { --c-accent: var(--pr-lake); }
.pr-body .cms-ptable [class*="__badge"] { background: var(--pr-sand); color: #1f1a12; border-radius: 999px; }

/* -------------------------------------------------------------------------
   Objects map (shared `objects_map`): lake-blue pins with a sand ring
   ------------------------------------------------------------------------- */

.pr-body .cms-objmap [class*="__plan"] { border-radius: var(--pr-r); overflow: hidden; }
.pr-body .cms-objmap [class*="__pin"] { --c-accent: var(--pr-lake); }
.pr-body .cms-objmap [class*="__title"] { font-family: var(--font-display); font-size: 1.3rem; font-weight: 500; }

/* -------------------------------------------------------------------------
   Phones and tablets
   ------------------------------------------------------------------------- */

@media (max-width: 74.99rem) {
    .pr-cat .shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 63.99rem) {
    .pr-room__top,
    .pr-room__details { grid-template-columns: minmax(0, 1fr); }
    .pr-room__details { grid-template-areas: 'desc' 'amen' 'specs'; }
    .pr-room__card { position: static; }
    .shop-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 35.99rem) {
    .shop-grid--3,
    .pr-cat .shop-grid,
    .pr-body .shop-grid,
    .pr-body .cms-items--grid.shop-items { grid-template-columns: minmax(0, 1fr); }
    .pr-card--row { flex-direction: column; }
    .pr-offer__actions { grid-template-columns: minmax(0, 1fr); }
    .pr-cat__waves { display: none; }
    .pr-card__media { aspect-ratio: 4 / 3.8; }
}

@media (prefers-reduced-motion: reduce) {
    .pr-card__img { transition: none; }
    .pr-card:hover .pr-card__img { transform: none; }
}