:root {
  --ayara-ink: #151515;
  --ayara-muted: #66615c;
  --ayara-soft: #f4efe9;
  --ayara-surface: #fbf8f4;
  --ayara-panel: #ffffff;
  --ayara-line: rgba(21, 21, 21, 0.12);
  --ayara-accent: #2f58ff;
  --ayara-accent-strong: #0f362b;
  --ayara-dark: #1d1a17;
  --ayara-shadow: 0 18px 60px rgba(21, 21, 21, 0.08);
}

body {
  color: var(--ayara-ink);
}

body .container {
  max-width: 1280px;
}

body .premium-topbar,
body .premium-header,
body .premium-footer {
  font-family: "Plus Jakarta Sans", "Kumbh Sans", sans-serif;
}

body.home-premium-page {
  background:
  radial-gradient(circle at top left, rgba(27, 77, 62, 0.06), transparent 26%), linear-gradient(180deg, #f4faff 0%, #f6f9fd 30%, #e9f1f5 100%);
  color: var(--ayara-ink);
}

body.home-premium-page main {
  overflow: hidden;
}

.site-topbar {
  padding: 18px 0 10px;
}

.site-topbar-inner {
  align-items: center;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  box-shadow: var(--ayara-shadow);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 12px 20px;
}

.site-topbar-meta,
.site-topbar-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.site-topbar-meta a,
.site-topbar-meta span {
  color: var(--ayara-muted);
  font-size: 13px;
  letter-spacing: 0.02em;
}

.site-topbar .ed-primary-btn {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 999px;
  color: var(--ayara-ink);
  min-height: 42px;
}
.site-topbar .ed-primary-btn img {
  width: 24px;
  transform: none !important;
}
.dropdown-item img {
  width: 24px;
}

a.dropdown-item {
  display: flex;
  gap: 9px;
}
.site-topbar .ed-primary-btn span {
  display: flex;
  gap: 10px;
}

.site-header {
  margin-bottom: 16px;
}

.site-header-inner {
  align-items: center;
  /* background: rgba(255, 255, 255, 0.88); */
  /* border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 28px;
  box-shadow: var(--ayara-shadow); */
  display: grid;
  gap: 20px;
  grid-template-columns: auto 1fr auto;
  padding: 18px 24px;
}

.site-header-start,
.site-header-end,
.site-header-actions {
  align-items: center;
  display: flex;
  gap: 14px;
}

.site-logo-mark,
.site-footer-logo {
  color: var(--ayara-ink);
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  /* letter-spacing: 0.22em; */
}

.site-nav {
  align-items: center;
  display: flex;
  gap: 28px;
  justify-content: center;
}

.site-nav > a,
.site-nav-link {
  color: var(--ayara-ink);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.site-nav > a.is-active,
.site-nav > a:hover,
.site-nav-link:hover {
    color: var(--ayara-accent);
  }

.site-nav .menu-item {
  align-items: center;
  display: flex;
  min-height: 48px;
}

.site-nav .menu-item > .site-nav-link {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.site-nav .menu-item .icon-arrow-down {
  font-size: 12px;
  transition: transform 0.2s ease;
}

.site-nav .sub-menu {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 22px;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16);
  left: 0;
  min-width: 260px;
  opacity: 0;
  padding: 14px;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 0px);
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  visibility: hidden;
  z-index: 50;
}

.site-nav .menu-item:hover .sub-menu,
.site-nav .menu-item:focus-within .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.site-nav .menu-item:hover .icon-arrow-down,
.site-nav .menu-item:focus-within .icon-arrow-down {
  transform: rotate(180deg);
}

.site-nav .menu-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.site-nav .menu-list li {
  list-style: none;
}

.site-nav .menu-link-text {
  border-radius: 14px;
  color: var(--ayara-ink);
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 12px;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.site-nav .menu-link-text:hover,
.site-nav .menu-link-text:focus-visible {
  background: rgb(234 246 255 / 63%);
  color: var(--ayara-accent);
  transform: translateX(2px);
}

.site-search {
  align-items: center;
  background: var(--ayara-surface);
  border: 1px solid var(--ayara-line);
  border-radius: 999px;
  display: flex;
  min-width: 280px;
  padding: 0 14px;
}

.site-search button {
  background: transparent;
  border: 0;
  color: var(--ayara-muted);
  padding: 0;
}

.site-search input {
  background: transparent;
  border: 0;
  color: var(--ayara-ink);
  height: 48px;
  padding: 0 12px;
  width: 100%;
}

.site-search input::placeholder {
  color: var(--ayara-muted);
}

.site-header-actions .nav-icon-item {
  align-items: center;
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 16px;
  color: var(--ayara-ink);
  display: inline-flex;
  height: 48px;
  justify-content: center;
  position: relative;
  width: 48px;
}

.site-header-actions .count-box {
  background: var(--ayara-accent);
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  min-width: 20px;
  padding: 0 5px;
  position: absolute;
  right: -7px;
  top: -7px;
}

.home-premium-shell {
  padding-bottom: 0px;
}

.about-premium-shell {
  padding-bottom: 0px;
}

.catalog-premium-shell {
  padding-bottom: 0px;
}

.detail-premium-shell {
  padding-bottom: 0px;
}

.contact-premium-shell {
  padding-bottom: 0px;
}

.policy-premium-shell {
  padding-bottom: 0px;
}

.cart-premium-shell {
  padding-bottom: 0px;
}

.ayara-hero-section,
.ayara-bento-section,
.ayara-products-section,
.ayara-testimonials-section,
.ayara-newsletter-section {
  padding: 0 0 32px;
}

.about-premium-hero,
.about-premium-story,
.about-premium-values,
.about-premium-highlights {
  padding: 0 0 32px;
}

.catalog-premium-hero,
.catalog-premium-main {
  padding: 0 0 32px;
}

.detail-premium-hero,
.detail-premium-description,
.detail-premium-related {
  padding: 0 0 32px;
}

.contact-premium-hero,
.contact-premium-main {
  padding: 0 0 32px;
}

.policy-premium-hero,
.policy-premium-content {
  padding: 0 0 32px;
}

.cart-premium-hero,
.cart-premium-main {
  padding: 0 0 32px;
}

.ayara-hero-grid,
.ayara-bento-section .container,
.ayara-products-section .container,
.ayara-testimonials-section .container,
.ayara-newsletter-shell {
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 36px;
  box-shadow: var(--ayara-shadow);
}

.ayara-hero-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  overflow: hidden;
  padding: 34px;
}

.about-premium-hero-grid,
.catalog-premium-hero-grid,
.about-story-grid,
.about-highlights-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.detail-premium-grid,
.detail-description-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.detail-description-grid{
  grid-template-columns: none !important;
}

.contact-premium-hero-grid,
.contact-premium-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.policy-premium-hero-grid,
.policy-content-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
}

