/* FYP Кабінет — стилі за макетом «У стилі сайту». Шапку й підвал сайту плагін не стилізує:
   віджети WooCommerce у шапці (пошук, кошик) теж мають клас .woocommerce, тож блок кабінету вибирається
   через :has(> .fyp-sidebar …) — лише основний блок сторінки кабінету. Обгортка FiboSearch у шапці
   (.dgwt-wcas-search-wrapp.woocommerce > form) теж збігалася з :has(> form) — тому :not(.dgwt-wcas-search-wrapp) (1.0.3).
    Сторінки кабінету, кошика й оформлення.
   Токени — на :root, бо файл підключається й на кошику та оформленні (там немає класу .woocommerce-account),
   а діалоги <dialog> рендеряться поверх сторінки. */
:root, .woocommerce-account {
	--fyp-coral: #EB614D;
	--fyp-coral-bg: #CC4A37;
	--fyp-coral-text: #B5392A;
	--fyp-coral-hover: #8F2C20;
	--fyp-ink: #111111;
	--fyp-ink-2: #5F5F5F;
	--fyp-line: #E6E6E6;
	--fyp-grey: #F8F8F8;
	--fyp-pink: #F9E2ED;
	--fyp-blue: #E3F5FE;
	--fyp-script: 'Great Vibes', 'Segoe Script', cursive;
}

/* Відступ від шапки сайту — кабінет і сторінка входу */
.woocommerce-account .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar, > .woocommerce-MyAccount-content, > #customer_login, > .u-columns, > form, > .fyp-login-head) { padding-top: clamp(32px, 5vw, 64px); padding-bottom: 48px; }

/* ---------- Сітка кабінету (авторизований клієнт) ---------- */
.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 0 56px;
	align-items: start;
}
/* Явне розміщення: будь-які інші елементи (від теми чи плагінів) не зсувають колонки. */
.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > * { grid-column: 1 / -1; }
.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > .woocommerce-notices-wrapper { grid-row: 1; }
.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > .fyp-sidebar { grid-column: 1; grid-row: 2; }
.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > .woocommerce-MyAccount-content { grid-column: 2; grid-row: 2; }
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; min-width: 0; }
.woocommerce-account .fyp-sidebar .woocommerce-MyAccount-navigation { float: none; width: auto; }

/* Картка клієнта */
.fyp-card { background: var(--fyp-grey); padding: 20px 18px; margin-bottom: 24px; display: flex; flex-direction: column; gap: 4px; }
.fyp-card__label { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink-2); }
.fyp-card__name { font-size: 15px; color: var(--fyp-ink); }
.fyp-card__company { font-size: 13px; color: var(--fyp-ink-2); }

/* Меню */
.fyp-nav ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--fyp-ink); }
.fyp-nav li { border-bottom: 1px solid var(--fyp-line); margin: 0; }
.fyp-nav a {
	display: flex; justify-content: space-between; align-items: center; gap: 12px;
	min-height: 44px; padding: 10px 0;
	font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
	color: var(--fyp-ink); text-decoration: none;
}
.fyp-nav a:hover { color: var(--fyp-coral-text); }
.fyp-nav li.is-active a { color: var(--fyp-coral-text); }
.fyp-nav__count { font-size: 12px; letter-spacing: 0; color: var(--fyp-ink-2); font-weight: 500; }

/* Блок «Індивідуальне замовлення» */
.fyp-quote { background: var(--fyp-pink); padding: 20px 18px; margin-top: 24px; }
.fyp-quote__title { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-quote p { margin: 0 0 14px; font-size: 13px; line-height: 1.5; color: var(--fyp-coral-text); }

/* Кнопки */
.fyp-btn {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 46px; padding: 0 22px; border: 1px solid var(--fyp-ink); border-radius: 0;
	background: var(--fyp-ink); color: #fff;
	font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; cursor: pointer;
}
.fyp-btn:hover { background: #333; border-color: #333; color: #fff; }
.fyp-btn--outline { background: transparent; color: var(--fyp-coral-text); border-color: var(--fyp-coral); text-transform: none; letter-spacing: .04em; }
.fyp-btn--outline:hover { background: #FDF0EE; color: var(--fyp-coral-text); border-color: var(--fyp-coral); }
.fyp-link { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink); text-decoration: underline; text-underline-offset: 3px; }

/* Огляд */
.fyp-greeting { font-family: var(--fyp-script); font-weight: 400; font-size: clamp(40px, 6vw, 56px); line-height: 1.05; color: var(--fyp-coral); margin: 0 0 8px; text-transform: none; letter-spacing: 0; }
.fyp-eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink-2); margin: 0 0 28px; }
.fyp-quick { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; margin-bottom: 28px; }
.fyp-quick__item { display: flex; flex-direction: column; gap: 8px; padding: 22px; background: var(--fyp-grey); color: var(--fyp-ink); text-decoration: none; min-height: 140px; }
.fyp-quick__item:hover .fyp-link { color: var(--fyp-coral-text); }
.fyp-quick__label { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink-2); }
.fyp-quick__value { font-size: 40px; font-weight: 300; line-height: 1; font-variant-numeric: tabular-nums; }
.fyp-quick__text { font-size: 14px; color: var(--fyp-ink-2); flex: 1; }
.fyp-quick__item .fyp-link { margin-top: auto; }
.fyp-empty { padding: 28px; border: 1px solid var(--fyp-line); }
.fyp-empty p { margin: 0 0 16px; }

