/*
 * LadyLike AI theme layer.
 * Shared public-page design tokens and components. All rules are scoped so the
 * Drupal administration templates remain unchanged.
 */

.ai-theme {
  --ai-font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  --ai-accent: #ff3b30;
  --ai-accent-dark: #e52d24;
  --ai-ink: #202020;
  --ai-muted: #737373;
  --ai-line: #e2e2e2;
  --ai-soft: #f4f5f6;
  --ai-surface: #ffffff;
  --ai-success: #159447;
  --ai-warning: #a56300;
  --ai-danger: #a52626;
  --ai-radius-sm: 10px;
  --ai-radius: 16px;
  --ai-radius-lg: 24px;
  --ai-shadow-sm: 0 6px 22px rgba(21, 21, 21, .06);
  --ai-shadow: 0 18px 55px rgba(21, 21, 21, .09);
  background: var(--ai-soft);
  color: var(--ai-ink);
  font-family: var(--ai-font-family);
  line-height: 1.55;
  min-width: 320px;
  overflow-wrap: break-word;
  scrollbar-gutter: stable;
}

/* ClassyNav switches to the off-canvas drawer at 1091px. Keep the account
   links full-width throughout that range; otherwise the desktop 58px icon
   width centres the wishlist and review labels outside the visible drawer. */
@media (max-width: 1091px) {
  .ai-theme .header_area .breakpoint-on .classynav > ul,
  .ai-theme .header_area .breakpoint-on .classynav .megamenu ul {
    display: block;
    height: auto;
  }

  .ai-theme .classy-menu .classynav > .favourite-area,
  .ai-theme .classy-menu .classynav > .reviews-area {
    box-sizing: border-box;
    display: block;
    margin: 0;
    width: 100%;
  }

  .ai-theme .classy-menu .classynav > .favourite-area > a,
  .ai-theme .classy-menu .classynav > .reviews-area > a {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: none;
    gap: 8px;
    height: auto;
    justify-content: flex-start;
    line-height: 1.35;
    margin: 0;
    min-height: 48px;
    min-width: 0;
    padding: 10px 14px;
    text-align: left;
    white-space: normal;
    width: 100%;
  }

  .ai-theme .classy-menu .classynav > .favourite-area > a > img,
  .ai-theme .classy-menu .classynav > .reviews-area > a > img {
    flex: 0 0 20px;
    margin: 0;
  }
}

.ai-theme *,
.ai-theme *::before,
.ai-theme *::after {
  box-sizing: border-box;
}

.ai-theme img,
.ai-theme svg,
.ai-theme video {
  max-width: 100%;
}

.ai-theme a {
  color: var(--ai-ink);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.ai-theme a:hover,
.ai-theme a:focus {
  color: var(--ai-accent-dark);
}

.ai-theme :focus-visible {
  outline: 3px solid rgba(255, 59, 48, .28);
  outline-offset: 3px;
}

.ai-theme h1,
.ai-theme h2,
.ai-theme h3,
.ai-theme h4 {
  color: var(--ai-ink);
  font-family: var(--ai-font-family);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.16;
}

.ai-theme h1 {
  font-size: clamp(1.8rem, 5vw, 3rem);
}

.ai-theme h2 {
  font-size: clamp(1.35rem, 3.4vw, 2rem);
}

/* The footer message is supporting copy and should remain visually quieter
   than the page section headings. */
.ai-theme #footer h2 {
  font-size: 1rem;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .ai-theme #footer h2 {
    font-size: .875rem;
  }
}

.ai-theme h3 {
  font-size: clamp(1.12rem, 2.4vw, 1.45rem);
}

.ai-skip-link {
  background: var(--ai-ink);
  border-radius: 0 0 10px 10px;
  color: #fff !important;
  font-weight: 700;
  left: 16px;
  padding: 10px 16px;
  position: fixed;
  top: -80px;
  transition: top .16s ease;
  z-index: 10050;
}

.ai-skip-link:focus {
  top: 0;
}

/* Header */
.ai-theme .header_area {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: rgba(38, 38, 38, .42);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  box-shadow: none;
  min-height: 68px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 900;
  transition: background-color .2s ease, box-shadow .2s ease;
}

.ai-theme .header_area.sticky {
  background: rgba(38, 38, 38, .18);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .04);
  position: sticky;
}

/* The touch admin toolbar can be active even when an old page has no mobile
   viewport and its layout viewport is wider than 767px. Keep the public
   header below that toolbar in every such case, including while scrolling. */
body.ai-theme.ll-admin-mobile-active .header_area,
body.ai-theme.ll-admin-mobile-active .header_area.sticky {
  top: calc(var(--ll-admin-bar-space, 52px) + env(safe-area-inset-top, 0px));
}

body.ai-theme.ll-admin-mobile-active .classy-navbar .classy-menu {
  top: calc(var(--ll-admin-bar-space, 52px) + env(safe-area-inset-top, 0px));
  height: calc(100vh - var(--ll-admin-bar-space, 52px) - env(safe-area-inset-top, 0px));
  height: calc(100dvh - var(--ll-admin-bar-space, 52px) - env(safe-area-inset-top, 0px));
}

/* The slide-out cart has its own top control. Keep that control below the
   fixed administrator toolbar instead of letting the toolbar cover it. */
body.ai-theme.ll-admin-mobile-active .right-side-cart-area {
  top: calc(var(--ll-admin-bar-space, 52px) + env(safe-area-inset-top, 0px));
  height: calc(100vh - var(--ll-admin-bar-space, 52px) - env(safe-area-inset-top, 0px));
  height: calc(100dvh - var(--ll-admin-bar-space, 52px) - env(safe-area-inset-top, 0px));
}

.ai-theme .classy-nav-container {
  background: transparent;
  margin: 0 auto;
  max-width: 1440px;
  min-height: 68px;
  padding: 0 clamp(12px, 3vw, 44px);
  position: relative;
}

