/*!
 * SIXX — стили шаблона page.php
 *
 * Вынесено из инлайнового <style> без единой правки правил.
 * Причина: инлайн внутри <body> не кэшируется браузером и
 * приходит заново с каждым HTML-документом. Клиент, посмотревший
 * пять товаров, скачивал одни и те же стили пять раз.
 *
 * ПОРЯДОК ПОДКЛЮЧЕНИЯ ВАЖЕН. Раньше эти правила жили в <body> и
 * поэтому побеждали всё, что подключено в <head>, при равной
 * специфичности. Чтобы каскад не поехал, файл подключается ПОСЛЕ
 * style.css и ДО assets/css/sixx-mobile-fix.css — см.
 * sixx_page_styles() в functions.php.
 */
:root{--sx-page-bg: #FFFFFF;--sx-page-card: #FFFFFF;--sx-dark: #111827;--sx-accent: #cdfa0a;--sx-text: #1F2937;--sx-muted: #6B7280;--sx-border: #E5E7EB;--sx-radius: 24px;--sx-max-w: 880px}.sx-page-header{position: relative;background: linear-gradient(135deg,#111827 0%,#1F2937 60%,#374151 100%);padding: 100px 20px 80px;text-align: center;overflow: hidden}.sx-page-header::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 20% 80%,rgba(205,250,10,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(205,250,10,0.05) 0%,transparent 50%);pointer-events: none}.sx-page-header__label{display: inline-block;font-family: 'Montserrat',sans-serif;font-size: 11px;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;color: var(--sx-accent);margin-bottom: 16px;opacity: 0;transform: translateY(20px);animation: sxFadeUp 0.6s ease 0.1s forwards}.sx-page-header__title{font-family: 'Montserrat',sans-serif;font-size: clamp(28px,5vw,48px);font-weight: 800;color: #fff;line-height: 1.15;margin: 0 auto;max-width: 700px;opacity: 0;transform: translateY(30px);animation: sxFadeUp 0.7s ease 0.25s forwards}.sx-page-header__accent-line{width: 60px;height: 3px;background: var(--sx-accent);margin: 24px auto 0;border-radius: 2px;opacity: 0;transform: scaleX(0);animation: sxLineGrow 0.5s ease 0.5s forwards}@keyframes sxLineGrow{to{opacity: 1;transform: scaleX(1)}}@keyframes sxFadeUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}.sx-breadcrumbs{position: relative;z-index: 2;max-width: var(--sx-max-w);margin: max(-25px,calc(12px - 2vw)) auto 0;padding: 0 20px}.sx-breadcrumbs__inner{background: var(--sx-page-card);border-radius: 14px;padding: 14px 24px;box-shadow: 0 4px 20px rgba(0,0,0,0.06);display: flex;align-items: center;gap: 10px;font-size: 13px;color: var(--sx-muted)}.sx-breadcrumbs a{color: var(--sx-text);text-decoration: none;font-weight: 500;transition: color .2s}.sx-breadcrumbs a:hover{color: var(--sx-accent)}.sx-breadcrumbs__sep{color: var(--sx-border);font-size: 10px}.sx-breadcrumbs__current{color: var(--sx-muted);font-weight: 400}.sx-breadcrumbs--no-hero{margin-top: clamp(20px,3.4vw,34px)}.sx-page-wrap{padding: 50px 20px 100px;min-height: 50vh}.sx-page-wrap--plain{padding: 32px 20px 80px;min-height: 0}.sx-page-card{max-width: var(--sx-max-w);margin: 0 auto;background: var(--sx-page-card);border-radius: var(--sx-radius);padding: clamp(30px,5vw,60px);box-shadow: 0 2px 16px rgba(17,24,39,0.05)}.sx-page-card h2{font-family: 'Montserrat',sans-serif;font-size: clamp(22px,3.5vw,30px);font-weight: 700;color: var(--sx-dark);margin: 48px 0 20px;line-height: 1.3;position: relative;padding-bottom: 12px}.sx-page-card h2::after{content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 3px;background: var(--sx-accent);border-radius: 2px}.sx-page-card h3{font-family: 'Montserrat',sans-serif;font-size: clamp(18px,2.5vw,22px);font-weight: 700;color: var(--sx-dark);margin: 36px 0 14px}.sx-page-card h4{font-family: 'Montserrat',sans-serif;font-size: 17px;font-weight: 600;color: var(--sx-dark);margin: 28px 0 10px}.sx-page-card p{font-family: 'Inter',sans-serif;font-size: 16px;line-height: 1.75;color: var(--sx-text);margin-bottom: 18px}.sx-page-card a{color: var(--sx-dark);text-decoration: underline;text-decoration-color: var(--sx-accent);text-underline-offset: 3px;text-decoration-thickness: 2px;font-weight: 500;transition: all .2s}.sx-page-card a:hover{color: var(--sx-accent);text-decoration-color: var(--sx-accent)}.sx-page-card ul,.sx-page-card ol{margin: 18px 0;padding-left: 22px}.sx-page-card li{font-family: 'Inter',sans-serif;font-size: 15px;line-height: 1.8;color: var(--sx-text);margin-bottom: 8px;position: relative}.sx-page-card ul li::marker{color: var(--sx-accent);font-size: 18px}.sx-page-card blockquote,.wp-block-quote{position: relative;background: linear-gradient(135deg,#111827 0%,#1F2937 100%);color: #fff;border-radius: 16px;padding: 32px 32px 32px 52px;margin: 32px 0;font-family: 'Montserrat',sans-serif;font-size: 17px;font-weight: 500;line-height: 1.65;font-style: italic;box-shadow: 0 10px 30px rgba(17,24,39,0.15)}.sx-page-card blockquote::before,.wp-block-quote::before{content: ''";
  position: absolute;
  top: 18px;
  left: 20px;
  font-size: 60px;
  color: var(--sx-accent);
  line-height: 1;
  font-family: Georgia, serif;
}
.sx-page-card blockquote cite,
.wp-block-quote cite {
  display: block;
  margin-top: 16px;
  font-size: 13px;
  font-style: normal;
  color: var(--sx-accent);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* ---- Tables ---- */
.sx-page-card table,
.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  margin: 28px 0;
  font-size: 15px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.sx-page-card th,
.wp-block-table th {
  background: var(--sx-dark);
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 16px 20px;
  text-align: left;
}
.sx-page-card td,
.wp-block-table td {
  padding: 14px 20px;
  border-bottom: 1px solid var(--sx-border);
  color: var(--sx-text);
  font-family: 'Inter', sans-serif;
}
.sx-page-card tr:nth-child(even) td,
.wp-block-table tr:nth-child(even) td {
  background: #F8F9FA;
}
.sx-page-card tr:last-child td,
.wp-block-table tr:last-child td {
  border-bottom: none;
}

/* ---- Buttons (Gutenberg + custom) ---- */
.sx-page-card .wp-block-button__link,
.sx-btn {
  display: inline-block;
  background: var(--sx-dark) !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: all .3s ease;
  box-shadow: 0 4px 15px rgba(17,24,39,0.2);
}
.sx-page-card .wp-block-button__link:hover,
.sx-btn:hover {
  background: var(--sx-accent) !important;
  color: var(--sx-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(205,250,10,0.3);
}

/* ---- Images & Galleries ---- */
.sx-page-card img,
.wp-block-image img {
  border-radius: 12px;
  max-width: 100%;
  height: auto;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.wp-block-gallery {
  gap: 12px !important;
}
.wp-block-gallery .wp-block-image img {
  border-radius: 12px;
  transition: transform .3s;
}
.wp-block-gallery .wp-block-image img:hover {
  transform: scale(1.03);
}

/* ---- Separators ---- */
.sx-page-card hr,
.wp-block-separator {
  border: none;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--sx-border), transparent);
  margin: 48px auto;
  max-width: 200px;
}

/* ---- Info Boxes / Callouts ---- */
.sx-callout {
  background: linear-gradient(135deg, rgba(205,250,10,0.08) 0%, rgba(205,250,10,0.02) 100%);
  border-left: 4px solid var(--sx-accent);
  border-radius: 0 16px 16px 0;
  padding: 24px 28px;
  margin: 28px 0;
}
.sx-callout__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--sx-dark);
  margin-bottom: 8px;
}
.sx-callout p {
  margin: 0;
  font-size: 15px;
  color: var(--sx-text);
}

