/*
Theme Name: Menat Beauty Supply
Theme URI: https://menatbeautysupply.com
Author: Menat Beauty Supply
Description: A block theme for Menat Beauty Supply — premium human hair extensions. Full Site Editing throughout: every template, part and pattern is built from core blocks, so the whole site is editable in the Site Editor without touching code. WooCommerce-ready.
Version: 1.6.2
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: menat
Tags: e-commerce, block-patterns, full-site-editing, block-styles, custom-colors, custom-menu, editor-style, featured-images, wide-blocks
*/

/*
 * Nearly all styling lives in theme.json so that it is exposed in the Site
 * Editor's global styles UI. Only rules that theme.json cannot express belong
 * here — and each one below says why.
 */

/* Footer link lists: theme.json has no control for removing list markers. */
.wp-block-list.is-style-menat-plain {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: grid;
  gap: 0.5rem;
}

.wp-block-list.is-style-menat-plain a {
  text-decoration: none;
}

.wp-block-list.is-style-menat-plain a:hover,
.wp-block-list.is-style-menat-plain a:focus-visible {
  text-decoration: underline;
}

/*
 * The oversized footer wordmark should bleed to the container edges rather than
 * sit on the body's default line-height. theme.json cannot target a single
 * heading instance.
 */
.wp-block-group.has-ink-background-color > .wp-block-heading.has-mega-font-size {
  margin-block: 0;
  overflow-wrap: normal;
  word-break: keep-all;
}

/* Pill links in the texture grid — inherit colour, drop the underline. */
.wp-block-group[style*="border-radius:999px"] a,
.wp-block-group[style*="border-radius: 999px"] a {
  text-decoration: none;
  color: inherit;
}

/*
 * Give the search field the same 2px ink border the rest of the UI uses.
 * The search block's border support does not reach the input element.
 */
.wp-block-search__input {
  border: 2px solid var(--wp--preset--color--ink);
  border-radius: 999px;
  padding-inline: 1rem;
  background: var(--wp--preset--color--base-white);
  font-family: var(--wp--preset--font-family--body);
}

.wp-block-search__button {
  background: transparent;
  border: 0;
  color: var(--wp--preset--color--ink);
}

/* Respect users who ask for less motion. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/*
 * Dashed wave rule between sections — the reference layout's signature divider.
 * The shape is an inline SVG background so the markup can stay pure core blocks
 * (a Group carrying this class). Colour is the sand token.
 */
.menat-wave {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='43' viewBox='0 0 1440 43' fill='none'%3E%3Cpath d='M0 41.5C0 41.5 173.794 1.5 288 1.5C402.206 1.5 461.794 41.5 576 41.5C690.206 41.5 749.794 1.5 864 1.5C978.206 1.5 1037.79 41.5 1152 41.5C1266.21 41.5 1440 1.5 1440 1.5' stroke='%23D42B2B' stroke-width='3' stroke-dasharray='8 8'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: center;
  background-size: 1440px 43px;
  opacity: 0.5;
}

/*
 * Trust strip marquee. The row renders its items twice, so translating by -50%
 * lands on an identical frame and the loop is seamless.
 */
.menat-marquee {
  flex-wrap: nowrap !important;
  width: max-content;
  animation: menat-marquee-scroll 38s linear infinite;
}

.menat-marquee > * {
  flex: 0 0 auto;
  white-space: nowrap;
}

@keyframes menat-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .menat-marquee {
    animation: none;
  }
}

/*
 * The marquee track is intentionally wider than the viewport (it renders its
 * items twice). Its band has to clip, or the whole page gains a horizontal
 * scrollbar.
 */
.menat-marquee-wrap {
  overflow: hidden;
}

/* ------------------------------------------------------------------ *
 * Product carousel
 *
 * The markup is a core Query Loop whose Post Template is a flex row.
 * These rules make it snap and scroll; assets/js/carousel.js adds the
 * arrows and dots. Without JS it degrades to a scrollable row.
 * ------------------------------------------------------------------ */
.menat-carousel {
  position: relative;
}

.menat-carousel .wp-block-post-template {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  /* No `scroll-behavior: smooth` here on purpose — the script asks for smooth
     per call via scrollTo({behavior}), which honours prefers-reduced-motion and
     keeps programmatic scrolling predictable. Declaring it in CSS makes every
     scrollLeft assignment animate, which is unreliable in background tabs. */
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-block-end: 0.5rem;
}

