.elementor-bc-flex-widget .elementor-361 .elementor-element.elementor-element-96db157.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-361 .elementor-element.elementor-element-96db157.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-361 .elementor-element.elementor-element-3512665 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-361 .elementor-element.elementor-element-3512665{text-align:start;}.elementor-361 .elementor-element.elementor-element-3512665 img{width:200px;max-width:100%;transition-duration:0.3s;}.elementor-361 .elementor-element.elementor-element-3512665:hover img{opacity:0.72;}.elementor-361 .elementor-element.elementor-element-340da317{--display:flex;}.elementor-361 .elementor-element.elementor-element-b1e53c2 > .elementor-widget-container{margin:15px 15px 15px 15px;padding:15px 15px 15px 15px;}.elementor-361 .elementor-element.elementor-element-b1e53c2{text-align:center;}.elementor-361 .elementor-element.elementor-element-269ee68{color:var( --e-global-color-620eee8 );}body.elementor-page-361:not(.elementor-motion-effects-element-type-background), body.elementor-page-361 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #D5913A 25%, #1F232F 100%);}body.elementor-page-361{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-bc-flex-widget .elementor-361 .elementor-element.elementor-element-96db157.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-361 .elementor-element.elementor-element-96db157.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-361 .elementor-element.elementor-element-96db157 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-361 .elementor-element.elementor-element-3512665{text-align:start;}.elementor-361 .elementor-element.elementor-element-3512665 img{width:200px;}}@media(max-width:767px){.elementor-361 .elementor-element.elementor-element-96db157{width:50%;}.elementor-361 .elementor-element.elementor-element-3512665 img{width:165px;}}@media(max-width:1024px) and (min-width:768px){.elementor-361 .elementor-element.elementor-element-96db157{width:50%;}}/* Start custom CSS for heading, class: .elementor-element-b1e53c2 *//* === Київська золотарня (позолота + прапор) === */
.elementor-361 .elementor-element.elementor-element-b1e53c2 .elementor-heading-title{
  display:inline-block;
  margin:0 auto;
  text-align:center;

  /* історична, «академічна» подача — якщо маєш Cormorant/Merriweather, увімкнуться автоматично */
  font-family: "Cormorant Garamond", "Merriweather", Georgia, "Times New Roman", serif;
  font-weight: 800;
  letter-spacing: .4px;
  font-size: clamp(34px, 5.2vw, 68px);

  /* «позолота» + невеликий рельєф */
  background: linear-gradient(180deg,#fff6db 0%, #ffe28b 48%, #d2a83b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,.35),
    0 8px 22px rgba(0,0,0,.35);

  position: relative;
}

/* підкреслення у кольорах прапора України */
.elementor-361 .elementor-element.elementor-element-b1e53c2 .elementor-heading-title::after{
  content:"";
  display:block;
  width: clamp(120px, 16vw, 240px);
  height: 10px;
  margin: 16px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #0057B7 0%, #FFD700 100%);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  opacity: .95;
}

/* мʼяка «аура» довкола заголовка — як від золотої фольги */
.elementor-361 .elementor-element.elementor-element-b1e53c2 .elementor-heading-title::before{
  content:"";
  position:absolute; inset:-18px -28px; z-index:-1;
  background: radial-gradient(60% 60% at 50% 45%, rgba(255,226,140,.25), transparent 70%);
  filter: blur(18px);
}/* End custom CSS */
/* Start custom CSS *//* Усі тексти на сторінці checkout робимо чорними */
body.woocommerce-checkout {
  color: #000 !important;
}

/* Важливо: заголовки, поля форми, підписи до полів, тощо */
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout label,
body.woocommerce-checkout .form-row label,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper label,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead tr th,
body.woocommerce-checkout input,
body.woocommerce-checkout select {
  color: #000 !important;
}

/* Усі посилання робимо чорними... */
/*body.woocommerce-checkout a {
  color: #000 !important;
}

/* ...але всі кнопки (клас .button чи .checkout-button) лишаємо в оригінальному стилі */
body.woocommerce-checkout a.button, 
body.woocommerce-checkout button, 
body.woocommerce-checkout .checkout-button {
  color: #fff !important; /* чи ваш потрібний колір */
  background-color: #bba021; /* або який ви використовуєте */
}

/* Приховати кнопку «Повернутися у кошик» тільки на сторінці checkout */
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
  display: none !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  display: flex !important;          /* Флекс-контейнер */
  justify-content: center !important;/* Горизонтальне центрування */
  align-items: center !important;    /* Вертикальне центрування */
  margin: 0 auto !important;         /* Відцентровує (якщо обгортка дозволяє) */
  /* За бажання можна додати фіксовану ширину:
     width: 250px; чи min-width: 250px; */
}


/* Спочатку задаємо базовий колір посилання, а потім колір при ховері */
body.woocommerce-checkout a.wc-block-checkout__login-prompt {
  color: #000 !important; /* основний колір */
  text-decoration: none;  /* при потребі забираємо підкреслення */
}

body.woocommerce-checkout a.wc-block-checkout__login-prompt:hover {
  color: #777 !important; /* колір при наведенні */
}



/* 1) Ховаємо увесь label для eCommerceConnect */
body.woocommerce-checkout label[for="radio-control-wc-payment-method-options-ecommerceconnect"] {
  display: none !important;
}

/* 2) Ховаємо блок із текстом під радіокнопкою */
body.woocommerce-checkout #radio-control-wc-payment-method-options-ecommerceconnect_content {
  display: none !important;
}

/* Сховати лінк "Увійти" (wc-block-checkout__login-prompt) лише на сторінці checkout */
body.woocommerce-checkout a.wc-block-checkout__login-prompt {
  display: none !important;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  /* Статичний фон (радіальний градієнт чи зображення) */
  background: radial-gradient(ellipse at center, #ccb28d 0%, #8d6b47 100%);
  /* Якщо це зображення, пишемо:
     background-image: url('...jpg');
  */

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;  /* Фіксуємо фон; контент скролиться поверх нього */
}/* End custom CSS */