.ai-theme .header_area .classy-navbar,
.ai-theme .header_area .header-meta,
.ai-theme .header_area .search-area form {
  height: 68px;
}

.ai-theme .header_area .header-meta {
  align-items: center;
  justify-content: flex-end;
}

.ai-theme .header_area .search-area {
  flex: 0 1 300px;
  max-width: 300px;
  min-width: 190px;
  transition: flex-basis 200ms ease, max-width 200ms ease, min-width 200ms ease, width 200ms ease;
  width: 300px;
}

.ai-theme .classy-nav-container.ai-search-focused .search-area {
  flex-basis: 420px;
  max-width: 420px;
  width: 420px;
}

.ai-theme .header_area .search-area form {
  align-items: center;
  display: flex;
  margin: 0;
  position: relative;
  width: 100%;
}

.ai-theme .ai-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.ai-theme .ai-search-suggestions {
  background: #fff;
  border: 1px solid var(--ai-line);
  border-radius: 0 0 12px 12px;
  box-shadow: var(--ai-shadow);
  left: 0;
  max-height: min(70vh, 520px);
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: calc(100% - 6px);
  z-index: 1200;
}

.ai-theme .ai-search-suggestions[hidden] {
  display: none !important;
}

.ai-theme .header_area .header-meta .ai-search-suggestion {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--ai-line);
  box-sizing: border-box;
  color: var(--ai-ink);
  display: grid !important;
  gap: 12px;
  grid-template-columns: 48px minmax(0, 1fr);
  justify-content: stretch !important;
  min-height: 80px;
  padding: 8px 14px;
  text-align: left !important;
  text-decoration: none;
  width: 100%;
}

.ai-theme .ai-search-suggestion:last-child {
  border-bottom: 0;
}

.ai-theme .header_area .header-meta .ai-search-suggestion:hover,
.ai-theme .header_area .header-meta .ai-search-suggestion:focus,
.ai-theme .header_area .header-meta .ai-search-suggestion.is-active {
  background: var(--ai-soft);
  color: var(--ai-accent-dark);
  outline: 0;
}

.ai-theme .ai-search-suggestion__media {
  align-items: center;
  background: #f4f4f4;
  border: 1px solid #ececec;
  border-radius: 7px;
  display: flex;
  height: 64px;
  justify-content: center;
  overflow: hidden;
  width: 48px;
}

.ai-theme .ai-search-suggestion__media.is-empty::before {
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  content: '';
  display: block;
  height: 19px;
  opacity: .7;
  width: 23px;
}

.ai-theme .ai-search-suggestion__image {
  filter: none !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  width: 100% !important;
}

.ai-theme .ai-search-suggestion__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.ai-theme .ai-search-suggestion__title {
  color: inherit;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  max-width: 100%;
  overflow-wrap: anywhere;
  text-align: left;
}

.ai-theme .ai-search-suggestion__model {
  color: #747474;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
}

.ai-theme .header_area .header-meta .ai-search-suggestion--more {
  background: #fafafa;
  display: flex !important;
  justify-content: center !important;
  min-height: 48px;
  padding: 10px 14px;
  text-align: center !important;
}

.ai-theme .ai-search-suggestion--more .ai-search-suggestion__title {
  text-align: center;
}

.ai-theme .ai-search-suggestion--more .ai-search-suggestion__title::after {
  content: '\2192';
  margin-left: 7px;
}

.ai-theme .header_area .classy-navbar {
  padding-left: 0;
}

.ai-theme .classy-navbar .nav-brand {
  align-items: center;
  display: inline-flex;
  min-height: 44px;
  padding-top: 0 !important;
}

.ai-theme .classy-navbar .nav-brand #logo {
  display: block;
  height: 27px;
  width: 112px;
}

.ai-theme .classy-navbar .nav-brand #logo [fill="#FFFFFF"],
.ai-theme .classy-navbar .nav-brand #logo [fill="#fff"] {
  fill: #fff;
}

.ai-theme .header_area .classynav > ul > li > a,
.ai-theme .header_area .classynav ul li.megamenu-item:first-child > a {
  color: rgba(255, 255, 255, .92);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .01em;
  padding-left: 15px;
  padding-right: 15px;
}

.ai-theme .header_area .classynav > ul > li > a:hover,
.ai-theme .header_area .classynav > ul > li > a:focus {
  color: #fff;
}

.ai-theme .header_area .classynav ul li .megamenu {
  border: 1px solid var(--ai-line);
  border-radius: 0 0 var(--ai-radius) var(--ai-radius);
  box-shadow: var(--ai-shadow);
  overflow-x: hidden;
}

/* Keep every server-side menu group in the grid, including home/outerwear.
   Match the 1091px drawer breakpoint in both ClassyNav and its stylesheet. */
@media (min-width: 1092px) {
  .ai-theme .header_area .breakpoint-off .classynav > ul > li > .megamenu {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 12px 0;
    padding: 12px 0;
    max-height: var(--ai-megamenu-height, calc(100vh - 160px));
    max-height: var(--ai-megamenu-height, calc(100dvh - 160px));
    overscroll-behavior: contain;
    overflow-y: auto;
    scrollbar-color: #b9b9b9 #f3f3f3;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
  }

  .ai-theme .header_area .breakpoint-off .classynav > ul > li > .megamenu > .single-mega {
    display: block;
    float: none;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 8px 18px;
    align-self: start;
    border-right: 0;
  }

  .ai-theme .header_area .breakpoint-off .classynav > ul > li > .megamenu > .ai-catalog-mega-list {
    column-count: 2;
    column-gap: 30px;
    column-rule: 1px solid #f2f4f8;
    grid-column: span 2;
    grid-row: span 2;
  }

  .ai-theme .header_area .breakpoint-off .ai-catalog-mega-list > .title {
    column-span: all;
  }

  .ai-theme .header_area .breakpoint-off .ai-catalog-mega-list > li:not(.title) {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .ai-theme .header_area .breakpoint-off .ai-catalog-mega-list > li > ul {
    display: block;
    width: 100%;
    height: auto;
  }

  .ai-theme .header_area .breakpoint-off .megamenu .single-mega .title {
    font-size: 16px;
    line-height: 1.35;
    padding: 8px 0;
    margin-bottom: 6px;
    white-space: normal;
  }

  .ai-theme .header_area .breakpoint-off .megamenu .single-mega li a {
    font-size: 15px;
    line-height: 1.35;
    min-height: 36px;
    padding: 7px 12px 7px 40px;
    white-space: normal;
  }

  .ai-theme .header_area .breakpoint-off .megamenu .single-mega li a.menu_icon {
    height: auto;
    min-height: 40px;
  }

  .ai-theme .header_area .breakpoint-off .ai-catalog-menu-item:focus-within > .megamenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
  }

  .ai-theme .header_area .breakpoint-off .classynav > ul > li > .megamenu::-webkit-scrollbar {
    width: 8px;
  }

  .ai-theme .header_area .breakpoint-off .classynav > ul > li > .megamenu::-webkit-scrollbar-track {
    background: #f3f3f3;
  }

  .ai-theme .header_area .breakpoint-off .classynav > ul > li > .megamenu::-webkit-scrollbar-thumb {
    background: #b9b9b9;
    border: 2px solid #f3f3f3;
    border-radius: 999px;
  }
}

