@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #ffffff);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #525665);
  --color-btn-bg-is-dark:var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #616677);
  --color-btn-bg-minor-shade-is-dark:var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #707589);
  --color-btn-bg-major-shade-is-dark:var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #a5a9b6);
  --color-btn-bg-half-shade-is-dark:var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-accent-text:var(--draft-color-accent-text, #B0B0B1);
  --color-accent-text-is-light:var(--draft-color-accent-text-is-light, true);
  --color-accent-text-minor-shade:var(--draft-color-accent-text-minor-shade, #aaaaac);
  --color-accent-text-minor-shade-is-dark:var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #a3a3a5);
  --color-accent-text-major-shade-is-dark:var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #575759);
  --color-accent-text-half-shade-is-dark:var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark:var(--draft-color-text-dark, #333333);
  --color-text-dark-is-dark:var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade:var(--draft-color-text-dark-minor-shade, #474747);
  --color-text-dark-minor-shade-is-dark:var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade:var(--draft-color-text-dark-major-shade, #5c5c5c);
  --color-text-dark-major-shade-is-dark:var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade:var(--draft-color-text-dark-half-shade, #999999);
  --color-text-dark-half-shade-is-dark:var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light:var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light:var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade:var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light:var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade:var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light:var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade:var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark:var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack:var(--draft-icons_pack, circle);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 0px);
  --color-notice-warning:var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light:var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade:var(--draft-color-notice-warning-minor-shade, #fff0be);
  --color-notice-warning-minor-shade-is-light:var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade:var(--draft-color-notice-warning-major-shade, #ffecac);
  --color-notice-warning-major-shade-is-light:var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade:var(--draft-color-notice-warning-half-shade, #e6b000);
  --color-notice-warning-half-shade-is-dark:var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success:var(--draft-color-notice-success, #d4edda);
  --color-notice-success-is-light:var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade:var(--draft-color-notice-success-minor-shade, #cae9d2);
  --color-notice-success-minor-shade-is-light:var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade:var(--draft-color-notice-success-major-shade, #bee4c7);
  --color-notice-success-major-shade-is-light:var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade:var(--draft-color-notice-success-half-shade, #429e58);
  --color-notice-success-half-shade-is-dark:var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error:var(--draft-color-notice-error, #f8d7da);
  --color-notice-error-is-light:var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade:var(--draft-color-notice-error-minor-shade, #f6ccd0);
  --color-notice-error-minor-shade-is-light:var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade:var(--draft-color-notice-error-major-shade, #f3bcc1);
  --color-notice-error-major-shade-is-light:var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade:var(--draft-color-notice-error-half-shade, #c52330);
  --color-notice-error-half-shade-is-dark:var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info:var(--draft-color-notice-info, #cce5ff);
  --color-notice-info-is-light:var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade:var(--draft-color-notice-info-minor-shade, #bedeff);
  --color-notice-info-minor-shade-is-light:var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade:var(--draft-color-notice-info-major-shade, #acd4ff);
  --color-notice-info-major-shade-is-light:var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade:var(--draft-color-notice-info-half-shade, #006fe6);
  --color-notice-info-half-shade-is-dark:var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family:var(--draft-font-family, 'PT Root UI');
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, Jost);
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 600);
  --collection_count:var(--draft-collection_count, 10);
  --search_count:var(--draft-search_count, 10);
  --blog_size:var(--draft-blog_size, 6);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1408px);
  --delta_sidebar:var(--draft-delta_sidebar, 2);
  --sidebar_index_show:var(--draft-sidebar_index_show, false);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, false);
  --sidebar_collection_position:var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show:var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position:var(--draft-sidebar_cart_position, left);
  --sidebar_product_show:var(--draft-sidebar_product_show, false);
  --sidebar_product_position:var(--draft-sidebar_product_position, left);
  --sidebar_blog_show:var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position:var(--draft-sidebar_blog_position, left);
  --sidebar_article_show:var(--draft-sidebar_article_show, false);
  --sidebar_article_position:var(--draft-sidebar_article_position, left);
  --sidebar_page_show:var(--draft-sidebar_page_show, false);
  --sidebar_page_position:var(--draft-sidebar_page_position, left);
  --sidebar_compare_show:var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position:var(--draft-sidebar_compare_position, left);
  --sidebar_search_show:var(--draft-sidebar_search_show, false);
  --sidebar_search_position:var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled:var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled:var(--draft-favorite_enabled, true);
  --compare_enabled:var(--draft-compare_enabled, true); }

/* line 3, theme.scss */
.outside-widgets .delete-widget-link, .outside-widgets .add-widget-link {
  display: none; }

/* NAPA24 editorial direction — draft 27.10.2026 */
/* line 5, theme.scss */
:root {
  --color-btn-bg:#151515;
  --controls-btn-border-radius:0px; }

/* line 6, theme.scss */
.n24-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 610px;
  max-width: 1600px;
  margin: 0 auto;
  background: #eef0ed;
  color: #111;
  overflow: hidden; }

/* line 7, theme.scss */
.n24-hero__copy {
  padding: 72px 7% 60px 9%;
  align-self: center; }

/* line 8, theme.scss */
.n24-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  margin: 0 0 24px;
  text-transform: uppercase; }

/* line 9, theme.scss */
.n24-hero h1 {
  font-family: Arial,sans-serif;
  font-size: clamp(48px, 5.8vw, 88px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -3.5px;
  margin: 0 0 28px;
  color: #111; }

/* line 10, theme.scss */
.n24-hero__intro {
  font-size: 17px;
  line-height: 1.6;
  max-width: 350px;
  margin: 0 0 28px; }

/* line 11, theme.scss */
.n24-hero__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; }

/* line 12, theme.scss */
.n24-button {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 16px 20px;
  background: #151515;
  color: #fff!important;
  border: 1px solid #151515;
  text-decoration: none!important;
  font-size: 13px;
  font-weight: 600;
  min-height: 50px;
  transition: background .2s,color .2s; }

/* line 13, theme.scss */
.n24-button:hover {
  background: #383838; }

/* line 14, theme.scss */
.n24-button--outline {
  background: transparent;
  color: #111!important; }

/* line 15, theme.scss */
.n24-button--outline:hover {
  background: #e0e3df; }

/* line 16, theme.scss */
.n24-hero__link {
  display: inline-block;
  margin-top: 22px;
  font-size: 12px;
  color: #111;
  text-decoration: underline;
  text-underline-offset: 5px; }

/* line 17, theme.scss */
.n24-hero__visual {
  position: relative;
  display: block;
  min-width: 0;
  background: #dce2e6;
  overflow: hidden; }

/* line 18, theme.scss */
.n24-hero__visual img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 690px;
  object-fit: cover;
  object-position: center 46%;
  transition: transform .7s; }

/* line 19, theme.scss */
.n24-hero__visual:hover img {
  transform: scale(1.025); }

/* line 20, theme.scss */
.n24-hero__caption {
  position: absolute;
  bottom: 24px;
  left: 28px;
  right: 28px;
  display: flex;
  justify-content: space-between;
  color: #111;
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 600; }

/* line 21, theme.scss */
.n24-strip {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  padding: 18px 24px;
  background: #151515;
  color: #fff;
  font-size: 10px;
  letter-spacing: 1.8px; }

/* line 22, theme.scss */
.n24-section-title {
  max-width: 1408px;
  margin: 0 auto;
  padding: 52px 40px 0; }

/* line 23, theme.scss */
.n24-section-title .n24-eyebrow {
  margin-bottom: 8px;
  color: #666; }

/* line 24, theme.scss */
.n24-section-title h2 {
  font-size: 34px;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 0; }

/* line 25, theme.scss */
.banner-list__item-title {
  background: transparent!important;
  color: #111!important;
  text-align: left!important;
  font-size: 16px!important;
  font-weight: 500!important;
  padding: 18px 0!important;
  display: flex!important;
  justify-content: space-between;
  align-items: center; }

/* line 26, theme.scss */
.banner-list__item-title .icon {
  margin-left: auto!important; }

/* line 27, theme.scss */
.banner-list__item-photo {
  overflow: hidden; }

/* line 28, theme.scss */
.banner-list__item-photo img {
  transition: transform .5s; }

/* line 29, theme.scss */
.banner-list__item:hover .banner-list__item-photo img {
  transform: scale(1.025); }

/* line 30, theme.scss */
.page_layout > header {
  background: #fff!important;
  color: #111!important;
  border-bottom: 1px solid #e7e7e7; }

/* line 31, theme.scss */
.page_layout > header .layout, .page_layout > header .layout__content {
  background: #fff!important; }

/* line 32, theme.scss */
.page_layout > header a, .page_layout > header .header__logo, .page_layout > header .header__logo img {
  color: #111!important; }

/* line 33, theme.scss */
.page_layout > header .header {
  background: #fff!important;
  color: #111!important;
  --bg:#fff;
  --color-text:#111; }

/* line 34, theme.scss */
.n24-button:focus-visible, .n24-hero__link:focus-visible, .banner-list__item:focus-visible {
  outline: 3px solid #e65b30;
  outline-offset: 4px; }

@media (max-width: 1000px) {
  /* line 35, theme.scss */
  .n24-hero {
    min-height: 500px; }

  /* line 35, theme.scss */
  .n24-hero__copy {
    padding: 44px 6%; }

  /* line 35, theme.scss */
  .n24-hero h1 {
    letter-spacing: -2px; }

  /* line 35, theme.scss */
  .n24-hero__intro {
    font-size: 15px; }

  /* line 35, theme.scss */
  .n24-button {
    padding: 13px 14px;
    gap: 12px; } }
@media (max-width: 767px) {
  /* line 36, theme.scss */
  .n24-hero {
    grid-template-columns: 1fr;
    min-height: 0; }

  /* line 36, theme.scss */
  .n24-hero__copy {
    padding: 36px 22px 32px; }

  /* line 36, theme.scss */
  .n24-hero h1 {
    font-size: clamp(44px, 11vw, 70px);
    letter-spacing: -2px;
    line-height: 1; }

  /* line 36, theme.scss */
  .n24-hero .n24-eyebrow {
    margin-bottom: 18px; }

  /* line 36, theme.scss */
  .n24-hero__intro {
    max-width: 330px;
    font-size: 15px; }

  /* line 36, theme.scss */
  .n24-hero__visual {
    height: 380px; }

  /* line 36, theme.scss */
  .n24-hero__visual img {
    height: 100%;
    object-fit: cover;
    object-position: center 44%; }

  /* line 36, theme.scss */
  .n24-hero__caption {
    bottom: 18px;
    left: 22px;
    right: 22px; }

  /* line 36, theme.scss */
  .n24-strip {
    font-size: 9px;
    letter-spacing: 1.1px;
    justify-content: center;
    padding: 14px 16px; }

  /* line 36, theme.scss */
  .n24-strip span:last-child {
    display: none; }

  /* line 36, theme.scss */
  .n24-section-title {
    padding: 36px 18px 0; }

  /* line 36, theme.scss */
  .n24-section-title h2 {
    font-size: 28px; }

  /* line 36, theme.scss */
  .banner-list__item-title {
    font-size: 14px!important;
    padding: 12px 0!important; } }
@media (prefers-reduced-motion: reduce) {
  /* line 37, theme.scss */
  .n24-hero__visual img, .banner-list__item-photo img, .n24-button {
    transition: none; } }
/* Header and merchandise typography */
/* line 40, theme.scss */
.header__search-field {
  background: #f4f4f1!important;
  border: 1px solid #deded8!important;
  color: #111!important;
  box-shadow: none!important; }

/* line 41, theme.scss */
.header__search-field::placeholder {
  color: #666!important;
  opacity: 1; }

/* line 42, theme.scss */
.header__search-btn {
  background: transparent!important;
  color: #111!important; }

/* line 43, theme.scss */
.product-preview__content {
  text-align: left!important;
  padding-top: 14px; }

/* line 44, theme.scss */
.product-preview__title {
  font-size: 14px!important;
  line-height: 1.45!important;
  font-weight: 500!important;
  text-align: left!important; }

/* line 45, theme.scss */
.product-preview__title a {
  color: #171717!important; }

/* line 46, theme.scss */
.product-preview__price {
  text-align: left!important;
  margin-top: 8px;
  font-size: 14px!important; }

/* line 47, theme.scss */
.product-preview__price-cur, .product-preview__price-min {
  font-weight: 600; }

/* line 48, theme.scss */
.product-preview__photo img {
  transition: transform .4s; }

@media (hover: hover) {
  /* line 49, theme.scss */
  .product-preview__photo:hover img {
    transform: scale(1.025); } }
@media (prefers-reduced-motion: reduce) {
  /* line 50, theme.scss */
  .product-preview__photo img {
    transition: none; } }
/* line 52, theme.scss */
.product__title {
  font-size: clamp(24px, 2.5vw, 36px) !important;
  line-height: 1.15!important;
  letter-spacing: -.6px;
  font-weight: 600!important; }

/* line 54, theme.scss */
.header-mobile-panel, .header-mobile-panel__content {
  background: #fff!important;
  color: #111!important;
  border-bottom: 1px solid #e7e7e7; }

/* line 55, theme.scss */
.header-mobile-panel .button, .header-mobile-panel .icon {
  background: transparent!important;
  color: #111!important; }
