@font-face { font-family: FiraGO; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/firago-regular.woff2") format("woff2"); }
@font-face { font-family: FiraGO; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/firago-medium.woff2") format("woff2"); }
@font-face { font-family: FiraGO; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/firago-semibold.woff2") format("woff2"); }
@font-face { font-family: FiraGO; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/firago-bold.woff2") format("woff2"); }
html[lang="ka"] { --ui-font: "FiraGO", "Noto Sans Georgian", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-family: var(--ui-font); --h1-font-family: var(--ui-font); --h2-font-family: var(--ui-font); --h3-font-family: var(--ui-font); --h4-font-family: var(--ui-font); --h5-font-family: var(--ui-font); --h6-font-family: var(--ui-font); }
html[lang="ka"] :is(.product_list, .local-product-grid) { --product-font: var(--ui-font); }
.ui-language-options [lang="ka"], html[lang="ka"] .ui-page-hero .mc-page-title { font-family: FiraGO, sans-serif !important; }
html[lang="ka"] main :is(h1, h2, h3), html[lang="ka"] .local-dialog h2 { letter-spacing: -0.015em; }
html[lang="ka"] body:not(.brand-page) .ui-page-hero .mc-page-title { font-size: clamp(22px, 2.7vw, 40px) !important; line-height: 1.35 !important; }
html[lang="ka"] .ui-home-offer h1 { font-size: clamp(28px, 3.1vw, 44px); }
.product_list.type_grid { --columns: 5; }
@media (max-width: 1024px) {
  .product_list.type_grid { --columns: 3 !important; }
  .mc-term_list.type_grid { --columns: 2 !important; }
}
@media (max-width: 600px) {
  .product_list.type_grid { --columns: 2 !important; }
}
:root { --ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --ui-ink: #272c27; --ui-muted: #6d746c; --ui-line: #e4e7df; --ui-paper: #fff; --ui-ground: #f8f9f6; --ui-accent: #745d43; --color-content-primary: #745d43; --color-content-bg: #f8f9f6; --color-content-bg-grad: #f8f9f6; --color-content-text: #272c27; --inputs-background: #fff; --inputs-text-color: #272c27; --inputs-border-color: #dce2d6; --inputs-box-shadow: none; --inputs-focus-background: #fff; --inputs-focus-text-color: #272c27; --inputs-focus-border-color: #7a8e69; --inputs-focus-box-shadow: 0 0 0 3px rgb(122 142 105 / 15%); }
html { scroll-padding-top: 110px; scrollbar-gutter: stable; }
body { background: var(--ui-ground); color: var(--ui-ink); font-size: 16px; line-height: 1.65; font-family: var(--ui-font) !important; }
.ui-skip-link { position: fixed; top: 8px; left: 8px; z-index: 100001; padding: 12px 18px; border-radius: 8px; background: rgb(255, 255, 255); color: rgb(39, 44, 39); transform: translateY(-160%); }
.ui-skip-link:focus { transform: none; }
body.category-page, body.brand-page { --ui-ground: #f5f5f5; --color-content-bg: var(--ui-ground); --color-content-bg-grad: var(--ui-ground); }
/* Keep the decorative video's paper colour in the same sRGB surface as the page. */
body:is(.category-page, .brand-page) main > .ui-page-hero-video[data-theme="light"] { background: var(--ui-ground) !important; transform: none; }
.ui-page-hero-video .ui-hero-frame { position: absolute; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.ui-page-hero-video[data-video-fit="cover"] .ui-hero-frame { object-fit: cover; }
.ui-page-hero-video .ui-hero-frame-ready > video { opacity: 0; }
#page-content { display: flow-root; }
button, input, select, textarea { font-family: var(--ui-font); }
body :is(input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="week"], textarea, select) { caret-color: var(--ui-ink); color-scheme: light; color: var(--ui-ink) !important; -webkit-text-fill-color: var(--ui-ink) !important; background-color: rgb(255, 255, 255) !important; }
body :is(input, textarea)::placeholder { opacity: 1; color: rgb(109, 116, 108) !important; }
body :is(input, textarea, select):hover:not(:disabled) { border-color: rgb(163, 175, 152); }
body :is(input, textarea, select):focus-visible { outline: rgb(122, 142, 105) solid 2px; outline-offset: 2px; }
body :is(input, textarea, select):is(:autofill, :-webkit-autofill) { -webkit-text-fill-color: var(--ui-ink) !important; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset !important; }
body :is(input, textarea)::selection { background: rgb(74, 92, 64); color: rgb(255, 255, 255); -webkit-text-fill-color: rgb(255, 255, 255); }
#page-header .mc-search-form { background: rgb(255, 255, 255); color: var(--ui-ink); }
#page-header .mc-search-form input { color: var(--ui-ink) !important; -webkit-text-fill-color: var(--ui-ink) !important; background: rgb(255, 255, 255) !important; }
#page-header .mc-search-close { color: var(--ui-ink); }
main :is(h1, h2, h3, h4, h5, h6), .local-dialog :is(h2, h3), #page-footer h4 { font-weight: 600; line-height: 1.25; letter-spacing: -0.035em; text-transform: none; font-family: var(--ui-font) !important; }
main :is(h2, h3) { font-size: 28px; }
a, button, input, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 4px; }
.ui-ready .mc-animate_this { opacity: 1 !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; }
.ui-divider-section { display: none !important; }
main > .mc-layout-section.height_medium { padding-top: 48px; padding-bottom: 48px; }
.ui-hero-shade { position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(16, 22, 17, 0.52), rgba(16, 22, 17, 0.12) 68%, transparent); pointer-events: none; }
.ui-home-hero { display: flex; align-items: center; }
.ui-home-hero-image { display: none; }
.ui-home-hero > .mc-layout-section-h { width: 100%; }
.ui-home-hero > .ui-hero-shade { background: linear-gradient(90deg, rgba(16, 22, 17, 0.72), rgba(16, 22, 17, 0.28) 70%, rgba(16, 22, 17, 0.1)); }
.ui-home-offer { max-width: 680px; padding: calc(var(--header-height, 106px) + 48px) 0 72px; }
.ui-home-offer h1 { margin: 0px 0px 30px; color: rgb(255, 255, 255); font-size: clamp(30px, 3.6vw, 52px); font-weight: 600; line-height: 1.15; }
.ui-home-offer .mc-btn { min-height: 50px; padding: 15px 24px; border-radius: 6px; background: rgb(255, 255, 255); font-size: 15px; font-weight: 600; color: rgb(32, 38, 32) !important; }
.ui-home-offer .mc-btn:hover { background: rgb(237, 240, 232); }
@media (max-width: 600px) {
  .ui-home-hero.full_height { flex-direction: column; min-height: 0; padding: 0; background: #29302a !important; }
  .ui-home-hero > .mc-layout-section-h { padding-inline: 20px; }
  .ui-home-hero > .ui-hero-shade { display: none; }
  .ui-home-hero-image { display: block; flex: none; width: 100%; height: auto; object-fit: contain; }
  .ui-home-offer { padding-top: calc(var(--header-height, 85px) + 32px); padding-bottom: 32px; }
  .ui-home-offer h1 { margin-bottom: 26px; }
}
#page-header { --color-header-middle-bg: #29302a; --color-header-middle-text: #fff; --color-header-middle-text-hover: #e0ceb8; top: 0px !important; }
#page-header::before { content: none !important; }
#page-header .mc-nav-anchor, #page-header .mc-dropdown-item { font-family: var(--ui-font); }
#page-header .mc-nav-item.level_1.current-mc-menu-item > .mc-nav-anchor { color: rgb(229, 211, 189) !important; }
#page-header .mc-nav-item.level_2 .mc-nav-anchor { color: rgb(255, 255, 255); }
#page-header .mc-nav-item.level_1 > .mc-nav-anchor { font-size: 14px; }
#page-header .mc-header-image_1 img { width: 98px; height: auto; max-width: 98px; max-height: 54px; }
#page-header .mc-cart { opacity: 1 !important; }
#page-header .mc-cart-quantity { font-family: var(--ui-font); font-size: 10px; }
#page-header .mc-cart-quantity { min-width: 16px; width: auto; padding: 0px 4px; }
#page-header .mc-cart.empty .mc-cart-quantity { visibility: hidden; }
#page-header .ui-site-nav { align-items: center; height: 100%; position: static; display: flex !important; }
.ui-main-menu, .ui-menu-category-list { list-style: none; margin: 0px; padding: 0px; }
.ui-main-menu { display: flex; align-items: center; gap: 24px; }
.ui-mc-menu-item { position: relative; margin: 0px; }
.ui-mc-menu-item > a, .ui-category-toggle { display: flex; align-items: center; gap: 7px; padding: 12px 0px; background: transparent; border: 0px; color: inherit; font: 500 14px/1.4 var(--ui-font); text-align: left; white-space: nowrap; }
.ui-mc-menu-item > a:hover, .ui-category-toggle:hover, .ui-mc-menu-item.is-current > a, .ui-mc-menu-item.is-current > button { color: rgb(229, 211, 189); }
.ui-category-toggle svg, .ui-language-switcher svg { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 1.8; transition: transform 0.18s; }
.ui-category-toggle[aria-expanded="true"] svg, .ui-language-switcher[open] summary svg { transform: rotate(180deg); }
.ui-menu-toggle { display: none; }
#page-header .ui-menu-category-list { position: absolute; right: -40px; top: calc(100% + 8px); display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 5px; width: 380px; max-height: min(400px, 65dvh); padding: 12px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 1px solid var(--ui-line); border-radius: 14px; background: rgb(255, 255, 255); color: var(--ui-ink); box-shadow: rgba(0, 0, 0, 0.14) 0px 14px 36px; }
#page-header .ui-menu-category-list[hidden] { display: none; }
.ui-menu-category-list li { margin: 0px; min-width: 0px; }
#page-header .ui-menu-category-list a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 10px; border-radius: 7px; color: var(--ui-ink); font: 500 13px/1.4 var(--ui-font); text-align: left; }
#page-header .ui-menu-category-list a:hover, #page-header .ui-menu-category-list a:focus-visible { background: rgb(240, 243, 236); }
.ui-menu-all-products { grid-column: 1 / -1; border-bottom: 1px solid var(--ui-line); padding-bottom: 5px; }
#page-header .ui-language-switcher { display: block; position: relative; margin: 0px 0px 0px 24px; padding: 0px; color: rgb(255, 255, 255); font: 500 14px/1.4 var(--ui-font); }
.ui-language-switcher summary { display: flex; align-items: center; gap: 5px; min-height: 44px; cursor: pointer; list-style: none; white-space: nowrap; }
.ui-language-switcher summary::-webkit-details-marker { display: none; }
.ui-language-options { position: absolute; top: calc(100% + 8px); right: 0px; width: 156px; padding: 6px; border: 1px solid var(--ui-line); border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.14) 0px 14px 36px; }
#page-header .ui-language-options a { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 10px; border-radius: 6px; color: var(--ui-ink); }
#page-header .ui-language-options a:hover, #page-header .ui-language-options a[aria-current] { background: rgb(240, 243, 236); }
@media (max-width: 1024px) {
  #page-header .ui-menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 6px; width: 44px; height: 44px; padding: 9px; border: 0px; background: transparent; color: rgb(255, 255, 255); }
  .ui-menu-toggle span { display: block; width: 26px; height: 2px; background: currentcolor; transition: transform 0.18s, opacity 0.18s; }
  .ui-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .ui-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .ui-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  #page-header .ui-main-menu { display: none; position: fixed; top: calc(var(--header-height, 88px) + 8px); right: 16px; width: min(380px, -32px + 100vw); max-height: calc(100dvh - var(--header-height, 88px) - 32px); padding: 12px; overflow-y: auto; overscroll-behavior: contain; grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: start; gap: 4px; border: 1px solid var(--ui-line); border-radius: 14px; background: rgb(255, 255, 255); color: var(--ui-ink); box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 36px; }
  #page-header .ui-site-nav.is-open .ui-main-menu { display: grid; animation: 0.18s ease-out 0s 1 normal none running ui-menu-appear; }
  .ui-mc-menu-item > a, .ui-category-toggle { min-height: 44px; width: 100%; padding: 10px 12px; border-radius: 7px; font-size: 14px; white-space: normal; }
  #page-header .ui-mc-menu-item > a:hover, #page-header .ui-category-toggle:hover, #page-header .ui-mc-menu-item.is-current > a, #page-header .ui-mc-menu-item.is-current > button { background: rgb(240, 243, 236); color: rgb(52, 69, 44); }
  .ui-menu-categories { grid-column: 1 / -1; border-top: 1px solid var(--ui-line); border-bottom: 1px solid var(--ui-line); padding: 4px 0px; }
  .ui-category-toggle { justify-content: space-between; }
  #page-header .ui-menu-category-list { position: static; width: 100%; max-height: 210px; padding: 4px; margin: 2px 0px 4px; border: 0px; background: rgb(246, 247, 243); box-shadow: none; border-radius: 8px; gap: 2px; }
  #page-header .ui-language-switcher { margin: 0px 12px 0px 0px; }
}
@keyframes ui-menu-appear { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce) {
  #page-header .ui-site-nav.is-open .ui-main-menu { animation: auto ease 0s 1 normal none running none; }
}
#page-footer { border-top: 1px solid var(--ui-line); background: rgb(241, 243, 238); }
#page-footer .mc-layout-section { padding-top: 48px; padding-bottom: 42px; }
#page-footer h4 { font-size: 15px; margin-bottom: 18px; letter-spacing: 0px; }
#page-footer p, #page-footer .menu a { font-family: var(--ui-font); font-size: 14px; line-height: 1.7; }
#page-footer p { margin-bottom: 10px; }
#page-footer a { color: rgb(74, 85, 72) !important; }
#page-footer a:hover { text-decoration: underline; color: rgb(31, 41, 30) !important; }
#page-footer .footer-logo-link { display: block; width: 112px; margin: 0px auto; }
#page-footer .footer-logo { display: block; width: 100%; height: auto; filter: brightness(0); }
#page-footer .mc-menu { --main-gap: 12px !important; }
main > .ui-page-hero { width: calc(100% - 48px); max-width: 1250px !important; min-height: 0px !important; margin: calc(var(--header-height, 106px) + 32px) auto 0 !important; padding: 34px 24px !important; border-radius: 14px !important; background: rgb(238, 238, 230) !important; }
.ui-page-hero .mc-layout-section-h { padding: 0px; }
.ui-page-hero .mc-page-title { margin: 0px !important; color: var(--ui-ink) !important; font-size: 34px !important; font-weight: 600 !important; line-height: 1.2 !important; }
.ui-page-hero .mc-page-title.ui-brand-heading { display: flex; justify-content: center; align-items: center; line-height: 0 !important; }
.ui-brand-logo { display: block; width: min(360px, 65vw); height: clamp(64px, 7vw, 100px); max-width: 100%; margin: 0 auto; object-fit: contain; }
main > .ui-page-hero-video { position: relative; display: grid; align-items: center; width: 100%; overflow: hidden; isolation: isolate; max-width: 77% !important; min-height: 0px !important; margin-top: 150px !important; padding: 50px 5vmin 44px !important; border-radius: 10px !important; background: rgb(245, 244, 243) !important; }
.ui-page-hero-video .mc-page-title { font-family: var(--h2-font-family) !important; font-size: calc(22px + 1.3vw) !important; font-weight: var(--h2-font-weight) !important; line-height: 1.2 !important; letter-spacing: var(--h2-letter-spacing) !important; }
.ui-page-hero-video .mc-layout-section-video, .ui-page-hero-video .mc-layout-section-overlay { position: absolute; inset: 0px; pointer-events: none; display: block !important; }
.ui-page-hero-video .mc-layout-section-video { z-index: 0; }
.ui-page-hero-video .mc-layout-section-video > video { display: block; width: 100%; height: 100%; object-position: center center; object-fit: contain !important; }
.ui-page-hero-video[data-video-fit="cover"] .mc-layout-section-video > video { object-fit: cover !important; }
.ui-page-hero-video .mc-layout-section-overlay { z-index: 1; background: rgb(0 0 0 / var(--hero-overlay, 0)); }
.ui-page-hero-video > .mc-layout-section-h { position: relative; z-index: 2; width: 100%; }
main > .ui-page-hero-video[data-theme="dark"] { background: rgb(41, 48, 42) !important; }
.ui-page-hero-video[data-theme="dark"] .mc-page-title { color: rgb(255, 255, 255) !important; }
@media (max-width: 1024px) {
  main > .ui-page-hero-video { max-width: 90% !important; }
}
/* Share the card grid's outer gutters and maximum content width. */
main > .ui-page-hero.ui-catalog-hero { width: calc(100% - 2 * var(--padding-inline, 2.5rem)); max-width: var(--site-content-width, 1250px) !important; }
@media (min-width: 1025px) {
  /* The 2400 × 288 ornament needs this height to fill the grid without cropping. */
  main > .ui-catalog-hero[data-theme="light"][data-video-fit="contain"] { aspect-ratio: 25 / 3; min-height: auto !important; }
}
/* Keep title banners proportional to laptop windows, including short viewports. */
@media (min-width: 1025px) and (max-width: 1440px), (min-width: 1025px) and (max-height: 900px) {
  main > .ui-page-hero-video { margin-top: calc(var(--header-height, 106px) + 24px) !important; padding: 28px 5vmin !important; }
  .ui-page-hero-video .mc-page-title,
  html[lang="ka"] body:not(.brand-page) .ui-page-hero-video .mc-page-title { font-size: clamp(24px, 2.1vw, 32px) !important; line-height: 1.25 !important; }
}
.ui-page-hero + .mc-layout-section { padding-top: 38px; }
.product_list .mc-grid-item.product .mc-item-title { overflow-wrap: normal; }
.ui-category-label { font-family: var(--ui-font); font-size: 14px; font-weight: 550; color: rgb(255, 255, 255); line-height: 1.35; }
#coffee-delivery { position: relative; display: flex; align-items: center; width: calc(100% - 48px); max-width: 1250px; min-height: 200px; margin-inline: auto; padding: 40px; overflow: hidden; isolation: isolate; border-radius: 12px; background: rgb(37, 43, 38); }
#coffee-delivery .mc-layout-section-video, #coffee-delivery .mc-layout-section-overlay { position: absolute; inset: 0px; pointer-events: none; }
#coffee-delivery .mc-layout-section-video { z-index: 0; }
#coffee-delivery .mc-layout-section-video > video { display: block; width: 100%; height: 100%; object-position: center center; object-fit: cover !important; }
#coffee-delivery .mc-layout-section-overlay { z-index: 1; background: linear-gradient(90deg, rgba(13, 19, 14, 0.82), rgba(13, 19, 14, 0.26)); }
#coffee-delivery > .mc-layout-section-h { position: relative; z-index: 2; width: 100%; padding: 0px; }
#coffee-delivery h2 { margin: 0px 0px 10px; color: rgb(255, 255, 255); font-size: clamp(28px, 2.8vw, 36px); font-weight: 600; line-height: 1.2; }
#coffee-delivery p { margin: 0px; color: rgb(255, 255, 255); font-size: 17px; line-height: 1.5; }
@media (max-width: 600px) {
  #coffee-delivery { width: calc(100% - 40px); min-height: 180px; padding: 28px 24px; }
  #coffee-delivery .mc-layout-section-overlay { background: rgba(13, 19, 14, 0.62); }
  #coffee-delivery p { font-size: 15px; }
}
#categories { position: relative; width: calc(100% - 48px); margin-inline: auto; border-radius: 12px; overflow: hidden; background: rgb(37, 43, 38); max-width: 1250px !important; padding: 30px 0px !important; }
#categories > .mc-layout-section-h { position: relative; z-index: 2; width: 100%; max-width: none; padding: 0px 28px; }
#categories .mc-layout-section-video { overflow: hidden; }
#categories .mc-layout-section-video > video { width: 100%; height: 100%; object-position: center center; transform: scale(1.32); object-fit: cover !important; }
#categories > .mc-layout-section-overlay { background: rgba(15, 22, 17, 0.7) !important; }
.ui-category-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
#categories h2 { margin: 0px; color: rgb(255, 255, 255); font-size: 28px; font-weight: 600; }
.ui-category-controls { display: flex; flex-shrink: 0; gap: 8px; }
.ui-category-controls button { display: grid; place-items: center; width: 42px; height: 42px; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); cursor: pointer; }
.ui-category-controls button:hover:not(:disabled) { background: rgb(255, 255, 255); color: rgb(37, 43, 38); }
.ui-category-controls button:disabled { opacity: 0.3; cursor: default; }
.ui-category-controls svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.8; }
.ui-category-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc(20% - 12.8px); gap: 16px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px; }
.ui-category-track::-webkit-scrollbar { display: none; }
.ui-category-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-width: 0px; min-height: 174px; padding: 16px 12px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 10px; background: rgb(255, 255, 255); scroll-snap-align: start; text-align: center; transition: background 0.2s; color: var(--ui-ink) !important; }
.ui-category-card:hover { background: rgb(241, 244, 235); }
.ui-category-card:focus-visible { outline-offset: -4px; }
.ui-category-art { display: grid; place-items: center; width: 88px; height: 88px; overflow: hidden; border-radius: 50%; }
.ui-category-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ui-category-name { font-size: 14px; font-weight: 600; line-height: 1.4; }
@media (max-width: 1024px) {
  .ui-category-track { grid-auto-columns: calc(33.3333% - 10.6667px); }
}
@media (max-width: 600px) {
  #categories { width: calc(100% - 40px); padding: 24px 0px !important; }
  #categories > .mc-layout-section-h { padding: 0px 18px; }
  #categories h2 { font-size: 24px; }
  .ui-category-heading { margin-bottom: 16px; }
  .ui-category-track { grid-auto-columns: minmax(136px, 46%); gap: 12px; }
  .ui-category-card { min-height: 162px; gap: 10px; padding: 14px 10px; }
  .ui-category-art { width: 76px; height: 76px; }
  .ui-category-name { font-size: 13px; }
}
main .mc-content-carousel { overflow: visible; border-radius: 0px; }
body[data-page-type="product"] main > .mc-layout-section:first-of-type { margin-top: var(--header-height, 106px); padding-top: 28px; padding-bottom: 42px; }
body.ui-policy-page main > .mc-layout-section:first-of-type { margin-top: var(--header-height, 106px); }
.ui-breadcrumbs { display: flex; align-items: center; gap: 10px; min-width: 0px; margin-bottom: 28px; color: var(--ui-muted); font-size: 12px; line-height: 1.5; }
.ui-breadcrumbs a { flex-shrink: 0; color: var(--ui-muted); }
.ui-breadcrumbs a:hover { color: var(--ui-ink); }
.ui-breadcrumbs [aria-current] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-product-layout.mc-columns { --ui-product-sticky-top: calc(var(--header-height, 106px) + 20px); align-items: start; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr) !important; gap: 64px !important; }
.ui-product-layout > .ui-product-media { position: sticky; top: var(--ui-product-sticky-top); align-self: start; min-width: 0px; }
.ui-product-layout > .ui-product-info { min-width: 0px; }
.ui-product-summary > .mc-separator { display: none; }
.ui-product-summary .ui-product-title { color: var(--ui-ink); font-weight: 600; line-height: 1.18; letter-spacing: -0.04em; overflow-wrap: break-word; margin: 0px 0px 18px !important; font-size: clamp(26px, 2.5vw, 36px) !important; }
.ui-product-summary > .product_field.price { line-height: 1.3; letter-spacing: -0.035em; margin: 0px 0px 24px !important; font-family: var(--ui-font) !important; font-size: 29px !important; font-weight: 600 !important; }
.ui-product-summary > .price .amount { font: inherit; }
.ui-product-summary > .price .mc-shop-Price-currencySymbol { font-size: 0.8em; margin-left: 3px; }
.ui-product-summary > .add_to_cart { padding: 16px; background: rgb(255, 255, 255); border: 1px solid var(--ui-line); border-radius: 12px; margin: 0px !important; }
.ui-product-summary form.cart { align-items: stretch; gap: 12px; display: flex !important; flex-wrap: nowrap !important; margin: 0px !important; }
.ui-product-summary form.cart .quantity { flex: 0 0 128px; align-items: stretch; height: 50px; border: 1px solid rgb(220, 224, 215); border-radius: 8px; background: rgb(255, 255, 255); overflow: hidden; display: flex !important; width: 128px !important; margin: 0px !important; }
.ui-product-summary .quantity .minus, .ui-product-summary .quantity .plus { flex: 0 0 36px; min-height: 0px; border: 0px; font-size: 20px; cursor: pointer; display: block !important; width: 36px !important; height: 100% !important; padding: 0px !important; background: rgb(255, 255, 255) !important; color: var(--ui-ink) !important; box-shadow: none !important; }
.ui-product-summary .quantity :disabled { opacity: 0.3; cursor: default; }
.ui-product-summary .quantity input.qty { flex: 1 1 0%; min-width: 0px; font-size: 15px; text-align: center; appearance: textfield; width: 0px !important; height: 100% !important; padding: 0px !important; border: 0px !important; background: rgb(255, 255, 255) !important; color: var(--ui-ink) !important; box-shadow: none !important; }
.ui-product-summary .quantity input.qty::-webkit-inner-spin-button, .ui-product-summary .quantity input.qty::-webkit-outer-spin-button { appearance: none; }
.ui-product-summary .mc-product-add { flex: 1 1 0%; min-width: 0px; min-height: 50px; border: 1px solid var(--ui-ink); font-family: var(--ui-font); font-weight: 600; white-space: nowrap; width: auto !important; margin: 0px !important; padding: 12px 18px !important; border-radius: 8px !important; background: var(--ui-ink) !important; color: rgb(255, 255, 255) !important; font-size: 14px !important; }
.ui-product-summary .mc-product-add:hover { background: rgb(65, 77, 61) !important; }
.ui-product-summary form.cart .mc-product-add { color: rgb(255, 255, 255) !important; }
.ui-product-summary .mc-product-add::before, .ui-product-summary .mc-product-add::after { display: none; }
.ui-product-help { margin: 12px 0px 28px; color: var(--ui-muted); font-size: 13px; }
.ui-product-help a { color: var(--ui-ink); text-decoration: underline; text-underline-offset: 3px; }
.ui-product-details { border-top: 1px solid var(--ui-line); padding-top: 24px; color: rgb(74, 83, 72); line-height: 1.75; font-size: 15px !important; }
.ui-product-details .ui-details-heading { margin: 0px 0px 16px; color: var(--ui-ink); font-size: 18px; letter-spacing: -0.02em; }
.ui-product-details p { margin-bottom: 18px; }
.ui-product-details :is(h3, h4, h5, h6) { margin: 24px 0px 12px; color: var(--ui-ink); font-size: 16px; letter-spacing: -0.015em; }
.ui-product-details ul { padding: 0px; margin: 0px 0px 18px; list-style: none; }
.ui-product-details li { padding: 9px 0px; border-bottom: 1px solid var(--ui-line); }
.ui-product-details p:has(> strong:first-child) { margin: 0px; padding: 10px 0px; border-bottom: 1px solid var(--ui-line); }
.ui-product-details strong { color: rgb(52, 61, 50); font-weight: 550; }
.ui-gallery { width: 100%; }
.ui-gallery-main { position: relative; display: block; width: 100%; aspect-ratio: 1 / 1; max-height: 560px; margin: 0px; padding: 32px; overflow: hidden; border: 1px solid rgb(229, 233, 222); border-radius: 18px; cursor: zoom-in; background: rgb(240, 242, 235) !important; }
.ui-gallery-main > img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.ui-gallery-zoom { display: grid; place-items: center; position: absolute; right: 16px; bottom: 16px; width: 36px; height: 36px; border-radius: 50%; background: rgb(255, 255, 255); color: var(--ui-ink); }
.ui-gallery-zoom svg { width: 20px; height: 20px; }
.ui-gallery-thumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.ui-gallery-thumbs button { width: 74px; height: 74px; padding: 7px; border: 1px solid var(--ui-line); border-radius: 9px; box-shadow: none; cursor: pointer; background: rgb(255, 255, 255) !important; }
.ui-gallery-thumbs button[aria-pressed="true"] { border-color: rgb(105, 121, 91); box-shadow: rgb(105, 121, 91) 0px 0px 0px 1px; }
.ui-gallery-thumbs img { width: 100%; height: 100%; object-fit: contain; }
/* Keep the whole sticky gallery visible below the header, including its thumbnails. */
@media (min-width: 901px) {
  .ui-product-layout .ui-gallery { --ui-gallery-thumbs-height: 0px; }
  .ui-product-layout .ui-gallery:has(.ui-gallery-thumbs) { --ui-gallery-thumbs-height: 92px; }
  .ui-product-layout .ui-gallery-main { max-height: min(480px, calc(100dvh - var(--ui-product-sticky-top) - var(--ui-gallery-thumbs-height) - 24px)); }
  .ui-product-layout .ui-gallery-thumbs { flex-wrap: nowrap; overflow-x: auto; margin-top: 12px; padding: 2px; }
  .ui-product-layout .ui-gallery-thumbs button { flex-shrink: 0; }
}
.ui-image-viewer { position: relative; }
.ui-image-viewer > img { display: block; width: 100%; height: min(65dvh, 680px); object-fit: contain; }
.ui-image-viewer > button { position: absolute; top: 45%; width: 44px; height: 44px; padding: 0px; border: 1px solid var(--ui-line); border-radius: 50%; background: rgb(255, 255, 255); color: var(--ui-ink); font-size: 30px; cursor: pointer; }
.ui-image-prev { left: 0px; }
.ui-image-next { right: 0px; }
.ui-image-count { margin: 14px 0px 0px; color: var(--ui-muted); text-align: center; font-size: 13px; }
.local-overlay[data-kind="image"] .local-dialog { width: min(920px, 100% - 32px); }
.local-overlay[data-kind="image"] .local-dialog h2 { font-size: 17px; letter-spacing: -0.015em; }
.local-toast { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: max-content; min-width: 280px; max-width: calc(-32px + 100vw); padding: 14px 18px; border-radius: 12px; background: rgb(38, 49, 37); box-shadow: rgba(22, 30, 20, 0.15) 0px 8px 32px; font-family: var(--ui-font); font-size: 14px; line-height: 1.5; text-align: left; transition: opacity 220ms, transform 220ms; }
.local-toast.visible { pointer-events: auto; }
.local-toast button { padding: 0px; border: 0px; background: none; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; cursor: pointer; }
.local-overlay { overflow: hidden; background: rgba(20, 27, 19, 0.36); opacity: 0; transition: opacity 240ms; }
.local-overlay.is-open { opacity: 1; }
.local-dialog { border: 1px solid rgb(232, 235, 227); border-radius: 16px; box-shadow: rgba(23, 31, 20, 0.18) 0px 24px 80px; transform: translateY(14px); transition: transform 240ms; font-family: var(--ui-font); }
.local-overlay.is-open .local-dialog { transform: translateY(0px); }
.local-dialog > header { padding: 22px 24px; border-bottom: 1px solid var(--ui-line); }
.local-dialog h2 { min-width: 0px; font-size: 22px; overflow-wrap: anywhere; }
.local-dialog header .local-close { display: grid; flex: 0 0 36px; place-items: center; width: 36px; height: 36px; padding: 0px; border-radius: 50%; background: rgb(241, 243, 237); color: var(--ui-ink); font-size: 26px; }
.local-drawer { display: flex; flex-direction: column; width: min(460px, 100%); height: 100dvh; border-radius: 0px; transform: translateX(100%); }
.local-overlay.is-open .local-drawer { transform: translateX(0px); }
.local-drawer > header { flex-shrink: 0; }
.local-drawer .local-dialog-body { display: flex; flex: 1 1 0%; flex-direction: column; min-height: 0px; padding: 0px; overflow: auto; }
.ui-drawer-items { padding: 0px 24px; }
.ui-drawer-footer { position: sticky; bottom: 0px; margin-top: auto; padding: 18px 24px 8px; background: rgb(255, 255, 255); border-top: 1px solid var(--ui-line); }
.ui-drawer-footer .local-total { margin: 0px 0px 12px; font-size: 18px; }
.ui-drawer-footer .local-muted { margin-bottom: 18px; font-size: 12px; }
.ui-drawer-footer .local-text-link { margin-top: 16px; font-size: 13px; }
.local-continue { padding: 16px; color: var(--ui-muted); font-size: 13px; }
.local-cart-row { display: grid; grid-template-columns: 76px minmax(0px, 1fr) auto; gap: 16px; padding: 22px 0px; border-bottom: 1px solid var(--ui-line); }
.local-cart-row > a, .local-cart-row img, .local-drawer .local-cart-row > a, .local-drawer .local-cart-row img { width: 76px; }
.local-cart-row img { height: 90px; padding: 6px; border-radius: 8px; background: rgb(244, 245, 240); object-fit: contain; mix-blend-mode: multiply; }
.local-cart-detail > a { display: block; color: var(--ui-ink); font-size: 14px; font-weight: 550; line-height: 1.5; overflow-wrap: anywhere; }
.local-cart-detail p { color: var(--ui-muted); font-size: 13px; }
.local-cart-end { font-size: 14px; }
.local-remove { min-height: 30px; padding: 4px 0px; }
.local-quantity { border-color: rgb(220, 226, 214); border-radius: 6px; }
.local-quantity button { width: 34px; height: 34px; }
.local-basket { border: 1px solid var(--ui-line); box-shadow: rgba(33, 44, 28, 0.09) 0px 4px 18px; width: 52px !important; height: 52px !important; right: 14px !important; bottom: 14px !important; background: rgb(255, 255, 255) !important; }
.local-basket { position: fixed; z-index: 99; display: flex; align-items: center; justify-content: center; padding: 0px; border-radius: 50%; color: var(--ui-ink); cursor: pointer; }
.local-basket svg { width: 25px; height: 25px; }
.local-basket .mc-cart-count { position: absolute; right: -5px; top: -7px; min-width: 22px; height: 22px; padding: 0px 5px; border-radius: 50%; line-height: 22px; background: rgb(52, 68, 45); color: rgb(255, 255, 255); font-size: 11px; }
.ui-added { color: rgb(49, 92, 43) !important; }
.local-page { max-width: 1250px; min-height: 60vh; padding: calc(var(--header-height, 106px) + 48px) 24px 72px; }
.local-page h1 { margin-bottom: 30px; font-size: 34px; }
.local-page h2 { font-size: 20px; }
.local-button { min-height: 48px; border-radius: 8px; background: var(--ui-ink); border-color: var(--ui-ink); font-family: var(--ui-font); font-size: 14px; font-weight: 550; }
.local-button:hover { background: rgb(65, 77, 61); border-color: rgb(65, 77, 61); }
.ui-ready body .local-button { color: rgb(255, 255, 255) !important; }
.ui-ready body .local-button.secondary { color: var(--ui-ink) !important; }
.ui-ready body button.local-button[type="submit"] { padding: 12px 24px; background: var(--ui-ink); border-color: var(--ui-ink); border-radius: 8px; font-size: 14px; font-weight: 550; color: rgb(255, 255, 255) !important; }
.ui-ready body button.local-button[type="submit"]:hover { background: rgb(65, 77, 61); border-color: rgb(65, 77, 61); }
.local-button.secondary { border-color: rgb(219, 225, 212); }
.local-page label { font-size: 13px; font-weight: 550; }
.local-page input, .local-page textarea, .ui-tracking-form input { min-height: 48px; border: 1px solid rgb(220, 226, 214); border-radius: 8px; background: rgb(255, 255, 255); color: var(--ui-ink); font-size: 15px; box-shadow: none; }
.local-page input:focus, .local-page textarea:focus, .ui-tracking-form input:focus { border-color: rgb(122, 142, 105); outline: rgba(122, 142, 105, 0.13) solid 2px; }
.local-cart-layout { grid-template-columns: minmax(0px, 1.7fr) minmax(300px, 1fr); gap: 32px; }
.ui-cart-items, .local-summary, #local-checkout-form, .ui-account-panel { padding: 24px; background: rgb(255, 255, 255); border: 1px solid var(--ui-line); border-radius: 14px; }
.ui-cart-items .local-cart-row:first-child { padding-top: 0px; }
.ui-cart-items .local-cart-row:last-child { border-bottom: 0px; padding-bottom: 0px; }
.local-summary { position: sticky; top: 110px; }
.local-summary h2, #local-checkout-form h2 { margin: 0px 0px 24px; }
.local-total { flex-wrap: wrap; gap: 8px 16px; }
.local-total strong { margin-left: auto; font-variant-numeric: tabular-nums; white-space: nowrap; }
.local-notice { border-radius: 8px; background: rgb(239, 242, 233); border-color: rgb(133, 151, 115); font-size: 14px; }
.local-order-line { gap: 16px; font-size: 13px; }
.ui-checkout-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#local-checkout-form [type="submit"]:disabled { cursor: wait; opacity: .65; }
.ui-order-error { margin-top: 16px; color: #9c3830; font-size: 14px; }
.ui-order-receipt { max-width: 620px; margin: 0 auto; padding: 32px; border: 1px solid var(--ui-line); border-radius: 16px; background: #fff; }
.ui-order-success { text-align: center; overflow-wrap: anywhere; }
.ui-order-success-icon { display: inline-grid; place-items: center; width: 72px; height: 72px; margin: 0 0 20px; border-radius: 50%; color: #426447; background: #ecf3e8; }
.ui-order-success-icon svg { width: 38px; height: 38px; }
.ui-order-success-intro { color: var(--ui-muted); font-size: 15px; line-height: 1.7; }
.ui-order-reference { padding: 18px; margin: 24px 0; border: 1px dashed #cbd7c4; border-radius: 10px; color: var(--ui-muted); font-size: 12px; }
.ui-order-reference strong { display: block; margin-top: 6px; color: var(--ui-ink); font-size: 17px; letter-spacing: .04em; }
.ui-order-receipt-items { text-align: left; margin-bottom: 24px; }
.ui-order-receipt-items .local-total { margin-top: 18px; }
.ui-order-receipt-items .local-order-line strong { white-space: nowrap; }
.local-overlay[data-kind="order-success"] .local-dialog { width: min(560px, calc(100% - 32px)); }
.local-overlay[data-kind="order-success"].is-open .ui-order-success-icon { animation: order-confirm 450ms ease-out both; }
@keyframes order-confirm { from { opacity: 0; transform: scale(.7); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .local-overlay[data-kind="order-success"].is-open .ui-order-success-icon { animation: none; } }
.local-search-form .local-button { min-width: 100px; }
.local-search-form > input { height: 48px; min-height: 48px; margin: 0px; padding: 12px 14px; line-height: 1.4; }
.local-search-form > .local-button { height: 48px; min-height: 48px; }
.ui-empty-state { grid-column: 1 / -1; padding: 56px 24px; border: 1px solid var(--ui-line); border-radius: 16px; background: rgb(255, 255, 255); text-align: center; }
.ui-empty-icon { display: inline-grid; place-items: center; width: 64px; height: 64px; margin-bottom: 20px; border-radius: 50%; background: rgb(240, 243, 234); color: rgb(103, 124, 86); }
.ui-empty-icon svg { width: 30px; height: 30px; }
.ui-empty-state h2 { margin: 0px 0px 12px; font-size: 22px; }
.ui-empty-state p { margin: 0px auto 26px; color: var(--ui-muted); font-size: 14px; }
.local-drawer .ui-empty-state { margin: auto 20px; padding: 40px 12px; border: 0px; }
.local-drawer .ui-empty-state .local-button { width: auto; }
.ui-account-panel { max-width: 700px; }
.ui-account-panel p { color: var(--ui-muted); }
.ui-brand-grid .mc-grid-item { min-width: 0px; margin: 0px !important; }
.ui-brand-grid .mc-grid-item-h { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border: 0px; border-radius: 0.3rem; background: rgb(255, 255, 255); height: auto !important; padding: 0px !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.03rem 0.06rem, rgba(0, 0, 0, 0.1) 0px 0.1rem 0.3rem !important; }
.ui-brand-grid .mc-item-image { position: absolute; inset: 0px; margin: 0px; }
.ui-brand-grid .mc-item-image, .ui-brand-grid .mc-item-image a { display: block; width: 100%; height: 100%; }
.ui-brand-grid .mc-item.mc-item-image img { display: block; object-fit: contain; object-position: center center; width: 100% !important; height: 100% !important; }
.ui-brand-grid .ui-brand-caption { position: absolute; left: 12px; right: 12px; bottom: 18px; display: block; color: var(--ui-ink); text-align: center; font: 600 clamp(12px, 1.3vw, 17px)/1.4 var(--ui-font); }
.ui-brand-grid .mc-grid-item-h:hover, .ui-brand-grid .mc-grid-item-h:focus-within { box-shadow: rgba(0, 0, 0, 0.1) 0px 0.12rem 0.24rem, rgba(0, 0, 0, 0.15) 0px 0.4rem 1.2rem !important; }
body[data-page-type="brands"] .mc-style-2902dcd0 { background: none !important; padding: 0px !important; }
body[data-page-type="brands"] .mc-style-2902dcd0 .mc-separator { display: none; }
body[data-page-type="brands"] .mc-style-2902dcd0 .mc-content-text_column { font-weight: 600; color: var(--ui-ink) !important; font-size: 22px !important; }
body[data-page-type="brands"] .mc-style-2902dcd0 p { margin: 0px; text-align: left !important; }
body[data-page-type="about"] main > section:nth-of-type(2) .mc-content-text_column { max-width: 780px; margin: 0px auto; color: rgb(77, 86, 74); font-size: 18px; line-height: 1.8; }
body[data-page-type="about"] .mc-gallery-item { overflow: hidden; border-radius: 12px; }
.ui-contact-content .mc-separator { display: none; }
.ui-contact-row.mc-columns { grid-template-columns: minmax(0px, 0.55fr) minmax(0px, 1fr); gap: 24px; margin-bottom: 14px; padding: 26px 30px; border: 1px solid var(--ui-line); border-radius: 12px; background: rgb(255, 255, 255); }
.ui-contact-row .mc-vwrapper { align-items: flex-start !important; text-align: left !important; }
.ui-contact-row > .mc-content-column:first-child .mc-text-value { color: var(--ui-muted); font-weight: 500; font-size: 14px !important; }
.ui-contact-row > .mc-content-column:last-child .mc-text:first-child { font-weight: 550; color: var(--ui-ink) !important; font-size: 19px !important; }
.ui-contact-row a { color: var(--ui-ink) !important; }
.ui-contact-row > .mc-content-column:last-child .mc-text + .mc-text { color: var(--ui-muted) !important; font-size: 13px !important; }
.local-map { display: flex; justify-content: flex-start; gap: 24px; min-height: 180px; padding: 32px 40px; border: 1px solid rgb(223, 229, 215); border-radius: 14px; background: rgb(237, 241, 230); color: var(--ui-ink); text-align: left; }
.ui-map-pin { display: grid; flex: 0 0 64px; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(102, 122, 83); }
.ui-map-pin svg { width: 28px; height: 28px; }
.local-map strong { display: block; margin-bottom: 6px; font-size: 22px; font-weight: 550; }
.local-map strong + span { display: block; color: var(--ui-muted); font-size: 14px; }
.ui-map-action { margin-left: auto; padding: 11px 18px; border: 1px solid rgb(212, 221, 201); border-radius: 8px; background: rgb(255, 255, 255); font-size: 13px; white-space: nowrap; }
.ui-tracking-form { padding: 30px; border: 1px solid var(--ui-line); border-radius: 14px; background: rgb(255, 255, 255); }
.ui-tracking-form h2 { margin-bottom: 12px; font-size: 22px; }
.ui-tracking-form > p { color: var(--ui-muted); font-size: 14px; }
.ui-tracking-form label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 550; }
.ui-tracking-form input { width: 100%; margin-bottom: 18px; padding: 12px 14px; }
.ui-tracking-form .local-button { width: 100%; }
.ui-tracking-form > .local-muted { margin: 18px 0px 0px; font-size: 12px; }
body[data-page-type="order-tracking"] main > section:nth-of-type(2) > .mc-layout-section-h > .mc-columns { grid-template-columns: minmax(0px, 1fr) minmax(0px, 520px) minmax(0px, 1fr); gap: 0px; }
.ui-policy-page main > section > .mc-layout-section-h { max-width: 840px; }
.ui-policy-page main h1 { margin: 0px 0px 32px; font-size: 36px; }
.ui-policy-page main h2 { margin: 32px 0px 14px; font-size: 20px; letter-spacing: -0.02em; }
.ui-policy-page main p, .ui-policy-page main li { color: rgb(75, 85, 71); font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.ui-policy-page main p { margin-bottom: 18px; }
.ui-policy-page main strong { color: var(--ui-ink); font-weight: 550; }
@media (max-width: 1024px) {
  .ui-product-layout.mc-columns { gap: 36px !important; }
  .local-cart-layout { grid-template-columns: minmax(0px, 1fr) minmax(270px, 0.8fr); gap: 20px; }
  .ui-product-summary form.cart { flex-wrap: wrap !important; }
  .ui-product-summary .mc-product-add { flex-basis: 160px; }
}
@media (max-width: 1024px) {
  #page-header .mc-nav.mc-header-menu_1, #page-header .mc-search.mc-header-search_1 { display: block !important; }
  #page-header .mc-nav.type_mobile .mc-nav-control { display: flex !important; }
}
@media (min-width: 601px) and (max-width: 1380px) {
  :root { --header-height: 88px !important; --header-sticky-height: 88px !important; }
  #page-header, #page-header .mc-layout-subheader.at_middle { height: 88px !important; }
}
@media (max-width: 900px) {
  html { scrollbar-gutter: auto; }
  .ui-product-layout.mc-columns { grid-template-columns: minmax(0px, 1fr) !important; gap: 32px !important; }
  .ui-product-layout > .ui-product-media { position: static; }
  .ui-gallery { max-width: 600px; margin: 0px auto; }
  .ui-gallery-main { max-height: 540px; }
  .local-cart-layout { grid-template-columns: minmax(0px, 1fr); }
  .local-summary { position: static; }
  .ui-product-summary form.cart { flex-wrap: nowrap !important; }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 88px; }
  main > .mc-layout-section.height_medium { padding-top: 30px; padding-bottom: 30px; }
  #page-header .mc-header-image_1 img { width: 76px; max-width: 76px; max-height: 42px; }
  main > .ui-page-hero { width: calc(100% - 40px); margin-top: calc(var(--header-height, 70px) + 20px) !important; padding: 28px 16px !important; border-radius: 11px !important; }
  main > .ui-page-hero-video { width: 100%; padding: 50px 5vmin 44px !important; border-radius: 10px !important; }
  .ui-page-hero:not(.ui-page-hero-video) .mc-page-title { font-size: 28px !important; }
  main :is(h2, h3) { font-size: 24px; }
  .ui-breadcrumbs { gap: 7px; margin-bottom: 20px; font-size: 11px; }
  .ui-product-summary .ui-product-title { margin-bottom: 14px !important; font-size: 28px !important; }
  .ui-product-summary > .product_field.price { font-size: 26px !important; margin-bottom: 20px !important; }
  .ui-product-summary > .add_to_cart { padding: 12px; }
  .ui-product-summary form.cart { gap: 10px; }
  .ui-product-summary form.cart .quantity { flex-basis: 110px; width: 110px !important; }
  .ui-product-summary .quantity .minus, .ui-product-summary .quantity .plus { flex-basis: 32px; width: 32px !important; }
  .ui-product-summary .mc-product-add { padding: 10px 12px !important; font-size: 13px !important; }
  .ui-product-details { font-size: 14px !important; }
  .ui-gallery-main { padding: 22px; border-radius: 13px; }
  .ui-gallery-thumbs button { width: 64px; height: 64px; }
  .local-page { padding: calc(var(--header-height, 70px) + 30px) 20px 48px; }
  .local-page h1, .ui-policy-page main h1 { font-size: 28px; }
  .ui-cart-items, .local-summary, #local-checkout-form, .ui-account-panel { padding: 20px; }
  .local-cart-row { grid-template-columns: 54px minmax(0px, 1fr) auto; gap: 10px; }
  .local-cart-row > a, .local-cart-row img, .local-drawer .local-cart-row > a, .local-drawer .local-cart-row img { width: 54px; }
  .local-cart-row img { height: 70px; padding: 4px; }
  .local-cart-detail > a, .local-drawer .local-cart-detail > a { font-size: 12px; }
  .local-cart-detail p { font-size: 12px; }
  .local-cart-end { font-size: 12px; gap: 16px; }
  .local-quantity button { width: 32px; height: 36px; }
  .local-quantity span { min-width: 22px; font-size: 13px; }
  .local-dialog > header { padding: 18px 20px; }
  .local-dialog h2 { font-size: 20px; }
  .ui-drawer-items { padding: 0px 20px; }
  .ui-drawer-footer { padding-right: 20px; padding-left: 20px; }
  .local-toast { min-width: 0px; width: calc(100% - 32px); gap: 12px; bottom: 18px; font-size: 13px; }
  .local-toast button { font-size: 12px; }
  .local-basket { width: 46px !important; height: 46px !important; right: 8px !important; bottom: 10px !important; }
  .ui-ready body:has(> .local-toast.visible) > .local-basket { visibility: hidden; }
  .ui-empty-state { padding: 38px 20px; }
  .ui-empty-state h2 { font-size: 20px; }
  .ui-contact-row.mc-columns { grid-template-columns: minmax(0px, 1fr); gap: 12px; padding: 22px; }
  .local-map { flex-wrap: wrap; gap: 16px; min-height: 0px; padding: 24px; }
  .ui-map-pin { flex-basis: 48px; width: 48px; height: 48px; }
  .local-map strong { font-size: 18px; }
  .ui-map-action { width: 100%; margin: 8px 0px 0px; text-align: center; }
  body[data-page-type="about"] main > section:nth-of-type(2) .mc-content-text_column { font-size: 16px; }
  body[data-page-type="order-tracking"] main > section:nth-of-type(2) > .mc-layout-section-h > .mc-columns { grid-template-columns: minmax(0px, 1fr); }
  .ui-tracking-form { padding: 24px 20px; }
  #page-footer .mc-layout-section { padding-top: 36px; padding-bottom: 32px; }
  #page-footer .mc-columns { --columns-gap: 24px !important; row-gap: 24px !important; }
  #page-footer .mc-columns.cols_1-2-1 { grid-template-columns: minmax(0px, 1fr) !important; }
  #page-footer .mc-content-column:has(> .mc-layout-column-inner:empty), #page-footer .mc-separator { display: none; }
  #page-footer .mc-columns.mc-content-row.cols_2 { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; column-gap: 20px !important; text-align: left !important; }
  #page-footer p, #page-footer .menu a { font-size: 13px; }
  #page-footer .footer-logo-link { width: 96px; }
  #page-footer .mc-menu { --main-gap: 10px !important; }
  .ui-policy-page main p, .ui-policy-page main li { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .local-overlay, .local-dialog, .local-toast { transition: none; }
}
@media (max-width: 380px) {
  .local-cart-row { grid-template-columns: 54px minmax(0px, 1fr); grid-template-areas: "image details" ". total"; align-items: start; }
  .local-cart-row > a { grid-area: image; }
  .local-cart-detail { grid-area: details; }
  .local-cart-end { grid-area: total; flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; }
}