/* Розділи «Адреси», «Пароль» */
.fyp-section-title { font-size: 16px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 10px; color: var(--fyp-ink); }
.fyp-muted { font-size: 14px; color: var(--fyp-ink-2); }
.fyp-addr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin-top: 20px; }
.fyp-addr-card { background: var(--fyp-grey); padding: 22px; }
.fyp-addr-card__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 14px; }
.fyp-addr-card__head h3 { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fyp-addr-card__list { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; font-size: 14px; }
.fyp-addr-card__list dt { color: var(--fyp-ink-2); }
.fyp-addr-card__list dd { margin: 0; color: var(--fyp-ink); overflow-wrap: anywhere; }
.fyp-addr-card__note { margin: 14px 0 0; font-size: 13px; }
.fyp-form { max-width: 420px; }
.fyp-form--wide { max-width: 640px; }
.fyp-form--wide .form-row { margin-bottom: 14px; }
.fyp-form--wide .input-text, .fyp-form--wide select { min-height: 44px; border: 1px solid var(--fyp-ink); border-radius: 0; padding: 8px 12px; width: 100%; background: #FFFFFF; }
.fyp-form .input-text { min-height: 44px; border: 1px solid var(--fyp-ink); border-radius: 0; padding: 8px 12px; width: 100%; }
/* Блок зміни пароля на «Особистих даних» перенесено в розділ «Зміна пароля» (JS прибирає його з форми) */
.woocommerce-account .woocommerce-EditAccountForm fieldset:has(#password_current) { display: none; }

/* ---------- Огляд 0.3 ---------- */
.fyp-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 36px; }
/* Планшет вертикально — по одній картці */
@media (max-width: 1023px) and (orientation: portrait) {
	.fyp-cards, .fyp-orders { grid-template-columns: minmax(0, 1fr); }
}
.fyp-box { padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.fyp-box--pink { background: var(--fyp-pink); }
.fyp-box--blue { background: var(--fyp-blue); }
.fyp-kicker { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-box--blue .fyp-kicker { color: var(--fyp-ink); }
.fyp-amount { font-size: 28px; font-weight: 300; line-height: 1.15; font-variant-numeric: tabular-nums; }
.fyp-box__title { margin: 0; font-size: 14px; }
.fyp-box__note { margin: 0; font-size: 13px; color: var(--fyp-ink-2); }
.fyp-box__warn { margin: 0; font-size: 13px; color: var(--fyp-coral-hover); font-weight: 600; }
.fyp-box__more { margin: 4px 0 0; }
.fyp-box__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.fyp-box__num { font-size: 20px; }
.fyp-box .fyp-btn { align-self: flex-start; }
.fyp-box__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.fyp-box__details { margin-top: auto; padding-top: 6px; }
.fyp-req { margin: 6px 0 0; display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; font-size: 13px; }
.fyp-req dt { color: var(--fyp-ink-2); }
.fyp-req dd { margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }

.fyp-badge { display: inline-block; padding: 3px 8px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; background: #EFEFEF; color: var(--fyp-ink); white-space: nowrap; }
.fyp-badge--pink { background: var(--fyp-pink); color: var(--fyp-coral-hover); }
.fyp-badge--beige { background: #F1E8DD; }
.fyp-badge--blue { background: #FFFFFF; }
.fyp-box--blue .fyp-badge--blue { background: #FFFFFF; }
.fyp-table .fyp-badge--blue { background: var(--fyp-blue); }
.fyp-badge--grey { background: #EFEFEF; }
.fyp-badge--muted { background: #FFFFFF; border: 1px solid var(--fyp-line); color: var(--fyp-ink-2); }

.fyp-progress { list-style: none; margin: 10px 0 4px; padding: 0; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; }
.fyp-progress__step { margin: 0; border-top: 4px solid var(--fyp-line); padding-top: 6px; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--fyp-ink-2); }
.fyp-progress__step.is-done { border-color: var(--fyp-ink); color: var(--fyp-ink); }
.fyp-progress__step.is-current { border-color: var(--fyp-coral-bg); color: var(--fyp-coral-text); }

.fyp-block { margin-bottom: 36px; }
.fyp-block__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 6px; }
.fyp-block__head .fyp-section-title { margin: 0; color: var(--fyp-coral-text); border-bottom: 1px solid var(--fyp-coral); padding-bottom: 6px; }
.fyp-block__sum { text-align: right; display: flex; flex-direction: column; }
.fyp-block__sum strong { font-size: 20px; }
.fyp-block__sum span { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--fyp-ink-2); }
.fyp-block__actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 18px; }
.fyp-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.fyp-tile__img { background: #EFEFEF; aspect-ratio: 4 / 5; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.fyp-tile__img img { width: 100%; height: 100%; object-fit: cover; }
.fyp-tile__name { margin: 8px 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.fyp-tile__meta, .fyp-tile__out { margin: 0; font-size: 12px; color: var(--fyp-ink-2); }
.fyp-tile.is-out .fyp-tile__img { opacity: .45; }
.fyp-tile__out { color: var(--fyp-coral-hover); }
.fyp-tile--more { background: #EFEFEF; display: flex; align-items: center; justify-content: center; font-weight: 700; aspect-ratio: 4 / 5; }

.fyp-banner { background: #5E7290; color: #FFFFFF; padding: 32px; margin-bottom: 36px; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.fyp-banner__title { font-family: var(--fyp-script); font-weight: 400; font-size: clamp(32px, 4vw, 44px); margin: 0; color: #FFFFFF; text-transform: none; letter-spacing: 0; }
.fyp-banner__sub { margin: 6px 0 0; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.fyp-btn--light { background: transparent; border-color: #FFFFFF; color: #FFFFFF; }
.fyp-btn--light:hover { background: #FFFFFF; color: #5E7290; border-color: #FFFFFF; }

.fyp-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.fyp-table th { text-align: left; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink-2); border-bottom: 1px solid var(--fyp-ink); padding: 8px; }
.fyp-table td { border-bottom: 1px solid var(--fyp-line); padding: 12px 8px; }
.fyp-table a { color: var(--fyp-ink); font-weight: 700; }

.fyp-order-progress { background: var(--fyp-grey); padding: 18px 20px; margin-bottom: 24px; }
.fyp-order-progress__status { margin: 0 0 6px; }
.fyp-order-progress__ttn { margin: 10px 0 0; font-size: 14px; }

/* Кнопки «+ Додати…» у формі платіжних даних */
.fyp-add-group { display: block; width: 100%; margin: 6px 0 14px; padding: 12px 14px; min-height: 44px; text-align: left; background: transparent; border: 1px dashed var(--fyp-coral); color: var(--fyp-coral-text); font-size: 13px; font-weight: 600; letter-spacing: .04em; cursor: pointer; border-radius: 0; }
.fyp-add-group:hover { background: #FDF0EE; }
.woocommerce-address-fields [hidden] { display: none !important; }

/* Розділ «Замовлення» */
.fyp-orders { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin: 18px 0 24px; }
.fyp-order { background: var(--fyp-grey); padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.fyp-order__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.fyp-order__num { display: block; font-size: 15px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fyp-coral-text); text-decoration: none; }
.fyp-order__num:hover { text-decoration: underline; }
.fyp-order__date { font-size: 12px; color: var(--fyp-ink-2); }
.fyp-order__stats { display: flex; justify-content: space-between; align-items: baseline; gap: 8px 24px; flex-wrap: wrap; border-top: 1px solid var(--fyp-line); padding-top: 12px; font-size: 14px; }
.fyp-order__stat { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
.fyp-order__stat--end { margin-left: auto; text-align: right; }
.fyp-order__label { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink-2); white-space: nowrap; }
.fyp-order__value { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.fyp-order__items { margin: 0; font-size: 13px; color: var(--fyp-ink-2); }
.fyp-order__thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.fyp-order__thumb { width: 56px; height: 56px; background: #EFEFEF; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; }
.fyp-order__thumb img { width: 100%; height: 100%; object-fit: cover; }
.fyp-order__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; }
.fyp-btn--sm { min-height: 40px; padding: 0 14px; font-size: 11px; }
.fyp-pager { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 24px; }

/* Замовлення з CRM */
.fyp-subtitle { margin: 22px 0 0; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink-2); }
.fyp-req-toggle { margin-top: 4px; }
.fyp-req-toggle summary { cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 3px; min-height: 32px; display: flex; align-items: center; }

/* Банер-шаблон Elementor (той самий, що на головній) */
.fyp-banner-tpl { margin: 0 0 36px; overflow: hidden; }
.fyp-banner-tpl img { max-width: 100%; height: auto; }

/* Адресна книга */
.woocommerce-account .fyp-addr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767px) {
	.woocommerce-account .fyp-addr-grid { grid-template-columns: minmax(0, 1fr); }
}
.fyp-addr-card__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.fyp-addr-card__actions form { margin: 0; }
.fyp-btn--danger { border-color: var(--fyp-line); color: var(--fyp-ink-2); }
.fyp-btn--danger:hover { border-color: var(--fyp-coral); color: var(--fyp-coral-hover); background: #FDF0EE; }
.fyp-optional { font-weight: 400; color: var(--fyp-ink-2); }
.fyp-r-types { border: 0; padding: 0; margin: 6px 0 14px; display: flex; gap: 20px; flex-wrap: wrap; }
.fyp-r-types legend { font-weight: 600; margin-bottom: 8px; }
.fyp-r-types label { display: flex; align-items: center; gap: 8px; min-height: 44px; }
/* Поля вибору як на оформленні (місто, відділення) */
.fyp-label { display: block; margin-bottom: 6px; }
.fyp-select, .fyp-combo__toggle { width: 100%; min-height: 48px; padding: 10px 44px 10px 16px; border: 1px solid var(--fyp-ink); border-radius: 0; background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23161616' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right 18px center; font-size: 15px; color: var(--fyp-ink); text-align: left; cursor: pointer; -webkit-appearance: none; appearance: none; }
.fyp-combo { position: relative; }
/* Тема сайту фарбує кнопки при наведенні/фокусі — поле вибору лишається білим, як на оформленні */
.woocommerce-account .fyp-combo__toggle,
.woocommerce-account .fyp-combo__toggle:hover,
.woocommerce-account .fyp-combo__toggle:focus,
.woocommerce-account .fyp-combo__toggle:active,
.woocommerce-account .fyp-combo.is-open .fyp-combo__toggle { background-color: #FFFFFF; color: var(--fyp-ink); box-shadow: none; text-transform: none; letter-spacing: normal; font-weight: 400; }
.woocommerce-account .fyp-combo__toggle:focus-visible { outline: 2px solid var(--fyp-coral); outline-offset: 2px; }
.fyp-combo.is-open .fyp-combo__toggle { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 7l6-6 6 6' fill='none' stroke='%23161616' stroke-width='1.2'/%3E%3C/svg%3E"); }
.fyp-combo.is-disabled .fyp-combo__toggle { opacity: .5; cursor: not-allowed; }
.fyp-combo__value { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fyp-combo__panel { position: absolute; z-index: 50; left: 0; right: 0; top: calc(100% + 2px); background: #FFFFFF; border: 1px solid #D9D9D9; box-shadow: 0 8px 20px rgba(0,0,0,.08); }
.woocommerce-account .fyp-combo__search { display: block; width: calc(100% - 16px); margin: 8px; min-height: 40px; border: 1px solid #C9C9C9; border-radius: 0; padding: 6px 10px; font-size: 15px; background: #FFFFFF; }
.fyp-combo__search:focus { outline: 2px solid var(--fyp-coral); outline-offset: -1px; }
.fyp-combo__list { list-style: none; margin: 0; padding: 4px 0; max-height: 300px; overflow-y: auto; border-top: 1px solid #ECECEC; }
.fyp-combo__item, .fyp-combo__empty { padding: 10px 16px; font-size: 15px; line-height: 1.35; }
.fyp-combo__item { cursor: pointer; }
.fyp-combo__item:hover, .fyp-combo__item.is-active { background: #FDF0EE; }
.fyp-combo__item.is-selected { font-weight: 600; }
.fyp-combo__hint { display: block; font-size: 12px; color: var(--fyp-ink-2); font-weight: 400; }
.fyp-combo__empty { color: var(--fyp-ink-2); }
.fyp-recipient-form [hidden] { display: none !important; }
.fyp-contact-list { max-width: 640px; }
/* Оформлення: вибір отримувача й платника */
.fyp-co-book { background: #F8F8F8; padding: 16px 18px; margin: 0 0 20px; }
.fyp-co-book .form-row { margin-bottom: 10px; }
.fyp-co-book select { width: 100%; min-height: 44px; }
.fyp-co-hint { font-size: 13px; color: #5F5F5F; margin: 4px 0 0; }
body.fyp-co-loading { cursor: progress; }
body.fyp-co-loading form.checkout { opacity: .7; pointer-events: none; } /* лише форма оформлення, шапка й решта сторінки — без змін */

/* Розділ «Оплати» */
.fyp-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 18px 0 24px; border-top: 1px solid var(--fyp-ink); border-bottom: 1px solid var(--fyp-ink); padding: 16px 0; }
.fyp-stat { display: flex; flex-direction: column; gap: 4px; }
.fyp-stat__label { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink-2); }
.fyp-stat__value { font-size: 26px; font-weight: 300; font-variant-numeric: tabular-nums; }
.fyp-empty-line { padding: 16px 0; color: var(--fyp-ink-2); }
.fyp-note-block { background: var(--fyp-blue); padding: 22px; display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.fyp-note-block h3 { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fyp-note-block p { margin: 0; font-size: 14px; }
.fyp-nav__count--alert { background: var(--fyp-coral-bg); color: #FFFFFF !important; padding: 1px 7px; font-weight: 700; }

/* Нотатка на сторінці даних */
.fyp-note { background: var(--fyp-blue); padding: 14px 16px; margin-bottom: 24px; font-size: 14px; }
.fyp-note a { color: var(--fyp-ink); font-weight: 600; }

/* ---------- Вхід і реєстрація ---------- */
.fyp-login-head { margin-bottom: 24px; }
.fyp-h1 { font-size: clamp(22px, 3vw, 28px); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 6px; color: var(--fyp-ink); }
.fyp-tabs { display: flex; gap: 0; margin-top: 20px; border-bottom: 1px solid var(--fyp-ink); }
.fyp-tabs[hidden] { display: none; }
.fyp-tab {
	min-height: 44px; padding: 0 22px; border: 0; border-radius: 0; background: transparent; cursor: pointer;
	font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink-2);
}
.fyp-tab.is-active { background: var(--fyp-coral-bg); color: #fff; }
#customer_login.fyp-tabbed .u-column1,
#customer_login.fyp-tabbed .u-column2 { float: none; width: 100%; max-width: 520px; }
#customer_login.fyp-tabbed > div > h2 { display: none; }
#customer_login [hidden] { display: none !important; }
.woocommerce-account .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar, > .woocommerce-MyAccount-content, > #customer_login, > .u-columns, > form, > .fyp-login-head) form.login,
.woocommerce-account .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar, > .woocommerce-MyAccount-content, > #customer_login, > .u-columns, > form, > .fyp-login-head) form.register { border: 0; padding: 0; margin: 16px 0 0; border-radius: 0; }
.woocommerce-account #customer_login .input-text { min-height: 44px; border: 1px solid var(--fyp-ink); border-radius: 0; padding: 8px 12px; }
.woocommerce-account #customer_login .button {
	min-height: 46px; padding: 0 22px; border-radius: 0; background: var(--fyp-ink); color: #fff;
	font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
}
.fyp-login-hint, .fyp-register-note { font-size: 13px; color: var(--fyp-ink-2); }
.fyp-benefits { background: var(--fyp-pink); padding: 22px; margin-top: 32px; max-width: 520px; }
.fyp-benefits h3 { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-benefits ul { margin: 0; padding-left: 18px; color: var(--fyp-coral-text); }
.fyp-benefits li { margin: 4px 0; }

/* Поле-пастка для ботів: приховане від людей і зчитувачів екрана */
.fyp-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* ---------- Вікно форми ---------- */
.fyp-dialog { width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 24px; border: 0; border-radius: 0; }
.fyp-dialog::backdrop { background: rgba(17, 17, 17, .5); }
.fyp-dialog__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.fyp-dialog__head h2 { margin: 0; font-size: 16px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-dialog__close { width: 44px; height: 44px; border: 0; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; color: var(--fyp-ink); }

/* Видимий фокус для навігації з клавіатури */
.woocommerce-account :is(.woocommerce:not(.dgwt-wcas-search-wrapp), .fyp-dialog) :is(a, button, input):focus-visible { outline: 2px solid var(--fyp-ink); outline-offset: 3px; }

/* ---------- Мобільна версія ---------- */
@media (max-width: 767px) {
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > *,
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > .fyp-sidebar,
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > .woocommerce-MyAccount-content { grid-column: 1; grid-row: auto; }
	.fyp-sidebar { display: contents; }
	.fyp-card { display: none; }
	.fyp-nav { order: -1; margin-bottom: 20px; }
	.fyp-nav ul { display: flex; overflow-x: auto; border-top: 0; gap: 8px; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
	.fyp-nav li { border: 0; flex: 0 0 auto; }
	.fyp-nav a { min-height: 44px; padding: 0 16px; border: 1px solid var(--fyp-coral); color: var(--fyp-coral-text); white-space: nowrap; }
	.fyp-nav li.is-active a { background: var(--fyp-coral-bg); border-color: var(--fyp-coral-bg); color: #fff; }
	.fyp-nav li.is-active .fyp-nav__count { color: #fff; }
	.woocommerce-account .woocommerce-MyAccount-content { order: 0; }
	.fyp-quote { order: 1; }
	.fyp-btn { width: 100%; min-height: 48px; }
	.fyp-addr-card__list { grid-template-columns: 1fr; gap: 2px; }
	.fyp-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fyp-cards, .fyp-orders { grid-template-columns: minmax(0, 1fr); }
	.fyp-note-block { flex-direction: column; align-items: flex-start; }
	.fyp-block__sum { text-align: left; }
	.fyp-amount { font-size: 24px; }
	.fyp-progress__step { font-size: 9px; letter-spacing: .04em; }
	.fyp-table thead { display: none; }
	.fyp-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; padding: 12px 0; border-bottom: 1px solid var(--fyp-line); }
	.fyp-table td { border: 0; padding: 0; }
	.fyp-table td::before { content: attr(data-title); display: block; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink-2); }
	.fyp-addr-card__list dd { margin-bottom: 8px; }
}

/* =====================  Замовлення за макетом  ===================== */
.fyp-op__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 22px; }
.fyp-op__head .fyp-section-title { margin-bottom: 6px; }
.fyp-op__search { display: flex; flex-direction: column; gap: 6px; min-width: 240px; }
.fyp-op__search span { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.woocommerce-account .fyp-op__search input { min-height: 44px; border: 1px solid var(--fyp-ink); border-radius: 0; padding: 8px 12px; font-size: 14px; background: #FFFFFF; }
.fyp-op__tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 22px; }
.woocommerce-account .fyp-op__tab { min-height: 44px; padding: 0 20px; border: 1px solid var(--fyp-coral); background: #FFFFFF; color: var(--fyp-coral-text); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; border-radius: 0; cursor: pointer; }
.woocommerce-account .fyp-op__tab:hover { background: #FDF0EE; color: var(--fyp-coral-text); }
.woocommerce-account .fyp-op__tab.is-active { background: var(--fyp-coral-bg); border-color: var(--fyp-coral-bg); color: #FFFFFF; }
.fyp-op__table { width: 100%; border-collapse: collapse; font-size: 14px; }
.fyp-op__table th { text-align: left; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--fyp-ink-2); padding: 10px 10px; border-bottom: 1px solid var(--fyp-ink); background: transparent; }
.fyp-op__table td { padding: 14px 10px; border-bottom: 1px solid var(--fyp-line); vertical-align: middle; background: transparent; }
.fyp-op__table tbody tr.is-selected td { background: #F6F6F6; }
.fyp-op__th-actions, .fyp-op__actions { text-align: right; }
.woocommerce-account .fyp-op__num { background: none; border: 0; padding: 0; font: inherit; font-weight: 700; color: var(--fyp-ink); cursor: pointer; text-transform: none; letter-spacing: normal; }
.woocommerce-account .fyp-op__num:hover { color: var(--fyp-coral-text); background: none; }
.fyp-op__numlink { font-weight: 700; color: var(--fyp-ink); text-decoration: none; }
.fyp-op__empty { padding: 18px 0; color: var(--fyp-ink-2); }
.fyp-op__more { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 18px 0 32px; }
.fyp-op__shown { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink-2); }
.fyp-op-detail { border: 1px solid var(--fyp-ink); padding: 28px; margin-bottom: 36px; }
.fyp-op-detail:focus { outline: none; }
.fyp-op-detail__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; }
.fyp-op-detail__title { margin: 0 0 6px; font-size: 22px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.fyp-op-detail__sub { margin: 0; font-size: 13px; color: var(--fyp-ink-2); }
.fyp-op-detail__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.fyp-op-steps { list-style: none; margin: 0 0 26px; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.fyp-op-steps__item { border-top: 3px solid #E4E4E4; padding-top: 10px; display: flex; flex-direction: column; gap: 4px; }
.fyp-op-steps__item.is-done { border-top-color: var(--fyp-ink); }
.fyp-op-steps__item.is-current { border-top-color: var(--fyp-coral); }
.fyp-op-steps__label { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.fyp-op-steps__item.is-current .fyp-op-steps__label { color: var(--fyp-coral-text); }
.fyp-op-steps__item:not(.is-done):not(.is-current) .fyp-op-steps__label { color: var(--fyp-ink-2); }
.fyp-op-steps__date { font-size: 12px; color: var(--fyp-ink-2); }
.fyp-op-detail__body { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.fyp-op-caption { display: block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink-2); margin-bottom: 12px; }
.fyp-op-item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--fyp-line); }
.fyp-op-item__thumb { width: 56px; height: 56px; background: #EFEFEF; overflow: hidden; display: block; }
.fyp-op-item__thumb img { width: 100%; height: 100%; object-fit: cover; }
.fyp-op-item__info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fyp-op-item__name { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fyp-ink); text-decoration: none; }
.fyp-op-item__qty { font-size: 12px; color: var(--fyp-ink-2); }
.fyp-op-item__total { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fyp-op-summary { background: #F6F6F6; padding: 20px; }
.fyp-op-summary__ship { margin: 0 0 14px; font-size: 14px; line-height: 1.5; }
.fyp-op-summary__rows { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; margin: 0; font-size: 14px; }
.fyp-op-summary__rows dt { margin: 0; }
.fyp-op-summary__rows dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.fyp-op-minus { color: var(--fyp-coral-text); }
.fyp-op-summary__total { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--fyp-ink); margin-top: 12px; padding-top: 12px; }
.fyp-op-summary__total span { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fyp-op-summary__total strong { font-size: 18px; }
.fyp-op-summary__note { margin: 10px 0 0; font-size: 12px; color: var(--fyp-ink-2); }

/* =====================  Оплати за макетом  ===================== */
.fyp-inv { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); margin-bottom: 20px; }
.fyp-inv__main { background: var(--fyp-pink); padding: 24px; }
.fyp-inv__side { background: #F6F6F6; padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.fyp-inv__top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.fyp-inv__chip { background: #FFFFFF; padding: 4px 10px; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-inv__until { font-size: 12px; color: var(--fyp-coral-text); }
.fyp-inv__title { margin: 0 0 10px; font-size: 20px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-inv__desc { margin: 0 0 16px; font-size: 14px; line-height: 1.5; }
.fyp-inv__buttons { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.fyp-inv__buttons .fyp-btn { background: #FFFFFF; }
.fyp-inv__note { margin: 0; font-size: 12px; color: var(--fyp-coral-text); }
.fyp-inv__rows { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; margin: 0; font-size: 14px; }
.fyp-inv__rows dt { margin: 0; }
.fyp-inv__rows dd { margin: 0; text-align: right; }
.fyp-inv__total { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--fyp-ink); padding-top: 14px; }
.fyp-inv__total span { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fyp-inv__total strong { font-size: 28px; font-weight: 700; }
.fyp-inv__pay { width: 100%; text-align: center; justify-content: center; column-gap: .35em; flex-wrap: wrap; }
.fyp-inv__caption { margin: 0; font-size: 12px; color: var(--fyp-ink-2); text-align: center; }
.fyp-inv .fyp-req { margin-top: 4px; }

/* Банер-шаблон Elementor у вузькій колонці кабінету: пропорції як на головній, без обрізання */
.fyp-banner-tpl .e-con, .fyp-banner-tpl .elementor-section { --min-height: 0px; min-height: 0 !important; }
.fyp-banner-tpl > .elementor > .e-con, .fyp-banner-tpl > .elementor > .elementor-section { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; padding: 0 !important; --width: 100%; }
.fyp-banner-tpl .banner-background, .fyp-banner-tpl [data-settings*="background_background"] { aspect-ratio: 1130 / 320; background-size: cover !important; background-position: center !important; }
@media (max-width: 767px) {
	.fyp-banner-tpl .banner-background, .fyp-banner-tpl [data-settings*="background_background"] { aspect-ratio: auto; min-height: 200px !important; }
}

/* Банер «як на головній» (1.0.6): один слайд головної, без прокрутки; текст — у самій картинці, тож cover по центру */
.fyp-hero { position: relative; margin: 0 0 36px; overflow: hidden; }
.fyp-hero__media, .fyp-hero__media picture { display: block; }
.fyp-hero__media img { display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 1600 / 700; object-fit: cover; object-position: 50% 50%; }
.fyp-hero .fyp-hero__btn { position: absolute; left: 50%; bottom: 9%; transform: translateX(-50%); display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 24px; border: 1px solid #FFFFFF; background: rgba(0, 0, 0, .28); color: #FFFFFF; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-decoration: none; white-space: nowrap; transition: background .2s, color .2s; }
.fyp-hero .fyp-hero__btn:hover, .fyp-hero .fyp-hero__btn:focus-visible { background: #FFFFFF; color: var(--fyp-ink); text-decoration: none; }
.fyp-hero .fyp-hero__btn:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
@media (max-width: 767px) {
	.fyp-hero__media img { aspect-ratio: 1147 / 1300; object-position: 50% 40%; }
	.fyp-hero--one .fyp-hero__media img { aspect-ratio: 1600 / 900; object-position: 50% 50%; } /* картинки для телефона немає */
}

/* Таблиці на телефоні — рядки карточками */
@media (max-width: 767px) {
	.fyp-op__table thead { display: none; }
	.fyp-op__table, .fyp-op__table tbody, .fyp-op__table tr, .fyp-op__table td { display: block; width: 100%; }
	.fyp-op__table tr { border: 1px solid var(--fyp-line); margin-bottom: 10px; padding: 8px 12px; }
	.fyp-op__table td { border: 0; padding: 6px 0; display: flex; justify-content: space-between; gap: 12px; }
	.fyp-op__table td[data-title]::before { content: attr(data-title); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--fyp-ink-2); }
	.fyp-op__actions { justify-content: flex-end !important; }
	.fyp-op-detail { padding: 18px; }
	.fyp-op-detail__body, .fyp-inv { grid-template-columns: minmax(0, 1fr); }
	.fyp-op-steps { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
	.fyp-op-steps__label { font-size: 9px; letter-spacing: .04em; }
	.fyp-op__search { min-width: 0; width: 100%; }
	.fyp-op__tabs { flex-wrap: nowrap; overflow-x: auto; }
	.woocommerce-account .fyp-op__tab { flex: 0 0 auto; }
}

/* =====================  0.5.9: вирівнювання, пари рядків, окреме замовлення  ===================== */
/* Тема малює рамки всім клітинкам таблиць — у кабінеті лише горизонтальні лінії, як у макеті */
.woocommerce-account .fyp-op__table, .woocommerce-account .fyp-op__table th, .woocommerce-account .fyp-op__table td,
.woocommerce-account .fyp-table, .woocommerce-account .fyp-table th, .woocommerce-account .fyp-table td { border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; background-color: transparent; }
.woocommerce-account .fyp-op__table { border: 0 !important; margin: 0; }
.woocommerce-account .fyp-op__table thead th { border-bottom: 1px solid var(--fyp-ink) !important; }
/* Приховані елементи справді приховані (тема задає display кнопкам і рядкам) */
.woocommerce-account [data-op] [hidden], .woocommerce-account .fyp-op-detail[hidden] { display: none !important; }
/* Заголовки кабінету — шрифтом сайту, без стилів заголовків теми */
.woocommerce-account .fyp-op-detail__title, .woocommerce-account .fyp-section-title, .woocommerce-account .fyp-ov h1 { font-family: inherit; line-height: 1.2; }
.woocommerce-account .fyp-op-item__name { text-decoration: none !important; }
.woocommerce-account .fyp-op-item__name:hover { color: var(--fyp-coral-text); }

/* Пара рядків: замовлення + ТТН і дії */
.fyp-op__table--pairs th:nth-child(1) { width: 22%; }
.fyp-op__table--pairs th:nth-child(2) { width: 18%; }
.fyp-op__table--pairs th:nth-child(3) { width: 16%; }
.fyp-op__table--pairs th:nth-child(4) { width: 18%; }
.fyp-op__th-status, .fyp-op__status { text-align: right; }
.woocommerce-account .fyp-op__table--pairs .fyp-op__main td { border-bottom: 0 !important; padding: 16px 12px 6px; }
.woocommerce-account .fyp-op__table--pairs .fyp-op__sub td { border-bottom: 1px solid var(--fyp-line) !important; padding: 6px 12px 16px; }
.fyp-op__table--pairs th:first-child, .fyp-op__table--pairs td:first-child { padding-left: 14px; }
.fyp-op__table--pairs th:last-child, .fyp-op__table--pairs .fyp-op__main td:last-child { padding-right: 14px; }
.fyp-op__pair.is-selected td { background: #F6F6F6 !important; }
.fyp-op__ind { display: block; font-size: 11px; color: var(--fyp-ink-2); letter-spacing: .04em; margin-top: 2px; }
.fyp-op__subrow { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; padding-right: 2px; }
.fyp-op__ttn { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.fyp-op__ttn-label { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink-2); }
.fyp-op__ttn-num { font-variant-numeric: tabular-nums; }
.fyp-op__ttn-none { color: var(--fyp-ink-2); }
.fyp-op__ttn a { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink); }
.fyp-op__acts { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.woocommerce-account .fyp-op__acts .fyp-btn--sm { min-height: 36px; padding: 0 14px; font-size: 11px; text-transform: none; letter-spacing: .06em; }
.woocommerce-account .fyp-op__acts .fyp-btn--sm:not(.fyp-btn--outline) { text-transform: uppercase; letter-spacing: .12em; }

/* Шкала з шести кроків */
.fyp-op-steps--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

/* Однакові відступи й вирівнювання в картці замовлення */
.fyp-op-detail { padding: 32px; }
.fyp-op-detail__head { align-items: center; }
.fyp-op-detail__body { gap: 32px; }
.fyp-op-summary { padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.fyp-op-summary .fyp-op-caption { margin-bottom: 0; }
.fyp-op-summary__note { margin: 0; }
.fyp-op-summary__total { margin-top: 0; }

/* ---------- Сторінка окремого замовлення ---------- */
.fyp-ov { display: flex; flex-direction: column; gap: 24px; }
.fyp-ov__back { align-self: flex-start; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink); text-decoration: none; }
.fyp-ov__back:hover { color: var(--fyp-coral-text); }
.fyp-ov__card { margin: 0; display: flex; flex-direction: column; gap: 24px; }
.fyp-ov__card .fyp-op-detail__head { margin: 0; }
.fyp-ov__titlerow { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.fyp-ov__titlerow .fyp-op-detail__title { margin: 0; font-size: 26px; }
.fyp-ov__card .fyp-op-detail__sub { margin-top: 8px; }
.fyp-ov__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.fyp-ov__card .fyp-op-steps { margin: 0; }
.fyp-ov__ttn { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; background: var(--fyp-blue, #E3F5FE); padding: 16px 20px; font-size: 14px; }
.fyp-ov__ttn strong { font-variant-numeric: tabular-nums; }
.fyp-ov__ttn a { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink); }
.fyp-ov__cancelled { margin: 0; padding: 14px 18px; border: 1px solid var(--fyp-line); color: var(--fyp-ink-2); }
.fyp-ov__payer { border-top: 1px solid var(--fyp-line); padding-top: 14px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 1.55; }
.fyp-ov__payer .fyp-op-caption { margin-bottom: 4px; }
.fyp-ov__payer strong, .fyp-ov__info strong { font-weight: 600; }
.fyp-ov__people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.fyp-ov__info { background: #F6F6F6; padding: 22px 24px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 1.55; min-width: 0; overflow-wrap: anywhere; }
.fyp-ov__info .fyp-op-caption { margin-bottom: 8px; }
.fyp-ov__notes { border: 1px solid var(--fyp-line); padding: 20px 24px; }
.fyp-ov__note { padding: 10px 0; border-top: 1px solid var(--fyp-line); font-size: 14px; }
.fyp-ov__note:first-of-type { border-top: 0; }
.fyp-ov__note p { margin: 4px 0 0; }
.fyp-ov__note-date { font-size: 12px; color: var(--fyp-ink-2); }
.fyp-ov__help { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; background: var(--fyp-pink); padding: 22px 24px; }
.fyp-ov__help h3 { margin: 0 0 6px; font-family: inherit; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-ov__help p { margin: 0; font-size: 14px; }
.fyp-ov__help .fyp-btn { background: #FFFFFF; }

/* Банер-шаблон: після підгонки під пропорції зображення — без обрізання */
.fyp-banner-tpl .fyp-banner-fitted { background-position: center !important; }

@media (max-width: 767px) {
	.fyp-op__table--pairs tbody { display: block; border: 1px solid var(--fyp-line); margin-bottom: 10px; }
	.fyp-op__table--pairs tbody tr { border: 0; margin: 0; padding: 0 12px; }
	.woocommerce-account .fyp-op__table--pairs .fyp-op__sub td { border-bottom: 0 !important; }
	.fyp-op__subrow { flex-direction: column; align-items: stretch; }
	.fyp-op__acts { justify-content: flex-start; }
	.fyp-op__status { justify-content: space-between !important; }
	.fyp-ov__people { grid-template-columns: minmax(0, 1fr); }
	.fyp-op-steps--6 .fyp-op-steps__label { font-size: 8px; }
	.fyp-ov__titlerow .fyp-op-detail__title { font-size: 20px; }
}

/* 0.5.10 */
.woocommerce-account a.fyp-op__num { text-decoration: none; }
.woocommerce-account a.fyp-op__num:hover { color: var(--fyp-coral-text); }
.fyp-ov .fyp-op-detail { margin-bottom: 0; }

/* =====================  0.6: Бонуси  ===================== */
.fyp-card__level { display: inline-flex; margin-top: 12px; padding: 6px 10px; border: 1px solid var(--fyp-coral); color: var(--fyp-coral-text); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fyp-card__bonus { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--fyp-line); display: flex; flex-direction: column; gap: 6px; }
.fyp-card__cap { font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--fyp-ink-2); }
.fyp-card__balance { font-size: 13px; }
.fyp-card__balance span { font-size: 34px; font-weight: 300; line-height: 1; margin-right: 6px; font-variant-numeric: tabular-nums; }
.fyp-card__bonus p { margin: 0; font-size: 12px; color: var(--fyp-ink-2); line-height: 1.5; }
.fyp-card__bonus .fyp-link { font-size: 11px; margin-top: 4px; align-self: flex-start; }

.fyp-bn { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); margin: 22px 0 8px; }
.fyp-bn__balance { background: var(--fyp-pink); padding: 28px; display: flex; flex-direction: column; gap: 10px; }
.fyp-bn__balance p { margin: 0; font-size: 13px; color: var(--fyp-coral-text); line-height: 1.5; }
.fyp-bn__balance .fyp-btn { align-self: flex-start; margin-top: 10px; }
.fyp-bn__cap { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-bn__big { font-size: 64px; font-weight: 300; line-height: 1; font-variant-numeric: tabular-nums; }
.fyp-bn__script { font-family: var(--fyp-script); font-size: 30px; color: var(--fyp-coral); line-height: 1.1; }
.fyp-bn__level { background: #F6F6F6; padding: 28px; display: flex; flex-direction: column; gap: 12px; }
.fyp-bn__level p { margin: 0; font-size: 14px; }
.fyp-bn__levelhead { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.fyp-bn__levelhead h3 { margin: 0; font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fyp-bn__levelhead span { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-bn__bar { height: 4px; background: #E4E4E4; }
.fyp-bn__bar span { display: block; height: 100%; background: var(--fyp-coral-bg); }
.fyp-bn__tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 6px; }
.fyp-bn__tier { background: #FFFFFF; border: 1px solid var(--fyp-line); padding: 14px; display: flex; flex-direction: column; gap: 4px; }
.fyp-bn__tier.is-current { border: 2px solid var(--fyp-ink); }
.fyp-bn__tiername { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fyp-bn__tier.is-current .fyp-bn__tiername { color: var(--fyp-coral-text); }
.fyp-bn__tierrate { font-size: 26px; font-weight: 300; }
.fyp-bn__tierrange { font-size: 12px; color: var(--fyp-ink-2); }
.fyp-bn__how { list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px solid var(--fyp-ink); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.fyp-bn__how li { display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.5; }
.fyp-bn__how span { font-size: 34px; font-weight: 300; color: var(--fyp-coral); line-height: 1; }
.fyp-bn__how strong { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.fyp-bn__plus { font-weight: 700; }

.fyp-bonus-box { border: 1px solid var(--fyp-ink); padding: 14px 16px; margin: 0 0 18px; background: #FFFFFF; }
.fyp-bonus-box label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; font-size: 14px; line-height: 1.5; }
.fyp-bonus-box input { margin-top: 4px; width: 18px; height: 18px; }
.fyp-inv__bonus { display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--fyp-ink); background: #FFFFFF; padding: 12px 14px; font-size: 13px; line-height: 1.5; cursor: pointer; }
.fyp-inv__bonus input { margin-top: 3px; width: 18px; height: 18px; }

@media (max-width: 767px) {
	.fyp-bn, .fyp-bn__tiers { grid-template-columns: minmax(0, 1fr); }
	.fyp-bn__how { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fyp-bn__big { font-size: 48px; }
}

/* 0.6.4: прокрутка товарів після 8 позицій, повна таблиця товарів */
.fyp-ov__itemshead { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.fyp-ov__scrollhint { font-size: 12px; color: var(--fyp-ink-2); }
.fyp-ov__scroll { max-height: 640px; overflow-y: auto; border-top: 1px solid var(--fyp-line); border-bottom: 1px solid var(--fyp-line); padding-right: 8px; }
.fyp-ov__scroll:focus-visible { outline: 2px solid var(--fyp-ink); outline-offset: 2px; }
.fyp-ov__scroll .fyp-op-item:last-child { border-bottom: 0; }
.fyp-ov__all { display: flex; flex-direction: column; gap: 14px; }
.fyp-ov__allhead { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.woocommerce-account .fyp-ov__alltitle { margin: 0; padding-bottom: 8px; border-bottom: 1px solid var(--fyp-coral); font-family: inherit; font-size: 18px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-ov__allwrap { overflow-x: auto; }
.fyp-ov__alltable .fyp-r { text-align: right; white-space: nowrap; }
.fyp-ov__alltable tfoot td { border-bottom: 0 !important; padding-top: 14px; }
@media (max-width: 767px) {
	.fyp-ov__scroll { max-height: 560px; }
	.fyp-ov__alltable tfoot { display: block; }
	.fyp-ov__alltable tfoot tr { display: flex; justify-content: space-between; border: 0; padding: 8px 0; }
	.fyp-ov__alltable tfoot td:empty { display: none; }
}

/* =====================  0.6.6: адаптивність за дизайн-файлом (ноутбуки, планшети, телефон)  ===================== */
.fyp-progress__cap { display: none; margin: 6px 0 0; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--fyp-coral-text); }
.woocommerce-account .fyp-op__table td .woocommerce-Price-amount, .fyp-op-item__total, .fyp-card__balance span { white-space: nowrap; }

/* до 1399 px — ноутбуки: вужча бічна панель і проміжок */
@media (max-width: 1399px) {
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) { grid-template-columns: 240px minmax(0, 1fr); gap: 0 36px; }
}

/* до 1199 px — горизонтальні планшети */
@media (max-width: 1199px) {
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) { grid-template-columns: 220px minmax(0, 1fr); gap: 0 28px; }
	.fyp-nav a { font-size: 12px; letter-spacing: .1em; min-height: 44px; }
	.fyp-card__level { font-size: 10px; letter-spacing: .08em; white-space: nowrap; }
	.fyp-card__balance { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; }
	.woocommerce-account .fyp-op__table { font-size: 13px; }
	.woocommerce-account .fyp-op__table th, .woocommerce-account .fyp-op__table td { padding-left: 10px; padding-right: 10px; }
	.fyp-op__tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
	.woocommerce-account .fyp-op__tab { flex: 0 0 auto; padding: 0 14px; letter-spacing: .08em; }
	.fyp-op-steps--6 .fyp-op-steps__label { font-size: 10px; letter-spacing: .06em; }
	.fyp-bn__how { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fyp-bn__tierrange { font-size: 11px; }
	/* Шкала в картках «В дорозі» / «В роботі»: замість дрібних підписів — один рядок */
	.fyp-cards .fyp-progress__step span { display: none; }
	.fyp-cards .fyp-progress__cap { display: block; }
	.fyp-quote .fyp-btn { padding: 0 14px; letter-spacing: .04em; }
}

/* до 1023 px — вертикальні планшети: меню кабінету вкладками над вмістом, картка клієнта компактно */
@media (max-width: 1023px) {
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > *,
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > .fyp-sidebar,
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) > .woocommerce-MyAccount-content { grid-column: 1; grid-row: auto; }
	.fyp-sidebar { display: contents; }
	.fyp-card { order: -2; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; padding: 16px; margin-bottom: 14px; }
	.fyp-card__name { grid-column: 1; }
	.fyp-card__level { grid-column: 1; justify-self: start; margin-top: 6px; }
	.fyp-card__bonus { grid-column: 2; grid-row: 1 / span 2; margin: 0; padding: 0; border-top: 0; text-align: right; gap: 0; }
	.fyp-card__bonus .fyp-card__cap, .fyp-card__bonus p, .fyp-card__bonus .fyp-link { display: none; }
	.fyp-card__balance { display: block; font-size: 11px; color: var(--fyp-ink-2); }
	.fyp-card__balance span { display: block; font-size: 30px; color: var(--fyp-ink); margin: 0; }
	.fyp-nav { order: -1; margin-bottom: 20px; }
	.fyp-nav ul { display: flex; overflow-x: auto; border-top: 0; gap: 8px; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
	.fyp-nav li { border: 0; flex: 0 0 auto; }
	.fyp-nav a { min-height: 44px; padding: 0 16px; border: 1px solid var(--fyp-coral); color: var(--fyp-coral-text); white-space: nowrap; gap: 8px; }
	.fyp-nav li.is-active a { background: var(--fyp-coral-bg); border-color: var(--fyp-coral-bg); color: #fff; }
	.fyp-nav li.is-active .fyp-nav__count { color: #fff; }
	.woocommerce-account .woocommerce-MyAccount-content { order: 0; }
	.fyp-quote { order: 1; }
	.fyp-op-steps--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 14px; }
}

/* до 767 px — телефон: мінімум 10 px тексту, кнопки 44 px, суми не розриваються */
@media (max-width: 767px) {
	.fyp-card { display: grid; }
	.fyp-progress__step { font-size: 10px; letter-spacing: .04em; }
	.fyp-progress__step span { display: none; }
	.fyp-progress__cap { display: block; }
	.fyp-op-steps--6 .fyp-op-steps__label { font-size: 10px; letter-spacing: .04em; }
	.woocommerce-account .fyp-op__acts .fyp-btn--sm, .woocommerce-account .fyp-op__tab { min-height: 44px; }
	.fyp-ov__actions .fyp-btn { width: 100%; }
}

/* =====================  0.6.7: єдиний стиль за дизайн-файлом  ===================== */
:root { --fyp-font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }

/* Шрифт і базовий текст — як у дизайні (тема сайту має свій шрифт заголовків) */
.woocommerce-account .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar, > .woocommerce-MyAccount-content, > #customer_login, > .u-columns, > form, > .fyp-login-head),
.woocommerce-account .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar, > .woocommerce-MyAccount-content, > #customer_login, > .u-columns, > form, > .fyp-login-head) :is(h1, h2, h3, h4, p, a, li, td, th, label, input, select, textarea, button, span):not(.fyp-greeting):not(.fyp-banner__title):not(.fyp-bn__script):not(.fyp-card__hello),
.fyp-dialog, .fyp-dialog :is(h2, p, label, input, select, textarea, button),
.fyp-co-book, .fyp-co-book *, .fyp-bonus-box, .fyp-bonus-box * { font-family: var(--fyp-font); }
.woocommerce-account .woocommerce-MyAccount-content { font-size: 14px; line-height: 1.55; color: var(--fyp-ink); }

/* Заголовок сторінки: 28 px / 600 / .14em; заголовок розділу: 18 px кораловий з лінією */
.woocommerce-account .woocommerce-MyAccount-content .fyp-section-title { font-size: 28px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink); margin: 0 0 8px; padding: 0; border: 0; display: block; line-height: 1.2; }
.woocommerce-account .woocommerce-MyAccount-content .fyp-section-title + .fyp-muted { margin: 0 0 28px; font-size: 14px; color: var(--fyp-ink-2); }
.woocommerce-account .woocommerce-MyAccount-content .fyp-block__head .fyp-section-title,
.woocommerce-account .woocommerce-MyAccount-content .fyp-subtitle { display: inline-block; margin: 0; padding-bottom: 6px; border-bottom: 1px solid var(--fyp-coral); font-size: 18px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-coral-text); }
.woocommerce-account .fyp-block { margin-top: 40px; }
.woocommerce-account .fyp-block__head { align-items: flex-end; margin-bottom: 18px; }

/* Таблиця «Замовлення»: заголовок «Статус» праворуч, як і статуси */
.woocommerce-account .fyp-op__table th.fyp-op__th-status, .woocommerce-account .fyp-op__table td.fyp-op__status { text-align: right !important; }

/* «Оплати»: три підсумки в один рядок */
.woocommerce-account .fyp-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; border-top: 1px solid var(--fyp-ink); border-bottom: 1px solid var(--fyp-ink); padding: 20px 0; margin: 0 0 28px; }
.woocommerce-account .fyp-stat { display: flex; flex-direction: column; justify-content: space-between; gap: 6px; padding: 0; border: 0; background: none; }
.woocommerce-account .fyp-stat__label { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--fyp-ink-2); }
.woocommerce-account .fyp-stat__value { font-size: 32px; font-weight: 300; line-height: 1.1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.woocommerce-account .fyp-inv__title { font-size: 22px; font-weight: 600; letter-spacing: .14em; }

/* «Бонуси»: плитки рівнів не стискаються */
.fyp-bn__tiername { font-size: 10px; letter-spacing: .08em; }

/* ---------- Системні повідомлення WooCommerce (збережено, помилка, інформація) ---------- */
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	position: relative; margin: 0 0 24px; padding: 16px 20px 16px 56px; border: 0; border-left: 3px solid var(--fyp-ink); border-radius: 0; box-shadow: none;
	background: var(--fyp-grey); color: var(--fyp-ink); font-family: var(--fyp-font); font-size: 14px; line-height: 1.5; list-style: none;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
}
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-info { background: var(--fyp-blue); border-left-color: #3B4B5C; }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-error { background: var(--fyp-pink); border-left-color: var(--fyp-coral-bg); color: var(--fyp-coral-hover); flex-direction: column; align-items: flex-start; }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-error li { margin: 0; padding: 0; }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
	position: absolute; left: 18px; top: 16px; width: 22px; height: 22px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; font-family: var(--fyp-font); font-size: 13px; font-weight: 700; line-height: 1; color: #FFFFFF; background: var(--fyp-ink);
}
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-message::before { content: "✓"; }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) :is(.woocommerce-message, .woocommerce-info)::before { top: 50%; transform: translateY(-50%); }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-info::before { content: "i"; background: #3B4B5C; }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-error::before { content: "!"; background: var(--fyp-coral-bg); }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button {
	order: 2; float: none; margin: 0; min-height: 40px; padding: 0 16px; display: inline-flex; align-items: center; border: 1px solid var(--fyp-coral); background: #FFFFFF; color: var(--fyp-coral-text);
	font-family: var(--fyp-font); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: none; border-radius: 0;
}
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a:not(.button) { color: inherit; font-weight: 700; }

/* ---------- Форми кабінету (особисті дані, пароль, отримувач, платник) ---------- */
.woocommerce-account .woocommerce-MyAccount-content form .form-row { margin: 0 0 18px; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-content form label { display: block; margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--fyp-ink); line-height: 1.4; }
.woocommerce-account .woocommerce-MyAccount-content form :is(input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="date"], input[type="number"], select, textarea):not(.fyp-combo__search) {
	width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid var(--fyp-ink); border-radius: 0; background: #FFFFFF; color: var(--fyp-ink); font-size: 14px; box-sizing: border-box; box-shadow: none;
}
.woocommerce-account .woocommerce-MyAccount-content form :is(input, select, textarea):focus { outline: 2px solid var(--fyp-coral); outline-offset: 1px; }
.woocommerce-account .woocommerce-EditAccountForm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; max-width: 760px; }
.woocommerce-account .woocommerce-EditAccountForm > * { grid-column: 1 / -1; }
.woocommerce-account .woocommerce-EditAccountForm > .form-row-first { grid-column: 1; }
.woocommerce-account .woocommerce-EditAccountForm > .form-row-last { grid-column: 2; }
.woocommerce-account .woocommerce-EditAccountForm .form-row-first, .woocommerce-account .woocommerce-EditAccountForm .form-row-last { width: auto; float: none; }
.woocommerce-account .woocommerce-EditAccountForm em, .woocommerce-account .woocommerce-MyAccount-content form .description { display: block; margin-top: 6px; font-size: 12px; font-style: normal; color: var(--fyp-ink-2); }
.woocommerce-account .woocommerce-MyAccount-content form :is(button.button, input[type="submit"]):not(.fyp-btn) {
	display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid var(--fyp-ink); border-radius: 0;
	background: var(--fyp-ink); color: #FFFFFF; font-family: var(--fyp-font); font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;
}
.woocommerce-account .woocommerce-MyAccount-content form :is(button.button, input[type="submit"]):not(.fyp-btn):hover { background: #333333; color: #FFFFFF; }
.woocommerce-account .woocommerce-MyAccount-content .fyp-note { padding: 14px 18px; background: var(--fyp-blue); font-size: 13px; margin: 0 0 24px; }

/* ---------- Діалоги «Виставити рахунок» і «Хочу розрахунок» (Contact Form 7) ---------- */
.fyp-dialog { width: min(600px, calc(100vw - 32px)); max-width: calc(100vw - 32px); box-sizing: border-box; padding: 32px; color: var(--fyp-ink); }
.fyp-dialog__head { margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid var(--fyp-line); }
.fyp-dialog__head h2 { font-size: 18px; font-weight: 600; letter-spacing: .14em; color: var(--fyp-coral-text); }
.fyp-dialog .fyp-dialog__close, .fyp-dialog .fyp-dialog__close:hover, .fyp-dialog .fyp-dialog__close:focus {
	width: 44px; height: 44px; padding: 0; border: 1px solid var(--fyp-line); border-radius: 0; background: #FFFFFF; color: var(--fyp-ink); font-size: 24px; line-height: 1; box-shadow: none;
}
.fyp-dialog .fyp-dialog__close:hover { border-color: var(--fyp-ink); }
.fyp-dialog .wpcf7 form > p, .fyp-dialog .wpcf7 form > div > p, .fyp-dialog .wpcf7 p { margin: 0 0 18px; }
.fyp-dialog .wpcf7 label { display: block; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink-2); line-height: 1.4; }
.fyp-dialog .wpcf7 br { display: none; }
.fyp-dialog .wpcf7 .wpcf7-form-control-wrap { display: block; margin-top: 6px; }
.fyp-dialog .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], select, textarea) {
	display: block; width: 100%; min-height: 48px; margin: 0; padding: 10px 14px; border: 1px solid var(--fyp-ink); border-radius: 0; background: #FFFFFF; color: var(--fyp-ink);
	font-size: 14px; font-weight: 400; letter-spacing: normal; text-transform: none; box-sizing: border-box; box-shadow: none;
}
.fyp-dialog .wpcf7 select { -webkit-appearance: none; appearance: none; padding-right: 44px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23111111' stroke-width='1.2'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 16px center !important; cursor: pointer; }
.fyp-dialog .wpcf7 textarea { min-height: 110px; height: 110px; resize: vertical; }
.fyp-dialog .wpcf7 :is(input, select, textarea):focus { outline: 2px solid var(--fyp-coral); outline-offset: 1px; }
.fyp-dialog .wpcf7 input[type="submit"], .fyp-dialog .wpcf7 .wpcf7-submit {
	width: 100%; min-height: 48px; margin: 6px 0 0; padding: 0 24px; border: 1px solid var(--fyp-ink); border-radius: 0; background: var(--fyp-ink); color: #FFFFFF;
	font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;
}
.fyp-dialog .wpcf7 input[type="submit"]:hover { background: #333333; }
.fyp-dialog .wpcf7 .wpcf7-spinner { margin: 10px auto 0; display: block; }
.fyp-dialog .wpcf7 .wpcf7-not-valid { border-color: var(--fyp-coral-bg); }
.fyp-dialog .wpcf7 .wpcf7-not-valid-tip { margin-top: 6px; font-size: 12px; font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--fyp-coral-text); }
.fyp-dialog .wpcf7 form .wpcf7-response-output { margin: 16px 0 0; padding: 14px 18px; border: 0; border-left: 3px solid var(--fyp-ink); background: var(--fyp-grey); font-size: 13px; line-height: 1.5; }
.fyp-dialog .wpcf7 form.invalid .wpcf7-response-output, .fyp-dialog .wpcf7 form.failed .wpcf7-response-output { border-left-color: var(--fyp-coral-bg); background: var(--fyp-pink); color: var(--fyp-coral-hover); }
.fyp-dialog .wpcf7 form.sent .wpcf7-response-output { border-left-color: var(--fyp-ink); background: var(--fyp-grey); }

/* ---------- Бонуси на оформленні й у кошику ---------- */
.fyp-bonus-box { margin: 0 0 20px; padding: 18px 20px; border: 1px solid var(--fyp-ink); background: #FFFFFF; display: flex; flex-direction: column; gap: 12px; }
.fyp-bonus-box__head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.fyp-bonus-box__cap { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--fyp-coral-text); }
.fyp-bonus-box__balance { font-size: 13px; color: var(--fyp-ink-2); }
.fyp-bonus-box__balance strong { font-size: 18px; color: var(--fyp-ink); font-weight: 600; }
.fyp-bonus-box__toggle { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; background: var(--fyp-grey); cursor: pointer; font-size: 13px; line-height: 1.5; margin: 0; }
.fyp-bonus-box__toggle input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--fyp-ink); flex: none; }
.fyp-bonus-box__toggle strong { font-size: 14px; }
.fyp-bonus-box__earn { margin: 0; font-size: 13px; line-height: 1.5; color: var(--fyp-ink-2); }
.fyp-bonus-box__earn strong { color: var(--fyp-coral-text); }
.fyp-bonus-box__link { align-self: flex-start; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink); text-decoration: underline; }

/* ---------- Телефон ---------- */
@media (max-width: 767px) {
	.woocommerce-account .woocommerce-MyAccount-content .fyp-section-title { font-size: 22px; }
	.woocommerce-account .woocommerce-MyAccount-content .fyp-block__head .fyp-section-title,
	.woocommerce-account .woocommerce-MyAccount-content .fyp-subtitle { font-size: 14px; }
	.woocommerce-account .fyp-stats { gap: 10px; padding: 14px 0; }
	.woocommerce-account .fyp-stat__label { font-size: 10px; letter-spacing: .1em; }
	.woocommerce-account .fyp-stat__value { font-size: 18px; }
	.woocommerce-account .woocommerce-EditAccountForm { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-account .woocommerce-EditAccountForm > .form-row-first, .woocommerce-account .woocommerce-EditAccountForm > .form-row-last { grid-column: 1; }
	.woocommerce-account .woocommerce-MyAccount-content form :is(button.button, input[type="submit"]):not(.fyp-btn) { width: 100%; }
	.fyp-dialog { padding: 22px 18px; }
}

/* =====================  0.6.8: помітні повідомлення, блок бонусів стійкий до стилів теми  ===================== */

/* Повідомлення «збережено / додано»: червоний текст і галочка, щоб людина помітила */
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-message { background: #FDF0EE; border-left-color: var(--fyp-coral-bg); color: var(--fyp-coral-text); font-weight: 600; }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-message::before { background: var(--fyp-coral-bg); }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-error { font-weight: 600; }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) { box-sizing: border-box; width: 100%; max-width: 100%; }

/* Кнопки кабінету без підкреслення від теми */
.woocommerce-account a.fyp-btn, .woocommerce-account .fyp-btn, .woocommerce-account .fyp-btn:hover { text-decoration: none !important; }

/* Блок «Бонуси» в кошику й на оформленні: тема (Elementor) має власні стилі для блоків правої колонки —
   тут рамка, відступи, ширина й кольори закріплені, щоб блок стояв рівно в колонці на будь-якій ширині */
body .fyp-bonus-box {
	box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; float: none !important; clear: both;
	margin: 0 0 24px !important; padding: 18px 20px !important; border: 1px solid var(--fyp-ink) !important; border-radius: 0 !important;
	background: #FFFFFF !important; box-shadow: none !important; text-align: left; font-family: var(--fyp-font); color: var(--fyp-ink);
	display: flex !important; flex-direction: column; gap: 12px;
}
body .fyp-bonus-box * { box-sizing: border-box; font-family: var(--fyp-font); }
body .fyp-bonus-box .fyp-bonus-box__head { display: flex !important; justify-content: space-between; align-items: baseline; gap: 10px; margin: 0; padding: 0; }
body .fyp-bonus-box .fyp-bonus-box__cap { margin: 0; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: var(--fyp-coral-text) !important; }
body .fyp-bonus-box .fyp-bonus-box__balance { margin: 0; font-size: 13px !important; color: var(--fyp-ink-2) !important; text-transform: none; letter-spacing: normal; }
body .fyp-bonus-box .fyp-bonus-box__balance strong { font-size: 18px !important; font-weight: 600 !important; color: var(--fyp-ink) !important; }
body .fyp-bonus-box .fyp-bonus-box__toggle { display: flex !important; gap: 12px; align-items: flex-start; width: 100%; margin: 0 !important; padding: 12px 14px !important; background: var(--fyp-grey) !important; border: 0 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.5 !important; text-transform: none !important; letter-spacing: normal !important; color: var(--fyp-ink) !important; cursor: pointer; }
body .fyp-bonus-box .fyp-bonus-box__toggle span, body .fyp-bonus-box .fyp-bonus-box__toggle strong { color: var(--fyp-ink) !important; font-size: 13px !important; line-height: 1.5 !important; letter-spacing: normal !important; text-transform: none !important; }
body .fyp-bonus-box .fyp-bonus-box__toggle strong { font-size: 14px !important; font-weight: 600 !important; }
body .fyp-co-book .fyp-co-hint, body .fyp-co-book .fyp-co-hint a { font-size: 13px !important; color: var(--fyp-coral-text) !important; }
body .fyp-bonus-box .fyp-bonus-box__toggle input { width: 20px !important; height: 20px !important; margin: 1px 0 0 !important; flex: none; accent-color: var(--fyp-ink); }
body .fyp-bonus-box .fyp-bonus-box__earn { margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.5 !important; color: var(--fyp-ink-2) !important; }
body .fyp-bonus-box .fyp-bonus-box__earn strong { color: var(--fyp-coral-text) !important; }
body .fyp-bonus-box .fyp-bonus-box__link { align-self: flex-start; margin: 0 !important; padding: 0 !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--fyp-ink) !important; text-decoration: underline !important; background: none !important; border: 0 !important; }

/* Блок «Кому доставити / Хто платить» на оформленні — так само стійкий */
body .fyp-co-book { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin: 0 0 20px !important; padding: 16px 18px !important; background: var(--fyp-grey) !important; border: 0 !important; }
body .fyp-co-book .form-row { width: 100% !important; float: none !important; margin: 0 0 12px !important; padding: 0 !important; }
body .fyp-co-book label { font-size: 13px !important; font-weight: 600 !important; color: var(--fyp-ink) !important; margin: 0 0 6px !important; display: block; }
body .fyp-co-book select { width: 100% !important; min-height: 48px; border: 1px solid var(--fyp-ink) !important; border-radius: 0 !important; background-color: #FFFFFF !important; }

@media (max-width: 767px) {
	body .fyp-bonus-box { padding: 16px !important; }
	body .fyp-bonus-box .fyp-bonus-box__head { flex-wrap: wrap; }
	body .fyp-co-book { padding: 14px !important; }
}

/* 0.6.9: бонуси на рахунку CRM */
.fyp-inv__bonusform { margin: 0; }
.woocommerce-account .fyp-inv__reserve { width: 100%; justify-content: center; text-align: center; background: #FFFFFF; white-space: normal; line-height: 1.3; height: auto; }
.fyp-wishlist .wishlist-title-container { display: none; } /* заголовок YITH «Мій список бажань» — у кабінеті є свій */
.fyp-inv__bonusnote { margin: 0; padding: 12px 14px; background: #FFFFFF; border-left: 3px solid var(--fyp-ink); font-size: 13px; line-height: 1.5; }
.fyp-inv__bonusnote.is-pending { border-left-color: var(--fyp-coral-bg); }
.fyp-inv__bonusnote .fyp-inv__bonusform { margin-top: 6px; }
.woocommerce-account .fyp-inv__bonusnote button.fyp-link { padding: 0; border: 0; background: none; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--fyp-coral-text); text-decoration: underline; cursor: pointer; min-height: 0; }

/* =====================  0.6.10: мінімальне замовлення з бонусами; сторінка «Дякуємо»  ===================== */
body .fyp-bonus-box .fyp-bonus-box__more { margin: 0 !important; padding: 12px 14px !important; background: #FDF0EE !important; border-left: 3px solid var(--fyp-coral-bg) !important; font-size: 13px !important; line-height: 1.5 !important; color: var(--fyp-coral-hover) !important; }
body .fyp-bonus-box .fyp-bonus-box__more strong, body .fyp-bonus-box .fyp-bonus-box__more .woocommerce-Price-amount { color: var(--fyp-coral-text) !important; font-weight: 700 !important; white-space: nowrap; }

/* Сторінка «Дякуємо, замовлення отримано» — як кабінет */
body.woocommerce-order-received .woocommerce-order { font-family: var(--fyp-font); color: var(--fyp-ink); font-size: 14px; line-height: 1.55; max-width: 980px; margin: 0 auto; }
body.woocommerce-order-received .woocommerce-order :is(h1, h2, h3, p, li, td, th, a, address, span, strong) { font-family: var(--fyp-font); }
body.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received { margin: 0 0 24px; padding: 16px 20px 16px 56px; position: relative; background: #FDF0EE; border-left: 3px solid var(--fyp-coral-bg); color: var(--fyp-coral-text); font-size: 15px; font-weight: 600; }
body.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received::before { content: "✓"; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background: var(--fyp-coral-bg); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px 24px; margin: 0 0 32px; padding: 20px 0; list-style: none; border-top: 1px solid var(--fyp-ink); border-bottom: 1px solid var(--fyp-ink); }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li { margin: 0; padding: 0; border: 0; float: none; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-ink-2); line-height: 1.5; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong { display: block; margin-top: 6px; font-size: 16px; font-weight: 600; letter-spacing: normal; text-transform: none; color: var(--fyp-ink); overflow-wrap: anywhere; }
body.woocommerce-order-received .woocommerce-order h2 { display: inline-block; margin: 32px 0 16px; padding: 0 0 6px; border-bottom: 1px solid var(--fyp-coral); font-size: 18px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fyp-coral-text); line-height: 1.3; }
body.woocommerce-order-received .woocommerce-order .woocommerce-bacs-bank-details { background: var(--fyp-pink); padding: 20px 24px; margin: 0 0 24px; }
body.woocommerce-order-received .woocommerce-order .woocommerce-bacs-bank-details h2 { margin-top: 0; }
body.woocommerce-order-received .woocommerce-order .woocommerce-bacs-bank-details h3 { margin: 0 0 12px; font-size: 14px; font-weight: 700; }
body.woocommerce-order-received .woocommerce-order ul.bacs_details { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px 24px; margin: 0; padding: 0; list-style: none; }
body.woocommerce-order-received .woocommerce-order ul.bacs_details li { margin: 0; padding: 0; border: 0; float: none; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink-2); }
body.woocommerce-order-received .woocommerce-order ul.bacs_details li strong { display: block; margin-top: 4px; font-size: 14px; letter-spacing: normal; text-transform: none; color: var(--fyp-ink); overflow-wrap: anywhere; }
body.woocommerce-order-received .woocommerce-order table.shop_table { width: 100%; border: 0 !important; border-collapse: collapse; margin: 0 0 24px; font-size: 14px; }
body.woocommerce-order-received .woocommerce-order table.shop_table :is(th, td) { padding: 12px 10px !important; border: 0 !important; border-bottom: 1px solid var(--fyp-line) !important; background: transparent !important; text-align: left; vertical-align: top; }
body.woocommerce-order-received .woocommerce-order table.shop_table thead th { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink-2); border-bottom: 1px solid var(--fyp-ink) !important; }
body.woocommerce-order-received .woocommerce-order table.shop_table :is(th, td):last-child { text-align: right; }
body.woocommerce-order-received .woocommerce-order table.shop_table td.product-name a { color: var(--fyp-ink); font-weight: 600; text-decoration: none; }
body.woocommerce-order-received .woocommerce-order table.shop_table tfoot th { font-weight: 400; }
body.woocommerce-order-received .woocommerce-order table.shop_table tfoot tr:last-child :is(th, td) { border-bottom: 0 !important; }
body.woocommerce-order-received .woocommerce-order table.shop_table tfoot tr.order-total :is(th, td) { font-weight: 700; }
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column { width: auto !important; float: none !important; margin: 0 !important; background: var(--fyp-grey); padding: 20px 22px; }
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column h2 { margin-top: 0; font-size: 12px; letter-spacing: .16em; color: var(--fyp-ink-2); border: 0; padding: 0; }
body.woocommerce-order-received .woocommerce-customer-details address { border: 0 !important; padding: 0 !important; font-style: normal; font-size: 14px; line-height: 1.6; }
@media (max-width: 767px) {
	body.woocommerce-order-received .woocommerce-order h2 { font-size: 14px; }
	body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns { grid-template-columns: minmax(0, 1fr); }
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* =====================  0.6.11: галочка бонусів у кошику, порожній блок, стан завантаження  ===================== */
body .fyp-bonus-box.fyp-bonus-box--empty { display: none !important; }
body .fyp-bonus-box.is-loading { opacity: .6; pointer-events: none; }
body .fyp-bonus-box .fyp-bonus-box__toggle input[type="checkbox"] {
	-webkit-appearance: checkbox !important; appearance: auto !important; position: static !important;
	flex: 0 0 20px !important; width: 20px !important; min-width: 20px !important; max-width: 20px !important; height: 20px !important;
	margin: 2px 0 0 !important; padding: 0 !important; transform: none !important; opacity: 1 !important; display: inline-block !important;
}
body .fyp-bonus-box .fyp-bonus-box__toggle > span { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; text-align: left !important; }
body .fyp-bonus-box .fyp-bonus-box__toggle { flex-direction: row !important; justify-content: flex-start !important; text-align: left !important; }

/* =====================  0.6.12: сторінка «Дякуємо» (службові розпірки WooCommerce), правило мінімуму  ===================== */
body .fyp-bonus-box .fyp-bonus-box__rule { margin: 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1.5 !important; color: var(--fyp-ink-2) !important; }
body .fyp-bonus-box .fyp-bonus-box__rule strong, body .fyp-bonus-box .fyp-bonus-box__rule .woocommerce-Price-amount { color: var(--fyp-ink) !important; font-weight: 600 !important; white-space: nowrap; }

/* WooCommerce додає ::before/::after (clearfix) до списків і колонок — у сітці вони займали першу клітинку */
body.woocommerce-order-received .woocommerce-order :is(ul.order_details, ul.woocommerce-order-overview, ul.bacs_details, .col2-set, .woocommerce-columns)::before,
body.woocommerce-order-received .woocommerce-order :is(ul.order_details, ul.woocommerce-order-overview, ul.bacs_details, .col2-set, .woocommerce-columns)::after { content: none !important; display: none !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li,
body.woocommerce-order-received .woocommerce-order ul.bacs_details li { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; min-width: 0; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: start; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li.method { grid-column: span 1; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong { font-size: 15px; line-height: 1.35; }
body.woocommerce-order-received .woocommerce-order ul.bacs_details { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.woocommerce-order-received .woocommerce-order > p, body.woocommerce-order-received .woocommerce-order .woocommerce-bacs-bank-details + p { margin: 0 0 10px; }
body.woocommerce-order-received .woocommerce-order section, body.woocommerce-order-received .woocommerce-order .woocommerce-order-details, body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details { margin: 0 0 28px; padding: 0; border: 0; }
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns, body.woocommerce-order-received .woocommerce-customer-details .col2-set { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100% !important; float: none !important; }
body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-column, .col-1, .col-2) { width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; }
body.woocommerce-order-received .woocommerce-order table.shop_table { table-layout: auto; }
body.woocommerce-order-received .woocommerce-order table.shop_table tfoot td { overflow-wrap: anywhere; }
body.woocommerce-order-received .woocommerce-order table.shop_table tfoot th { width: 40%; color: var(--fyp-ink-2); }

@media (max-width: 1023px) {
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	body.woocommerce-order-received .woocommerce-order { padding: 0 2px; }
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li.method { grid-column: 1 / -1; }
	body.woocommerce-order-received .woocommerce-order ul.bacs_details { grid-template-columns: minmax(0, 1fr); }
	body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns, body.woocommerce-order-received .woocommerce-customer-details .col2-set { grid-template-columns: minmax(0, 1fr); }
	body.woocommerce-order-received .woocommerce-order table.shop_table :is(th, td) { padding: 10px 6px !important; font-size: 13px; }
	body.woocommerce-order-received .woocommerce-order .woocommerce-bacs-bank-details { padding: 16px; }
}

/* =====================  0.6.13  ===================== */
/* «Вітаємо, …» — на 6 px більше */
.woocommerce-account .woocommerce-MyAccount-content .fyp-greeting { font-size: clamp(46px, 6vw, 62px) !important; line-height: 1.05 !important; }

/* Значок у системних повідомленнях: біла галочка / «i» / «!» (тема підставляла свій значок-шрифт) */
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
	font-family: var(--fyp-font) !important; color: #FFFFFF !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important;
	width: 22px !important; height: 22px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important;
	left: 18px !important; margin: 0 !important; text-indent: 0 !important;
}
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-message::before { content: "✓" !important; background: var(--fyp-coral-bg) !important; }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-info::before { content: "i" !important; background: #3B4B5C !important; }
:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) .woocommerce-error::before { content: "!" !important; background: var(--fyp-coral-bg) !important; }

/* Сторінка «Дякуємо»: підсумки вирівняні по верху; адреси — в одному рядку (телефон — один під одним) */
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { display: grid !important; align-items: start !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li { align-self: start !important; vertical-align: top !important; line-height: 1.5 !important; }
body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-columns, .col2-set, .addresses) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; }
body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-column, .col-1, .col-2) { grid-row: 1 !important; width: auto !important; float: none !important; margin: 0 !important; }
body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-column--billing-address, .col-1) { grid-column: 1 !important; }
body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-column--shipping-address, .col-2) { grid-column: 2 !important; }
@media (max-width: 767px) {
	body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-columns, .col2-set, .addresses) { grid-template-columns: minmax(0, 1fr) !important; }
	body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-column, .col-1, .col-2) { grid-row: auto !important; grid-column: 1 !important; }
}
body .fyp-bonus-box .fyp-bonus-box__more strong { color: var(--fyp-coral-hover) !important; }

/* =====================  0.6.14  ===================== */
/* «Вітаємо, …» — на 4 px менше, ніж у 0.6.13 */
.woocommerce-account .woocommerce-MyAccount-content .fyp-greeting { font-size: clamp(42px, 6vw, 58px) !important; }
/* «Бонусний баланс» — кольору привітання; «301 ₴ бонусів» */
.fyp-card__bonus .fyp-card__cap { color: var(--fyp-coral) !important; }
.fyp-card__balance { font-size: 13px; color: var(--fyp-ink-2); }
.fyp-card__balance span { color: var(--fyp-ink); margin-right: 2px; }

/* ---------- «Дякуємо»: симетрія ---------- */
body.woocommerce-order-received .woocommerce-order > * { box-sizing: border-box; }
body.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received { margin: 0 0 28px !important; }
/* підсумки: однакові колонки з тонкими розділювачами */
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { gap: 0 !important; padding: 22px 0 !important; margin: 0 0 32px !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li { padding: 0 20px !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:first-child { padding-left: 0 !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:last-child { padding-right: 0 !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li + li { border-left: 1px solid var(--fyp-line) !important; }
/* інструкція з оплати переказом і реквізити — одна рожева картка */
body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-notice):not(.woocommerce-thankyou-order-received) { margin: 0 !important; padding: 0 28px 10px !important; background: var(--fyp-pink); font-size: 14px; line-height: 1.6; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview + p:not(.woocommerce-notice):not(.woocommerce-thankyou-order-received) { padding-top: 24px !important; }
body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-notice) + section.woocommerce-bacs-bank-details { margin-top: 0 !important; padding-top: 16px !important; border-top: 1px solid rgba(181, 57, 42, .15); }
body.woocommerce-order-received .woocommerce-order .woocommerce-bacs-bank-details { padding: 20px 28px 24px !important; margin: 0 0 40px !important; }
body.woocommerce-order-received .woocommerce-order .woocommerce-bacs-bank-details h2 { margin: 0 0 16px !important; }
/* однаковий ритм розділів */
body.woocommerce-order-received .woocommerce-order .woocommerce-order-details { margin: 0 0 32px !important; }
body.woocommerce-order-received .woocommerce-order .woocommerce-order-details > h2, body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details > h2 { margin: 0 0 16px !important; }
body.woocommerce-order-received .woocommerce-order table.shop_table tbody td { color: var(--fyp-ink); }
body.woocommerce-order-received .woocommerce-order table.shop_table tfoot :is(th, td) { padding-top: 10px !important; padding-bottom: 10px !important; }
body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-column, .col-1, .col-2) { padding: 22px 24px !important; }
body.woocommerce-order-received .woocommerce-customer-details address p { margin: 6px 0 0; }
@media (max-width: 1023px) {
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { row-gap: 18px !important; }
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:nth-child(3n+1) { border-left: 0 !important; padding-left: 0 !important; }
}
@media (max-width: 767px) {
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li { padding: 0 12px !important; }
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:nth-child(3n+1) { border-left: 1px solid var(--fyp-line) !important; padding-left: 12px !important; }
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:nth-child(2n+1) { border-left: 0 !important; padding-left: 0 !important; }
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li.method { border-left: 0 !important; padding-left: 0 !important; }
	body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-notice):not(.woocommerce-thankyou-order-received) { padding: 0 16px 10px !important; }
	body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview + p:not(.woocommerce-notice):not(.woocommerce-thankyou-order-received) { padding-top: 18px !important; }
	body.woocommerce-order-received .woocommerce-order .woocommerce-bacs-bank-details { padding: 16px !important; }
	body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-column, .col-1, .col-2) { padding: 18px !important; }
}

/* розділювачі на всю висоту рядка, вміст — по верху */
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { align-items: stretch !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li { align-self: stretch !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li.email strong { font-size: 14px; overflow-wrap: anywhere; }

/* =====================  0.6.15: телефон і вертикальний планшет  ===================== */
.fyp-bn__tiersnote { margin: 4px 0 0 !important; font-size: 12px !important; color: var(--fyp-ink-2); }
.fyp-benefits li strong { color: var(--fyp-coral-text); font-weight: 600; }
.fyp-benefits li { margin-bottom: 8px; line-height: 1.5; }

/* ---------- Список бажань (YITH) у стилі кабінету ---------- */
.woocommerce-account .yith-wcwl-share, .woocommerce-account .yith_wcwl_wishlist_footer .yith-wcwl-share,
.woocommerce-account .wishlist-title-container .show-title-form, .woocommerce-account .wishlist-title a.show-title-form,
.woocommerce-account .hidden-title-form { display: none !important; }
.woocommerce-account .wishlist-title-container, .woocommerce-account .wishlist-title { margin: 0 0 18px !important; }
.woocommerce-account .wishlist-title h2 { margin: 0 !important; font-family: var(--fyp-font) !important; font-size: 18px !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--fyp-coral-text) !important; display: inline-block; padding-bottom: 6px; border-bottom: 1px solid var(--fyp-coral); }
.woocommerce-account table.wishlist_table { width: 100%; border: 0 !important; border-collapse: collapse; font-size: 14px; }
.woocommerce-account table.wishlist_table :is(th, td) { border: 0 !important; border-bottom: 1px solid var(--fyp-line) !important; padding: 14px 10px !important; background: transparent !important; vertical-align: middle; }
.woocommerce-account table.wishlist_table thead th { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--fyp-ink-2); border-bottom: 1px solid var(--fyp-ink) !important; }
.woocommerce-account .wishlist_table .product-thumbnail img { width: 64px !important; height: 64px; object-fit: cover; background: #EFEFEF; }
.woocommerce-account .wishlist_table .product-name a { color: var(--fyp-ink) !important; font-weight: 700; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; }
.woocommerce-account .wishlist_table :is(a.add_to_cart_button, a.button, .add_to_cart) {
	display: inline-flex !important; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px !important; border: 1px solid var(--fyp-ink) !important; border-radius: 0 !important;
	background: var(--fyp-ink) !important; color: #FFFFFF !important; font-family: var(--fyp-font) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap;
}
.woocommerce-account .wishlist_table a.remove, .woocommerce-account .wishlist_table .remove_from_wishlist { color: var(--fyp-ink-2) !important; font-size: 20px !important; text-decoration: none !important; }
/* мобільний список YITH: картки */
.woocommerce-account ul.wishlist_table.mobile { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 10px; }
.woocommerce-account ul.wishlist_table.mobile > li { margin: 0 !important; padding: 14px !important; border: 1px solid var(--fyp-line) !important; background: #FFFFFF; display: grid !important; grid-template-columns: 64px minmax(0, 1fr); gap: 4px 14px; align-items: start; position: relative; }
.woocommerce-account ul.wishlist_table.mobile .item-wrapper { display: contents !important; }
.woocommerce-account ul.wishlist_table.mobile .product-thumbnail { grid-column: 1; grid-row: 1 / span 3; width: 64px !important; margin: 0 !important; }
.woocommerce-account ul.wishlist_table.mobile .product-thumbnail img { width: 64px !important; height: 64px !important; object-fit: cover; }
.woocommerce-account ul.wishlist_table.mobile .item-details { grid-column: 2; margin: 0 !important; padding: 0 30px 0 0 !important; width: auto !important; }
.woocommerce-account ul.wishlist_table.mobile .product-name h3, .woocommerce-account ul.wishlist_table.mobile .product-name { margin: 0 0 6px !important; font-size: 12px !important; line-height: 1.4 !important; }
.woocommerce-account ul.wishlist_table.mobile :is(table.item-details-table, table.additional-info) { width: 100% !important; margin: 0 !important; border: 0 !important; }
.woocommerce-account ul.wishlist_table.mobile :is(table.item-details-table, table.additional-info) :is(td, th) { padding: 2px 0 !important; border: 0 !important; background: transparent !important; font-size: 12px !important; color: var(--fyp-ink-2); }
.woocommerce-account ul.wishlist_table.mobile :is(table.item-details-table, table.additional-info) td.value { text-align: left !important; color: var(--fyp-ink); }
.woocommerce-account ul.wishlist_table.mobile .additional-info-wrapper { grid-column: 2; margin: 0 !important; padding: 0 !important; }
.woocommerce-account ul.wishlist_table.mobile .product-add-to-cart { margin: 8px 0 0 !important; text-align: left !important; }
.woocommerce-account ul.wishlist_table.mobile .product-add-to-cart a { width: 100%; }
.woocommerce-account ul.wishlist_table.mobile .product-remove { position: absolute; top: 8px; right: 10px; margin: 0 !important; }

@media (max-width: 1023px) {
	/* картка профілю — той самий вміст, що на комп'ютері */
	.fyp-card { display: flex !important; flex-direction: column; align-items: stretch; gap: 4px; padding: 18px !important; margin-bottom: 14px; }
	.fyp-card__level { justify-self: auto; align-self: flex-start; margin-top: 10px; }
	.fyp-card__bonus { display: flex !important; flex-direction: column; gap: 6px !important; margin-top: 14px !important; padding-top: 14px !important; border-top: 1px solid var(--fyp-line) !important; text-align: left !important; grid-column: auto; grid-row: auto; }
	.fyp-card__bonus .fyp-card__cap, .fyp-card__bonus p, .fyp-card__bonus .fyp-link { display: block !important; }
	.fyp-card__bonus .fyp-link { align-self: flex-start; }
	.fyp-card__balance { display: flex !important; align-items: baseline; gap: 6px; font-size: 13px; color: var(--fyp-ink-2); }
	.fyp-card__balance span { display: inline !important; font-size: 34px !important; color: var(--fyp-ink); }

	/* «Повторити замовлення»: товари в один рядок, решта — прокруткою */
	.fyp-tiles { display: flex !important; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 8px; margin-right: 0; padding-right: 0; }
	.fyp-tiles > * { flex: 0 0 28%; scroll-snap-align: start; min-width: 0; }

	/* кнопки замовлення: 2 в рядок; непарна остання — на всю ширину; рівно 3 — по одній */
	.fyp-op__subrow { flex-direction: column !important; align-items: stretch !important; }
	.fyp-op__acts { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px !important; width: 100%; }
	.fyp-op__acts > * { width: 100% !important; justify-content: center; text-align: center; margin: 0 !important; }
	.fyp-op__acts > :last-child:nth-child(odd) { grid-column: 1 / -1; }

	/* «Бонуси»: три рівні в рядок */
	.fyp-bn__tiers { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; }
	.fyp-bn__tier { padding: 10px 8px !important; }
	.fyp-bn__tier.is-current { padding: 9px 7px !important; }
	.fyp-bn__tiername { font-size: 10px !important; letter-spacing: .06em !important; }
	.fyp-bn__tierrate { font-size: 22px !important; }
	.fyp-bn__tierrange { font-size: 10px !important; line-height: 1.35; }
	.fyp-bn__level, .fyp-bn__balance { padding: 20px 16px !important; }
}
@media (max-width: 767px) {
	.woocommerce-account.logged-in .woocommerce:not(.dgwt-wcas-search-wrapp):has(> .fyp-sidebar) { padding-left: 8px; padding-right: 8px; box-sizing: border-box; }
	.fyp-tiles > * { flex: 0 0 42%; }
	/* історія бонусів: компактні рядки — операція й дата ліворуч, сума й баланс праворуч */
	.fyp-bn__history tbody tr { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "op bon" "meta bal"; gap: 2px 12px; padding: 12px 0 !important; border: 0 !important; border-bottom: 1px solid var(--fyp-line) !important; margin: 0 !important; }
	.fyp-bn__history tbody td { display: block !important; padding: 0 !important; border: 0 !important; }
	.fyp-bn__history tbody td::before { content: none !important; }
	.fyp-bn__history tbody td:nth-child(1) { grid-area: meta; font-size: 12px; color: var(--fyp-ink-2); }
	.fyp-bn__history tbody td:nth-child(2) { grid-area: op; font-size: 13px; font-weight: 600; }
	.fyp-bn__history tbody td:nth-child(3) { display: none !important; }
	.fyp-bn__history tbody td:nth-child(4) { grid-area: bon; text-align: right; font-weight: 700; }
	.fyp-bn__history tbody td:nth-child(5) { grid-area: bal; text-align: right; font-size: 12px; color: var(--fyp-ink-2); }
	.fyp-bn__history tbody td:nth-child(5)::before { content: "баланс " !important; display: inline !important; font-size: 12px; text-transform: none; letter-spacing: 0; font-weight: 400; }
}

/* кнопки на всю ширину не виходять за край (рамка й відступи — всередині ширини) */
.woocommerce-account .fyp-btn, .fyp-op__acts > *, .woocommerce-checkout .fyp-btn, .woocommerce-cart .fyp-btn { box-sizing: border-box; }

/* =====================  0.6.16: телефон і вертикальний планшет  ===================== */
.fyp-card__hello { display: none; }
.woocommerce-account .woocommerce-MyAccount-content a[href^="tel:"]:not(.fyp-btn), .woocommerce-account .woocommerce-MyAccount-content a[x-apple-data-detectors], .woocommerce-account .fyp-sidebar a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font: inherit !important; }

/* Єдине правило кнопок: по дві в рядок порівну; непарна остання — на всю ширину */
@media (max-width: 1023px) {
	:is(.fyp-op__acts, .fyp-addr-card__actions, .fyp-inv__buttons, .fyp-ov__actions, .fyp-op-detail__actions, .fyp-order__actions, .fyp-box__actions) {
		display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; justify-content: stretch !important;
	}
	:is(.fyp-op__acts, .fyp-addr-card__actions, .fyp-inv__buttons, .fyp-ov__actions, .fyp-op-detail__actions, .fyp-order__actions, .fyp-box__actions) > * { width: 100% !important; min-width: 0; margin: 0 !important; grid-column: auto !important; box-sizing: border-box; }
	:is(.fyp-op__acts, .fyp-addr-card__actions, .fyp-inv__buttons, .fyp-ov__actions, .fyp-op-detail__actions, .fyp-order__actions, .fyp-box__actions) > :last-child:nth-child(odd) { grid-column: 1 / -1 !important; }
	:is(.fyp-op__acts, .fyp-addr-card__actions, .fyp-inv__buttons, .fyp-ov__actions, .fyp-op-detail__actions, .fyp-order__actions, .fyp-box__actions) > form > :is(button, .fyp-btn) { width: 100% !important; }
	:is(.fyp-op__acts, .fyp-addr-card__actions, .fyp-inv__buttons, .fyp-ov__actions, .fyp-op-detail__actions, .fyp-order__actions, .fyp-box__actions) :is(.fyp-btn, button) { justify-content: center !important; text-align: center !important; white-space: normal !important; line-height: 1.25 !important; min-height: 44px !important; padding-left: 8px !important; padding-right: 8px !important; }

	/* рядок з ТТН і кнопками в картці замовлення — на всю ширину картки */
	.woocommerce-account .fyp-op__table .fyp-op__sub td { display: block !important; width: 100% !important; box-sizing: border-box; }
	.woocommerce-account .fyp-op__table .fyp-op__sub td::before { content: none !important; display: none !important; }
	.fyp-op__subrow { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; width: 100% !important; }

	/* картка: «Вітаємо, Ім'я» замість повного імені; привітання над картками не дублюється */
	.fyp-card__name { display: none !important; }
	.fyp-card__hello { display: block; font-family: var(--fyp-script); font-weight: 400; font-size: 36px; line-height: 1.1; color: var(--fyp-coral); }
	.fyp-dash > .fyp-greeting { display: none !important; }
	.fyp-dash > .fyp-eyebrow { margin-top: 0; }

	/* нічого не ширше за екран: довгі статуси переносяться, сторінка не «їздить» убік */
	.woocommerce-account .fyp-badge { white-space: normal !important; max-width: 100%; text-align: center; line-height: 1.35; }
	.woocommerce-account .woocommerce-MyAccount-content { max-width: 100%; min-width: 0; }
	.woocommerce-account .woocommerce-MyAccount-content :is(td, dd, p) { overflow-wrap: break-word; }
	.woocommerce-account .fyp-op__table td[data-title]::before { flex: 0 0 auto; white-space: nowrap; margin-right: 12px; }
	.woocommerce-account .fyp-op__table td.fyp-op__status { gap: 12px; }
	.woocommerce-account .fyp-op__table td.fyp-op__status .fyp-badge { flex: 0 1 auto; min-width: 0; }
}

/* 0.6.17: «Вітаємо, …» у картці — рукописним шрифтом, як привітання на комп'ютері */
.woocommerce-account .fyp-card .fyp-card__hello { font-family: var(--fyp-script) !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; }

/* 0.6.19: позиція без фото (індивідуальне замовлення, товар не знайдено в каталозі) — позначка замість сірого квадрата */
.fyp-op-item__thumb:empty { background: var(--fyp-pink); display: flex; align-items: center; justify-content: center; }
.fyp-op-item__thumb:empty::before { content: "✦"; font-size: 20px; line-height: 1; color: var(--fyp-coral); }