@media (min-width: 1092px) and (max-width: 1199px) {
  .ai-theme .header_area .breakpoint-off .classynav > ul > li > .megamenu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ai-theme .header_area .breakpoint-off .classynav > ul > li > .megamenu > .ai-catalog-mega-list {
    column-count: 1;
    grid-column: span 1;
  }
}

/* Google's floating badge has its own maximum z-index. Hide it only while
   navigation is open rather than competing with its stacking context. */
.ai-theme.ai-navigation-open #google-merchantwidget-iframe-wrapper {
  visibility: hidden !important;
  pointer-events: none !important;
}

.ai-theme .header_area .classynav ul li .megamenu li a:hover,
.ai-theme .header_area .classynav ul li .dropdown li a:hover {
  background-color: var(--ai-soft);
  color: var(--ai-accent-dark);
}

/* Reserve the same icon space for every label, including nested links. */
.ai-theme .header_area .classynav ul li .megamenu .single-mega li a {
  padding-left: 40px;
}

.ai-theme .header_area .classynav ul li .megamenu li a.menu_icon {
  display: flex;
  align-items: center;
  min-height: 45px;
  height: 45px;
  padding: 0 12px 0 40px !important;
  background-position: 0 center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  line-height: 1.25;
}

.ai-theme .header_area .search-area form input {
  background: rgba(255, 255, 255, .34);
  border: 1px solid rgba(28, 28, 28, .09);
  border-radius: 0;
  color: #222;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0 40px 0 44px;
  transition: background-color .18s ease, border-color .18s ease;
  width: 100%;
}

.ai-theme .header_area .search-area form input:focus {
  background: #fff;
  border-color: rgba(28, 28, 28, .2);
  box-shadow: none;
  opacity: 1;
  width: 100%;
}

.ai-theme .header_area .search-area form input::placeholder {
  color: rgba(28, 28, 28, .5);
  opacity: 1;
}

.ai-theme .header_area .search-area form button[type="submit"] {
  align-items: center;
  display: flex;
  height: 44px;
  justify-content: center;
  left: 4px;
  padding: 0;
  color: rgba(28, 28, 28, .66);
  width: 40px;
}

.ai-theme .header_area .search-area form .ai-search-clear {
  align-items: center;
  background: transparent;
  border: 0;
  color: #555;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  left: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  z-index: 3;
}

.ai-theme .header_area .search-area form .ai-search-clear[hidden] {
  display: none !important;
}

.ai-theme .header_area .search-area form .ai-search-clear:hover {
  color: #222;
}

.ai-theme .header_area .search-area form .ai-search-clear:focus-visible {
  outline: 2px solid var(--ai-accent);
  outline-offset: -4px;
}

.ai-theme .search-area form.has-clear-button input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.ai-theme .search-area form.has-clear-button.is-loading input {
  padding-right: 68px;
}

.ai-theme .search-area form.has-clear-button .ai-search-throbber {
  right: 44px;
}

.ai-theme .ai-search-throbber {
  border: 2px solid rgba(28, 28, 28, .2);
  border-radius: 50%;
  border-top-color: var(--ai-accent);
  height: 16px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: calc(50% - 8px);
  transition: opacity .12s ease;
  visibility: hidden;
  width: 16px;
  z-index: 2;
}

.ai-theme .search-area form.is-loading .ai-search-throbber {
  animation: ai-search-spin .7s linear infinite;
  opacity: 1;
  visibility: visible;
}

@keyframes ai-search-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Match the wishlist ring while the cart or one of its items is loading. */
.ai-theme .cart-content .ubercart-throbber,
.ai-theme .cart-content .cart-throbbing {
  background-image: none;
  position: relative;
}

.ai-theme .cart-content .cart-throbbing {
  width: 24px;
}

.ai-theme .cart-content .ubercart-throbber::before,
.ai-theme .cart-content .cart-throbbing::before {
  animation: ai-search-spin .7s linear infinite;
  border: 3px solid rgba(255, 255, 255, .9);
  border-radius: 50%;
  border-top-color: var(--ai-accent);
  box-sizing: border-box;
  content: "";
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .42));
  height: 24px;
  margin-top: -12px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  width: 24px;
}

.ai-theme .header_area .favourite-area a,
.ai-theme .header_area .reviews-area a,
.ai-theme .header_area .user-login-info a,
.ai-theme .header_area .cart-area a {
  align-items: center;
  border-left: 0;
  display: flex;
  flex: 0 0 58px;
  height: 68px;
  justify-content: center;
  line-height: 1;
  min-width: 58px;
  transition: background-color .18s ease, color .18s ease;
  width: 58px;
}