.cart-premium-hero-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: none;
}

.cart-premium-grid {
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
}
.catalog-premium-hero-grid
 {
    grid-template-columns: none;
}
.catalog-premium-hero .container,
.catalog-premium-main .container,
.about-premium-hero .container,
.about-premium-story .container,
.about-premium-values .container,
.about-premium-highlights .container {
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 36px;
  box-shadow: var(--ayara-shadow);
  padding: 34px;
}

.detail-premium-hero .container,
.detail-premium-description .container,
.detail-premium-related .container {
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 36px;
  box-shadow: var(--ayara-shadow);
  padding: 34px;
}

.contact-premium-hero .container,
.contact-premium-main .container {
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 36px;
  box-shadow: var(--ayara-shadow);
  padding: 34px;
}

.policy-premium-hero .container,
.policy-premium-content .container {
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 36px;
  box-shadow: var(--ayara-shadow);
  padding: 34px;
}

.cart-premium-hero .container,
.cart-premium-main .container {
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 36px;
  box-shadow: var(--ayara-shadow);
  padding: 34px;
}

.ayara-hero-copy {
  padding: 18px 4px 18px 6px;
}

.about-premium-copy,
.catalog-premium-copy,
.about-story-copy {
  padding: 8px 4px;
}

.detail-premium-copy {
  padding: 8px 4px;
}

.contact-premium-copy {
  padding: 8px 4px;
}

.policy-premium-copy {
  padding: 8px 4px;
}

.cart-premium-copy {
  padding: 8px 4px;
}

