.shop.theme-nota {
  --sf-bg: #f6f3ec;
  --sf-paper: #faf8f4;
  --sf-ink: #101116;
  --sf-muted: #555a68;
  --sf-line: #dedcd7;
  --sf-accent: var(--store-accent, #1425ee);
  --sf-radius: 7px;
  --topic-header: #08080c;
  --topic-gutter: clamp(14px, 2.6vw, 43px);
  background: var(--sf-bg);
  color: var(--sf-ink);
  font-family: var(--ta-font-body, Arial, sans-serif);
}
.shop.theme-nota > .container { max-width: 1680px; padding-inline: var(--topic-gutter); }
.shop.theme-nota .sf-body { padding-top: 0; }
.shop.theme-nota :is(h1, h2, h3) { font-family: var(--ta-font-heading, Arial, sans-serif); }
.shop.theme-nota .sf-parity-utility:not(.rf-has-notice) { display: none; }
.shop.theme-nota .sf-parity-nota > .empty-state { display: none; }
.shop.theme-nota .topic-nota-header {
  display: grid;
  grid-template-columns: minmax(80px, auto) auto minmax(110px, 1fr) auto auto;
  grid-template-areas: "brand menu search actions language" "nav nav nav nav nav";
  align-items: center;
  gap: 0 clamp(10px, 2vw, 30px);
  width: auto;
  max-width: none;
  margin-inline: calc(-1 * var(--topic-gutter));
  padding: 8px var(--topic-gutter) 0;
  background: var(--ta-header, var(--topic-header));
  color: var(--ta-header-ink, #fff);
  border: 0;
}
.shop.theme-nota .topic-nota-header > .sf-brand {
  grid-area: brand;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding-block: 5px;
  color: inherit;
  font-size: clamp(26px, 3vw, 43px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.shop.theme-nota .topic-nota-header .store-brand-logo { width: auto; max-width: 150px; max-height: 48px; object-fit: contain; }
.shop.theme-nota .topic-nota-header > .sf-catalog-menu { grid-area: menu; }
.shop.theme-nota .topic-nota-header > .sf-header-search { grid-area: search; }
.shop.theme-nota .topic-nota-header > .sf-header-actions { grid-area: actions; }
.shop.theme-nota .topic-nota-header > .store-language-picker { grid-area: language; margin: 0; }
.shop.theme-nota .topic-nota-header > .nota-primary { grid-area: nav; }
.shop.theme-nota .store-language-picker label { font-size: 0; }
.shop.theme-nota .store-language-picker select { min-height: 44px; max-width: 84px; border: 1px solid var(--sf-line); background: var(--sf-paper); color: var(--sf-ink); }
.shop.theme-nota .topic-nota-header .sf-catalog-menu > summary {
  min-height: 44px;
  padding: 10px 16px;
  border: 0;
  border-radius: 7px;
  background: var(--sf-accent);
  color: var(--ta-accent-ink, #fff);
  font-size: 15px;
  white-space: nowrap;
}
.shop.theme-nota .topic-nota-header .sf-catalog-menu > summary::after,
.shop.theme-nota .topic-nota-header .sf-catalog-menu > summary > i { display: none; content: none; }
.shop.theme-nota .topic-nota-header .sf-header-search {
  display: flex;
  min-width: 0;
  width: 100%;
  min-height: 44px;
  margin: 0;
  border: 1px solid #727687;
  border-radius: 7px;
  background: #101116;
}
.shop.theme-nota .topic-nota-header .sf-header-search input { flex: 1; min-width: 0; color: #f5f6ff; font-size: 16px; }
.shop.theme-nota .topic-nota-header .sf-header-search button { background: transparent; color: #f5f6ff; }
.shop.theme-nota .topic-nota-header .sf-header-actions { display: flex; gap: 10px; color: inherit; }
.shop.theme-nota .topic-nota-header .sf-header-actions a { min-height: 44px; color: inherit; background: transparent; }
.shop.theme-nota .topic-nota-header .sf-header-actions svg { width: 23px; height: 23px; flex: none; }
.shop.theme-nota .nota-primary {
  display: flex;
  justify-content: space-around;
  gap: 22px;
  margin: 8px calc(-1 * var(--topic-gutter)) 0;
  padding-inline: var(--topic-gutter);
  overflow-x: auto;
  background: var(--ta-header, var(--topic-header));
  color: var(--ta-header-ink, #fff);
  scrollbar-width: thin;
}
.shop.theme-nota .nota-primary a { flex: none; min-height: 40px; display: inline-flex; align-items: center; gap: 5px; color: inherit; font-size: 14px; font-weight: 550; text-decoration: none; }
.shop.theme-nota .nota-primary a:hover { text-decoration: underline; }
.shop.theme-nota .category-menu-icon { width: 21px; height: 21px; object-fit: contain; }
.shop.theme-nota :is(.rental-cta, .buy-btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 17px;
  border: 0;
  border-radius: 6px;
  background: var(--sf-accent);
  color: var(--ta-accent-ink, #fff);
  font-weight: 700;
  text-decoration: none;
}
.shop.theme-nota :is(.rental-cta, .buy-btn):hover { filter: brightness(1.08); }
.shop.theme-nota .topic-nota-products { margin-block: 20px; }
.shop.theme-nota .sf-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 13px; }
.shop.theme-nota .sf-section-heading h2 { margin: 0; font-size: clamp(26px, 3.3vw, 43px); line-height: 1.02; font-weight: 850; letter-spacing: -.035em; }
.shop.theme-nota .sf-section-heading > a { color: #1724bb; font-size: 14px; text-align: end; }
.shop.theme-nota .shop-products { gap: 14px; }
.shop.theme-nota .shop-product { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--sf-line); border-radius: 7px; overflow: hidden; background: var(--sf-paper); box-shadow: none; }
.shop.theme-nota .shop-product-image { height: auto; aspect-ratio: 1.55; overflow: hidden; background: #171921; }
.shop.theme-nota .shop-product-image > a { display: block; width: 100%; height: 100%; }
.shop.theme-nota .shop-product-image img { width: 100%; height: 100%; object-fit: cover; }
.shop.theme-nota .shop-product > h3 { margin: 8px 10px; min-height: 2.35em; font-size: clamp(14px, 1.25vw, 17px); line-height: 1.2; overflow-wrap: anywhere; }
.shop.theme-nota .shop-product > .category { margin: 8px 10px 0; color: var(--sf-muted); font-size: 12px; }
.shop.theme-nota .shop-product-bottom { margin-top: auto; padding: 0 10px 10px; gap: 6px; }
.shop.theme-nota .shop-price { color: var(--sf-ink); font-size: clamp(17px, 1.65vw, 24px); font-weight: 850; }
.shop.theme-nota .shop-product-bottom .buy-btn { padding-inline: 9px; font-size: 14px; }
.shop.theme-nota .topic-nota-services { margin-inline: calc(-1 * var(--topic-gutter)); background: #f1eee7; }
.shop.theme-nota .topic-nota-services nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 35px; padding: 13px var(--topic-gutter); }
.shop.theme-nota .topic-nota-services a { display: inline-flex; align-items: center; min-height: 44px; color: var(--sf-ink); font-weight: 650; }
.shop.theme-nota .sf-footer { background: var(--ta-footer, var(--topic-header)); color: var(--ta-footer-ink, #fff); }
.shop.theme-nota .sf-footer :is(a, p, h3, .sf-footer-brand) { color: inherit; }

@media (max-width: 960px) {
  .shop.theme-nota .topic-nota-header {
    grid-template-columns: minmax(120px, .48fr) minmax(0, 1fr) auto;
    grid-template-areas: "brand actions language" "menu search search" "nav nav nav";
    row-gap: 6px;
  }
  .shop.theme-nota .topic-nota-header > .sf-catalog-menu { min-width: 0; }
  .shop.theme-nota .topic-nota-header .sf-catalog-menu > summary { white-space: normal; }
  .shop.theme-nota .nota-primary { justify-content: flex-start; }
}
@media (max-width: 640px) {
  .shop.theme-nota .topic-nota-header { column-gap: 8px; }
  .shop.theme-nota .topic-nota-header .sf-catalog-menu > summary { padding-inline: 9px; }
  .shop.theme-nota .topic-nota-header .sf-header-search button span { display: none; }
  .shop.theme-nota .topic-nota-header .sf-header-actions { gap: 4px; }
  .shop.theme-nota .topic-nota-header .sf-header-actions a { padding-inline: 6px; }
  .shop.theme-nota .topic-nota-header .sf-header-actions :is(.customer-nav, .sf-cart-link) > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .shop.theme-nota .shop-products { gap: 10px; }
  .shop.theme-nota .shop-product-bottom { flex-direction: column; align-items: stretch; }
  .shop.theme-nota .shop-product-bottom .buy-btn { width: 100%; }
}

.shop.theme-nota .topic-nota-header .sf-brand small {
  padding-inline-start: 10px;
  border-inline-start: 1px solid #919197;
  font: 500 12px/1.1 var(--ta-font-body, Arial, sans-serif);
  letter-spacing: 0;
}
.shop.theme-nota .topic-nota-header .sf-header-search input::placeholder { color: #c4c9d2; }
.shop.theme-nota .topic-nota-hero {
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
  align-items: stretch;
  min-height: clamp(320px, 31vw, 470px);
  margin-inline: calc(-1 * var(--topic-gutter));
  background: var(--sf-bg);
}
.shop.theme-nota .topic-hero-copy { display: flex; flex-direction: column; justify-content: center; align-items: start; padding: clamp(22px, 3.7vw, 64px) var(--topic-gutter); }
.shop.theme-nota .topic-hero-copy h1 { margin: 0 0 15px; font-size: clamp(40px, 5.45vw, 84px); font-weight: 900; line-height: .94; letter-spacing: -.055em; overflow-wrap: anywhere; }
.shop.theme-nota .topic-hero-copy h1 span { display: block; color: #1724dc; }
.shop.theme-nota .topic-hero-copy p { max-width: 38ch; margin: 0 0 19px; font-size: clamp(16px, 1.62vw, 22px); line-height: 1.35; }
.shop.theme-nota .topic-hero-image { width: 100%; height: 100%; min-height: 0; max-height: 470px; object-fit: cover; object-position: 58% 57%; background: #0a0a16; }
.shop.theme-nota .topic-nota-categories {
  margin-inline: calc(-1 * var(--topic-gutter));
  padding: 13px var(--topic-gutter) 21px;
  background: #09090d;
  color: #fff;
}
.shop.theme-nota .topic-nota-categories h2 { margin: 0 0 12px; color: inherit; font-size: clamp(24px, 3.2vw, 42px); line-height: 1.04; font-weight: 850; }
.shop.theme-nota .topic-nota-categories nav { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.shop.theme-nota .nota-category {
  position: relative;
  isolation: isolate;
  display: flex;
  min-width: 0;
  min-height: 64px;
  align-items: end;
  aspect-ratio: .95;
  overflow: hidden;
  padding: 11px;
  border: 1px solid #50505a;
  border-radius: 5px;
  background: radial-gradient(ellipse at 76% 24%, #172775, #0d1022 52%, #09090d 83%);
  color: #fff;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.shop.theme-nota .nota-category::before { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(0deg, #050509f5, #05050920 68%); }
.shop.theme-nota .nota-category-photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.shop.theme-nota .nota-category strong { font-size: clamp(13px, 1.65vw, 21px); line-height: 1.05; }
.shop.theme-nota .nota-category:hover { border-color: #a5b3ff; }
.shop.theme-nota .topic-nota-products .shop-products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.shop.theme-nota .shop-product-bottom { flex-direction: column; align-items: stretch; }
.shop.theme-nota .shop-product-bottom .buy-btn { width: 100%; }
.shop.theme-nota .nota-accessories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin: 20px calc(-1 * var(--topic-gutter)) 0;
  padding: 12px var(--topic-gutter);
  background: #09090d;
  color: #fff;
}
.shop.theme-nota .nota-accessories h3 { margin: 0; color: inherit; font-size: clamp(23px, 3vw, 35px); font-weight: 850; }
.shop.theme-nota .nota-accessories a { display: inline-flex; align-items: center; min-height: 44px; padding-inline-start: 15px; border-inline-start: 1px solid #59596b; color: #fff; }
.shop.theme-nota .topic-nota-promo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; margin: 20px 0; }
.shop.theme-nota .topic-nota-promo:has(> .nota-studio-selection) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.shop.theme-nota .nota-studio-banner { position: relative; isolation: isolate; display: flex; align-items: center; min-height: clamp(270px, 27vw, 400px); overflow: hidden; border-radius: 8px; background: #090b1a; color: #fff; }
.shop.theme-nota .nota-studio-banner::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #060918e8, #060918a0 48%, transparent 76%); }
.shop.theme-nota .topic-promo-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 60% center; }
.shop.theme-nota .topic-promo-copy { width: min(100%, 385px); padding: clamp(17px, 2.7vw, 36px); }
.shop.theme-nota .topic-promo-copy h2 { margin: 0 0 10px; color: inherit; font-size: clamp(31px, 4.6vw, 63px); font-weight: 850; line-height: .96; letter-spacing: -.035em; }
.shop.theme-nota .topic-promo-copy p { max-width: 23ch; margin: 0 0 14px; font-size: clamp(15px, 1.6vw, 20px); line-height: 1.3; }
.shop.theme-nota .nota-studio-selection > h2 { margin: 0 0 9px; font-size: clamp(20px, 2.15vw, 31px); line-height: 1.05; }
.shop.theme-nota .nota-studio-selection .shop-products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.shop.theme-nota .nota-studio-selection nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.shop.theme-nota .nota-studio-selection .nota-category { aspect-ratio: 1.12; }

@media (max-width: 800px) {
  .shop.theme-nota .topic-nota-hero { min-height: 275px; }
  .shop.theme-nota .topic-nota-categories nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .shop.theme-nota .nota-category { aspect-ratio: 1.2; }
  .shop.theme-nota .topic-nota-promo:has(> .nota-studio-selection) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .shop.theme-nota .topic-nota-header .sf-brand small { display: none; }
  .shop.theme-nota .topic-nota-hero { grid-template-columns: 1fr; }
  .shop.theme-nota .topic-hero-copy h1 { font-size: clamp(40px, 10.5vw, 57px); }
  .shop.theme-nota .topic-hero-image { height: 228px; object-position: 58% 59%; }
  .shop.theme-nota .topic-nota-categories nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .shop.theme-nota .nota-category { padding: 8px; aspect-ratio: .9; }
  .shop.theme-nota .topic-nota-products .shop-products,
  .shop.theme-nota .nota-studio-selection .shop-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shop.theme-nota .nota-studio-banner { min-height: 250px; }
}