/* ---- FAQ Accordion (if used) ---- */
.sx-faq-item {
  border-bottom: 1px solid var(--sx-border);
  margin-bottom: 0;
}
.sx-faq-question {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0;
  background: none;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--sx-dark);
  cursor: pointer;
  text-align: left;
  transition: color .2s;
}
.sx-faq-question:hover {
  color: var(--sx-accent);
}
.sx-faq-icon {
  width: 24px;
  height: 24px;
  position: relative;
  flex-shrink: 0;
  margin-left: 16px;
}
.sx-faq-icon::before,
.sx-faq-icon::after {
  content: '';
  position: absolute;
  background: currentColor;
  transition: transform .3s;
}
.sx-faq-icon::before {
  width: 12px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sx-faq-icon::after {
  width: 2px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sx-faq-item.is-open .sx-faq-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.sx-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease, padding .4s ease;
  padding: 0 0 0 0;
}
.sx-faq-item.is-open .sx-faq-answer {
  max-height: 500px;
  padding: 0 0 24px 0;
}
.sx-faq-answer p {
  margin: 0;
  font-size: 15px;
  color: var(--sx-muted);
  line-height: 1.7;
}

/* ---- Scroll Reveal ---- */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: .1s; }
.reveal-delay-2 { transition-delay: .2s; }
.reveal-delay-3 { transition-delay: .3s; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
  .sx-page-header {
    padding: 70px 16px 60px;
  }
  .sx-page-wrap {
    padding: 30px 12px 60px;
  }
  .sx-page-wrap--plain {
    padding: 20px 12px 50px;
  }
  .sx-page-card {
    padding: 28px 20px;
    border-radius: 18px;
  }
  .sx-page-card blockquote,
  .wp-block-quote {
    padding: 24px 20px 24px 40px;
    font-size: 15px;
  }
  .sx-page-card blockquote::before,
  .wp-block-quote::before {
    font-size: 40px;
    top: 12px;
    left: 12px;
  }
  .sx-page-card th,
  .sx-page-card td,
  .wp-block-table th,
  .wp-block-table td {
    padding: 12px 14px;
    font-size: 14px;
  }
  .sx-breadcrumbs__inner {
    padding: 12px 18px;
    font-size: 12px;
  }
  .sx-breadcrumbs {
    margin-top: -20px;
    padding: 0 12px;
  }
}