.menat-carousel .wp-block-post-template::-webkit-scrollbar {
  display: none;
}

.menat-carousel .wp-block-post-template > li {
  flex: 0 0 auto;
  width: clamp(220px, 26vw, 320px);
  scroll-snap-align: start;
}

.menat-carousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-block-start: 2rem;
}

.menat-carousel__arrow {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 2px solid var(--wp--preset--color--ink);
  border-radius: 999px;
  background: transparent;
  color: var(--wp--preset--color--ink);
  cursor: pointer;
  transition:
    color 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.menat-carousel__arrow:hover:not(:disabled) {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--base);
}

.menat-carousel__arrow:disabled {
  opacity: 0.3;
  cursor: default;
}

.menat-carousel__arrow--prev svg {
  transform: rotate(180deg);
}

.menat-carousel__dots {
  display: flex;
  gap: 6px;
}

.menat-carousel__dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 1px solid var(--wp--preset--color--ink);
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.menat-carousel__dot.is-active {
  background: var(--wp--preset--color--ink);
}

/* Product price inside the card grids. */
.wp-block-post-template .wc-block-components-product-price {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 700;
  color: var(--wp--preset--color--brand);
  margin-block-start: 0.25rem;
}

/* ------------------------------------------------------------------ *
 * Mobile header
 *
 * The header row wraps on narrow screens, which stacked the wordmark,
 * the icons, a full-width search field and the login link onto four
 * separate lines — roughly 530px of chrome before the hero. Below the
 * navigation breakpoint the search and login collapse; the wordmark,
 * hamburger and cart stay.
 * ------------------------------------------------------------------ */
@media (max-width: 781px) {
  .wp-block-template-part header .wp-block-search,
  .wp-block-template-part header .wp-block-loginout,
  header.wp-block-template-part .wp-block-search,
  header.wp-block-template-part .wp-block-loginout {
    display: none;
  }

  /* Keep the remaining items on one line. */
  header.wp-block-template-part .wp-block-group.is-layout-flex {
    flex-wrap: nowrap;
    gap: var(--wp--preset--spacing--30);
  }

  header.wp-block-template-part .wp-block-site-title {
    font-size: 1.125rem;
    line-height: 1.1;
  }
}

/* ------------------------------------------------------------------ */
/* Location map                                                        */
/* ------------------------------------------------------------------ */

/*
 * The Contact page map embed ships with fixed width="600" height="450"
 * attributes, which overflow the column on a phone, so the box is taken over
 * here.
 *
 * Note the selector: core/html renders its content raw, with no wrapper of its
 * own, so there is no `.wp-block-html` element on the front end to hang this
 * off — that class only exists in the editor. Matching the embed URL is what
 * actually works.
 */
iframe[src*='google.com/maps'] {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	border: 0;
	border-radius: 12px;
}

@media ( max-width: 600px ) {
	iframe[src*='google.com/maps'] {
		aspect-ratio: 4 / 3;
	}
}

/* ------------------------------------------------------------------ */
/* Footer business identity                                            */
/* ------------------------------------------------------------------ */

/*
 * Contact details have to stay legible on a phone — a reviewer checking that
 * the business is reachable should not have to pinch to read the address, so
 * these columns stack at full size rather than shrinking.
 */
.menat-identity p {
	opacity: 0.85;
}