.ai-theme .header_area .header-meta a img {
  display: block;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  margin: 0 auto;
  opacity: .7;
  transition: opacity .18s ease, transform .18s ease;
}

.ai-theme .header_area .header-meta a:hover,
.ai-theme .header_area .header-meta a:focus {
  background: rgba(255, 255, 255, .09);
}

.ai-theme .header_area .header-meta a:hover img,
.ai-theme .header_area .header-meta a:focus img {
  opacity: 1;
  transform: translateY(-1px);
}

.ai-theme .header_area .cart-area a img {
  width: 22px;
  max-width: 22px;
  height: 22px;
  opacity: .7;
}

.ai-theme .header_area .favourite-area a span,
.ai-theme .header_area .reviews-area a span,
.ai-theme .header_area .user-login-info a span,
.ai-theme .header_area .cart-area a span {
  background: var(--ai-accent);
  border: 2px solid rgba(255, 255, 255, .96);
  border-radius: 999px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  min-width: 18px;
  padding: 0 4px;
  right: 6px;
  text-align: center;
  top: 15px;
}

.ai-theme .header_area .user-login-info a span:empty,
.ai-theme .header_area .favourite-area a span:empty,
.ai-theme .header_area .reviews-area a span:empty,
.ai-theme .header_area .cart-area a span:empty {
  display: none;
}

/* Page shell */
.ai-theme .ai-page-shell,
.ai-theme.ai-page--shops > .container,
.ai-theme.ai-page--story > .container {
  margin: clamp(18px, 4vw, 48px) auto clamp(50px, 8vw, 100px);
  max-width: 1280px;
  min-height: 45vh;
  padding-left: clamp(12px, 3vw, 28px);
  padding-right: clamp(12px, 3vw, 28px);
  width: 100%;
}

.ai-theme .ai-page-content {
  background: var(--ai-surface);
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-radius-lg);
  box-shadow: var(--ai-shadow-sm);
  margin: 18px 0 0;
  min-width: 0;
  padding: clamp(20px, 4vw, 48px);
}

.ai-theme .ai-page-content > :first-child,
.ai-theme .ai-account-content > :first-child {
  margin-top: 0;
}

.ai-theme .ai-page-content > :last-child,
.ai-theme .ai-account-content > :last-child {
  margin-bottom: 0;
}

.ai-theme #mission,
.ai-theme .help {
  background: #fff;
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-radius);
  margin: 0 0 16px;
  padding: 16px 18px;
}

.ai-theme .breadcumb_area {
  background: transparent;
  color: var(--ai-muted);
  font-size: 13px;
  margin: 0;
  min-height: 28px;
  padding: 0 4px 10px;
}

.ai-theme .breadcumb_area::after {
  display: none;
}

.ai-theme .breadcumb_area a {
  color: var(--ai-muted);
  text-decoration: none;
}

.ai-theme .breadcumb_area a:hover {
  color: var(--ai-accent-dark);
}

/* Tabs */
.ai-theme #tabs-wrapper {
  margin: 0 0 18px;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}

.ai-theme ul.tabs.primary,
.ai-theme ul.tabs.secondary {
  align-items: center;
  background: #fff;
  border: 1px solid var(--ai-line);
  border-radius: 14px;
  display: flex;
  gap: 4px;
  margin: 0;
  min-width: max-content;
  padding: 5px;
}

.ai-theme ul.tabs.primary li,
.ai-theme ul.tabs.secondary li {
  display: block;
  float: none;
}

.ai-theme ul.tabs.primary li a,
.ai-theme ul.tabs.secondary li a {
  background: transparent;
  border: 0;
  border-radius: 10px;
  color: var(--ai-muted);
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 9px 14px;
  text-decoration: none;
  white-space: nowrap;
}

.ai-theme ul.tabs.primary li.active a,
.ai-theme ul.tabs.secondary li.active a,
.ai-theme ul.tabs.primary li a:hover,
.ai-theme ul.tabs.secondary li a:hover {
  background: var(--ai-ink);
  color: #fff;
}

/* Drupal messages */
.ai-theme .messages {
  background-image: none;
  border: 1px solid transparent;
  border-radius: 14px;
  box-shadow: none;
  color: var(--ai-ink);
  margin: 0 0 18px;
  padding: 14px 16px;
}

.ai-theme .messages.status {
  background: #eaf8ef;
  border-color: #bce6ca;
  color: #135d2e;
}

.ai-theme .messages.warning {
  background: #fff6e6;
  border-color: #efd39e;
  color: #704600;
}

.ai-theme .messages.error {
  background: #fff0f0;
  border-color: #efb8b8;
  color: var(--ai-danger);
}

/* Forms */
.ai-theme .form-item {
  margin-bottom: 18px;
}

.ai-theme .form-item label,
.ai-theme .webform-component label {
  color: #4b4b4b;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
}

.ai-theme input.form-text,
.ai-theme input.form-email,
.ai-theme input.form-tel,
.ai-theme input.form-number,
.ai-theme input.form-password,
.ai-theme select.form-select,
.ai-theme textarea.form-textarea,
.ai-theme .form-textarea-wrapper textarea {
  background: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 12px;
  color: var(--ai-ink);
  font-size: 16px;
  font-weight: 400;
  height: 48px;
  max-width: 100%;
  padding: 11px 14px;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
  width: min(100%, 540px);
}

.ai-theme textarea.form-textarea,
.ai-theme .form-textarea-wrapper textarea {
  height: auto;
  min-height: 130px;
  resize: vertical;
  width: 100%;
}

.ai-theme input.form-text:focus,
.ai-theme input.form-email:focus,
.ai-theme input.form-tel:focus,
.ai-theme input.form-number:focus,
.ai-theme input.form-password:focus,
.ai-theme select.form-select:focus,
.ai-theme textarea.form-textarea:focus {
  border-color: var(--ai-accent);
  box-shadow: 0 0 0 4px rgba(255, 59, 48, .11);
  outline: none;
}

.ai-theme input.error,
.ai-theme select.error,
.ai-theme textarea.error {
  background: #fffafa;
  border: 2px solid var(--ai-danger);
}