/* ---- Dark section option ---- */
.sx-page-card.is-dark {
  background: linear-gradient(135deg, #111827 0%, #1F2937 100%);
  color: #fff;
}
.sx-page-card.is-dark h2,
.sx-page-card.is-dark h3,
.sx-page-card.is-dark h4 {
  color: #fff;
}
.sx-page-card.is-dark h2::after {
  background: var(--sx-accent);
}
.sx-page-card.is-dark p,
.sx-page-card.is-dark li {
  color: #D1D5DB;
}

/* ============================================
   СТРАНИЦА ВХОДА / РЕГИСТРАЦИИ (My Account, гость)
   Полностью переоформляем стандартную неоформленную
   форму WooCommerce под фирменный стиль SIXX.
   ============================================ */
.sx-page-wrap--login {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - var(--sx-h, 72px));
}

.sx-page-wrap--login #customer_login,
.sx-page-wrap--login .woocommerce-account #customer_login {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  background: var(--sx-page-card);
  border-radius: var(--sx-radius);
  box-shadow: 0 8px 40px rgba(0,0,0,0.06);
  overflow: hidden;
}
.sx-page-wrap--login-2col #customer_login {
  max-width: 860px;
}

.sx-page-wrap--login .u-column1.col-1,
.sx-page-wrap--login .u-column2.col-2 {
  flex: 1 1 320px;
  padding: 48px 40px;
  min-width: 0;
}
.sx-page-wrap--login-2col .u-column1.col-1 {
  border-right: 1px solid var(--sx-border);
}

