/* Glow Me Loyalty: «Павильон подарков» page and the gift product page button.
   The page is a plain hello-elementor page: main.site-main is
   1140px at ≥1200, 600px at 768–991, full width minus 10px below 576, its .page-header is hidden by the site → the shortcode prints its
   own title. kit-279 restyles h1/a/button and the root font is 8–16px: px only, scoped to .glowme-pavilion. Cards follow catalog loop 353. */
.glowme-pavilion { padding: 32px 0 72px; font-family: HeliosExtC, sans-serif; color: #252525; font-size: 14px; line-height: 20px; }
.glowme-pavilion__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 32px; margin: 0 0 32px; }
.glowme-pavilion__intro { flex: 1 1 420px; min-width: 0; }
.glowme-pavilion .glowme-pavilion__title { margin: 0 0 8px; padding: 0; font-family: inherit; font-size: 28px; line-height: 34px; font-weight: 400; color: #252525; text-transform: none; letter-spacing: 0; }
.glowme-pavilion__lead { margin: 0; color: #777; font-size: 14px; line-height: 20px; }
.glowme-pavilion__balance { flex: none; margin: 0; font-size: 14px; line-height: 24px; text-align: right; }
.glowme-pavilion__balance:has(.glowme-pavilion__badge) { min-height: 40px; } /* badge + «N уже в корзине» line reserved: cards never move on «Получить» */
.glowme-pavilion__badge { display: inline-block; margin-left: 4px; padding: 0 8px; border-radius: 4px; background: #fff8ed; color: #694a18; white-space: nowrap; }
.glowme-pavilion__used { display: block; color: #777; font-size: 12px; line-height: 16px; }
.glowme-pavilion .glowme-pavilion__balance a { color: #252525; text-decoration: underline; text-underline-offset: 3px; }

.glowme-pavilion__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px 16px; margin: 0; padding: 0; list-style: none; }
.glowme-gift { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 0; }
.glowme-pavilion .glowme-gift__image { display: block; aspect-ratio: 2 / 3; overflow: hidden; background: #f9f9f9; }
.glowme-pavilion .glowme-gift__image img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; border-radius: 0; }
.glowme-gift.is-out .glowme-gift__image img { opacity: .5; }
.glowme-pavilion a.glowme-gift__title { margin: 14px 0 0; color: #252525; font-size: 15px; line-height: 20px; text-transform: uppercase; text-decoration: none; overflow-wrap: anywhere; }
.glowme-pavilion a.glowme-gift__title:hover { color: #252525; }
.glowme-gift__price { margin: auto 0 0; padding-top: 10px; font-size: 13px; line-height: 19px; } /* margin-top:auto keeps prices and buttons on one line across a row */

/* Kit button: 1px #252525 on white, radius 4px, still on hover (kit-279). Sentence case, wraps to two lines on narrow cards. */
.glowme-pavilion .glowme-gift__button {
  display: flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; width: 100%; min-height: 40px; margin: 12px 0 0; padding: 6px 12px;
  border: 1px solid #252525; border-radius: 4px; background: #fff; color: #252525;
  font-family: inherit; font-size: 13px; line-height: 16px; font-weight: 400; text-align: center; text-transform: none; text-decoration: none; letter-spacing: 0; white-space: normal; /* theme buttons are nowrap */
  cursor: pointer; transition: none;
}
.glowme-pavilion .glowme-gift__button:is(:hover, :focus) { border-color: #252525; background: #fff; color: #252525; }
.glowme-pavilion .glowme-gift__button:focus-visible { outline: 2px solid #252525; outline-offset: 2px; }
.glowme-pavilion .glowme-gift__button:is(:disabled, :disabled:hover) { border-color: #e8e8e8; background: #fff; color: #777; cursor: default; }
.glowme-pavilion .glowme-gift__button.is-busy { border-color: #e8e8e8; color: #777; cursor: progress; }
/* After «Получить»: the button turns into a dark «В корзине» link (the site's own dark button: toast «Просмотр корзины»). */
.glowme-pavilion .glowme-gift__button.is-added, .glowme-pavilion .glowme-gift__button.is-added:is(:hover, :focus) { border-color: #252525; background: #252525; color: #fff; }
.glowme-gift__check { flex: none; width: 16px; height: 16px; fill: currentColor; }
.glowme-pavilion .added_to_cart { display: none; } /* Woo's «Просмотр корзины» link after an AJAX add: the button already says it */

.glowme-pavilion__empty { padding: 56px 16px; border: 1px solid #e8e8e8; border-radius: 4px; text-align: center; }
.glowme-pavilion__empty p { margin: 0 0 20px; font-size: 16px; line-height: 22px; }
.glowme-pavilion a.glowme-pavilion__cta { display: inline-flex; align-items: center; min-height: 40px; padding: 0 24px; border: 1px solid #252525; border-radius: 4px; background: #fff; color: #252525; font-size: 13px; line-height: 16px; text-decoration: none; }

@media (max-width: 1024px) {
  .glowme-pavilion { padding-top: 24px; }
  .glowme-pavilion__head { display: block; margin-bottom: 24px; }
  .glowme-pavilion__balance { margin-top: 12px; text-align: left; }
  .glowme-pavilion__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 12px; }
  .glowme-pavilion a.glowme-gift__title { margin-top: 10px; font-size: 12px; line-height: 16px; }
  .glowme-gift__price { padding-top: 8px; font-size: 12px; line-height: 16px; }
  .glowme-pavilion .glowme-gift__button { margin-top: 10px; padding: 5px 12px; font-size: 12px; line-height: 14px; } /* «Не хватает 2 350 бонусов» wraps to two lines inside the same 40px */
}
@media (max-width: 991px) {
  .glowme-pavilion__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* 768 like the catalog, four gifts 2 + 2 */
}
@media (max-width: 575px) {
  .glowme-pavilion { padding: 16px 0 48px; }
  .glowme-pavilion .glowme-pavilion__title { font-size: 22px; line-height: 28px; }
  .glowme-pavilion__lead { font-size: 13px; line-height: 18px; }
  .glowme-pavilion__badge { margin-left: 2px; }
  .glowme-pavilion__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 10px; }
}

/* Gift product page (Elementor template 620): the swapped simple.php button keeps the kit geometry through its classes
   (`.cart button, .cart .button` in post-620.css); here only the three extra states and the link variants. */
.elementor-widget-woocommerce-product-add-to-cart .cart .single_add_to_cart_button.glowme-atc:is(:disabled, :disabled:hover) { border-color: #e8e8e8; background: #fff; color: #777; opacity: 1; cursor: default; }
.elementor-widget-woocommerce-product-add-to-cart .cart a.single_add_to_cart_button.glowme-atc { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; border-radius: 3px; font-weight: 700; line-height: 1; text-decoration: none; }
.elementor-widget-woocommerce-product-add-to-cart .cart a.single_add_to_cart_button.glowme-atc:is(:hover, :focus) { color: #252525; }
.elementor-widget-woocommerce-product-add-to-cart .cart a.single_add_to_cart_button.glowme-atc.is-added,
.elementor-widget-woocommerce-product-add-to-cart .cart a.single_add_to_cart_button.glowme-atc.is-added:is(:hover, :focus) { border-color: #252525; background: #252525; color: #fff; }
.glowme-atc .glowme-gift__check { width: 18px; height: 18px; fill: currentColor; }