/** Shopify CDN: Minification failed

Line 563:0 Unexpected "}"

**/
/* ---------------------------------------------------------------- 1. canvas */
html {
  background-color: #4A4052;
  background-image: url('//innhhub.shop/cdn/shop/files/zp-pagebg-lilac_2400x.jpg?v=1794635013');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body,
#PageContainer,
.wrapper-body,
.main-content,
.shopify-section,
.template-index .main-content {
  background-color: transparent !important;
}
body {
  color: #FFFFFF;
}
body::before { content: none !important; }

/* ---------------------------------------------------------------- 2. type */
h1, h2, h3, h4, h5, h6,
.banner-title,
.feat-content h2,
.narwal-heading,
.trust-heading,
.series-title,
.page-header h1, .page-header h2, .page-header h3,
.product-shop .product-title,
.cart-title h1, .cart-title h2,
.sidebar-title,
.widget-title h3,
.footer-title,
.article-title,
.tab-title,
.block-title,
h1 a, h2 a, h3 a {
  font-family: 'Zilla Slab', 'Rockwell', Georgia, serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

body, p, span, div, li, dd, dt, label, small, em, strong, b, i, blockquote,
a, button, input, select, textarea, table, td, th,
.btn, .product-title, .prices, .price, .product-vendor,
.site-nav a, .footer a, .footer p,
.breadcrumb, .toolbar, .pagination,
.narwal-title, .narwal-subtitle, .trust-text, .series-title,
.feat-content p, .banner-subtitle,
.dropdown-label, .cart-text, .text-hover {
  font-family: 'Inter Tight', 'Helvetica Neue', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .page-header h1 { color: #FFFFFF; }

/* main / secondary text */
body, .body-1, .rte, .rte p, .rte li,
.product-des, .product-vendor,
.prices .price, .price,
.narwal-subtitle, .trust-text, .series-title,
.feat-content p, .banner-subtitle,
.footer p, .footer li, .footer a,
.breadcrumb a, .breadcrumb span,
.toolbar label, .toolbar span,
.pagination a, .pagination span {
  color: #FFFFFF;
}
.rte blockquote,
.product-des .desc,
.trust-text,
.footer .ft-des,
.cart-empty,
.compare-price,
.prices .compare-price,
small {
  color: #F3EEF6;
}
a, a:hover, a:focus { text-decoration: none; }
a { color: #FFFFFF; }
a:hover { color: #E9E2EE; }

/* ---------------------------------------------------------------- 3. nav */
.wrapper-header,
.site-header,
.site-header .header-top,
.site-header .header-bottom,
.header-mb,
.header-pc,
.nav-bar,
.site-nav,
.menu-lv-1 > a,
.is-sticky .header-bottom,
.header-fixed .header-bottom {
  background-color: #9E8FA8 !important;
  background-image: none !important;
}
.site-header .header-bottom {
  border-bottom: 1px solid rgba(233, 226, 238, 0.35) !important;
  box-shadow: none !important;
}
/* every nav label, including the account / search / cart cluster */
.site-nav .menu-lv-1 > a,
.site-nav .menu-lv-1 > a span,
.site-nav .item > a,
.site-header .header-panel .right-groups > div > a,
.site-header .header-panel .right-groups .right-nav .right-nav-links a,
.site-header .header-panel .right-groups a,
.site-header .header-panel .right-groups svg,
.site-header .header-panel .text-hover,
.header-bottom .header-pc .header-panel .right-groups .right-nav .lang-currency-groups .dropdown-label .text,
.cart-icon .cart-text,
.search-open .header-search__form,
.header-top,
.header-top p,
.header-top a,
.logo-title,
.header-logo a,
.header-logo {
  color: #FFFFFF !important;
  fill: #FFFFFF;
}
.site-nav .menu-lv-1:hover > a,
.site-nav .menu-lv-1 > a:hover,
.site-nav .item:hover > a,
.site-header .header-panel .right-groups a:hover,
.site-header .header-panel .right-groups a:hover svg,
.site-nav .menu-lv-1:hover > a span,
.header-top a:hover,
.header-logo a:hover,
a.logo-title:hover {
  color: #E9E2EE !important;
  fill: #E9E2EE;
}
.site-header .header-panel .text-hover:before,
.site-nav .menu-lv-1 > a:before {
  background-color: #E9E2EE !important;
}
/* dropdown + drawer surfaces must stay opaque so white text is readable */
#dropdown-cart,
#dropdown-customer,
#right-nav-dropdown,
.search-form,
.dropdown-border,
.site-nav .no-mega-menu .menu-lv-2 .site-nav-dropdown,
.site-nav .menu-lv-1 > .sub-menu-mobile,
.mega-menu .site-nav-dropdown,
.header-search__results,
.dropdown-cart .dropdown-cart,
.cart-drawer,
.menu-drawer {
  background-color: #726379 !important;
  background-image: none !important;
  border-color: rgba(233, 226, 238, 0.35) !important;
  color: #FFFFFF !important;
}
#dropdown-cart a, #dropdown-customer a, #right-nav-dropdown a,
.search-form a, .dropdown-border a,
.site-nav .no-mega-menu ul li > a,
.mega-menu .site-nav-dropdown a,
.header-search__results .product-title {
  color: #FFFFFF !important;
}
#dropdown-cart a:hover, #right-nav-dropdown a:hover,
.site-nav .no-mega-menu ul li:hover > a,
.mega-menu .site-nav-dropdown a:hover,
.header-search__results a:hover {
  color: #E9E2EE !important;
}
.site-nav .no-mega-menu .sub-menu-mobile ul li,
.site-nav .no-mega-menu .menu-lv-2 .site-nav-dropdown li {
  border-bottom-color: rgba(233, 226, 238, 0.35) !important;
}
.cart-icon .cartCount {
  background-color: #E9E2EE !important;
  color: #3A3240 !important;
}
.header-search__input,
.input-group-field.header-search__input {
  background-color: transparent !important;
  color: #FFFFFF !important;
  border-color: rgba(233, 226, 238, 0.35) !important;
}
.header-search__input::placeholder { color: rgba(255, 255, 255, 0.72) !important; }

/* ---------------------------------------------------------------- 4. footer */
.footer,
.footer .footer-top,
.footer .footer.address,
.footer .footer-content,
footer.footer {
  background-color: #9E8FA8 !important;
  background-image: none !important;
  color: #FFFFFF !important;
}
.footer-bottom {
  background-color: #726379 !important;
  border-top: 1px solid rgba(233, 226, 238, 0.35) !important;
}
.footer h3, .footer .footer-title, .footer-title h3,
.footer .widget-title, .footer .sidebar-title,
.footer h4 { color: #FFFFFF !important; }
.footer a, .footer p, .footer li, .footer span,
.footer .ft-adr, .footer .ft-mail, .footer .ft-phone,
.footer-bottom p, .footer-bottom a, .footer-bottom span {
  color: #FFFFFF !important;
}
.footer a:hover, .footer-bottom a:hover { color: #E9E2EE !important; }
.footer .ft-border, .footer hr, .footer .newsletter { border-color: rgba(233, 226, 238, 0.35) !important; }
.footer input[type="email"], .footer input[type="text"] {
  background-color: rgba(233, 226, 238, 0.16) !important;
  border: 1px solid rgba(233, 226, 238, 0.35) !important;
  color: #FFFFFF !important;
}
.footer input::placeholder { color: rgba(255, 255, 255, 0.7) !important; }
.footer .btn, .footer button[type="submit"], .footer input[type="submit"] {
  background-color: #B2A5BB !important;
  border-color: #B2A5BB !important;
  color: #FFFFFF !important;
  border-radius: 9px !important;
}
.footer .btn:hover, .footer button[type="submit"]:hover {
  background-color: #E9E2EE !important;
  border-color: #E9E2EE !important;
  color: #3A3240 !important;
}
.footer .social-icons a, .footer .list-social a {
  color: #FFFFFF !important;
  border-color: rgba(233, 226, 238, 0.35) !important;
}
.footer .social-icons a:hover { color: #E9E2EE !important; }

/* ---------------------------------------------------------------- 5. sections -> transparent
   These sections paint an inline background from their own colour setting.
   The merchant asked for NO background on the content area, so they are forced
   transparent; the content sits directly on the uploaded photo. */
.narwal-banner-section,
.series-list-section,
.feat-section,
.narwal-section-wrapper,
.trust-features-section,
.collection-template,
.template-collection,
.product-template,
.template-product,
.cart-template,
.page-template,
.shopify-policy__container,
.collection-header,
.faq-header,
.brand-page,
.about-us {
  background-color: transparent !important;
  background-image: none !important;
}

/* ---------------------------------------------------------------- 6. cards */
.grid-item .inner.product-item,
.widget-product .inner.product-item,
.narwal-card,
.narwal-card-inner,
.trust-card,
.series-item,
.feat-content,
.product-shop .product-inner,
.custom-product-description,
.location,
.wrapper-cart,
.cart-checkout-panel,
.cart-table,
.blog-item,
.article-item,
.sidebar-widget,
.widget-content,
.list-collection .collection-item,
.collection-card,
.product-item .product-bottom {
  background-color: rgba(158, 143, 168, 0.72) !important;
  background-image: none !important;
  border: 1px solid rgba(233, 226, 238, 0.35) !important;
  border-radius: 14px !important;
  color: #FFFFFF !important;
}
/* keep media flush with the rounded card edge */
.grid-item .inner.product-item,
.narwal-card-inner,
.product-shop .product-inner,
.custom-product-description,
.location,
.wrapper-cart,
.cart-checkout-panel,
.sidebar-widget,
.widget-content,
.collection-card,
.blog-item,
.article-item {
  overflow: hidden;
}
.grid-item .inner.product-item { padding: 0 0 18px !important; }
.grid-item .inner.product-item .product-image,
.grid-item .inner.product-item .product-top {
  border-radius: 14px 14px 0 0 !important;
  overflow: hidden;
}
.product-bottom { border: 0 !important; background-color: transparent !important; }

/* hover lift, kept subtle */
.grid-item .inner.product-item,
.narwal-card-inner,
.trust-card,
.collection-card {
  transition: transform .25s ease, border-color .25s ease, background-color .25s ease;
}
.grid-item .inner.product-item:hover,
.narwal-card-inner:hover,
.trust-card:hover,
.collection-card:hover {
  transform: translateY(-4px);
  border-color: #E9E2EE !important;
  background-color: rgba(158, 143, 168, 0.86) !important;
}

/* ---------------------------------------------------------------- 7. buttons
   #B2A5BB is a light mid-tone: white ink on it measures 2.34:1 and fails WCAG.
   The surface colour stays exactly as specified; the ink flips to a deep lilac
   (#2A2333) which measures 6.49:1 — still reads as 柔和轻奢, now legible. */
.btn,
button.btn,
input.btn,
a.btn,
.btn-1, .btn-2, .btn-3,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
.add-to-cart, .btn-add-to-cart,
.sticky-add-to-cart,
.narwal-btn.btn-primary,
.feat-btn,
.banner-btn,
.btn-continue, .btn-checkout, .btn-view-cart,
.cart-checkout-panel .btn,
.product-shop .btn,
input[type="submit"],
button[type="submit"] {
  background-color: #B2A5BB !important;
  background-image: none !important;
  border: 1px solid #B2A5BB !important;
  color: #2A2333 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  text-transform: none;
  letter-spacing: .02em;
  font-weight: 500;
}
.btn:hover, button.btn:hover, input.btn:hover, a.btn:hover,
.btn-1:hover, .btn-2:hover, .btn-3:hover,
.add-to-cart:hover, .btn-add-to-cart:hover,
.sticky-add-to-cart:hover,
.narwal-btn.btn-primary:hover,
.feat-btn:hover,
.banner-btn:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background-color: #9E8FA8 !important;
  border-color: #9E8FA8 !important;
  color: #FFFFFF !important;
}
/* accent button — light surface, dark ink (9.69:1 on #E9E2EE) */
.btn-secondary,
.narwal-btn.btn-secondary,
.btn-2,
.shopify-payment-button__more-options,
.btn-view-cart,
a.btn-accent {
  background-color: #E9E2EE !important;
  border: 1px solid #E9E2EE !important;
  color: #3A3240 !important;
  border-radius: 9px !important;
}
.btn-secondary:hover,
.narwal-btn.btn-secondary:hover,
.btn-2:hover,
.btn-view-cart:hover,
a.btn-accent:hover {
  background-color: #726379 !important;
  border-color: #726379 !important;
  color: #FFFFFF !important;
}
.btn[disabled], .btn.disabled, button[disabled] {
  background-color: rgba(178, 165, 187, 0.48) !important;
  border-color: rgba(233, 226, 238, 0.35) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

/* ---------------------------------------------------------------- 8. tags / labels */
.product-label .label,
.product-label span,
.narwal-badge,
.icon_sale, .icon_new, .icon_hot,
.label-sale, .label-new, .label-hot,
.badge, .tag {
  border-radius: 9px !important;
  border: 1px solid rgba(233, 226, 238, 0.35) !important;
  font-weight: 500;
  letter-spacing: .04em;
}
.product-label .label.sale, .icon_sale, .label-sale { background-color: #B2A5BB !important; color: #FFFFFF !important; }
.product-label .label.new, .icon_new, .label-new { background-color: #E9E2EE !important; color: #3A3240 !important; }
.product-label .label.hot, .icon_hot, .label-hot { background-color: #726379 !important; color: #FFFFFF !important; }
.label-tab, .label-tab span, .filter-tag a, .list-tags a, .tag-item {
  background-color: #FFFFFF !important;
  color: #3A3240 !important;
  border: 1px solid rgba(233, 226, 238, 0.35) !important;
  border-radius: 9px !important;
}
.label-tab:hover, .filter-tag a:hover, .list-tags a:hover, .tag-item:hover,
.label-tab.active, .filter-tag a.active {
  background-color: #E9E2EE !important;
  color: #3A3240 !important;
}

/* ---------------------------------------------------------------- 9. forms / misc surfaces */
input[type="text"], input[type="email"], input[type="password"], input[type="search"],
input[type="tel"], input[type="number"], textarea, select,
.form-control, .input-text, .field input, .field textarea {
  background-color: rgba(233, 226, 238, 0.14) !important;
  border: 1px solid rgba(233, 226, 238, 0.35) !important;
  color: #FFFFFF !important;
  border-radius: 9px !important;
}
input::placeholder, textarea::placeholder { color: rgba(255, 255, 255, 0.68) !important; }
select option { background-color: #726379; color: #FFFFFF; }

.qty-group,
.qty-group .qty,
.qty-group input,
.qty-group .button {
  background-color: rgba(114, 99, 121, 0.92) !important;
  border-color: rgba(233, 226, 238, 0.35) !important;
  color: #FFFFFF !important;
  border-radius: 9px !important;
}
.qty-group .button::before { background-color: #FFFFFF !important; }
.qty-group .button::after { background-color: #FFFFFF !important; }
.qty-group .button.minus::after { background-color: transparent !important; }
.qty-group input { border-radius: 0 !important; }

.alert, .alert-warning, .cart-empty.alert {
  background-color: rgba(233, 226, 238, 0.18) !important;
  border: 1px solid rgba(233, 226, 238, 0.35) !important;
  color: #FFFFFF !important;
  border-radius: 9px !important;
}
.sidebar, .sidebar-widget, .widget-content, .close-sidebar,
.sidebar-filter, .filter-group {
  background-color: rgba(114, 99, 121, 0.9) !important;
  border-color: rgba(233, 226, 238, 0.35) !important;
  color: #FFFFFF !important;
}
.breadcrumb, .breadcrumb a, .breadcrumb span { color: #F3EEF6 !important; }
.pagination a, .pagination span, .pagination .page {
  border: 1px solid rgba(233, 226, 238, 0.35) !important;
  color: #FFFFFF !important;
  border-radius: 9px !important;
}
.pagination a:hover, .pagination .active span {
  background-color: #B2A5BB !important;
  color: #FFFFFF !important;
}
.toolbar, .toolbar .label-tab { background-color: transparent !important; color: #FFFFFF !important; }
.toolbar label, .toolbar span, .toolbar .dropdown-label { color: #F3EEF6 !important; }

/* tables (cart, order) */
.cart-table table, .cart-table th, .cart-table td,
table th, table td {
  border-color: rgba(233, 226, 238, 0.35) !important;
  color: #FFFFFF;
}
.cart-table .extra.item, .extra.item { background-color: rgba(114, 99, 121, 0.9) !important; color: #FFFFFF !important; }
.cart-checkout-panel .total-price, .cart-checkout-panel .price { color: #FFFFFF !important; }

/* SVG shapes must never get a background (renders as a solid block) */
svg, svg * { background-color: transparent !important; }
.series-placeholder, .placeholder-svg {
  background-color: rgba(233, 226, 238, 0.18) !important;
  color: rgba(255, 255, 255, 0.55) !important;
  border-radius: 14px !important;
}

/* ---------------------------------------------------------------- 10. product detail */
.product-shop .product-title,
.product-shop .product-title a { color: #FFFFFF !important; }
.product-shop .prices .price { color: #FFFFFF !important; }
.product-shop .compare-price, .product-shop .price-sale { color: #F3EEF6 !important; }
.product-shop .product-des, .product-shop .product-des p { color: #F3EEF6 !important; }
.custom-product-description h1, .custom-product-description h2,
.custom-product-description h3, .custom-product-description h4,
.custom-product-description p, .custom-product-description li { color: #FFFFFF !important; }
.custom-product-description h3 { font-size: 22px; margin: 26px 0 12px; }
.custom-product-description ul { padding-left: 18px; }
.custom-product-description li { margin-bottom: 8px; line-height: 1.65; }
.custom-product-description li::marker { color: #E9E2EE; }

/* ---------------------------------------------------------------- 11. footer-adjacent floats */
.themevale_popup, .someone-purchased, .cookie_popup, #back-top, .wrapper-overlay { background-color: transparent !important; }
#back-top a { background-color: #9E8FA8 !important; color: #FFFFFF !important; border-radius: 50%; }

/* ---------------------------------------------------------------- 12. leftovers that hardcode dark ink */
/* the theme paints these with fixed hexes, so they need direct overrides */
.product-shop .product-inventory .value,
.product-inventory .value,
.product-inventory .stock,
.product-shop .total-price label,
.total-price label,
.total-price span,
.cart-checkout-panel .total-price label,
.cart-checkout-panel .total-price span,
.toolbar .filters-toolbar__limited-view select,
.toolbar .filters-toolbar__sortby select,
.filters-toolbar select,
.toolbar select,
.toolbar .dropdown-label,
.toolbar .dropdown-label span,
.toolbar .dropdown-toggle,
.sidebar-label,
.sidebar-label span,
.toolbar .grid view-as,
.toolbar .list view-as,
.toolbar .icon-mode {
  color: #FFFFFF !important;
  fill: #FFFFFF;
}
.toolbar select,
.filters-toolbar select,
.toolbar .dropdown-label,
.toolbar .dropdown-toggle {
  background-color: rgba(114, 99, 121, 0.92) !important;
  border: 1px solid rgba(233, 226, 238, 0.35) !important;
  border-radius: 9px !important;
  padding: 6px 10px;
}
.toolbar select option { background-color: #4A4052; color: #FFFFFF; }
/* inline blue links inside copy (e.g. "click here") */
.rte a, .page-content a, p a, .cart-empty a, .alert a,
.custom-product-description a, .product-description a {
  color: #E9E2EE !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.rte a:hover, .page-content a:hover, p a:hover, .cart-empty a:hover { color: #FFFFFF !important; }

/* ---------------------------------------------------------------- 13. responsive */
  .header-mb, .mb-area, .jas-mb-style, .main-menu.jas-mb-style,
  #dropdown-cart, #dropdown-customer, .search-form, .dropdown-border {
    background-color: #9E8FA8 !important;
  }
  #dropdown-cart, #dropdown-customer, .search-form { background-color: #726379 !important; }
  .grid-item .inner.product-item { border-radius: 14px !important; }
}


/* ---------------------------------------------------------------- 14. contrast close-out
   Measured with the audit helper (composited backgrounds, WCAG linearised):
     #FFFFFF on #9E8FA8 = 3.02:1   (nav / footer surface — spec colour)
     #2A2333 on #B2A5BB = 6.49:1   (primary button ink)
     #3A3240 on #E9E2EE = 9.69:1   (accent button ink)
     #FFFFFF on card rgba(158,143,168,.72) over a dark photo = 4.80:1
   Anything the theme still hardcodes to a dark hex is forced white below. */
.price, .prices .price, .prices .price-sale,
.narwal-subtitle,
.product-price, .product-shop .price,
.cart-price, .cart-table .price,
.zp-catch__price, .zp-tank__price {
  color: #FFFFFF !important;
}
.narwal-badge,
.zp-catch__tag {
  color: #3A3240 !important;
  background-color: #E9E2EE !important;
  border-color: #E9E2EE !important;
}
.zp-catch__roll,
.zp-catch__roll:disabled {
  background-color: #B2A5BB;
  border-color: #B2A5BB;
  color: #2A2333;
}
.zp-catch__roll:hover { background-color: #9E8FA8; border-color: #9E8FA8; color: #FFFFFF; }
.banner-btn {
  background-color: #E9E2EE !important;
  border-color: #E9E2EE !important;
  color: #3A3240 !important;
}
.banner-btn:hover {
  background-color: #B2A5BB !important;
  border-color: #B2A5BB !important;
  color: #2A2333 !important;
}
.zp-tank__price, .zp-cook__time { color: #FFFFFF !important; }
.zp-catch__hint, .zp-tank__hint, .zp-tank__note { color: #FFFFFF !important; opacity: .82; }


/* ---------------------------------------------------------------- 15. toolbar dropdowns
   The sort-by / show dropdowns are painted #fff by the theme, so white labels
   vanished. They get the opaque dropdown surface instead. */
.dropdown-menu, ul.dropdown-menu, .limited-view .dropdown-menu,
.sort-by .dropdown-menu, .filters-toolbar .dropdown-menu {
  background-color: #4A4052 !important;
  border: 1px solid rgba(233, 226, 238, 0.35) !important;
  border-radius: 9px !important;
}
.dropdown-menu li, .dropdown-menu a, .dropdown-menu span,
.item-per-page-text, .sort-by-text, .dropdown-menu li.active {
  background-color: transparent !important;
  color: #FFFFFF !important;
}
.dropdown-menu li:hover, .dropdown-menu li.active, .dropdown-menu a:hover {
  background-color: rgba(233, 226, 238, 0.18) !important;
  color: #FFFFFF !important;
}
.narwal-subtitle, .narwal-card .narwal-subtitle { color: #FFFFFF !important; }


/* ---------------------------------------------------------------- 16. sort-by chip
   .label-tab is a white chip, so the label inside it must be dark ink. */
.label-tab, .label-tab .label-text, .label-tab .icon-dropdown,
.label-tab i, .label-tab svg, .label-tab span {
  color: #3A3240 !important;
  fill: #3A3240;
}
.label-tab { background-color: #FFFFFF !important; }
.label-tab:hover, .label-tab:hover .label-text {
  background-color: #E9E2EE !important;
  color: #3A3240 !important;
}
/* the same chip used for the mobile filter bar */
.sidebar-label, .sidebar-label span, .sidebar_more { color: #FFFFFF !important; }

/* "click here" style inline links sitting on a light button surface */
.cart-empty.btn-continue a, .btn-continue a, .btn a,
p.btn-continue a, .alert a.btn-link {
  color: #2A2333 !important;
  text-decoration: underline;
}
.cart-empty.btn-continue a:hover, .btn-continue a:hover { color: #726379 !important; }


/* ---------------------------------------------------------------- 17. mobile drawers
   The mobile cart / account panels are separate markup from the desktop ones and
   the theme hardcodes #727272 and #313131 inside them. */
#dropdown-cart, #dropdown-customer,
#dropdown-cart *, #dropdown-customer *,
.mb-area, .jas-mb-style, .main-menu.jas-mb-style,
.mb-area a, .jas-mb-style a {
  color: #FFFFFF !important;
}
#dropdown-cart .cart-empty,
#dropdown-cart .cart-empty span,
#dropdown-cart p,
#dropdown-cart .subtotal,
#dropdown-cart .total-price,
#dropdown-cart .total-price label,
#dropdown-cart .total-price span,
#dropdown-cart .price,
#dropdown-cart .qty,
#dropdown-cart .product-name,
#dropdown-cart .product-name a {
  color: #FFFFFF !important;
}
#dropdown-cart .btn,
#dropdown-customer .btn,
#dropdown-cart .btn-continue,
#dropdown-cart .btn-checkout,
#dropdown-cart .btn-view-cart,
#dropdown-customer .btn {
  background-color: #B2A5BB !important;
  border-color: #B2A5BB !important;
  color: #2A2333 !important;
}
#dropdown-cart .btn:hover,
#dropdown-customer .btn:hover,
#dropdown-cart .btn-continue:hover,
#dropdown-cart .btn-checkout:hover,
#dropdown-cart .btn-view-cart:hover {
  background-color: #9E8FA8 !important;
  border-color: #9E8FA8 !important;
  color: #FFFFFF !important;
}
#dropdown-cart .btn:last-of-type,
#dropdown-cart .btn-view-cart {
  background-color: #E9E2EE !important;
  border-color: #E9E2EE !important;
  color: #3A3240 !important;
}
#dropdown-customer .btn-secondary { background-color: #E9E2EE !important; color: #3A3240 !important; }
.mb-area .menu-lv-1 > a, .mb-area .menu-lv-1 > a span,
.jas-mb-style .menu-lv-1 > a { color: #FFFFFF !important; }
.mb-area .menu-lv-1:hover > a { color: #E9E2EE !important; }


/* ---------------------------------------------------------------- 18. contact page
   The "Please do get in touch" aside is switched off (settings.display_location
   = false), which leaves the form alone in a 57%-wide left column. Centre it. */
.contact-us-page .wrapper .row {
  justify-content: center !important;
}
.contact-us-page .form-contact {
  float: none !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.contact-us-page .form-header { text-align: center; }
.contact-us-page .form-header h2 { color: #FFFFFF; }
.contact-us-page .form-header .des { color: #F3EEF6; }
/* fields keep left-aligned labels (easier to scan), the block itself is centred */
.contact-us-page .form-group { text-align: left; }
.contact-us-page .form-group label { color: #FFFFFF; }
.contact-us-page #contactFormWrapper .btn {
  display: block;
  margin: 8px auto 0;
}
.contact-us-page .form-group input[type="text"],
.contact-us-page .form-group input[type="email"],
.contact-us-page .form-group input[type="tel"] {
  width: 100%;
  max-width: 100%;
}
.contact-us-page .form-group textarea {
  width: 100%;
  max-width: 100%;
  min-height: 200px;
}
@media (max-width: 990px) {
  .contact-us-page .form-contact { max-width: 100% !important; }
}