.sx-page-wrap--login h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: var(--sx-dark);
  margin: 0 0 24px;
}

.sx-page-wrap--login .woocommerce-form-row {
  margin: 0 0 18px;
}
.sx-page-wrap--login .woocommerce-form-row label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--sx-text);
  margin-bottom: 6px;
}
.sx-page-wrap--login .woocommerce-form-row label .required {
  color: var(--sx-accent-hover, #b0e50f);
  text-decoration: none;
}
.sx-page-wrap--login .woocommerce-Input {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 16px;
  border: 1px solid var(--sx-border);
  border-radius: 12px;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  color: var(--sx-dark);
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.sx-page-wrap--login .woocommerce-Input:focus {
  outline: none;
  border-color: var(--sx-accent);
  box-shadow: 0 0 0 3px rgba(205,250,10,0.18);
}

.sx-page-wrap--login .form-row.woocommerce-form-row--wide:has(input[type="checkbox"]),
.sx-page-wrap--login p.form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 4px 0 20px;
}
.sx-page-wrap--login .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--sx-muted);
  cursor: pointer;
}
.sx-page-wrap--login .woocommerce-form__input-checkbox {
  width: 16px;
  height: 16px;
  accent-color: var(--sx-accent);
  cursor: pointer;
}

.sx-page-wrap--login button[type="submit"],
.sx-page-wrap--login .woocommerce-button {
  width: 100%;
  border: none;
  background: var(--sx-accent);
  color: var(--sx-dark);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  padding: 14px 24px;
  border-radius: 40px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}
.sx-page-wrap--login button[type="submit"]:hover,.sx-page-wrap--login .woocommerce-button:hover{background: var(--sx-accent-hover,#b0e50f);transform: translateY(-1px)}.sx-page-wrap--login .woocommerce-LostPassword{margin: 16px 0 0;text-align: center;font-size: 13px}.sx-page-wrap--login .woocommerce-LostPassword a{color: var(--sx-muted);text-decoration: underline;text-decoration-color: var(--sx-border)}.sx-page-wrap--login .woocommerce-LostPassword a:hover{color: var(--sx-dark)}.sx-page-wrap--login .woocommerce-privacy-policy-text{font-size: 12px;color: var(--sx-muted);line-height: 1.6;margin: 4px 0 20px}.sx-page-wrap--login .woocommerce-privacy-policy-text a{color: var(--sx-dark);text-decoration: underline}.sx-page-wrap--login .woocommerce-error,.sx-page-wrap--login .woocommerce-message,.sx-page-wrap--login .woocommerce-info{width: 100%;max-width: 460px;margin: 0 auto 16px;background: #fff;border: 1px solid var(--sx-border);border-left: 4px solid var(--sx-accent-hover,#b0e50f);border-radius: 12px;padding: 14px 20px;font-size: 14px;color: var(--sx-text);list-style: none}.sx-page-wrap--login .woocommerce-error{border-left-color: #EF4444}@media (max-width: 767px){.sx-page-wrap--login{min-height: 0;padding-top: 12px}.sx-page-wrap--login-2col .u-column1.col-1{border-right: none;border-bottom: 1px solid var(--sx-border)}.sx-page-wrap--login .u-column1.col-1,.sx-page-wrap--login .u-column2.col-2{flex: 1 1 100%;padding: 32px 24px}}