.ai-theme .description {
  color: var(--ai-muted);
  font-size: 13px;
  margin-top: 7px;
}

.ai-theme .form-required {
  color: var(--ai-accent);
}

.ai-theme .form-submit,
.ai-theme .button {
  align-items: center;
  background: var(--ai-accent);
  border: 1px solid var(--ai-accent);
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .045em;
  line-height: 1.2;
  min-height: 46px;
  padding: 12px 20px;
  text-transform: uppercase;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.ai-theme .form-submit:hover,
.ai-theme .form-submit:focus,
.ai-theme .button:hover {
  background: var(--ai-accent-dark);
  border-color: var(--ai-accent-dark);
  box-shadow: 0 8px 20px rgba(229, 45, 36, .2);
  color: #fff;
  transform: translateY(-1px);
}

.ai-theme fieldset {
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-radius);
  margin: 0 0 20px;
  min-width: 0;
  padding: 18px;
}

.ai-theme fieldset legend {
  background: #fff;
  border-radius: 999px;
  color: var(--ai-ink);
  font-size: 15px;
  font-weight: 700;
  padding: 4px 10px;
}

.ai-theme html.js fieldset.collapsible div.fieldset-wrapper {
  border-radius: 12px;
  padding: 16px 0 0;
}

/* Tables */
.ai-theme table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}

.ai-theme table th {
  background: var(--ai-soft);
  color: #4b4b4b;
  font-size: 12px;
  letter-spacing: .05em;
  padding: 12px;
  text-align: left;
  text-transform: uppercase;
}

.ai-theme table td {
  border-bottom: 1px solid var(--ai-line);
  padding: 14px 12px;
  vertical-align: middle;
}

.ai-theme tr.even,
.ai-theme tr.odd {
  background: #fff;
}

/* Account */
.ai-theme .ai-account-shell {
  margin: clamp(20px, 5vw, 58px) auto clamp(60px, 9vw, 110px);
  max-width: none;
  min-height: 52vh;
  padding: 0 clamp(12px, 1.8vw, 28px);
  text-align: left;
  width: 100%;
}

.ai-theme .ai-account-card {
  background: #fff;
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-radius-lg);
  box-shadow: var(--ai-shadow);
  display: block;
  max-width: none;
  min-height: 360px;
  padding: clamp(20px, 5vw, 52px);
  width: 100%;
}

.ai-theme .ai-account-content {
  margin: 0;
}

.ai-theme.ai-page--user .ai-account-content :where(a:not(.button):not(.btn):not(.form-submit):not(.facebook-action-connect):not(.g-signin2)) {
  color: var(--ai-accent-dark);
  text-decoration: underline;
  text-decoration-color: rgba(229, 45, 36, .5);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.ai-theme.ai-page--user .ai-account-content :where(a:not(.button):not(.btn):not(.form-submit):not(.facebook-action-connect):not(.g-signin2)):hover,
.ai-theme.ai-page--user .ai-account-content :where(a:not(.button):not(.btn):not(.form-submit):not(.facebook-action-connect):not(.g-signin2)):focus-visible {
  color: var(--ai-accent);
  text-decoration-color: currentColor;
  text-decoration-thickness: 2px;
}

.ai-theme.ai-page--user .ai-account-content ul.menu a {
  text-decoration: none;
}

.ai-theme.ai-page--user #tabs-wrapper {
  overflow: visible;
  scrollbar-width: none;
}

.ai-theme.ai-page--user ul.tabs.primary,
.ai-theme.ai-page--user ul.tabs.secondary {
  flex-wrap: wrap;
  min-width: 0;
  width: 100%;
}

.ai-theme .ai-account-heading {
  align-items: flex-end;
  border-bottom: 1px solid var(--ai-line);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 0 0 26px;
  padding: 0 0 22px;
}

.ai-theme .ai-account-heading h1 {
  margin: 3px 0 0;
}

.ai-theme .ai-eyebrow {
  color: var(--ai-accent);
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.ai-theme .ai-account-id {
  background: var(--ai-soft);
  border-radius: 999px;
  color: var(--ai-muted);
  font-size: 12px;
  padding: 7px 11px;
  white-space: nowrap;
}

.ai-theme.ai-page--user .ai-account-content > ul.menu,
.ai-theme.ai-page--user .ai-account-content > .menu-service > ul.menu {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
}

.ai-theme.ai-page--user .ai-account-content ul.menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ai-theme.ai-page--user .ai-account-content ul.menu li a {
  align-items: center;
  background: var(--ai-soft);
  border: 1px solid transparent;
  border-radius: 14px;
  display: flex;
  font-weight: 700;
  min-height: 54px;
  padding: 12px 16px;
  text-decoration: none;
  transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.ai-theme.ai-page--user .ai-account-content ul.menu li a:hover,
.ai-theme.ai-page--user .ai-account-content ul.menu li a.active {
  background: #fff;
  border-color: var(--ai-accent);
  color: var(--ai-accent-dark);
  transform: translateY(-1px);
}

.ai-theme.ai-page--user #user-login,
.ai-theme.ai-page--user #user-register,
.ai-theme.ai-page--user #user-pass {
  margin: 0 auto;
  max-width: 520px;
}

.ai-theme.ai-page--user .ai-account-content > .g-signin2 {
  display: table;
  margin: 0 auto;
}

.ai-theme.ai-page--user #user-login .form-submit,
.ai-theme.ai-page--user #user-register .form-submit,
.ai-theme.ai-page--user #user-pass .form-submit {
  min-width: 190px;
}

.ai-theme .profile {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.ai-theme .profile-block {
  background: var(--ai-soft);
  border: 1px solid var(--ai-line);
  border-radius: 14px;
  box-shadow: none;
  margin: 0;
  max-width: none;
  padding: 18px;
}

.ai-theme .share-popup-content {
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-radius);
  box-shadow: var(--ai-shadow);
  max-width: 420px;
  padding: 24px;
}