.menat-identity a {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

@media ( max-width: 781px ) {
	.menat-identity.wp-block-columns {
		gap: var( --wp--preset--spacing--40 );
	}
}

/* ------------------------------------------------------------------ */
/* Accepted payment methods                                            */
/* ------------------------------------------------------------------ */

/*
 * Only the card networks the checkout genuinely honours are shown. The active
 * gateway (paygate.to hosted, "Credit Cards - Debit Cards - SEPA Bank
 * Transfer") declares no brands of its own, so this is limited to Visa and
 * Mastercard, which any card processor accepts. American Express and Discover
 * are deliberately absent — multi-provider aggregators frequently exclude
 * them, and a badge for a card the checkout would decline is the same false
 * trust signal as a PayPal logo without PayPal.
 *
 * The marks are inlined as data URIs so the stylesheet carries no hardcoded
 * domain and the footer costs no extra requests. Each item keeps its brand
 * name as real text for screen readers; font-size:0 hides it visually only.
 */
.menat-payment {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
}

.menat-payment__item {
	display: inline-block;
	width: 46px;
	height: 30px;
	margin: 0;
	border-radius: 4px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 68% auto;
	font-size: 0;
	line-height: 0;
}

.menat-payment__item--visa {
	background-image: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDMyNC42OCI+PHBhdGggZmlsbD0iIzE0MzRjYiIgZD0ibTY1MS4xOS41Yy03MC45MywwLTEzNC4zMiwzNi43Ny0xMzQuMzIsMTA0LjY5LDAsNzcuOSwxMTIuNDIsODMuMjgsMTEyLjQyLDEyMi40MiwwLDE2LjQ4LTE4Ljg4LDMxLjIzLTUxLjE0LDMxLjIzLTQ1Ljc3LDAtNzkuOTgtMjAuNjEtNzkuOTgtMjAuNjFsLTE0LjY0LDY4LjU1czM5LjQxLDE3LjQxLDkxLjczLDE3LjQxYzc3LjU1LDAsMTM4LjU4LTM4LjU3LDEzOC41OC0xMDcuNjYsMC04Mi4zMi0xMTIuODktODcuNTQtMTEyLjg5LTEyMy44NiwwLTEyLjkxLDE1LjUtMjcuMDUsNDcuNjYtMjcuMDUsMzYuMjksMCw2NS44OSwxNC45OSw2NS44OSwxNC45OWwxNC4zMy02Ni4yUzY5Ni42MS41LDY1MS4xOC41aDBaTTIuMjIsNS41TC41LDE1LjQ5czI5Ljg0LDUuNDYsNTYuNzIsMTYuMzZjMzQuNjEsMTIuNDksMzcuMDcsMTkuNzcsNDIuOSw0Mi4zNWw2My41MSwyNDQuODNoODUuMTRMMzc5LjkzLDUuNWgtODQuOTRsLTg0LjI4LDIxMy4xNy0zNC4zOS0xODAuN2MtMy4xNS0yMC42OC0xOS4xMy0zMi40OC0zOC42OC0zMi40OCwwLDAtMTM1LjQxLDAtMTM1LjQxLDBabTQxMS44NywwbC02Ni42MywzMTMuNTNoODFMNDk0Ljg1LDUuNWgtODAuNzZabTQ1MS43NiwwYy0xOS41MywwLTI5Ljg4LDEwLjQ2LTM3LjQ3LDI4LjczbC0xMTguNjcsMjg0LjhoODQuOTRsMTYuNDMtNDcuNDdoMTAzLjQ4bDkuOTksNDcuNDdoNzQuOTVMOTM0LjEyLDUuNWgtNjguMjdabTExLjA1LDg0LjcxbDI1LjE4LDExNy42NWgtNjcuNDVsNDIuMjgtMTE3LjY1aDBaIi8+PC9zdmc+" );
}

.menat-payment__item--mastercard {
	background-image: url( "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIKCSBpZD0ic3ZnMzQwOSIgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiIHNvZGlwb2RpOmRvY25hbWU9Ik1hc3RlckNhcmQgMjAxNi5zdmciIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOTk5LjJweCIgaGVpZ2h0PSI3NzZweCIKCSB2aWV3Qm94PSIwIDAgOTk5LjIgNzc2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5OTkuMiA3NzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBpZD0iWE1MSURfMTc3NV8iIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIGQ9Ik0xODEuMSw3NzQuM3YtNTEuNWMwLTE5LjctMTItMzIuNi0zMi42LTMyLjYKCWMtMTAuMywwLTIxLjUsMy40LTI5LjIsMTQuNmMtNi05LjQtMTQuNi0xNC42LTI3LjUtMTQuNmMtOC42LDAtMTcuMiwyLjYtMjQsMTJ2LTEwLjNoLTE4djgyLjRoMTh2LTQ1LjVjMC0xNC42LDcuNy0yMS41LDE5LjctMjEuNQoJczE4LDcuNywxOCwyMS41djQ1LjVoMTh2LTQ1LjVjMC0xNC42LDguNi0yMS41LDE5LjctMjEuNWMxMiwwLDE4LDcuNywxOCwyMS41djQ1LjVIMTgxLjF6IE00NDguMSw2OTEuOWgtMjkuMlY2NjdoLTE4djI0LjloLTE2LjMKCXYxNi4zaDE2LjN2MzcuOGMwLDE4LjksNy43LDMwLDI4LjMsMzBjNy43LDAsMTYuMy0yLjYsMjIuMy02bC01LjItMTUuNWMtNS4yLDMuNC0xMS4yLDQuMy0xNS41LDQuM2MtOC42LDAtMTItNS4yLTEyLTEzLjd2LTM2LjkKCWgyOS4yVjY5MS45eiBNNjAwLjksNjkwLjFjLTEwLjMsMC0xNy4yLDUuMi0yMS41LDEydi0xMC4zaC0xOHY4Mi40aDE4di00Ni40YzAtMTMuNyw2LTIxLjUsMTcuMi0yMS41YzMuNCwwLDcuNywwLjksMTEuMiwxLjcKCWw1LjItMTcuMkM2MDkuNCw2OTAuMSw2MDQuMyw2OTAuMSw2MDAuOSw2OTAuMUw2MDAuOSw2OTAuMXogTTM3MCw2OTguN2MtOC42LTYtMjAuNi04LjYtMzMuNS04LjZjLTIwLjYsMC0zNC4zLDEwLjMtMzQuMywyNi42CgljMCwxMy43LDEwLjMsMjEuNSwyOC4zLDI0bDguNiwwLjljOS40LDEuNywxNC42LDQuMywxNC42LDguNmMwLDYtNi45LDEwLjMtMTguOSwxMC4zYy0xMiwwLTIxLjUtNC4zLTI3LjUtOC42bC04LjYsMTMuNwoJYzkuNCw2LjksMjIuMywxMC4zLDM1LjIsMTAuM2MyNCwwLDM3LjgtMTEuMiwzNy44LTI2LjZjMC0xNC42LTExLjItMjIuMy0yOC4zLTI0LjlsLTguNi0wLjljLTcuNy0wLjktMTMuNy0yLjYtMTMuNy03LjcKCWMwLTYsNi05LjQsMTUuNS05LjRjMTAuMywwLDIwLjYsNC4zLDI1LjgsNi45TDM3MCw2OTguN0wzNzAsNjk4Ljd6IE04NDguOSw2OTAuMWMtMTAuMywwLTE3LjIsNS4yLTIxLjUsMTJ2LTEwLjNoLTE4djgyLjRoMTh2LTQ2LjQKCWMwLTEzLjcsNi0yMS41LDE3LjItMjEuNWMzLjQsMCw3LjcsMC45LDExLjIsMS43TDg2MSw2OTFDODU3LjUsNjkwLjEsODUyLjQsNjkwLjEsODQ4LjksNjkwLjFMODQ4LjksNjkwLjF6IE02MTguOSw3MzMuMQoJYzAsMjQuOSwxNy4yLDQyLjksNDMuOCw0Mi45YzEyLDAsMjAuNi0yLjYsMjkuMi05LjRsLTguNi0xNC42Yy02LjksNS4yLTEzLjcsNy43LTIxLjUsNy43Yy0xNC42LDAtMjQuOS0xMC4zLTI0LjktMjYuNgoJYzAtMTUuNSwxMC4zLTI1LjgsMjQuOS0yNi42YzcuNywwLDE0LjYsMi42LDIxLjUsNy43bDguNi0xNC42Yy04LjYtNi45LTE3LjItOS40LTI5LjItOS40QzYzNi4xLDY5MC4xLDYxOC45LDcwOC4yLDYxOC45LDczMy4xCglMNjE4LjksNzMzLjFMNjE4LjksNzMzLjF6IE03ODUuNCw3MzMuMXYtNDEuMmgtMTh2MTAuM2MtNi03LjctMTQuNi0xMi0yNS44LTEyYy0yMy4yLDAtNDEuMiwxOC00MS4yLDQyLjljMCwyNC45LDE4LDQyLjksNDEuMiw0Mi45CgljMTIsMCwyMC42LTQuMywyNS44LTEydjEwLjNoMThWNzMzLjFMNzg1LjQsNzMzLjF6IE03MTkuMyw3MzMuMWMwLTE0LjYsOS40LTI2LjYsMjQuOS0yNi42YzE0LjYsMCwyNC45LDExLjIsMjQuOSwyNi42CgljMCwxNC42LTEwLjMsMjYuNi0yNC45LDI2LjZDNzI4LjgsNzU4LjgsNzE5LjMsNzQ3LjYsNzE5LjMsNzMzLjFMNzE5LjMsNzMzLjF6IE01MDMuOSw2OTAuMWMtMjQsMC00MS4yLDE3LjItNDEuMiw0Mi45CgljMCwyNS44LDE3LjIsNDIuOSw0Mi4xLDQyLjljMTIsMCwyNC0zLjQsMzMuNS0xMS4ybC04LjYtMTIuOWMtNi45LDUuMi0xNS41LDguNi0yNCw4LjZjLTExLjIsMC0yMi4zLTUuMi0yNC45LTE5LjdoNjAuOQoJYzAtMi42LDAtNC4zLDAtNi45QzU0Mi41LDcwNy4zLDUyNyw2OTAuMSw1MDMuOSw2OTAuMUw1MDMuOSw2OTAuMUw1MDMuOSw2OTAuMXogTTUwMy45LDcwNS42YzExLjIsMCwxOC45LDYuOSwyMC42LDE5LjdoLTQyLjkKCUM0ODMuMyw3MTQuMiw0OTEsNzA1LjYsNTAzLjksNzA1LjZMNTAzLjksNzA1LjZ6IE05NTEuMSw3MzMuMXYtNzMuOGgtMTh2NDIuOWMtNi03LjctMTQuNi0xMi0yNS44LTEyYy0yMy4yLDAtNDEuMiwxOC00MS4yLDQyLjkKCWMwLDI0LjksMTgsNDIuOSw0MS4yLDQyLjljMTIsMCwyMC42LTQuMywyNS44LTEydjEwLjNoMThWNzMzLjFMOTUxLjEsNzMzLjF6IE04ODUsNzMzLjFjMC0xNC42LDkuNC0yNi42LDI0LjktMjYuNgoJYzE0LjYsMCwyNC45LDExLjIsMjQuOSwyNi42YzAsMTQuNi0xMC4zLDI2LjYtMjQuOSwyNi42Qzg5NC40LDc1OC44LDg4NSw3NDcuNiw4ODUsNzMzLjFMODg1LDczMy4xeiBNMjgyLjQsNzMzLjF2LTQxLjJoLTE4djEwLjMKCWMtNi03LjctMTQuNi0xMi0yNS44LTEyYy0yMy4yLDAtNDEuMiwxOC00MS4yLDQyLjljMCwyNC45LDE4LDQyLjksNDEuMiw0Mi45YzEyLDAsMjAuNi00LjMsMjUuOC0xMnYxMC4zaDE4VjczMy4xTDI4Mi40LDczMy4xegoJIE0yMTUuNSw3MzMuMWMwLTE0LjYsOS40LTI2LjYsMjQuOS0yNi42YzE0LjYsMCwyNC45LDExLjIsMjQuOSwyNi42YzAsMTQuNi0xMC4zLDI2LjYtMjQuOSwyNi42CglDMjI0LjksNzU4LjgsMjE1LjUsNzQ3LjYsMjE1LjUsNzMzLjF6Ii8+CjxnPgoJPHJlY3QgaWQ9InJlY3QxOSIgeD0iMzY0IiB5PSI2Ni4xIiBmaWxsPSIjRkY1QTAwIiB3aWR0aD0iMjcwLjQiIGhlaWdodD0iNDg1LjgiLz4KCTxwYXRoIGlkPSJYTUxJRF8zMzBfIiBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiBmaWxsPSIjRUIwMDFCIiBkPSJNMzgyLDMwOWMwLTk4LjcsNDYuNC0xODYuMywxMTcuNi0yNDIuOQoJCUM0NDcuMiwyNC45LDM4MS4xLDAsMzA5LDBDMTM4LjIsMCwwLDEzOC4yLDAsMzA5czEzOC4yLDMwOSwzMDksMzA5YzcyLjEsMCwxMzguMi0yNC45LDE5MC42LTY2LjFDNDI4LjMsNDk2LjEsMzgyLDQwNy43LDM4MiwzMDl6IgoJCS8+Cgk8cGF0aCBpZD0icGF0aDIyIiBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiBmaWxsPSIjRjc5RTFCIiBkPSJNOTk5LjIsMzA5YzAsMTcwLjgtMTM4LjIsMzA5LTMwOSwzMDkKCQljLTcyLjEsMC0xMzguMi0yNC45LTE5MC42LTY2LjFjNzIuMS01Ni43LDExNy42LTE0NC4yLDExNy42LTI0Mi45UzU3MC44LDEyMi43LDQ5OS42LDY2LjFDNTUxLjksMjQuOSw2MTgsMCw2OTAuMSwwCgkJQzg2MSwwLDk5OS4yLDEzOS4xLDk5OS4yLDMwOXoiLz4KPC9nPgo8L3N2Zz4K" );
	background-size: 58% auto;
}