.ayara-section-kicker {
  color: var(--ayara-accent);
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.ayara-hero-copy h1,
.ayara-section-head h2,
.ayara-newsletter-copy h2 {
  color: var(--ayara-ink);
  font-family: "Instrument Sans", sans-serif;
  letter-spacing: -0.05em;
}

.about-premium-copy h1,
.catalog-premium-copy h1,
.about-story-copy h2 {
  color: var(--ayara-ink);
  font-family: "Instrument Sans", sans-serif;
  letter-spacing: -0.05em;
}

.detail-premium-copy h1,
.detail-description-card h2 {
  color: var(--ayara-ink);
  font-family: "Instrument Sans", sans-serif;
  letter-spacing: -0.05em;
}

.contact-premium-copy h1,
.contact-premium-form-card h2,
.contact-info-card h3 {
  color: var(--ayara-ink);
  font-family: "Instrument Sans", sans-serif;
  letter-spacing: -0.05em;
}

.policy-premium-copy h1,
.policy-sidebar-card h3 {
  color: var(--ayara-ink);
  font-family: "Instrument Sans", sans-serif;
  letter-spacing: -0.05em;
}

.cart-premium-copy h1,
.cart-items-card h2,
.cart-summary-card h3 {
  color: var(--ayara-ink);
  font-family: "Instrument Sans", sans-serif;
  letter-spacing: -0.05em;
}

.ayara-hero-copy h1 {
  font-size: clamp(2.7rem, 5vw, 4.9rem);
  line-height: 0.96;
  margin-bottom: 18px;
  max-width: 11ch;
}

.about-premium-copy h1 {
  font-size: clamp(2.5rem, 4.4vw, 4.3rem);
  line-height: 0.98;
  margin-bottom: 18px;
  /* max-width: 12ch; */
}

.catalog-premium-copy h1 {
  font-size: clamp(2.4rem, 4.2vw, 4rem);
  line-height: 0.98;
  margin-bottom: 18px;
  /* max-width: 12ch; */
}

.detail-premium-copy h1 {
  font-size: clamp(2.2rem, 3.8vw, 3.8rem);
  line-height: 1;
  margin-bottom: 18px;
}

.contact-premium-copy h1 {
  font-size: clamp(2.4rem, 4vw, 4rem);
  line-height: 0.98;
  margin-bottom: 18px;
  
}

.policy-premium-copy h1 {
  font-size: clamp(2.3rem, 3.9vw, 3.8rem);
  line-height: 0.98;
  margin-bottom: 18px;
  
}

.cart-premium-copy h1 {
  font-size: clamp(2.4rem, 4vw, 4rem);
  line-height: 0.98;
  margin-bottom: 18px;
  max-width: 100%;
}
.cart-card-actions .ayara-btn-secondary {
  line-height: 44px;
}
.about-story-copy h2 {
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.04;
  margin-bottom: 18px;
}

.ayara-hero-copy p,
.ayara-bento-copy p,
.ayara-product-copy p,
.ayara-testimonial-card p,
.ayara-newsletter-copy p,
.site-footer-brand p,
.site-footer-newsletter p {
  color: var(--ayara-muted);
}

.about-premium-copy p,
.about-story-copy p,
.about-value-copy p,
.about-highlight-item p {
  color: var(--ayara-muted);
  line-height: 1.8;
}

.catalog-premium-copy p {
  color: var(--ayara-muted);
  line-height: 1.8;
}

.detail-premium-copy p,
.detail-description-card p {
  color: var(--ayara-muted);
  line-height: 1.8;
}

.contact-premium-copy p,
.contact-premium-form-card p,
.contact-info-card p,
.contact-info-list span {
  color: var(--ayara-muted);
  line-height: 1.8;
}

.policy-premium-copy p {
  color: var(--ayara-muted);
  line-height: 1.8;
}

.cart-premium-copy p,
.cart-items-card p,
.cart-summary-card p {
  color: var(--ayara-muted);
  line-height: 1.8;
}

.ayara-hero-copy p {
  font-size: 17px;
  line-height: 1.8;
  max-width: 54ch;
}

.catalog-premium-breadcrumbs {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.catalog-premium-breadcrumbs a {
  color: var(--ayara-accent);
  font-weight: 700;
}

.catalog-premium-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}

.detail-premium-breadcrumbs {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.detail-premium-breadcrumbs a {
  color: var(--ayara-accent);
  font-weight: 700;
}

.contact-premium-breadcrumbs {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.contact-premium-breadcrumbs a {
  color: var(--ayara-accent);
  font-weight: 700;
}

.policy-premium-breadcrumbs {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.policy-premium-breadcrumbs a {
  color: var(--ayara-accent);
  font-weight: 700;
}

.cart-premium-breadcrumbs {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.cart-premium-breadcrumbs a {
  color: var(--ayara-accent);
  font-weight: 700;
}

.about-premium-breadcrumbs {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.about-premium-breadcrumbs a {
  color: var(--ayara-accent);
  font-weight: 700;
}

.ayara-hero-actions,
.ayara-hero-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.ayara-btn-primary,
.ayara-btn-secondary,
.btn-main-product,
.site-footer-form .ed-primary-btn {
  border: 0;
  border-radius: 999px;
  box-shadow: 0 12px 34px rgba(27, 77, 62, 0.18);
  font-weight: 700;
  min-height: 48px;
  padding: 0 24px;
}

.ayara-btn-primary,
.btn-main-product,
.site-footer-form .ed-primary-btn {
  background: var(--ayara-accent);
  color: #fff;
}

.ayara-btn-primary:hover,
.btn-main-product:hover,
.site-footer-form .ed-primary-btn:hover {
  background: var(--ayara-accent-strong);
  color: #fff;
}

.ayara-btn-secondary {
  /* background: transparent; */
  border: 1px solid var(--ayara-line);
  color: var(--ayara-ink);
}

.ayara-meta-card,
.ayara-highlight-card,
.ayara-testimonial-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
}

.ayara-meta-card {
  min-width: 180px;
  padding: 18px 20px;
}

.ayara-meta-card strong {
  display: block;
  font-size: 1.55rem;
  margin-bottom: 6px;
}

.about-stats-grid,
.about-values-grid {
  display: grid;
  gap: 18px;
}

.catalog-premium-grid {
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
}

.catalog-premium-sidebar {
  align-self: start;
  display: grid;
  gap: 20px;
}

.catalog-sidebar-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  padding: 24px;
}

.catalog-sidebar-card h3,
.catalog-toolbar h2 {
  font-family: "Instrument Sans", sans-serif;
  margin-bottom: 10px;
}

.catalog-sidebar-card-soft {
  background: linear-gradient(180deg, #fff, #f8f2eb);
}

.catalog-category-list {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.catalog-category-list a {
  background: var(--ayara-surface);
  border: 1px solid transparent;
  border-radius: 18px;
  color: var(--ayara-ink);
  display: block;
  font-weight: 600;
  padding: 12px 14px;
  transition: all 0.2s ease;
}

.catalog-category-list a:hover,
.catalog-category-list a.is-active {
  background: #fff;
  border-color: rgba(27, 77, 62, 0.18);
  color: var(--ayara-accent);
}

.catalog-premium-content {
  min-width: 0;
}

.detail-premium-gallery {
  display: grid;
  gap: 18px;
}

.detail-gallery-main {
  background: #f7f1ea;
  border: 1px solid var(--ayara-line);
  border-radius: 30px;
  min-height: 520px;
  overflow: hidden;
}

.detail-gallery-main img {
  display: block;
  height: 520px;
  object-fit: cover;
  width: 100%;
}

.detail-gallery-thumbs {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}

.detail-thumb {
  background: #fff;
  border: 1px solid var(--ayara-line);
  border-radius: 18px;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
}

.detail-thumb.is-active {
  border-color: rgba(27, 77, 62, 0.32);
  box-shadow: 0 10px 24px rgba(27, 77, 62, 0.12);
}

.detail-thumb img {
  display: block;
  height: 90px;
  object-fit: cover;
  width: 100%;
}

.detail-rating-row {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.detail-price-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.detail-price-current {
  color: var(--ayara-accent);
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 700;
}

.detail-summary {
  margin-bottom: 24px;
  max-width: 56ch;
}

.detail-spec-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 24px;
}

.detail-purchase-form {
  margin: 0;
}

.detail-quantity-block {
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
  max-width: 180px;
}

.detail-quantity-block label {
  color: var(--ayara-muted);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.detail-quantity-input {
  background: #fff;
  border: 1px solid var(--ayara-line);
  border-radius: 18px;
  color: var(--ayara-ink);
  height: 52px;
  padding: 0 16px;
  width: 100%;
}

.detail-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.detail-action-row .btn-main-product,
.detail-buy-now {
  flex: 1 1 220px;
  text-align: center;
}

.detail-buy-now {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 48px;
}

.detail-description-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  padding: 26px;
}

.detail-description-card-soft {
  background: linear-gradient(180deg, #fff, #f8f2eb);
}

.detail-facts-list {
  display: grid;
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.detail-facts-list li {
  align-items: center;
  border-bottom: 1px solid var(--ayara-line);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding-bottom: 14px;
}

.detail-facts-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.detail-facts-list strong {
  color: var(--ayara-ink);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.detail-facts-list span {
  color: var(--ayara-muted);
  text-align: right;
}

.contact-premium-form-card,
.contact-info-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  padding: 26px;
}

.contact-info-card-soft {
  background: linear-gradient(180deg, #fff, #f8f2eb);
}
.contact-info-card.contact-info-card-soft .ayara-image-holder.ayara-image-holder-fill {
  min-height: auto;
  padding: 0;
  overflow: hidden;
}

.contact-info-card.contact-info-card-soft .ayara-image-holder.ayara-image-holder-fill iframe {
  width: 100%;
  height: 250px;
}

.contact-premium-info {
  display: grid;
  gap: 20px;
}

.contact-flash-success,
.contact-flash-error {
  border-radius: 18px;
  margin: 18px 0;
  padding: 16px 18px;
}

.contact-flash-success {
  background: rgba(27, 77, 62, 0.08);
  border: 1px solid rgba(27, 77, 62, 0.16);
  color: var(--ayara-accent-strong);
}

.contact-flash-error {
  background: rgba(220, 38, 38, 0.08);
  border: 1px solid rgba(220, 38, 38, 0.16);
  color: #b91c1c;
}

.contact-flash-error ul {
  margin: 0;
  padding-left: 18px;
}

.contact-premium-form {
  margin-top: 20px;
}

.contact-form-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact-field {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.contact-field label {
  color: var(--ayara-muted);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.contact-field input,
.contact-field textarea {
  background: #fff;
  border: 1px solid var(--ayara-line);
  border-radius: 18px;
  color: var(--ayara-ink);
  padding: 14px 16px;
  width: 100%;
}

.contact-field input {
  height: 52px;
}

.contact-field textarea {
  min-height: 160px;
  resize: vertical;
}
select#country {
  background: #fff;
  border: 1px solid var(--ayara-line);
  border-radius: 18px;
  color: var(--ayara-ink);
  padding: 14px 16px;
  width: 100%;
}
p.dba-text-image {
  margin: 0 0 12px 0;
}

p.dba-text-image img {
  width: 83px;
  margin: 0 0 0px 0;
}
.contact-captcha-row {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 22px;
}

.contact-captcha-box {
  background: #fff;
  border: 1px solid var(--ayara-line);
  border-radius: 18px;
  min-height: auto;
  padding: 9px 12px;
  margin: 20px 0 0 0;
}
.contact-captcha-box img {
  width: 120px !important;
  height: auto !important;
}

.contact-info-list {
  display: grid;
  gap: 16px;
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}

.contact-info-list li {
  border-bottom: 1px solid var(--ayara-line);
  display: grid;
  gap: 6px;
  padding-bottom: 16px;
}

.contact-info-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.contact-info-list strong {
  color: var(--ayara-ink);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.policy-sidebar-card,
.policy-content-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  padding: 26px;
}

.policy-content-sidebar {
  order: 2;
}

.policy-content-main {
  min-width: 0;
  order: 1;
}
article.policy-content-card, article.policy-content-card .flat-spacing .container {
  padding: 0;
  box-shadow: 0 0 0 !important;
  background: transparent !important;
  border-radius: 0px !important;
  border: 0 !important;
}
article.policy-content-card .flat-spacing {
  padding: 0;
}
.policy-link-list {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}

.policy-link-list a {
  background: var(--ayara-surface);
  border: 1px solid transparent;
  border-radius: 18px;
  color: var(--ayara-ink);
  display: block;
  font-weight: 600;
  padding: 12px 14px;
  transition: all 0.2s ease;
}

.policy-link-list a:hover,
.policy-link-list a.is-active {
  background: #fff;
  border-color: rgba(27, 77, 62, 0.18);
  color: var(--ayara-accent);
}

.policy-richtext {
  color: var(--ayara-muted);
  font-size: 16px;
  line-height: 1.85;
}

.policy-richtext > :first-child {
  margin-top: 0;
}

.policy-richtext h1,
.policy-richtext h2,
.policy-richtext h3,
.policy-richtext h4,
.policy-richtext h5,
.policy-richtext h6 {
  color: var(--ayara-ink);
  font-family: "Instrument Sans", sans-serif;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin: 1.4em 0 0.5em;
}

.policy-richtext h1 {
  font-size: 2.2rem;
}

.policy-richtext h2 {
  font-size: 1.75rem;
}

.policy-richtext h3 {
  font-size: 1.35rem;
}

.policy-richtext p,
.policy-richtext ul,
.policy-richtext ol,
.policy-richtext table,
.policy-richtext blockquote {
  margin-bottom: 1.1em;
}

.policy-richtext ul,
.policy-richtext ol {
  padding-left: 1.4em;
}

.policy-richtext li {
  margin-bottom: 0.5em;
}

.policy-richtext a {
  color: var(--ayara-accent);
  font-weight: 700;
}

.policy-richtext blockquote {
  background: var(--ayara-surface);
  border-left: 4px solid var(--ayara-accent);
  border-radius: 0 18px 18px 0;
  color: var(--ayara-ink);
  margin-left: 0;
  padding: 16px 18px;
}

.policy-richtext table {
  border-collapse: collapse;
  width: 100%;
}

.policy-richtext th,
.policy-richtext td {
  border: 1px solid var(--ayara-line);
  padding: 12px 14px;
  text-align: left;
}

.policy-richtext th {
  background: var(--ayara-surface);
  color: var(--ayara-ink);
}

.cart-items-card,
.cart-summary-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  padding: 26px;
}

.cart-card-header {
  margin-bottom: 20px;
}

.cart-items-list {
  display: grid;
  gap: 20px;
}

.cart-item-row {
  align-items: start;
  border-bottom: 1px solid var(--ayara-line);
  display: grid;
  gap: 18px;
  grid-template-columns: 120px minmax(0, 1fr) auto;
  padding-bottom: 20px;
}

.cart-item-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.cart-item-media img {
  border-radius: 20px;
  display: block;
  height: 120px;
  object-fit: cover;
  width: 120px;
}

.cart-item-copy {
  min-width: 0;
}

.cart-item-title {
  color: var(--ayara-ink);
  display: inline-block;
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.2rem;
  margin-bottom: 12px;
}

.cart-item-meta,
.cart-item-total {
  display: grid;
  gap: 4px;
}

.cart-item-meta span,
.cart-item-total span,
.cart-quantity-block label {
  color: var(--ayara-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cart-item-meta strong,
.cart-item-total strong {
  color: var(--ayara-accent);
  font-size: 1rem;
}

.cart-item-controls {
  align-items: end;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(120px, 150px) auto;
  margin-top: 16px;
}

.cart-quantity-block {
  display: grid;
  gap: 10px;
}

.cart-quantity-block input {
  background: #fff;
  border: 1px solid var(--ayara-line);
  border-radius: 18px;
  color: var(--ayara-ink);
  height: 48px;
  padding: 0 14px;
  width: 100%;
}

.cart-item-actions {
  align-self: start;
}

.cart-remove-link {
  color: #b91c1c;
  font-weight: 700;
}

.cart-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.cart-card-actions .tf-btn,
.cart-card-actions .ayara-btn-secondary {
  flex: 1 1 220px;
  justify-content: center;
  text-align: center;
}

.cart-summary-card {
  position: sticky;
  top: 24px;
}

.cart-summary-line {
  align-items: center;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  margin-top: 18px;
}

.cart-summary-line strong {
  color: var(--ayara-accent);
}

.cart-summary-total {
  border-top: 1px solid var(--ayara-line);
  margin-top: 22px;
  padding-top: 22px;
}

.cart-checkout-btn {
  display: inline-flex;
  justify-content: center;
  margin-top: 24px;
  width: 100%;
}

.cart-summary-link {
  color: var(--ayara-accent);
  display: block;
  font-weight: 700;
  margin-top: 16px;
  text-align: center;
}

.about-stats-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 26px;
}

.ayara-hero-visual {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr);
}

.ayara-hero-stack {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.ayara-image-holder {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(27, 77, 62, 0.11), rgba(27, 77, 62, 0.02)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0 12px, rgba(244, 239, 233, 0.75) 12px 24px);
  border: 1px dashed rgba(27, 77, 62, 0.28);
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  text-align: center;
}

.ayara-image-holder span {
  color: var(--ayara-ink);
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.2rem;
  margin-bottom: 6px;
}

.ayara-image-holder small {
  color: var(--ayara-muted);
  display: block;
  font-size: 13px;
  letter-spacing: 0.03em;
}

.ayara-image-holder-lg {
  min-height: 420px;
}

.ayara-image-holder-sm,
.ayara-image-holder-medium {
  min-height: 200px;
}

.ayara-image-holder-fill {
  min-height: 430px;
}

.ayara-image-holder-product {
  min-height: 300px;
}

.ayara-image-holder-newsletter {
  min-height: 100%;
}
.ayara-image-holder.ayara-image-holder-lg {
  overflow: hidden;
  min-height: auto;
  padding: 0;
}

.ayara-image-holder.ayara-image-holder-lg img {
  height: 100%;
}


section.about-premium-story .about-story-media {
    display: flex;
    justify-content: center;
    align-items: center;
}

section.about-premium-story .about-story-media .ayara-image-holder.ayara-image-holder-fill {
    min-height: auto;
    padding: 0;
    overflow: hidden;
}

.about-premium-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ayara-media-card {
  border-radius: 28px;
  overflow: hidden;
  position: relative;
}

.ayara-media-card-lg {
  min-height: 420px;
}

.ayara-media-card-sm,
.ayara-media-card-medium {
  min-height: 200px;
}

.ayara-media-card-fill {
  min-height: 430px;
}

.ayara-media-image {
  display: block;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  width: 100%;
}

.ayara-media-overlay {
  background: linear-gradient(180deg, rgba(7, 11, 18, 0.08) 0%, rgba(7, 11, 18, 0.72) 100%);
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 24px;
  position: absolute;
  right: 0;
}

.ayara-media-overlay span {
  display: block;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 6px;
}

.ayara-media-overlay small {
  color: rgba(255, 255, 255, 0.82);
  display: block;
  font-size: 13px;
  letter-spacing: 0.03em;
}

.ayara-highlight-card {
  padding: 24px;
}

.ayara-highlight-kicker {
  color: var(--ayara-accent);
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.ayara-highlight-card a,
.ayara-text-link,
.site-footer-links a,
.site-footer-mail {
  color: var(--ayara-accent-strong);
  font-weight: 700;
}
.site-footer-links{
  grid-template-columns: repeat(2, 1fr);
}
.ayara-bento-section .container,
.ayara-products-section .container,
.ayara-testimonials-section .container {
  padding: 34px;
}

.about-values-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.catalog-toolbar {
  align-items: end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 24px;
}

.catalog-toolbar-label {
  color: var(--ayara-accent);
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.catalog-toolbar-note {
  color: var(--ayara-muted);
  font-size: 14px;
  font-weight: 600;
}

.catalog-product-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.catalog-product-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  overflow: hidden;
}

.catalog-product-media {
  background: #f7f1ea;
  display: block;
  min-height: 280px;
  overflow: hidden;
}

.catalog-product-media img {
  display: block;
  height: 280px;
  object-fit: cover;
  width: 100%;
}

.catalog-product-copy {
  padding: 20px;
}

.catalog-product-copy h3 {
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.catalog-product-copy h3 a {
  color: var(--ayara-ink);
  line-height: 24px;
}

.catalog-product-review {
  color: #d3b15a;
  display: flex;
  font-size: 14px;
  gap: 3px;
  margin: 14px 0 12px;
  display: none;
}

.catalog-product-review span {
  opacity: 0.26;
}

.catalog-product-review span.is-filled {
  opacity: 1;
}

.catalog-product-price {
  align-items: center;
  color: var(--ayara-accent);
  display: flex;
  flex-wrap: wrap;
  font-size: 1.05rem;
  font-weight: 700;
  gap: 8px;
  margin-bottom: 18px;
  margin-top: 12px;
}

.catalog-old-price {
  color: var(--ayara-muted);
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: line-through;
}

.catalog-product-form {
  margin: 0;
}

.ayara-section-head {
  align-items: end;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 28px;
}

.ayara-section-head-center {
  justify-content: center;
  text-align: center;
}

.ayara-section-head h2,
.ayara-newsletter-copy h2 {
  font-size: clamp(2rem, 3vw, 3.1rem);
  line-height: 1;
  margin: 0;
}

.ayara-bento-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
}

.ayara-bento-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  overflow: hidden;
}

.ayara-bento-card-lg {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr);
}

.ayara-bento-side {
  display: grid;
  gap: 22px;
}

.ayara-bento-copy {
  padding: 24px;
}

.ayara-bento-copy h3,
.ayara-product-copy h3 {
  font-family: "Instrument Sans", sans-serif;
  margin-bottom: 10px;
}

.ayara-bento-card-dark {
  background: var(--ayara-dark);
  border-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 26px;
}

.ayara-bento-card-dark h3,
.ayara-bento-card-dark p,
.ayara-text-link-light {
  color: #fff;
}

.ayara-product-grid,
.ayara-testimonial-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ayara-product-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  overflow: hidden;
}

.ayara-product-media {
  display: block;
  padding: 16px 16px 0;
}

.ayara-product-media img {
  border-radius: 22px;
  display: block;
  height: 300px;
  object-fit: cover;
  width: 100%;
}

.ayara-product-copy {
  padding: 18px 20px 22px;
}

.ayara-product-copy h3 {
  font-size: 1.25rem;
}

.ayara-product-copy h3 a {
  color: var(--ayara-ink);
}

.ayara-product-price {
  color: var(--ayara-accent);
  font-size: 1.2rem;
  font-weight: 700;
  margin: 14px 0 18px;
}

.ayara-product-form {
  margin: 0;
}

.ayara-empty-state {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  padding: 28px;
  text-align: center;
}

.ayara-testimonial-card {
  padding: 28px;
}

.about-value-card {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 28px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  overflow: hidden;
}

.about-value-copy {
  padding: 22px;
}

.about-value-copy h3,
.about-highlight-item h3 {
  font-family: "Instrument Sans", sans-serif;
  margin-bottom: 10px;
}

.ayara-testimonial-card strong {
  display: block;
  margin-top: 20px;
}

.ayara-testimonial-card span {
  color: var(--ayara-muted);
  font-size: 14px;
}

.ayara-newsletter-shell {
  display: flex;
  gap: 26px;
  /* grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); */
  padding: 0px;
}
.ayara-image-holder.ayara-image-holder-newsletter {
  padding: 0;
  overflow: hidden;
  position: relative;
}
.caption-overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #fff;
  z-index: 2;
}

.caption-overlay h3 {
  color: #fff;
  font-size: 48px;
  line-height: 54px;
}

.caption-overlay a.tf-btn.ayara-btn-primary {
  width: fit-content;
  margin: 10px auto 0;
}

.ayara-image-holder.ayara-image-holder-newsletter::after {
  position: absolute;
  background: rgba(0,0,0,.3);
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
}

.ayara-image-holder.ayara-image-holder-newsletter img {
  position: relative;
  display: block;
}
.ayara-image-holder.ayara-image-holder-newsletter .tf-btn:not(.btn-reset):hover
.ayara-newsletter-copy {
  align-self: center;
  padding: 10px 4px;
}

.about-highlights-tabs {
  display: grid;
  gap: 18px;
}

.about-highlight-item {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(21, 21, 21, 0.04);
  padding: 24px;
}

.about-highlight-item.is-active {
  border-color: rgba(27, 77, 62, 0.28);
  box-shadow: 0 16px 42px rgba(27, 77, 62, 0.12);
}

.ayara-newsletter-form .subscribe-content,
.site-footer-form .subscribe-content {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

.ayara-newsletter-form .email,
.site-footer-form .email {
  flex: 1 1 auto;
  margin: 0;
}

.ayara-newsletter-form input,
.site-footer-form input {
  background: var(--ayara-panel);
  border: 1px solid var(--ayara-line);
  border-radius: 999px;
  height: 54px;
  padding: 0 18px;
  width: 100%;
}

.site-footer {
  background: transparent;
  padding: 24px 0 36px;
}

.site-footer > .container {
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 32px;
  box-shadow: var(--ayara-shadow);
  padding: 30px 34px;
}

.site-footer-top,
.site-footer-bottom {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.site-footer-newsletter span {
  color: var(--ayara-accent);
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.site-footer-links {
  display: grid;
  gap: 10px;
}

.site-footer-bottom {
  align-items: center;
  border-top: 1px solid var(--ayara-line);
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 28px;
  padding-top: 24px;
}

.site-footer-payment,
.site-footer-payment-icons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.site-footer-payment-icons span {
  background: transparent;
  border-radius: 0;
  font-size: 12px;
  font-weight: 700;
  padding: 0px 0px;
}
.site-footer-payment-icons span img {
  width: 40px;
}

.dropdown-account .sub-top,
.dropdown-account .sub-bot {
  min-width: 220px;
}

.success_message.show {
  margin-bottom: 12px;
}

.catalog-premium-content .wg-pagination {
  margin-top: 28px;
}

.checkout-premium-shell {
  padding: 0 18px 40px;
}

.checkout-premium-hero,
.checkout-premium-main {
  padding-top: 18px;
}

.checkout-premium-hero .container,
.checkout-premium-main .container {
  background: rgba(255, 250, 245, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 36px;
  box-shadow: var(--ayara-shadow);
  padding: 32px;
}

.checkout-premium-hero-grid,
.checkout-premium-grid {
  display: grid;
  gap: 28px;
}

.checkout-premium-hero-grid {
  align-items: center;
  grid-template-columns: none;
}

.checkout-premium-copy h1 {
  font-family: var(--ayara-display);
  font-size: clamp(2.4rem, 5vw, 4.3rem);
  line-height: 0.96;
  margin: 18px 0;
  max-width: 100%;
}

.checkout-premium-copy p {
  color: var(--ayara-muted);
  font-size: 1.02rem;
  line-height: 1.7;
  margin: 0;
  max-width: 56ch;
}

.checkout-premium-breadcrumbs {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.checkout-premium-breadcrumbs a:hover {
  color: var(--ayara-accent);
}

.checkout-premium-visual .ayara-image-holder {
  min-height: 340px;
}

.checkout-premium-grid {
  align-items: start;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.85fr);
}

.checkout-premium-fields {
  display: grid;
  gap: 24px;
}

.checkout-card {
  background: #fff;
  border: 1px solid var(--ayara-line);
  border-radius: 30px;
  box-shadow: 0 18px 44px rgba(38, 26, 14, 0.06);
  padding: 28px;
}

.checkout-card h2 {
  font-family: var(--ayara-display);
  font-size: clamp(1.7rem, 3vw, 2.35rem);
  margin: 12px 0 18px;
}

.checkout-card > p,
.checkout-helper-copy {
  color: var(--ayara-muted);
  line-height: 1.7;
  margin: 0;
}

.checkout-form-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.checkout-field-full {
  grid-column: 1 / -1;
}

.checkout-shipping-options {
  display: grid;
  gap: 14px;
}

.checkout-shipping-option {
  align-items: center;
  background: var(--ayara-soft);
  border: 1px solid transparent;
  border-radius: 24px;
  cursor: pointer;
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 18px 20px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.checkout-shipping-option:hover {
  border-color: rgba(27, 77, 62, 0.22);
  transform: translateY(-1px);
}

.checkout-shipping-option input {
  accent-color: var(--ayara-accent);
  margin: 0;
}

.checkout-shipping-option:has(input:checked) {
  background: rgba(27, 77, 62, 0.08);
  border-color: rgba(27, 77, 62, 0.34);
  box-shadow: 0 16px 36px rgba(27, 77, 62, 0.1);
}

.checkout-shipping-copy {
  display: grid;
  gap: 4px;
}

.checkout-shipping-copy strong,
.checkout-shipping-price {
  color: var(--ayara-text);
  font-size: 1rem;
}

.checkout-shipping-copy small {
  color: var(--ayara-muted);
  font-size: 0.85rem;
}

.checkout-shipping-price {
  font-weight: 700;
}

.checkout-terms-row {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  margin: 22px 0 0;
}

.checkout-terms-row input {
  accent-color: var(--ayara-accent);
  margin-top: 4px;
}

.checkout-terms-row span {
  color: var(--ayara-muted);
  line-height: 1.6;
}

.checkout-terms-row a {
  color: var(--ayara-accent);
  font-weight: 600;
}

.checkout-submit-btn {
  margin-top: 22px;
  min-width: min(100%, 240px);
}

.checkout-premium-summary {
  position: sticky;
  top: 24px;
}

.checkout-summary-items {
  display: grid;
  gap: 18px;
  margin: 24px 0;
}

.checkout-summary-item {
  display: grid;
  gap: 16px;
  grid-template-columns: 92px minmax(0, 1fr);
}

.checkout-summary-media {
  border-radius: 22px;
  display: block;
  overflow: hidden;
}

.checkout-summary-media img,
.checkout-summary-media .ayara-image-holder {
  height: 100%;
  min-height: 92px;
  width: 100%;
}

.checkout-summary-copy {
  display: grid;
  gap: 8px;
}

.checkout-summary-meta {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.checkout-summary-meta strong {
  color: var(--ayara-text);
}

.auth-premium-shell {
  padding: 18px 18px 40px;
}

.auth-premium-section .container {
  background: rgba(255, 250, 245, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 36px;
  box-shadow: var(--ayara-shadow);
  padding: 32px;
}

.auth-premium-grid {
  align-items: start;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
}

.auth-premium-panel {
  background: #fff;
  border: 1px solid var(--ayara-line);
  border-radius: 30px;
  box-shadow: 0 18px 44px rgba(38, 26, 14, 0.06);
  padding: 30px;
}

.auth-premium-story {
  background:
    radial-gradient(circle at top left, rgba(221, 134, 74, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(255, 248, 241, 0.96), rgba(255, 255, 255, 0.98));
}

.auth-premium-story h1,
.auth-premium-form-panel h2 {
  font-family: var(--ayara-display);
  line-height: 0.98;
  margin: 14px 0 18px;
}

.auth-premium-story h1 {
  font-size: clamp(2.4rem, 5vw, 4.3rem);
  max-width: 11ch;
}

.auth-premium-form-panel h2 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
}
.auth-premium-grid.auth-premium-grid-register .auth-premium-story h1 {
  max-width: 13ch;
}
.auth-premium-story p,
.auth-premium-intro,
.auth-switch-card p {
  color: var(--ayara-muted);
  line-height: 1.7;
  margin: 0;
}

.auth-premium-breadcrumbs {
  align-items: center;
  color: var(--ayara-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 26px;
}

.auth-premium-breadcrumbs a:hover,
.auth-inline-link:hover {
  color: var(--ayara-accent);
}

.auth-premium-placeholder {
  margin-bottom: 24px;
}

.auth-premium-placeholder .ayara-image-holder {
  min-height: 320px;
}

.auth-premium-benefits {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.auth-benefit-card,
.auth-switch-card {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid var(--ayara-line);
  border-radius: 22px;
  padding: 18px 20px;
}

.auth-benefit-card strong,
.auth-switch-card strong {
  color: var(--ayara-text);
  display: block;
  font-size: 1rem;
  margin-bottom: 6px;
}

.auth-benefit-card span {
  color: var(--ayara-muted);
  display: block;
  line-height: 1.6;
}

.auth-premium-form-panel {
  display: grid;
  gap: 20px;
}

.auth-premium-form {
  display: grid;
  gap: 10px;
}

.auth-password-wrap {
  position: relative;
}

.auth-password-wrap .input-password {
  padding-right: 54px;
}

.auth-password-wrap .toggle-password {
  align-items: center;
  bottom: 0;
  color: var(--ayara-muted);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 0;
}

.auth-premium-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-between;
}

.auth-remember-row {
  margin: 0;
}

.auth-inline-link {
  color: var(--ayara-accent);
  font-weight: 600;
}

.auth-submit-btn {
  min-width: min(100%, 240px);
}

.auth-switch-card {
  display: grid;
  gap: 14px;
}

.auth-switch-card .tf-btn {
  justify-self: start;
  color: #ffffff;
}
.ayara-hero-actions a.tf-btn.ayara-btn-secondary span.text {
  color: #ffffff;
}
.auth-captcha-row {
  align-items: end;
}

.order-flow-shell {
  padding: 18px 18px 40px;
}

.order-flow-section .container {
  background: rgba(255, 250, 245, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 36px;
  box-shadow: var(--ayara-shadow);
  padding: 32px;
}

.order-flow-grid,
.order-status-layout {
  align-items: start;
  display: grid;
  gap: 28px;
}

.order-flow-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
}

.order-status-layout {
  grid-template-columns: none;
}

.order-flow-panel,
.order-status-card,
.order-status-sidecard {
  background: #fff;
  border: 1px solid var(--ayara-line);
  border-radius: 30px;
  box-shadow: 0 18px 44px rgba(38, 26, 14, 0.06);
  padding: 30px;
}

.order-flow-story {
  background:
    radial-gradient(circle at top left, rgba(221, 134, 74, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(255, 248, 241, 0.96), rgba(255, 255, 255, 0.98));
}

.order-flow-story h1,
.order-flow-form-panel h2,
.order-status-card h1 {
  font-family: var(--ayara-display);
  line-height: 0.98;
  margin: 14px 0 18px;
}

.order-flow-story h1,
.order-status-card h1 {
  font-size: clamp(2.35rem, 5vw, 4.1rem);
  max-width: 12ch;
}

.order-flow-form-panel h2 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
}
.order-status-card h1{
  max-width: 100%;
}
.order-status-actions a.tf-btn.ayara-btn-secondary {
  color: #fff;
}
.order-flow-story p,
.order-flow-intro,
.order-status-card p,
.order-status-sidecard p {
  color: var(--ayara-muted);
  line-height: 1.7;
  margin: 0;
}

.order-flow-placeholder {
  margin-bottom: 24px;
}

.order-flow-placeholder .ayara-image-holder,
.order-status-sidecard .ayara-image-holder {
  min-height: 320px;
}

.order-flow-notes {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}

.order-flow-note {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid var(--ayara-line);
  border-radius: 22px;
  padding: 18px 20px;
}

.order-flow-note strong {
  color: var(--ayara-text);
  display: block;
  font-size: 1rem;
  margin-bottom: 6px;
}

.order-flow-note span {
  color: var(--ayara-muted);
  display: block;
  line-height: 1.6;
}

.order-track-form {
  display: grid;
  gap: 18px;
}

.order-flow-submit-btn {
  min-width: min(100%, 220px);
}

.order-status-card {
  text-align: center;
}

.order-status-card-success {
  background:
    radial-gradient(circle at top center, rgba(27, 77, 62, 0.12), transparent 34%),
    #fff;
}

.order-status-card-failed {
  background:
    radial-gradient(circle at top center, rgba(167, 76, 64, 0.12), transparent 34%),
    #fff;
}

.order-status-icon {
  align-items: center;
  background: var(--ayara-soft);
  border-radius: 999px;
  color: var(--ayara-text);
  display: inline-flex;
  height: 86px;
  justify-content: center;
  margin: 8px auto 18px;
  width: 86px;
}

.order-status-reference {
  background: var(--ayara-soft);
  border: 1px solid var(--ayara-line);
  border-radius: 24px;
  display: grid;
  gap: 8px;
  margin: 26px 0 22px;
  padding: 20px;
}

.order-status-reference span {
  color: var(--ayara-muted);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.order-status-reference strong {
  color: var(--ayara-text);
  font-size: 1.05rem;
  word-break: break-word;
}

.order-status-meta {
  display: grid;
  gap: 14px;
  margin-top: 22px;
  text-align: left;
}

.order-status-meta-row {
  align-items: start;
  border-bottom: 1px solid var(--ayara-line);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-bottom: 14px;
}

.order-status-meta-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.order-status-meta-row span {
  color: var(--ayara-muted);
}

.order-status-meta-row strong,
.order-status-meta-row a {
  color: var(--ayara-text);
  font-weight: 700;
}

.order-status-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-top: 28px;
}

.order-status-download {
  border-top: 1px solid var(--ayara-line);
  margin-top: 26px;
  padding-top: 22px;
}

.order-status-download-link {
  color: var(--ayara-accent);
  font-weight: 700;
}

.order-status-list {
  color: var(--ayara-muted);
  margin: 0;
  padding-left: 18px;
}

.order-status-sidecard {
  display: grid;
  gap: 22px;
}

@media (max-width: 1199px) {
  .site-header-inner {
    grid-template-columns: auto 1fr;
  }

  .site-header-end {
    justify-content: end;
  }

  .ayara-product-grid,
  .ayara-testimonial-grid,
  .catalog-product-grid,
  .about-values-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer-top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .auth-premium-benefits {
    grid-template-columns: minmax(0, 1fr);
  }

  .order-status-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 991px) {
  .site-topbar-inner,
  .site-header-inner,
  .ayara-hero-grid,
  .catalog-premium-hero-grid,
  .checkout-premium-hero-grid,
  .auth-premium-grid,
  .order-flow-grid,
  .ayara-bento-grid,
  .ayara-newsletter-shell,
  .about-premium-hero-grid,
  .about-story-grid,
  .about-highlights-grid,
  .site-footer-top,
  .site-footer-bottom {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-header-inner {
    display: grid;
  }

  .site-header-end {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ayara-hero-stack {
    grid-template-columns: minmax(0, 1fr);
  }

  .catalog-premium-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .checkout-premium-grid,
  .checkout-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .about-stats-grid,
  .about-values-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ayara-newsletter-form .subscribe-content,
  .site-footer-form .subscribe-content {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .site-topbar,
  .site-header,
  .ayara-hero-section,
  .catalog-premium-hero,
  .catalog-premium-main,
  .checkout-premium-shell,
  .auth-premium-shell,
  .order-flow-shell,
  .ayara-bento-section,
  .ayara-products-section,
  .ayara-testimonials-section,
  .ayara-newsletter-section,
  .about-premium-hero,
  .about-premium-story,
  .about-premium-values,
  .about-premium-highlights,
  .site-footer {
    padding-left: 12px;
    padding-right: 12px;
  }

  .site-topbar {
    padding-top: 12px;
  }

  .site-topbar-inner,
  .site-header-inner,
  .ayara-hero-grid,
  .catalog-premium-hero .container,
  .catalog-premium-main .container,
  .checkout-premium-hero .container,
  .checkout-premium-main .container,
  .auth-premium-section .container,
  .order-flow-section .container,
  .ayara-bento-section .container,
  .ayara-products-section .container,
  .ayara-testimonials-section .container,
  .ayara-newsletter-shell,
  .about-premium-hero .container,
  .about-premium-story .container,
  .about-premium-values .container,
  .about-premium-highlights .container,
  .site-footer > .container {
    border-radius: 24px;
    padding: 22px;
  }

  .ayara-hero-copy h1 {
    max-width: none;
  }

  .ayara-product-grid,
  .ayara-testimonial-grid,
  .catalog-product-grid,
  .about-values-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-search {
    min-width: 100%;
  }

  .site-header-end,
  .site-topbar-controls {
    width: 100%;
  }

  .checkout-card {
    border-radius: 24px;
    padding: 22px;
  }

  .auth-premium-panel {
    border-radius: 24px;
    padding: 22px;
  }

  .order-flow-panel,
  .order-status-card,
  .order-status-sidecard {
    border-radius: 24px;
    padding: 22px;
  }

  .checkout-shipping-option,
  .checkout-summary-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .checkout-premium-summary {
    position: static;
  }

  .auth-premium-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .order-status-meta-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
.site-footer-form .ed-primary-btn {
  padding: 0;
  /* transform: rotateZ(90deg); */
}
a.ayara-btn-secondary.detail-buy-now {
  display: none;
}

.detail-action-row button.btn-main-product.ayara-btn-primary {
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
}
.contact-captcha-row.auth-captcha-row {
  align-items: center;
}
label#register-captcha-error {
  position: absolute;
  bottom: -35px;
}

.contact-field {
  position: relative;
}
label#terms-error {
  position: absolute;
  top: 20px;
  font-size: 13px;
}

label.checkout-terms-row.auth-remember-row {
  position: relative;
  margin: 0 0 20px 0;
}
strong.mb-15 {
  margin-bottom: 20px;
  display: block;
}
.checkout-form-grid .contact-field label.error {
  position: absolute;
  bottom: -29px;
}

.checkout-card .contact-captcha-row {
  margin-top: 16px;
}

.checkout-card .contact-captcha-row .contact-captcha-box {
  margin: 20px 0 0 0;
}

.checkout-card .contact-captcha-row label#captcha-error {
  position: absolute;
  bottom: -32px;
}
label.checkout-terms-row {
  position: relative;
}
label[for="form_order_notes"] {
  margin: 20px 0 0 0;
}