/* Shops and editorial pages */
.ai-theme .shops-wrapper {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.ai-theme .shops-wrapper .shop-item {
  background: #fff;
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-radius);
  box-shadow: var(--ai-shadow-sm);
  padding: 22px;
  transition: box-shadow .2s ease, transform .2s ease;
}

.ai-theme .shops-wrapper .shop-item:hover {
  box-shadow: var(--ai-shadow);
  transform: translateY(-2px);
}

.ai-theme.ai-page--story > .container .clear-block,
.ai-theme.ai-page--shops > .container .clear-block {
  background: #fff;
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-radius-lg);
  box-shadow: var(--ai-shadow-sm);
  margin: 18px 0 0;
  padding: clamp(20px, 5vw, 52px);
}

.ai-theme.ai-page--story .node {
  margin: 0 auto;
  max-width: 860px;
}

.ai-theme.ai-page--story .node img {
  border-radius: 14px;
}

/* Cart and checkout */
.ai-theme.ai-page--cart > .clear-block > .content,
.ai-theme.ai-page--checkout > .clear-block > .content,
.ai-theme.ai-page--checkout-complete > .clear-block > .content {
  margin: clamp(20px, 5vw, 56px) auto clamp(60px, 8vw, 100px);
  max-width: 1120px;
  min-height: 45vh;
  padding: 0 clamp(12px, 3vw, 24px);
}

.ai-theme.ai-page--cart > .clear-block > .content > section,
.ai-theme.ai-page--checkout > .clear-block > .content > section,
.ai-theme.ai-page--checkout-complete > .clear-block > .content > section {
  background: #fff;
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-radius-lg);
  box-shadow: var(--ai-shadow-sm);
  padding: clamp(16px, 4vw, 40px);
}

.ai-theme #cart-form-products,
.ai-theme #checkout-form-bottom,
.ai-theme .order-review-table,
.ai-theme .bill {
  background: #fff;
  border: 1px solid var(--ai-line);
  border-radius: var(--ai-radius);
  overflow: hidden;
}

.ai-theme #cart-form-buttons,
.ai-theme .review-button-row {
  background: var(--ai-soft);
  border-radius: 14px;
  margin-top: 18px;
  padding: 14px;
}

.ai-theme #cart-form-buttons [name="update-cart"],
.ai-theme .review-button-row #edit-back {
  background: #fff;
  border: 1px solid var(--ai-line);
  color: var(--ai-ink);
}

/* Product and landing pages */
.ai-theme.ai-page--product {
  background: #fff;
}

.ai-theme.ai-page--product #content {
  min-height: 55vh;
}

.ai-theme.ai-page--product .breadcumb_area {
  margin: 0 auto;
  max-width: 1320px;
  padding: 14px clamp(12px, 3vw, 28px);
}

.ai-theme.ai-page--landing .clear-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}

/* Footer and trust strip */
.ai-theme > ul.list-inline {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--ai-line);
  border-top: 1px solid var(--ai-line);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(14px, 4vw, 36px);
  justify-content: center;
  margin: 0 !important;
  min-height: 150px;
  padding: 22px 16px;
}

.ai-theme > ul.list-inline li {
  margin: 0 !important;
}

.ai-theme .footer_area {
  background: #202020;
  padding: clamp(44px, 7vw, 78px) 0 36px;
}

.ai-theme .footer_area .container {
  max-width: 1220px;
  padding-left: 20px;
  padding-right: 20px;
}

.ai-theme .footer_area a[href*="apps.apple.com"],
.ai-theme .footer_area a[href*="play.google.com"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  vertical-align: middle;
}

.ai-theme .footer_area a[href*="apps.apple.com"] svg,
.ai-theme .footer_area a[href*="play.google.com"] svg {
  display: block;
  width: auto !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.ai-theme .footer_area .footer_widget_menu {
  gap: 2px 0;
}

.ai-theme .footer_area .single_widget_area .footer_widget_menu li a,
.ai-theme .footer_area .single_widget_area .footer_menu ul li a {
  color: rgba(255, 255, 255, .7);
  line-height: 1.45;
}

.ai-theme .footer_area .single_widget_area .footer_widget_menu li a:hover,
.ai-theme .footer_area .single_widget_area .footer_menu ul li a:hover {
  color: #fff;
}

.ai-theme .footer_area .subscribtion_form form {
  max-width: 420px;
  width: 100%;
}

.ai-theme .footer_area .subscribtion_form form input.form-text {
  border-color: rgba(255, 255, 255, .45);
  border-radius: 0;
  box-shadow: none;
  color: #fff;
}

.ai-theme .copyright {
  color: rgba(255, 255, 255, .48);
  font-size: 12px;
}

.ai-theme .footer_area .footer-block-language a,
.ai-theme .footer_area .footer-block-language a:visited {
  color: #e7e7e7;
  font-size: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ai-theme .footer_area .footer-block-language a:hover,
.ai-theme .footer_area .footer-block-language a:focus-visible {
  color: #fff;
  text-decoration-thickness: 2px;
}

/* Navigation loader: stable overlay, no page reflow. */
.ai-theme .loader.active {
  backdrop-filter: blur(3px);
  background: rgba(255, 255, 255, .72);
}

.ai-theme .loader.active .loader-logo {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: content-box;
  padding: 20px 28px;
}

.ai-theme .loader.active .loader-logo img {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  padding: 0;
  filter: none;
  opacity: 1;
  transform: none;
}

.ai-theme .loader.active .loader-logo .loader-logo__base {
  filter: brightness(0) invert(1) drop-shadow(0 0 1px rgba(255, 255, 255, .95)) drop-shadow(1px 1px 0 rgba(80, 80, 80, .28)) !important;
}

.ai-theme .loader.active .loader-logo .loader-logo__trace {
  top: 15px;
  bottom: auto;
  left: 23px;
  height: 41px;
}

.ai-theme .loader.active .loader-logo .loader-logo__trace-image {
  top: 5px;
  left: 5px;
  filter: none !important;
}

@media (max-width: 1091px) {
  .ai-theme .classy-nav-container {
    padding-left: 12px;
    padding-right: 0;
  }

  .ai-theme .classy-menu {
    background: #fff;
    box-shadow: var(--ai-shadow);
  }

  .ai-theme .breakpoint-on .classy-navbar .classy-menu {
    left: 0;
    max-width: 300px;
    overflow: visible;
    transform: translateX(calc(-100% - 48px));
    transition: transform .3s ease;
    width: calc(100vw - 48px);
  }

  .ai-theme .breakpoint-on .classy-navbar .classy-menu.menu-on {
    left: 0;
    transform: translateX(0);
  }

  .ai-theme .breakpoint-on .classynav {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 0;
  }

  .ai-theme .breakpoint-on .classynav > ul > .ai-catalog-menu-item {
    display: block;
    height: auto;
    min-height: 46px;
  }

  .ai-theme .breakpoint-on .classynav > ul > .ai-catalog-menu-item > a {
    padding-right: 42px !important;
  }

  .ai-theme .breakpoint-on .classynav > ul > .ai-catalog-menu-item > .dd-trigger {
    right: 0;
    width: 100%;
  }

  .ai-theme .breakpoint-on .classynav > ul > .ai-catalog-menu-item > .dd-arrow {
    right: 20px !important;
  }

  .ai-theme .breakpoint-on .classy-navbar .classy-menu > .classycloseIcon {
    align-items: center;
    background: #fff;
    border: 0;
    border-left: 1px solid var(--ai-line);
    display: flex;
    height: 46px;
    justify-content: center;
    margin: 0;
    padding: 0;
    left: 100%;
    position: absolute;
    right: auto;
    top: 0;
    width: 48px;
    z-index: 600;
  }

  .ai-theme .breakpoint-on .classy-navbar .classy-menu > .classycloseIcon .cross-wrap {
    display: block;
    flex: 0 0 22px;
    height: 22px;
    width: 22px;
  }

  .ai-theme .header_area .classynav > ul > li > a,
  .ai-theme .header_area .classynav ul li.megamenu-item:first-child > a {
    background: #fff;
    border-bottom-color: var(--ai-line);
    color: var(--ai-ink) !important;
  }

  .ai-theme .classy-navbar-toggler {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
  }

  .ai-theme .classy-navbar-toggler .navbarToggler {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 44px;
    justify-content: center;
    line-height: 0;
  }

  .ai-theme .classy-navbar-toggler .navbarToggler span {
    background-color: #fff;
    margin: 2.5px 0;
  }

  /* Make the mobile submenu chevron readable on the white drawer. */
  .ai-theme .breakpoint-on .classynav > ul > li > .dd-arrow {
    right: 16px !important;
  }

  .ai-theme .breakpoint-on .classynav .dd-arrow::before,
  .ai-theme .breakpoint-on .classynav .dd-arrow::after {
    background-color: #4a4a4a !important;
    height: 2px;
    width: 10px;
  }
}

@media (max-width: 767px) {
  /* The Google badge, contact widget and scroll-to-top control use extreme
     z-index values. Remove them while a catalogue sheet is open and on the
     compact cart flow, where they otherwise cover primary controls. */
  body.ai-filter-open #essenceContactWidget,
  body.ai-filter-open #aiWebchatDialog,
  body.ai-filter-open [id="scrollUp"],
  body.ai-filter-open #google-merchantwidget-iframe-wrapper,
  body.ai-filter-open #gcr-badge,
  body.ai-cart-panel-open #essenceContactWidget,
  body.ai-cart-panel-open #aiWebchatDialog,
  body.ai-cart-panel-open [id="scrollUp"],
  body.ai-size-dialog-open #essenceContactWidget,
  body.ai-size-dialog-open #aiWebchatDialog,
  body.ai-size-dialog-open [id="scrollUp"],
  body.ai-size-dialog-open #google-merchantwidget-iframe-wrapper,
  body.ai-size-dialog-open #gcr-badge,
  body.ai-page--cart #essenceContactWidget,
  body.ai-page--cart #aiWebchatDialog,
  body.ai-page--cart [id="scrollUp"],
  body.ai-page--cart #google-merchantwidget-iframe-wrapper,
  body.ai-page--cart #gcr-badge,
  body.ai-page--checkout #essenceContactWidget,
  body.ai-page--checkout #aiWebchatDialog,
  body.ai-page--checkout [id="scrollUp"],
  body.ai-page--checkout #google-merchantwidget-iframe-wrapper,
  body.ai-page--checkout #gcr-badge {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .ai-theme .header_area,
  .ai-theme .classy-nav-container {
    min-height: 56px;
  }

  .ai-theme .header_area .classy-navbar,
  .ai-theme .header_area .header-meta,
  .ai-theme .header_area .search-area form {
    height: 56px;
  }

  .ai-theme .header_area .classy-navbar {
    flex: 0 0 42%;
    min-width: 42%;
    padding-left: 0;
    width: 42%;
  }

  .ai-theme .header_area .header-meta {
    flex: 0 0 58%;
    min-width: 58%;
    width: 58%;
  }

  .ai-theme .classy-navbar .nav-brand #logo {
    height: 21px;
    transform: translateY(1px);
    width: 90px;
  }

  .ai-theme .classy-navbar .nav-brand {
    align-self: stretch;
    height: 56px;
    justify-content: center;
    line-height: 0;
  }

  .ai-theme .ai-search-suggestions {
    left: auto;
    min-width: min(310px, calc(100vw - 16px));
    right: 0;
    top: calc(100% - 8px);
  }

  .ai-theme .header_area .header-meta .ai-search-suggestion {
    gap: 10px;
    grid-template-columns: 44px minmax(0, 1fr);
    min-height: 72px;
    padding: 6px 10px;
  }

  .ai-theme .ai-search-suggestion__media {
    height: 58px;
    width: 44px;
  }

  .ai-theme .header_area .header-meta .ai-search-suggestion--more {
    min-height: 46px;
  }

  .ai-theme .right-side-cart-area .cart-header {
    box-sizing: border-box;
    min-height: 56px;
    padding: 6px 56px 6px 12px;
  }

  .ai-theme .right-side-cart-area .cart-header .wishlist-share-wrapper {
    margin-right: 0;
  }

  .ai-theme .right-side-cart-area .cart-header .btn-share-wishlist {
    height: 40px;
    width: 40px;
  }

  .ai-theme .right-side-cart-area #rightSideCart {
    height: 56px;
    line-height: 56px;
    width: 48px;
  }

  .ai-theme .header_area .search-area form input {
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 38px;
    padding-right: 36px;
    width: 100%;
  }

  .ai-theme .header_area .search-area form input:focus {
    width: 100%;
  }

  .ai-theme .header_area .search-area {
    flex: 1 1 120px;
    max-width: 160px;
    min-width: 48px;
    width: auto;
  }

  .ai-theme .header_area .search-area form button[type="submit"] {
    height: 40px;
    left: 0;
    width: 36px;
  }

  .ai-theme .header_area .favourite-area a,
  .ai-theme .header_area .reviews-area a,
  .ai-theme .header_area .user-login-info a,
  .ai-theme .header_area .cart-area a {
    flex: 0 0 46px;
    height: 56px;
    min-width: 46px;
    width: 46px;
  }

  .ai-theme .header_area .favourite-area a span,
  .ai-theme .header_area .reviews-area a span,
  .ai-theme .header_area .user-login-info a span,
  .ai-theme .header_area .cart-area a span {
    right: 2px;
    top: 7px;
  }

  /* Account links live inside the off-canvas menu on mobile. The generic
     header icon rule made these anchors only 46px wide and centered their
     long labels outside that box, so the beginning of each label was clipped. */
  .ai-theme .header_area .classynav .user-login-info,
  .ai-theme .header_area .classynav .favourite-area,
  .ai-theme .header_area .classynav .reviews-area {
    margin: 0;
    width: 100%;
  }

  .ai-theme .header_area .classynav .user-login-info {
    align-items: center;
    display: flex;
    gap: 4px;
    line-height: 1.35;
    min-height: 48px;
    padding: 10px 14px;
    white-space: nowrap;
  }

  .ai-theme .header_area .classynav .user-login-info a {
    align-items: center;
    display: inline-flex !important;
    flex: 0 1 auto;
    gap: 8px;
    height: auto;
    line-height: 1.35;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: auto;
  }

  .ai-theme .header_area .classynav .favourite-area a,
  .ai-theme .header_area .classynav .reviews-area a {
    align-items: center;
    display: flex;
    gap: 8px;
    height: auto;
    justify-content: flex-start;
    line-height: 1.35;
    margin: 0;
    min-height: 48px;
    min-width: 100%;
    padding: 10px 14px;
    text-align: left;
    white-space: normal;
    width: 100%;
  }

  .ai-theme .header_area .classynav .user-login-info a img,
  .ai-theme .header_area .classynav .favourite-area a img,
  .ai-theme .header_area .classynav .reviews-area a img {
    flex: 0 0 20px;
    margin: 0;
  }

  .ai-theme .ai-page-content,
  .ai-theme .ai-account-card,
  .ai-theme.ai-page--story > .container .clear-block,
  .ai-theme.ai-page--shops > .container .clear-block,
  .ai-theme.ai-page--cart .content > section,
  .ai-theme.ai-page--checkout .content > section,
  .ai-theme.ai-page--checkout-complete .content > section {
    border-left: 0;
    border-radius: 18px;
    border-right: 0;
    box-shadow: none;
  }

  .ai-theme .ai-page-shell,
  .ai-theme .ai-account-shell,
  .ai-theme.ai-page--shops > .container,
  .ai-theme.ai-page--story > .container {
    padding-left: 8px;
    padding-right: 8px;
  }

  .ai-theme.ai-page--user .ai-account-content > ul.menu,
  .ai-theme.ai-page--user .ai-account-content > .menu-service > ul.menu {
    grid-template-columns: 1fr;
  }

  .ai-theme .ai-account-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .ai-theme .form-submit,
  .ai-theme .button {
    max-width: 100%;
  }

  .ai-theme table {
    display: block;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  .ai-theme .footer_area .single_widget_area .footer_menu ul {
    flex-wrap: wrap;
    gap: 8px 0;
  }

  .ai-theme .footer_area .single_widget_area .footer_widget_menu li {
    flex-basis: 100%;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .ai-theme .classy-nav-container.ai-search-measuring .classy-navbar,
  .ai-theme .classy-nav-container.ai-search-measuring .header-meta,
  .ai-theme .classy-nav-container.ai-search-measuring .search-area {
    transition: none !important;
  }

  .ai-theme .classy-nav-container.ai-search-focused .classy-navbar .nav-brand {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .ai-theme .classy-nav-container.ai-search-ready .header-meta {
    position: static;
  }

  .ai-theme .classy-nav-container.ai-search-ready .search-area {
    bottom: 0;
    flex: none;
    left: var(--ai-search-collapsed-left);
    max-width: none;
    min-width: 0;
    position: absolute;
    right: var(--ai-search-collapsed-right);
    top: 0;
    transition: left 180ms ease;
    width: auto;
    z-index: 30;
  }

  .ai-theme .classy-nav-container.ai-search-ready.ai-search-focused .search-area {
    left: var(--ai-search-expanded-left, 56px);
  }
}

@media (max-width: 420px) {
  .ai-theme .header-meta .search-area {
    display: block;
  }

  .ai-theme .header_area .classy-navbar {
    flex-basis: 53%;
    min-width: 53%;
    width: 53%;
  }

  .ai-theme .header_area .header-meta {
    flex-basis: 47%;
    min-width: 47%;
    width: 47%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-theme *,
  .ai-theme *::before,
  .ai-theme *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}