:root, :where(:root){  --color-brand-green: #009137;  --color-brand-lime: #AAC805;  --color-brand-orange: #F08203;  --color-brand-green-light: #E6F4EB;  --color-neutral-0: #FFFFFF;  --color-neutral-20: #FAFBFB;  --color-neutral-100: #EBEDEF;  --color-neutral-400: #9CA5AE;   --color-neutral-800: #646D74;  --color-neutral-950: #212121;  --font-family-base: InterVariable, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;  --font-heading-xxl: 1.75rem;   --font-heading-xl: 1.5rem;     --font-heading-lg: 1.375rem;   --font-heading-md: 1.125rem;   --font-text-xl: 1.125rem;   --font-text-lg: 1rem;       --font-text-md: 0.875rem;   --font-text-sm: 0.75rem;    --lh-tight: 1.1;  --lh-heading: 1.25;  --lh-body: 1.5;  --space-xxs: 0.25rem;  --space-xs: 0.5rem;  --space-sm: 0.75rem;  --space-md: 1rem;  --space-lg: 1.5rem;  --space-xl: 2rem;  --space-xxl: 3rem;  --container-width: 1320px;  --sidebar-width: 224px;  --radius-none: 0;  --radius-sm: 4px;  --radius-md: 8px;  --radius-lg: 16px;  --radius-full: 999px;  --z-overlay: 1000;  --z-modal: 1050;  --transition-fast: 0.2s ease;  --transition-medium: 0.3s ease;  --shadow-sm: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08);  --shadow-md: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);  --shadow-lg: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08)}.u-px{ padding-inline: var(--space-md)}.u-py{ padding-block:  var(--space-md)}.u-px-xxs{ padding-inline: var(--space-xxs)} .u-px-xs{ padding-inline: var(--space-xs)}  .u-px-sm{ padding-inline: var(--space-sm, var(--space-md))}.u-px-md{ padding-inline: var(--space-md)}.u-px-lg{ padding-inline: var(--space-lg)}.u-px-xl{ padding-inline: var(--space-xl)}.u-px-xxl{ padding-inline: var(--space-xxl)}.u-py-xxs{ padding-block: var(--space-xxs)} .u-py-xs{ padding-block: var(--space-xs)}  .u-py-sm{ padding-block: var(--space-sm, var(--space-md))}.u-py-md{ padding-block: var(--space-md)}.u-py-lg{ padding-block: var(--space-lg)}.u-py-xl{ padding-block: var(--space-xl)}.u-py-xxl{ padding-block: var(--space-xxl)}.u-pt-xxs{ padding-top: var(--space-xxs)}.u-pt-xs{ padding-top: var(--space-xs)}.u-pt-sm{ padding-top: var(--space-sm, var(--space-md))}.u-pt-md{ padding-top: var(--space-md)}.u-pt-lg{ padding-top: var(--space-lg)}.u-pt-xl{ padding-top: var(--space-xl)}.u-pt-xxl{ padding-top: var(--space-xxl)}.u-pb-xxs{ padding-bottom: var(--space-xxs)}.u-pb-xs{ padding-bottom: var(--space-xs)}.u-pb-sm{ padding-bottom: var(--space-sm, var(--space-md))}.u-pb-md{ padding-bottom: var(--space-md)}.u-pb-lg{ padding-bottom: var(--space-lg)}.u-pb-xl{ padding-bottom: var(--space-xl)}.u-pb-xxl{ padding-bottom: var(--space-xxl)}.u-mt-xxs{ margin-top: var(--space-xxs)} .u-mt-xs{ margin-top: var(--space-xs)}  .u-mt-sm{ margin-top: var(--space-sm, var(--space-md))}.u-mt-md{ margin-top: var(--space-md)}.u-mt-lg{ margin-top: var(--space-lg)}.u-mt-xl{ margin-top: var(--space-xl)} .u-mt-xxl{ margin-top: var(--space-xxl)}.u-mb-xxs{ margin-bottom: var(--space-xxs)} .u-mb-xs{ margin-bottom: var(--space-xs)}  .u-mb-sm{ margin-bottom: var(--space-sm, var(--space-md))}.u-mb-md{ margin-bottom: var(--space-md)}.u-mb-lg{ margin-bottom: var(--space-lg)}.u-mb-xl{ margin-bottom: var(--space-xl)} .u-mb-xxl{ margin-bottom: var(--space-xxl)}.u-gap-xxs{ gap: var(--space-xxs)} .u-gap-xs{ gap: var(--space-xs)}  .u-gap-sm{ gap: var(--space-sm)}.u-gap-md{ gap: var(--space-md)}.u-gap-lg{ gap: var(--space-lg)}.u-gap-xl{ gap: var(--space-xl)}.u-gap-xxl{ gap: var(--space-xxl)}.u-gap-row-xxs{ column-gap: var(--space-xxs)} .u-gap-row-xs{ column-gap: var(--space-xs)}  .u-gap-row-sm{ column-gap: var(--space-sm)} .u-gap-row-md{ column-gap: var(--space-md)}.u-gap-row-lg{ column-gap: var(--space-lg)}.u-gap-row-xl{ column-gap: var(--space-xl)}.u-gap-col-xxs{ row-gap: var(--space-xxs)} .u-gap-col-xs{ row-gap: var(--space-xs)}  .u-gap-col-sm{ row-gap: var(--space-sm)}.u-gap-col-md{ row-gap: var(--space-md)}.u-gap-col-lg{ row-gap: var(--space-lg)}.u-gap-col-xl{ row-gap: var(--space-xl)}@media (min-width: 768px){  .u-px-xxs{ padding-inline: var(--space-xs)}  .u-px-xs{ padding-inline: var(--space-sm)}  .u-px-sm{ padding-inline: var(--space-md)}  .u-px-md{ padding-inline: var(--space-lg)}  .u-px-lg{ padding-inline: var(--space-xl)}  .u-px-xl{ padding-inline: var(--space-xxl)}  .u-px-xxl{ padding-inline: calc(var(--space-xxl) * 1.25)}  .u-py-xxs{ padding-block: var(--space-xs)}  .u-py-xs{ padding-block: var(--space-sm)}  .u-py-sm{ padding-block: var(--space-md)}  .u-py-md{ padding-block: var(--space-lg)}  .u-py-lg{ padding-block: var(--space-xl)}  .u-py-xl{ padding-block: var(--space-xxl)}  .u-py-xxl{ padding-block: calc(var(--space-xxl) * 1.25)}  .u-pt-xxs{ padding-top: var(--space-xs)}  .u-pt-xs{ padding-top: var(--space-sm)}  .u-pt-sm{ padding-top: var(--space-md)}  .u-pt-md{ padding-top: var(--space-lg)}  .u-pt-lg{ padding-top: var(--space-xl)}  .u-pt-xl{ padding-top: var(--space-xxl)}  .u-pt-xxl{ padding-top: calc(var(--space-xxl) * 1.25)}  .u-pb-xxs{ padding-bottom: var(--space-xs)}  .u-pb-xs{ padding-bottom: var(--space-sm)}  .u-pb-sm{ padding-bottom: var(--space-md)}  .u-pb-md{ padding-bottom: var(--space-lg)}  .u-pb-lg{ padding-bottom: var(--space-xl)}  .u-pb-xl{ padding-bottom: var(--space-xxl)}  .u-pb-xxl{ padding-bottom: calc(var(--space-xxl) * 1.25)}  .u-mt-xxs{ margin-top: var(--space-xs)}  .u-mt-xs{ margin-top: var(--space-sm)}  .u-mt-sm{ margin-top: var(--space-md)}  .u-mt-md{ margin-top: var(--space-lg)}  .u-mt-lg{ margin-top: var(--space-xl)}  .u-mt-xl{ margin-top: var(--space-xxl)}  .u-mt-xxl{ margin-top: calc(var(--space-xxl) * 1.25)}  .u-mb-xxs{ margin-bottom: var(--space-xs)}  .u-mb-xs{ margin-bottom: var(--space-sm)}  .u-mb-sm{ margin-bottom: var(--space-md)}  .u-mb-md{ margin-bottom: var(--space-lg)}  .u-mb-lg{ margin-bottom: var(--space-xl)}  .u-mb-xl{ margin-bottom: var(--space-xxl)}  .u-mb-xxl{ margin-bottom: calc(var(--space-xxl) * 1.25)}  .u-gap-xxs{ gap: var(--space-xs)}  .u-gap-xs{ gap: var(--space-sm)}  .u-gap-sm{ gap: var(--space-md)}  .u-gap-md{ gap: var(--space-lg)}  .u-gap-lg{ gap: var(--space-xl)}  .u-gap-xl{ gap: var(--space-xxl)}  .u-gap-xxl{ gap: calc(var(--space-xxl) * 1.25)}  .u-gap-row-xxs{ column-gap: var(--space-xs)}  .u-gap-row-xs{ column-gap: var(--space-sm)}  .u-gap-row-sm{ column-gap: var(--space-md)}  .u-gap-row-md{ column-gap: var(--space-lg)}  .u-gap-row-lg{ column-gap: var(--space-xl)}  .u-gap-row-xl{ column-gap: var(--space-xxl)}  .u-gap-col-xxs{ row-gap: var(--space-xs)}  .u-gap-col-xs{ row-gap: var(--space-sm)}  .u-gap-col-sm{ row-gap: var(--space-md)}  .u-gap-col-md{ row-gap: var(--space-lg)}  .u-gap-col-lg{ row-gap: var(--space-xl)}  .u-gap-col-xl{ row-gap: var(--space-xxl)}}.u-hide-mobile{ display: flex}.u-hide-desktop{ display: none}@media (max-width: 768px){  .u-hide-mobile{ display: none !important}  .u-hide-desktop{ display: block !important}}.ff-inter{  font-family: var(--font-family-base)}h1, .h1{  font-size: var(--font-heading-xxl);  font-weight: 700;  line-height: var(--lh-tight);  color: var(--color-neutral-950);  padding:0; margin:0}h2, .h2{  font-size: var(--font-heading-xl);  font-weight: 600;  line-height: var(--lh-heading);  color: var(--color-neutral-950);  padding:0; margin:0}h3, .h3{  font-size: var(--font-heading-lg);  font-weight: 600;  line-height: var(--lh-heading);  color: var(--color-neutral-950);  padding:0; margin:0}h4, .h4{  font-size: var(--font-heading-md);  font-weight: 500;  line-height: var(--lh-body);  color: var(--color-neutral-950);  padding:0; margin:0}p, .p-md{  font-size: var(--font-text-md);  line-height: var(--lh-body)}.p-lg{ font-size: var(--font-text-lg)}.p-sm{ font-size: var(--font-text-sm)}.p-xl{ font-size: var(--font-text-xl)}.text-center{ text-align: center}.text-right{ text-align: right}.text-left{ text-align: left}.text-uppercase{ text-transform: uppercase}.text-bold{ font-weight: 700}.text-semibold{ font-weight: 600}.text-medium{ font-weight: 500}.text-regular{ font-weight: 400}.text-primary{ color: var(--color-neutral-950)}.text-secondary{ color: var(--color-neutral-800)}.text-muted{ color: var(--color-neutral-500)} .text-placeholder{ color: var(--color-neutral-400)} .text-inverted{ color: var(--color-neutral-0)}.text-link{ color: var(--color-brand-green)}.text-version{ color: #000000; opacity: 0.35}.text-u{  text-decoration: underline;  text-underline-offset: 2px}.lh-1{ line-height: 1 !important}.lh-11{ line-height: 1.1 !important}.lh-12{ line-height: 1.2 !important}p.has-text-align-center{    text-align: center}p.has-text-align-right{    text-align: right}.u-w-full{ width: 100%}.u-w-auto{ width: auto}.u-w-screen{ width: 100vw}.u-w-fit{ width: fit-content}.u-w-min{ width: min-content}.u-w-max{ width: max-content}.u-h-full{ height: 100%}.u-h-auto{ height: auto}.u-h-screen{ height: 100vh}.u-h-fit{ height: fit-content}.u-h-min{ height: min-content}.u-h-max{ height: max-content}.u-min-w-0{ min-width: 0}.u-min-w-full{ min-width: 100%}.u-max-w-full{ max-width: 100%}.u-max-w-screen{ max-width: 100vw}.u-min-h-0{ min-height: 0}.u-min-h-full{ min-height: 100%}.u-max-h-full{ max-height: 100%}.u-max-h-screen{ max-height: 100vh}.text-primary{ color: var(--color-neutral-950)}.text-secondary{ color: var(--color-neutral-800)}.text-inverted{ color: var(--color-neutral-0)}.text-link{ color: var(--color-brand-green)}.text-brand{ color: var(--color-brand-green)}.bg-default{ background-color: var(--color-neutral-0)}.bg-minimal{ background-color: var(--color-neutral-20)}.bg-subtle{ background-color: var(--color-neutral-100)}.bg-inverted{ background-color: var(--color-neutral-950)}.bg-brand-green{ background-color: var(--color-brand-green)}.bg-brand-green-light{ background-color: var(--color-brand-green-light)}.bg-brand-lime{ background-color: var(--color-brand-lime)}.bg-brand-orange{ background-color: var(--color-brand-orange)}.bg-brand-gradient{  background: linear-gradient(90deg, var(--color-brand-green) 0%, var(--color-brand-lime) 100%)}.hover-brand-green:hover{ color: var(--color-brand-green)}.hover-brand-green-bg:hover{ background-color: var(--color-brand-green)}.rad-none{ border-radius: var(--radius-none)}.rad-sm{ border-radius: var(--radius-sm)}.rad-md{ border-radius: var(--radius-md)}.rad-lg{ border-radius: var(--radius-lg)}.rad-full{ border-radius: var(--radius-full)}.border{ border: 1px solid var(--color-neutral-100)}.border-none{ border: none}.border-color-default{ border-color: var(--color-neutral-100)}.border-color-brand{ border-color: var(--color-brand-green)}.border-color-secondary{ border-color: var(--color-neutral-400)}.shadow-none{ box-shadow: none !important}.shadow-sm{  box-shadow: var(--shadow-sm)}.shadow-md{  box-shadow: var(--shadow-md)}.shadow-lg{  box-shadow: var(--shadow-lg)}.card--elevated{ background: var(--color-neutral-0); border-radius: var(--radius-md); box-shadow: var(--shadow-sm)}.u-flex{ display: flex}.u-inline-flex{ display: inline-flex}.u-flex-row{ flex-direction: row}.u-flex-row-reverse{ flex-direction: row-reverse}.u-flex-col{ flex-direction: column}.u-flex-col-reverse{ flex-direction: column-reverse}.u-flex-wrap{ flex-wrap: wrap}.u-flex-wrap-reverse{ flex-wrap: wrap-reverse}.u-flex-nowrap{ flex-wrap: nowrap}.u-items-start{ align-items: flex-start}.u-items-center{ align-items: center}.u-items-end{ align-items: flex-end}.u-items-stretch{ align-items: stretch}.u-items-baseline{ align-items: baseline}.u-justify-start{ justify-content: flex-start}.u-justify-center{ justify-content: center}.u-justify-end{ justify-content: flex-end}.u-justify-between{ justify-content: space-between}.u-justify-around{ justify-content: space-around}.u-justify-evenly{ justify-content: space-evenly}.u-content-start{ align-content: flex-start}.u-content-center{ align-content: center}.u-content-end{ align-content: flex-end}.u-content-between{ align-content: space-between}.u-content-around{ align-content: space-around}.u-content-stretch{ align-content: stretch}.u-self-auto{ align-self: auto}.u-self-start{ align-self: flex-start}.u-self-center{ align-self: center}.u-self-end{ align-self: flex-end}.u-self-stretch{ align-self: stretch}.u-flex-1{ flex: 1 1 0%}.u-flex-auto{ flex: 1 1 auto}.u-flex-initial{ flex: 0 1 auto}.u-flex-none{ flex: none}.u-flex-grow{ flex-grow: 1}.u-flex-grow-0{ flex-grow: 0}.u-flex-shrink{ flex-shrink: 1}.u-flex-shrink-0{ flex-shrink: 0}.u-order-first{ order: -9999}.u-order-last{ order: 9999}.u-order-none{ order: 0}.u-order-1{ order: 1}.u-order-2{ order: 2}.u-order-3{ order: 3}@media (min-width: 640px){  .sm\:u-flex{ display: flex}  .sm\:u-flex-row{ flex-direction: row}  .sm\:u-flex-col{ flex-direction: column}  .sm\:u-flex-wrap{ flex-wrap: wrap}  .sm\:u-flex-nowrap{ flex-wrap: nowrap}  .sm\:u-items-start{ align-items: flex-start}  .sm\:u-items-center{ align-items: center}  .sm\:u-items-end{ align-items: flex-end}  .sm\:u-justify-start{ justify-content: flex-start}  .sm\:u-justify-center{ justify-content: center}  .sm\:u-justify-between{ justify-content: space-between}  .sm\:u-flex-1{ flex: 1 1 0%}  .sm\:u-flex-none{ flex: none}}@media (min-width: 768px){  .md\:u-flex{ display: flex}  .md\:u-flex-row{ flex-direction: row}  .md\:u-flex-col{ flex-direction: column}  .md\:u-flex-wrap{ flex-wrap: wrap}  .md\:u-flex-nowrap{ flex-wrap: nowrap}  .md\:u-items-start{ align-items: flex-start}  .md\:u-items-center{ align-items: center}  .md\:u-items-end{ align-items: flex-end}  .md\:u-justify-start{ justify-content: flex-start}  .md\:u-justify-center{ justify-content: center}  .md\:u-justify-between{ justify-content: space-between}  .md\:u-flex-1{ flex: 1 1 0%}  .md\:u-flex-none{ flex: none}}@media (min-width: 1024px){  .lg\:u-flex{ display: flex}  .lg\:u-flex-row{ flex-direction: row}  .lg\:u-flex-col{ flex-direction: column}  .lg\:u-flex-wrap{ flex-wrap: wrap}  .lg\:u-flex-nowrap{ flex-wrap: nowrap}  .lg\:u-items-start{ align-items: flex-start}  .lg\:u-items-center{ align-items: center}  .lg\:u-items-end{ align-items: flex-end}  .lg\:u-justify-start{ justify-content: flex-start}  .lg\:u-justify-center{ justify-content: center}  .lg\:u-justify-between{ justify-content: space-between}  .lg\:u-flex-1{ flex: 1 1 0%}  .lg\:u-flex-none{ flex: none}}@media (min-width: 1280px){  .xl\:u-flex{ display: flex}  .xl\:u-flex-row{ flex-direction: row}  .xl\:u-flex-col{ flex-direction: column}  .xl\:u-flex-wrap{ flex-wrap: wrap}  .xl\:u-flex-nowrap{ flex-wrap: nowrap}  .xl\:u-items-start{ align-items: flex-start}  .xl\:u-items-center{ align-items: center}  .xl\:u-items-end{ align-items: flex-end}  .xl\:u-justify-start{ justify-content: flex-start}  .xl\:u-justify-center{ justify-content: center}  .xl\:u-justify-between{ justify-content: space-between}  .xl\:u-flex-1{ flex: 1 1 0%}  .xl\:u-flex-none{ flex: none}}.u-overflow-auto{ overflow: auto}.u-overflow-hidden{ overflow: hidden}.u-overflow-visible{ overflow: visible}.u-overflow-scroll{ overflow: scroll}.u-overflow-x-auto{ overflow-x: auto}.u-overflow-x-hidden{ overflow-x: hidden}.u-overflow-x-visible{ overflow-x: visible}.u-overflow-x-scroll{ overflow-x: scroll}.u-overflow-y-auto{ overflow-y: auto}.u-overflow-y-hidden{ overflow-y: hidden}.u-overflow-y-visible{ overflow-y: visible}.u-overflow-y-scroll{ overflow-y: scroll}@media (min-width: 640px){  .sm\:u-overflow-auto{ overflow: auto}  .sm\:u-overflow-hidden{ overflow: hidden}  .sm\:u-overflow-visible{ overflow: visible}  .sm\:u-overflow-scroll{ overflow: scroll}  .sm\:u-overflow-x-auto{ overflow-x: auto}  .sm\:u-overflow-x-hidden{ overflow-x: hidden}  .sm\:u-overflow-x-visible{ overflow-x: visible}  .sm\:u-overflow-x-scroll{ overflow-x: scroll}  .sm\:u-overflow-y-auto{ overflow-y: auto}  .sm\:u-overflow-y-hidden{ overflow-y: hidden}  .sm\:u-overflow-y-visible{ overflow-y: visible}  .sm\:u-overflow-y-scroll{ overflow-y: scroll}}@media (min-width: 768px){  .md\:u-overflow-auto{ overflow: auto}  .md\:u-overflow-hidden{ overflow: hidden}  .md\:u-overflow-visible{ overflow: visible}  .md\:u-overflow-scroll{ overflow: scroll}  .md\:u-overflow-x-auto{ overflow-x: auto}  .md\:u-overflow-x-hidden{ overflow-x: hidden}  .md\:u-overflow-x-visible{ overflow-x: visible}  .md\:u-overflow-x-scroll{ overflow-x: scroll}  .md\:u-overflow-y-auto{ overflow-y: auto}  .md\:u-overflow-y-hidden{ overflow-y: hidden}  .md\:u-overflow-y-visible{ overflow-y: visible}  .md\:u-overflow-y-scroll{ overflow-y: scroll}}@media (min-width: 1024px){  .lg\:u-overflow-auto{ overflow: auto}  .lg\:u-overflow-hidden{ overflow: hidden}  .lg\:u-overflow-visible{ overflow: visible}  .lg\:u-overflow-scroll{ overflow: scroll}  .lg\:u-overflow-x-auto{ overflow-x: auto}  .lg\:u-overflow-x-hidden{ overflow-x: hidden}  .lg\:u-overflow-x-visible{ overflow-x: visible}  .lg\:u-overflow-x-scroll{ overflow-x: scroll}  .lg\:u-overflow-y-auto{ overflow-y: auto}  .lg\:u-overflow-y-hidden{ overflow-y: hidden}  .lg\:u-overflow-y-visible{ overflow-y: visible}  .lg\:u-overflow-y-scroll{ overflow-y: scroll}}@media (min-width: 1280px){  .xl\:u-overflow-auto{ overflow: auto}  .xl\:u-overflow-hidden{ overflow: hidden}  .xl\:u-overflow-visible{ overflow: visible}  .xl\:u-overflow-scroll{ overflow: scroll}  .xl\:u-overflow-x-auto{ overflow-x: auto}  .xl\:u-overflow-x-hidden{ overflow-x: hidden}  .xl\:u-overflow-x-visible{ overflow-x: visible}  .xl\:u-overflow-x-scroll{ overflow-x: scroll}  .xl\:u-overflow-y-auto{ overflow-y: auto}  .xl\:u-overflow-y-hidden{ overflow-y: hidden}  .xl\:u-overflow-y-visible{ overflow-y: visible}  .xl\:u-overflow-y-scroll{ overflow-y: scroll}}.container{  width:var(--container-width);  max-width:var(--container-width);  margin-inline:auto;  box-sizing:border-box}@media (max-width:1024px){  .container{padding-inline:0!important;width:auto!important}}@media (max-width:768px){  .container{padding-inline:0!important}}.layout-sidebar{  display:grid;  grid-template-columns:224px 1fr;  align-items:start}@media (max-width:1024px){  .layout-sidebar{grid-template-columns:1fr}}@font-face{  font-family: 'Inter';  src: local('Inter'), local('Inter-Regular'),       url('/fonts/inter.woff2') format('woff2');  font-display: swap;  font-weight: 400;  font-style: normal}.content{  background:var(--color-neutral-0);  border:1px solid var(--color-neutral-100);  border-radius:16px;  box-shadow:0 4px 12px rgba(0,0,0,.05);  min-width:0;  overflow:hidden}@media (max-width:1024px){  .content{order:1}}.product-card{  position: relative;  background: var(--color-neutral-0);  border: 1px solid var(--color-neutral-100);  display: flex;  flex-direction: column;  align-items: center;  text-align: center;  transition: box-shadow var(--transition-medium),              transform var(--transition-medium);  height: 100%;   box-sizing: border-box}.product-card:hover{  transform: translateY(-2px);  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08)}.product-card--featured{  width: 184px;  min-height: 360px;   display: flex;  flex-direction: column;  justify-content: space-between}.product-card__inner{  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  height: 100%}.product-card__badges{  position: absolute;  left: var(--space-sm);  top: var(--space-sm);  display: flex;  flex-direction: column;  gap: var(--space-xxs);  z-index: 2}.product-card__badge{  display: block;  width: 40px;  height: auto;  max-width: 80px;  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);  border-radius:999px}.product-card__badge img{  display: block;  width: 100%;  height: auto;  object-fit: contain}.product-card__image{  width: 144px;  height: 144px;  flex-shrink: 0}.product-card__image img{  width: 100%;  height: 100%;  object-fit: contain;  border-radius: var(--radius-sm)}.product-card__title{  display: -webkit-box;   -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  text-align: center}.product-card__excerpt{  color: var(--color-neutral-800);  margin: 0 0 var(--space-sm);  line-height: var(--lh-body);  display: -webkit-box;   -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  flex-grow: 1}.product-card__price{  margin-top: auto}.product-card__add-to-cart .btn{  display: inline-flex;  align-items: center;  justify-content: center;  white-space: nowrap;   width: auto;   height: 36px;  padding: 0 var(--space-md);   font-size: var(--font-text-md);  font-weight: 700;  transition: background var(--transition-fast),              color var(--transition-fast);  gap: var(--space-xxs)}.product-card--default{  display: flex;  align-items: flex-start;  border: 1px solid var(--color-neutral-100);  box-sizing: border-box;  height: 100%;  flex-grow: 1;  align-items: stretch}.product-card__content{  display: flex;  flex-direction: column;  height: 100%;        flex: 1 1 auto}.product-card--default .product-card__title, .product-card--default .product-card__excerpt{  text-align:left}.product-card--default .product-card__link{  display: flex;  width: 100%;  flex-direction: column}.product-card--default .product-card__media{  flex: 0 0 144px;  width: 100%;  height: 144px}.product-card--default .product-card__media img{  width: 100%;  height: 100%;  object-fit: contain;  display: block}.product-card__meta{    display: flex;    flex-direction: column;    align-items: center}.catalog-grid{  display: grid;  grid-template-columns: repeat(2, 1fr);  align-items: stretch}.catalog-grid__item{  display: flex;  align-items: stretch}@media (min-width: 768px){  .catalog-grid{    grid-template-columns: repeat(4, 1fr)}}.product-card.is-out-of-stock{  opacity: 0.95;  position: relative}.product-card.is-out-of-stock img{  filter: grayscale(1)}.product-card.is-out-of-stock:hover img{  filter: grayscale(0);  transition-duration:350ms}.product-card__overlay{  position: absolute;  inset: 0;  background: linear-gradient(0deg,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);  display: flex;  align-items: flex-end;  justify-content: center;  z-index: 2;  font-size: 1.25rem;  font-weight: bold;  color: #b91c1c;  text-transform: uppercase;  letter-spacing: 0.05em;  pointer-events: none}.product-card__overlay-text{  padding: 2.5em 1.5em}.category-cards{  display: flex;  flex-wrap: wrap}.card-category{  display: flex;  align-items: center;  background: linear-gradient(144deg, rgba(250, 251, 251, 1) 69%, rgb(222 222 222 / 0%) 90%, rgb(222 222 222) 90%);  border: 1px solid var(--color-neutral-100);  border-radius: 10px;  text-decoration: none;  color: var(--color-neutral-950);  min-height: 44px;  transition: all 0.2s ease;  flex: 1 1 240px;  max-width: 250px;   box-shadow: var(--shadow-sm)}.card-category:hover{  border-color: var(--color-brand-green);  box-shadow: 0 3px 8px rgba(0,0,0,0.06);  transform: translateY(-1px);  background:linear-gradient(144deg, rgba(250, 251, 251, 1) 69%, rgb(240 130 3 / 0%) 90%, rgb(240 130 3) 90%)}.card-category__image{  width: 32px;  height: 32px;  flex-shrink: 0;  display: flex;  align-items: center;  justify-content: center;  border-radius: 6px;  overflow: hidden;  background: var(--color-neutral-20, #f6f6f6)}.card-category__image img{  width: 100%;  height: 100%;  object-fit: cover}.card-category__image i{  font-size: 18px;  color: var(--color-brand-green)}.card-category__title{  font-size: 14px;  font-weight: 600;  color: var(--color-neutral-950);  line-height: 1.2}.filter-options__toggle{  cursor: pointer;  margin-top: 4px;  font-size: 14px}.card-category--hidden{  display: none}.card-category--show-more{  cursor: pointer;  border: 1px dashed var(--color-brand-green);  background: transparent;  color: var(--color-brand-green)}.card-category--show-more .card-category__image{  background: transparent}.card-category--show-more .card-category__image i,.card-category--show-more .card-category__title{  color: inherit}.card-category--show-more:hover{  background: var(--color-brand-green);  color: white}.card-category--show-more:hover .card-category__image{  background: transparent}@media (max-width: 768px){  .card-category{    flex: 1 1 calc(50% - 8px);    max-width: none}  .card-category__title{    font-size: 14px}  .card-category__image{    width: 28px;    height: 28px}}.btn{  display: inline-flex;  align-items: center;  justify-content: center;  font-family: var(--font-family-base);  font-weight: 600;  border-radius: var(--radius-full);  text-decoration: none;  cursor: pointer;  position: relative;  transition: background-color var(--transition-medium),              color var(--transition-medium),              box-shadow var(--transition-medium);  border: 2px solid transparent;  padding: 0.75rem 1.5rem;  line-height: 1.2}.btn-primary{  --btn-primary-bg: var(--color-brand-green);  --btn-primary-color: var(--color-neutral-0);  --btn-primary-border: var(--btn-primary-bg);  --btn-primary-bg-hover: var(--color-brand-lime);  --btn-primary-color-hover: var(--color-neutral-950);  --btn-primary-border-hover: var(--btn-primary-bg-hover);  background-color: var(--btn-primary-bg);  color: var(--btn-primary-color);  border-color: var(--btn-primary-border)}.btn-primary:hover{  background-color: var(--btn-primary-bg-hover);  border-color: var(--btn-primary-border-hover);  color: var(--btn-primary-color-hover)}.btn-secondary{  --btn-secondary-bg: transparent;  --btn-secondary-color: var(--color-neutral-950);  --btn-secondary-border: var(--color-brand-green);  --btn-secondary-bg-hover: var(--color-brand-green);  --btn-secondary-color-hover: var(--color-neutral-0);  --btn-secondary-border-hover: var(--btn-secondary-bg-hover);  background-color: var(--btn-secondary-bg);  color: var(--btn-secondary-color);  border-color: var(--btn-secondary-border)}.btn-secondary:hover{  background-color: var(--btn-secondary-bg-hover);  color: var(--btn-secondary-color-hover);  border-color: var(--btn-secondary-border-hover)}.btn-secondary::after{  border-color: var(--btn-secondary-border)}.btn-secondary:hover::after,.btn-secondary:focus-visible::after{  border-color: var(--btn-secondary-border-hover)}.btn::after{  content: "";  position: absolute;  inset: -6px;  border: 2px solid var(--color-brand-green);  border-radius: inherit;  opacity: 0;  transition: opacity var(--transition-fast);  pointer-events: none}.btn:hover::after,.btn:focus-visible::after{  opacity: 1}.btn-primary::after{  border-color: var(--btn-primary-border)}.btn-primary:hover::after,.btn-primary:focus-visible::after{  border-color: var(--btn-primary-border-hover)}.btn-secondary::after{  border-color: var(--btn-secondary-border)}.btn-secondary:hover::after,.btn-secondary:focus-visible::after{  border-color: var(--btn-secondary-border-hover)}.btn-tertiary{  background: none;  border: none;  color: var(--color-brand-green);  font-weight: 600;  padding: 0;  padding-bottom: 4px;  border-radius: var(--radius-full);  transition: color var(--transition-medium);  display: inline-flex;  align-items: center;  gap: 0.25em;  text-decoration: none;  border-radius:0px}.btn-tertiary::after{  display: none !important}.btn-tertiary:hover,.btn-tertiary:focus{  background: none;  border-bottom: 1px solid var(--color-brand-green)}.btn-tertiary i{  font-size: 1.25em;  vertical-align: middle;  margin-bottom: -4px;  text-decoration: none}.btn-text{  --btn-text-color: var(--color-brand-green);  --btn-text-hover-color: var(--color-brand-lime);  color: var(--btn-text-color);  background-color: transparent;  border: none}.btn-text:hover{  color: var(--btn-text-hover-color)}.btn-link{  --btn-link-color: var(--color-brand-green);  --btn-link-hover-color: var(--color-brand-lime);  --btn-link-active-color: var(--color-brand-lime);  color: var(--btn-link-color);  background-color: transparent;  border: none}.btn-link:hover{  color: var(--btn-link-hover-color)}.btn-link:active{  color: var(--btn-link-active-color)}.btn.is-loading{  opacity: 0.7;  cursor: wait;  pointer-events: none}.btn.is-success{  --btn-secondary-bg: var(--color-success, #28a745);  --btn-secondary-color: var(--color-neutral-0);  --btn-secondary-border: var(--color-success, #28a745);  background-color: var(--btn-secondary-bg);  border-color: var(--btn-secondary-border);  color: var(--btn-secondary-color)}.btn.is-error{  --btn-secondary-bg: var(--color-danger, #dc3545);  --btn-secondary-color: var(--color-neutral-0);  --btn-secondary-border: var(--color-danger, #dc3545);  background-color: var(--btn-secondary-bg);  border-color: var(--btn-secondary-border);  color: var(--btn-secondary-color)}.product-info__purchase .btn-add-to-cart--sheen-strong{  overflow: hidden}.product-info__purchase .btn-add-to-cart--sheen-strong::before{  content: "";  position: absolute;  top: -50%;  left: -150%;  width: 60%;  height: 200%;  background: linear-gradient(    110deg,    rgba(255,255,255,0) 0%,    rgba(255,255,255,0.15) 40%,    rgba(255,255,255,0.6) 50%,    rgba(255,255,255,0.15) 60%,    rgba(255,255,255,0) 100%  );  transform: rotate(15deg);  filter: blur(6px);  pointer-events: none;  animation: sanaplant-sheen-strong 4s ease-in-out infinite;  mix-blend-mode: overlay;  clip-path: inset(0 round var(--radius-full))}.product-info__purchase .btn-add-to-cart--sheen-strong:hover::before{  opacity: 1;  animation: sheen-slide 0.6s ease forwards}@keyframes sheen-slide{  0%{ left: -75%}  100%{ left: 125%}}.product-info__purchase .btn-add-to-cart--sheen-strong::after{  display: none !important}.product-info__purchase .btn-add-to-cart--sheen-strong:hover,.product-info__purchase .btn-add-to-cart--sheen-strong:focus-visible{  box-shadow: 0 0 0 4px var(--color-neutral-0), 0 0 0 6px var(--btn-primary-border-hover)}.product-info__purchase .btn-add-to-cart--glow{  box-shadow: 0 0 0 rgba(0,145,55,0);  transition: box-shadow 0.4s ease-in-out}.product-info__purchase .btn-add-to-cart--glow:hover{  box-shadow:     0 0 20px rgba(0,145,55,0.2),    0 0 40px rgba(0,145,55,0.1)}.product-info__purchase .btn-add-to-cart--ripple{  overflow: hidden}.product-info__purchase .btn-add-to-cart--ripple::after{  content: "";  position: absolute;  left: var(--ripple-x, 50%);  top: var(--ripple-y, 50%);  width: 20px;  height: 20px;  background: rgba(255,255,255,0.4);  border-radius: 50%;  transform: translate(-50%, -50%) scale(0);  pointer-events: none;  opacity: 0}.product-info__purchase .btn-add-to-cart--ripple.is-rippling::after{  animation: ripple-effect 0.6s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes ripple-effect{  0%{    transform: translate(-50%, -50%) scale(0);    opacity: 1}  100%{    transform: translate(-50%, -50%) scale(20);    opacity: 0}}@media (prefers-reduced-motion: reduce){  .product-info__purchase .btn-add-to-cart--sheen-strong::before,  .product-info__purchase .btn-add-to-cart--pulse-strong::after,  .product-info__purchase .btn-add-to-cart--ripple::after{    animation: none !important}  .product-info__purchase .btn-add-to-cart--glow{    transition: none !important}}.share-buttons a{  flex: 1 1 0;  min-width: 0;  text-align: center;  text-decoration: none}.share-buttons i{  margin-bottom:-4px}.btn-close{  width: 40px;  height: 40px;  padding: 0;  display: inline-flex;  align-items: center;  justify-content: center;  border-radius: 9999px;  background: transparent;  border: 2px solid transparent;  cursor: pointer}.btn-close .sanaplant-icon,.btn-close .fi{  width: 18px;  height: 18px;  display: inline-block;  line-height: 1;  vertical-align: middle;  fill: currentColor;   font-size: 18px;   color: inherit}.btn-close:hover{  background: rgba(0,0,0,0.04)}.input{  display: inline-block;  padding: 10px 12px;  font-family: inherit;  font-size: 1rem;  line-height: 1.4;  color: var(--color-neutral-950);  border: 1px solid var(--color-neutral-100);  border-radius: var(--radius-sm);  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  min-height:44px;  box-sizing: border-box;  min-inline-size: 0}.input::placeholder{  color: var(--color-neutral-500);  opacity: 1}.input--light{  background: var(--color-neutral-20);  border-color: var(--color-neutral-150)}.input--outline{  background: transparent;  border-color: var(--color-neutral-300)}.input--sm{  padding: 8px 10px;  font-size: 0.875rem;  border-radius: calc(var(--radius-sm) - 2px)}.input:focus{  outline: none;  border-color: var(--color-brand-green);  box-shadow: 0 0 0 3px rgba(34,139,34,0.08)}.input--invalid,.input[aria-invalid="true"]{  border-color: var(--color-danger, #d64545);  box-shadow: 0 0 0 3px rgba(214,69,69,0.06)}.input[disabled],.input:disabled{  opacity: 0.6;  cursor: not-allowed;  background: var(--color-neutral-50)}.form-inline{  display: flex;  gap: 8px;  align-items: center}.form-inline .input{  flex: 1 1 auto}@media (min-width: 768px){  .input{    font-size: 1rem}}input[type="checkbox"]{    transform: scale(1.3)}select{    padding: 0.75rem 0.75rem;    border: 1px solid var(--color-neutral-100);    border-radius: var(--radius-md);    -o-appearance: none;    -ms-appearance: none;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none}.spinner{  display: inline-flex;  align-items: center;  justify-content: center}.spinner__circle{  animation: spinner-rotate 1.5s linear infinite}.spinner__path{  stroke: var(--color-brand-green);  stroke-linecap: round;  animation: spinner-dash 1s ease-in-out infinite}.spinner--sm{  width: 16px;  height: 16px}.spinner--sm .spinner__path{  stroke-width: 5}.spinner--md{  width: 24px;  height: 24px}.spinner--lg{  width: 40px;  height: 40px}.spinner--xl{  width: 64px;  height: 64px}.spinner--lg .spinner__path{  stroke-width: 3}.spinner--lottie.spinner--sm{  width: 40px;  height: 40px}.spinner--lottie.spinner--md{  width: 80px;  height: 80px}.spinner--lottie.spinner--lg{  width: 120px;  height: 120px}.spinner--lottie.spinner--xl{  width: 160px;  height: 160px}.spinner__lottie{  width: 100%;  height: 100%;  margin-bottom:-24px}@keyframes spinner-rotate{  100%{    transform: rotate(360deg)}}@keyframes spinner-dash{  0%{    stroke-dasharray: 1, 150;    stroke-dashoffset: 0}  50%{    stroke-dasharray: 90, 150;    stroke-dashoffset: -35}  100%{    stroke-dasharray: 90, 150;    stroke-dashoffset: -124}}.spinner--white .spinner__path{  stroke: #fff}.spinner--neutral .spinner__path{  stroke: var(--color-neutral-500)}#page-transition-overlay{  position: fixed;  inset: 0;  z-index: 99999;  display: flex;  align-items: center;  justify-content: center;  opacity: 0;  pointer-events: none;  transition: opacity 0.2s ease}#page-transition-overlay.is-visible{  opacity: 1;  pointer-events: all}#page-transition-overlay .spinner{  background: var(--color-neutral-0, #fff);  border-radius: var(--radius-xl, 20px);  padding: 24px;  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12)}.wp-block-woocommerce-accordion-header{  cursor: pointer;  padding: 16px;  border-bottom: 2px solid var(--color-neutral-950);  outline: none;  text-align: left;  font-size: 16px;  font-weight: 600;  color: var(--color-neutral-900);  display: flex;  justify-content: space-between;  align-items: center}.wp-block-woocommerce-accordion-item.is-open .wp-block-woocommerce-accordion-header{  border-bottom: 2px solid var(--color-brand-green)}.accordion-item__toggle-icon{  font-size:24px}.wp-block-woocommerce-accordion-item{  margin-top: var(--space-sm)}.wp-block-woocommerce-accordion-panel .accordion-content__wrapper{  padding: var(--space-md)}.article-card{  display: flex;  flex-direction: column;  width: 100%;  height: 100%;  box-sizing: border-box;  background: transparent}.article-card__media{  display: block;  width: 100%;  height: 200px;  overflow: hidden;  border-radius: var(--radius-sm, 8px)}.article-card__media img{  width: 100%;  height: 100%;  object-fit: cover;  display: block}.article-card__content{  display: flex;  flex-direction: column;  align-items: flex-start}.article-card__title{  margin: 0;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  display: -webkit-box;  overflow: hidden}.article-card__title a{  color: inherit;  text-decoration: none}.article-card__excerpt{  margin: 0;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  display: -webkit-box;  overflow: hidden}.article-card__readmore{  text-decoration: underline}.articles-grid{  display: grid;  grid-template-columns: repeat(1, 1fr)}@media (min-width: 640px){  .articles-grid{    grid-template-columns: repeat(2, 1fr)}}@media (min-width: 1024px){  .articles-grid{    grid-template-columns: repeat(3, 1fr)}}.article-card--horizontal{  flex-direction: column}@media (min-width: 1024px){  .article-card--horizontal{    flex-direction: row;    align-items: stretch;    min-height: 200px}  .article-card--horizontal .article-card__media{    width: 338px;    min-width: 338px;    height: 200px;    aspect-ratio: 1.69;     margin-right: 32px;    margin-bottom: 0;    border-radius: var(--radius-sm, 8px);    flex-shrink: 0}  .article-card--horizontal .article-card__content{    flex: 1 1 0;    align-items: flex-start;    justify-content: center;    padding: 0}  .article-card--horizontal .article-card__title{    font-size: var(--font-heading-md);    font-weight: 600;    line-height: var(--lh-heading)}  .article-card--horizontal .article-card__excerpt{    font-size: var(--font-text-md);    line-height: var(--lh-body)}  .article-card__readmore{      font-size: var(--font-text-md)}}.site-header{  width: 100%;  contain: layout;  position: relative;  z-index: 1000}.screen-reader-text{  position: absolute;  left: -9999px}.header-topbar{  background: var(--color-brand-green-light);  color: var(--color-brand-green);  font-size: 12px;  font-weight: 600;  display: flex;  align-items: center;  box-shadow: var(--shadow-sm);  border-bottom: 1px solid var(--color-neutral-100)}.header-topbar__inner{  display: flex;  justify-content: space-between;  align-items: center;  gap: 12px;  width: 100%;  padding-block: 4px}.header-topbar__right{  display: flex;  flex-direction: row;  align-items: center;  gap: var(--space-md, 16px)}.topbar-item{  display: flex;  align-items: center;  gap: 6px;  line-height: 1.4}.topbar-item i{  font-size: 13px;  margin-bottom: -3px}.link{  text-decoration: underline;  color: inherit}.header-desktop{  display: flex;  flex-direction: column}.header-main{  display: grid;  grid-template-columns: 240px 1fr 240px;  align-items: center;  gap: 32px;  padding: 12px 24px;  min-height: 96px}.site-logo img{    width: 150px;    height: 80px;    aspect-ratio: 150 / 80;    display: block}.header-right{  display: flex;  align-items: center;  gap: 16px;  justify-content: flex-end}.lang-btn,.header-cart,.menu-toggle{  display: flex;  align-items: center;  justify-content: center;  height: 44px;              border-radius: 8px;  font-size: 14px;  box-sizing: border-box;  transition: all 0.2s ease;  cursor: pointer}.lang-btn{  background: #fff;  border: 1px solid var(--color-neutral-100);  padding: 0 14px;           color: var(--color-brand-green);  line-height: 1;  box-shadow: var(--shadow-sm)}.header-cart{  gap: 8px;  background: #fff;  border: 1px solid var(--color-neutral-100);  padding: 0 16px;  font-weight: 700;  color: var(--color-brand-green);  text-decoration: none;  line-height: 1;  position: relative;  box-shadow: var(--shadow-sm)}.cart-count, .mobile-cart-count{  display: inline-flex;  justify-content: center;  align-items: center}.cart-count, .mobile-cart-count{    position: absolute;    right: 4px;    top: -8px;    font-size: 0.75rem;    line-height: 0.9rem;    background: var(--color-brand-green);    color:white;    padding: 2px;    width: 20px;    text-align: center;    height: 20px;    border-radius: 999px;    border: 1px solid #fff}.header-cart i{  font-size: 18px;  margin-bottom: -2px}.lang-btn:hover,.header-cart:hover{  background: var(--color-brand-green);  color: #fff}.header-mobile{  display: none !important;  flex-direction: column;  background: #fff}.header-mobile .site-logo img{  display: block;  height: 64px;  width: auto;  aspect-ratio: 150 / 80}.header-mobile .header-topbar__inner{  justify-content: center;  padding-inline: 8px}.header-mobile .header-main{  padding: 12px 16px;  display: flex;  flex-direction: column;  gap: 12px;  min-height: 80px}.header-mobile .header-row{  display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%}.header-mobile .header-actions{  display: flex;  align-items: center;  gap: 12px}.menu-toggle{  background: #fff;  border: 1px solid var(--color-brand-green);  width: 44px;  height: 44px;                color: var(--color-brand-green);  font-size: 20px;  line-height: 1}.menu-toggle:hover{  background: var(--color-brand-green);  color: #fff}.mobile-categories{  width: 100%;  overflow-x: auto;  -webkit-overflow-scrolling: touch;  padding: 0 16px;-ms-overflow-style: none;    scrollbar-width: none;       overflow-x: auto}.mobile-categories::-webkit-scrollbar{  display: none}.mobile-categories__scroll{  display: flex;  flex-wrap: nowrap;  gap: 6px;  width: max-content}.mobile-pill{  display: inline-flex;  align-items: center;  gap: 6px;  white-space: nowrap;  padding: 8px 12px;  border: 1px solid var(--color-neutral-100, #EBEDEF);  border-radius: 999px;  background: var(--color-neutral-0, #fff);  color: var(--color-neutral-950, #111);  font-size: 13px;  font-weight: 600;  line-height: 1.3;  text-decoration: none;  transition: all 0.2s ease}.mobile-pill img{  width: 16px;  height: 16px;  object-fit: contain}.mobile-pill:hover{  border-color: var(--color-brand-green);  background: var(--color-neutral-10, #f6f6f6)}.header-language-menu{  display: flex;  align-items: center;  gap: 8px;  list-style: none;  margin: 0;  padding: 0}.header-language-menu li{  margin: 0;  padding: 0}.header-language-menu a{  display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-width: 44px;  background: #fff;  border: 1px solid var(--color-neutral-100);  border-radius: 8px;  font-size: 14px;  font-weight: 700;  color: var(--color-brand-green);  text-decoration: none;  line-height: 1;  box-shadow: var(--shadow-sm);  transition: all 0.2s ease;  cursor: pointer}.header-language-menu a:hover,.header-language-menu a:focus{  background: var(--color-brand-green);  color: #fff;  outline: none}@media (max-width: 1024px){  .header-desktop{ display: none !important}  .header-mobile{ display: flex !important}  .header-topbar{ justify-content: center}}@media (min-width: 1025px){  .header-mobile{ display: none !important}}@keyframes cart-bounce{  0%{ transform: scale(1)}  40%{ transform: scale(1.4)}  70%{ transform: scale(0.9)}  100%{ transform: scale(1)}}.header-cart--bounce{  animation: cart-bounce 0.4s ease}.sidebar{  background: var(--color-neutral-0);  border: 1px solid var(--color-neutral-100);  border-radius: var(--radius-lg);  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);  display: flex;  flex-direction: column;  align-self: start;  font-family: var(--font-family-base);  overflow:hidden}.sidebar-list{  list-style: none;  padding: 0;  margin: 0}.sidebar-list li{  margin: 0}.sidebar-link{  display: flex;  align-items: center;  text-decoration: none;  transition: color var(--transition-fast)}.sidebar-link:hover{  color: var(--color-brand-green);  background-color: #0091370a}.sidebar-link:focus-visible{  color: var(--color-brand-green);  outline: 2px solid var(--color-brand-green);  outline-offset: 2px}.sidebar-link.highlight{  border: none}.sidebar-link.highlight:hover{  opacity: 0.8;  background-color: transparent}.sidebar-icon{  width: 24px;  height: 24px;  min-width: 24px;  min-height: 24px;  display: flex;  align-items: center;  justify-content: center;  background: var(--color-neutral-0);  border-radius: var(--radius-sm)}.sidebar-icon img{  width: 18px;  height: 18px;  object-fit: contain;  transition: filter var(--transition-fast)}.sidebar-rating{  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 12px;  background: var(--color-brand-green);  color: var(--color-neutral-0);  border-radius: var(--radius-md);  padding: 16px 20px;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);  text-align: left;  font-family: var(--font-family-base)}.sidebar-rating__link{  display: inline-flex;  align-items: center;  margin-top: -48px;  margin-bottom: -32px}.sidebar-rating__logo{  width: 72px;  height: auto;  margin-bottom: 32px}.sidebar-rating__content{  display: flex;  flex-direction: column;  align-items: flex-start}.sidebar-rating__score{  font-size: 27px;  font-weight: 700;  line-height: 1}.sidebar-rating__text{  font-size: 14px;  line-height: 1.4;  font-weight: 400;  max-width: 180px}.mobile-sidebar-modal{  position: fixed;  inset: 0;  z-index: 9999;  display: none;  visibility: hidden;  opacity: 0;  transition: opacity 0.3s ease, visibility 0.3s ease}.mobile-sidebar-modal.is-open{  visibility: visible;  opacity: 1}.sidebar-modal__overlay{  position: absolute;  inset: 0;  background: rgba(0, 0, 0, 0.5);  backdrop-filter: blur(4px)}.sidebar-modal__content{  position: absolute;  top: 0;  right: 0;  bottom: 0;  width: 85%;  max-width: 320px;  background: var(--color-neutral-0);  overflow-y: auto;  transform: translateX(100%);  transition: transform 0.3s ease;  display: flex;  flex-direction: column;  box-shadow: -2px 0 12px rgba(0, 0, 0, 0.15);  -webkit-overflow-scrolling: touch}.mobile-sidebar-modal.is-open .sidebar-modal__content{  transform: translateX(0)}.sidebar-modal__header{  display: flex;  justify-content: space-between;  align-items: center;  padding: var(--space-md);  border-bottom: 1px solid var(--color-neutral-100);  background: var(--color-neutral-0);  position: sticky;  top: 0;  z-index: 1}.sidebar-modal__body{  flex: 1;  overflow-y: auto;  padding: var(--space-md)}#mobile-sidebar-modal .sidebar-link{  min-height: 44px}.btn-icon{  width: 44px;  height: 44px;  display: flex;  align-items: center;  justify-content: center;  background: transparent;  border: none;  color: var(--color-neutral-950);  cursor: pointer;  transition: opacity 0.2s ease;  font-size: 20px}.btn-icon:hover{  opacity: 0.7}@media (max-width: 1024px){  .mobile-sidebar-modal{    display: flex}  .layout-sidebar > .sidebar{    display: none !important}  .sidebar{ order: 2}  .content{ order: 1}}@media (min-width: 1025px){  .mobile-sidebar-modal{    display: none !important}}.section-banner{  border-radius: 16px;  overflow: visible;  position: relative;  isolation: isolate}.banner-wrapper{  position: relative;  width: 100%;  background: none !important;  border-radius: inherit;  overflow: hidden}.banner-slider{  width: 100%;  aspect-ratio: 1048 / 320;   min-height: min(320px, 40dvh);   overflow: hidden}.banner-slider .swiper-slide{  width: 100%;  height: 100%}.banner-slider .swiper-slide img{  width: 100%;  height: 100%;  display: block;  object-fit: cover;  border-radius: inherit}.banner-slider .swiper-wrapper{  transition: height 0.3s ease}@media (max-width: 1024px){  .banner-slider{    aspect-ratio: 16 / 6;    min-height: 280px}}@media (max-width: 768px){  .banner-slider{    aspect-ratio: 400 / 260;    min-height: 220px;    background: #fff}  .banner-slider .swiper-slide img{    object-fit: contain;     object-position: center}}.banner-slider .swiper-slide:not(:first-child){  display: none}.banner-slider.swiper-initialized .swiper-slide:not(:first-child){  display: block}.banner-slider .swiper-slide a{  position: relative;  z-index: 1}.section-banner .banner-controls{  margin-top: var(--space-md);  display: flex;  align-items: center;  justify-content: center;  gap: 10px}.section-banner .banner-controls > .banner-pagination.swiper-pagination{  position: static !important;  inset: auto !important;  width: auto !important;  margin-top: 0 !important;  display: flex;  justify-content: center}.swiper-with-controls .swiper-button-prev,.swiper-with-controls .swiper-button-next{  color: var(--wp--preset--color--neutral-0, #fff);  background: rgba(0, 0, 0, 0.35);  width: 40px;  height: 40px;  border-radius: 999px;  transition: background var(--transition-fast), transform var(--transition-fast);  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1)}.swiper-with-controls .swiper-button-prev:hover,.swiper-with-controls .swiper-button-next:hover{  background: rgba(0, 0, 0, 0.55);  transform: scale(1.05)}.swiper-with-controls .swiper-button-prev::after,.swiper-with-controls .swiper-button-next::after{  font-size: 18px;  line-height: 1}.swiper-with-controls .swiper-pagination{  position: static !important;  inset: auto !important;  width: auto !important;  margin-top: var(--space-md);  display: flex;  justify-content: center}.swiper-with-controls .swiper-pagination-bullet{  background: var(--color-neutral-950) !important;  opacity: 0.25 !important;  width: 8px;  height: 8px;  transition: all var(--transition-fast)}.swiper-with-controls .swiper-pagination-bullet-active{  background: var(--color-brand-green) !important;  opacity: 1 !important;  transform: scale(1.2)}.swiper-with-controls .banner-autoplay-controls{  display: inline-flex;  align-items: center}.swiper-with-controls .banner-autoplay-btn{  border: 0;  background: transparent;  border-radius: 0;  width: auto;  height: auto;  padding: 0;  color: var(--color-brand-green);  cursor: pointer;  line-height: 1;  font-size: 24px;  display: inline-flex;  align-items: center;  justify-content: center;  transition: transform var(--transition-fast), opacity var(--transition-fast)}.swiper-with-controls .banner-autoplay-btn:hover{  transform: translateY(-1px);  opacity: 0.85;  background: transparent}.swiper-with-controls .banner-autoplay-btn:focus-visible{  outline: 2px solid var(--color-brand-green, #2f8f2f);  outline-offset: 2px}.swiper-with-controls .banner-autoplay-btn[disabled]{  opacity: 0.45;  cursor: not-allowed;  transform: none}@media (max-width: 768px){  .swiper-with-controls .swiper-button-prev,  .swiper-with-controls .swiper-button-next{    width: 32px;    height: 32px}  .swiper-with-controls .swiper-button-prev::after,  .swiper-with-controls .swiper-button-next::after{    font-size: 14px}  .swiper-with-controls .swiper-pagination{    margin-top: var(--space-sm)}  .swiper-with-controls .banner-autoplay-btn{    font-size: 24px}}.product-carousel__slider{  position: relative;  width: 100%}.product-carousel__slider .swiper-wrapper{  display: flex;  align-items: stretch}.product-carousel__slider .swiper-slide{  display: flex;  justify-content: center;  align-items: stretch;  height: auto;  width: auto !important;  flex: 0 0 auto}.product-carousel__slider .swiper-slide .product-card{  height: 100%;   box-sizing: border-box;  display: flex;  flex-direction: column;  justify-content: space-between}.price-tag{  display: inline-flex;  flex-direction: column;  width: 100%;  text-align: center;  font-family: var(--font-family-base)}.price-tag--normal .price-tag__normal{  background: var(--color-neutral-20);  color: var(--color-neutral-950);  border-radius: var(--radius-sm);  padding: var(--space-xs) var(--space-sm);  font-weight: 700}.price-tag--discount .price-tag__discount-main{  background: var(--color-brand-orange, #F08203);  color: var(--color-neutral-0);  border-top-left-radius: var(--radius-sm);  border-top-right-radius: var(--radius-sm);  padding: 4px 8px;  text-shadow: 0 0 5px rgba(0,0,0,0.5)}.price-tag--discount .price-tag__discount-note{  display: inline-flex;  align-items: center;  justify-content: center;  white-space: nowrap;   gap: 2px;  background: var(--color-brand-orange-light, #FDF2E6);  border-bottom-left-radius: var(--radius-sm);  border-bottom-right-radius: var(--radius-sm);  padding: 2px 8px;  color: var(--color-neutral-900);  font-size: 12px;  line-height: 1.3}.price-tag--mega-discount .price-tag__discount-main{  background: #E53935 !important;   color: #fff !important;  border-top-left-radius: var(--radius-sm);  border-top-right-radius: var(--radius-sm);  padding: 4px 8px;  text-shadow: 0 0 5px rgba(0,0,0,0.5)}.price-tag--mega-discount .price-tag__discount-note{  background: #FFEBEE !important;  color: #B71C1C !important;  border-bottom-left-radius: var(--radius-sm);  border-bottom-right-radius: var(--radius-sm);  padding: 2px 8px;  font-size: 12px;  line-height: 1.3}.price-tag__label{  color: var(--color-neutral-800);  font-weight: 400}.price-tag__old{  font-weight: 700;  text-decoration: line-through;  margin-left: 2px}.price-tag--sm .price-tag__current{  font-size: 14px;  line-height: 1.2}.price-tag--md .price-tag__current{  font-size: 18px;  line-height: 1.3}.price-tag--lg .price-tag__current{  font-size: 24px;  line-height: 1.4}:where(html){  box-sizing: border-box;  scroll-behavior: smooth}*, *::before, *::after{  box-sizing: inherit}body, #page{  margin: 0;  padding: 0;  min-height: 100%;  background: linear-gradient(180deg, #F4F4F4 0%, #F9FAFA 100%);  background-attachment: fixed;  font-family: var(--font-family-base);  font-size: var(--font-text-md);  line-height: var(--lh-body);  color: var(--color-neutral-950);  -webkit-font-smoothing: antialiased}a{  text-decoration: none;  transition: color var(--transition-fast)}img{  max-width: 100%;  height: auto;  display: block}button{  font-family: inherit;  font-size: inherit;  background: none;  border: none;  cursor: pointer}.container{  width: min(100% - 2rem, var(--container-width));  margin-inline: auto}.cart-item__image{   width: 72px;   height: 72px;   border-radius: var(--radius-md);   background: var(--color-neutral-20);   position: relative}.cart-item__image img{   max-width: 48px;   max-height: 68px;   object-fit: contain;   position: absolute;   left: 50%;   top: 50%;   transform: translate(-50%, -50%)}.cart-item__remove{   width: 32px;   height: 32px;   margin-top: var(--space-xs)}.cart-item__remove a{   text-decoration: none !important}  .cart-item__price{    min-width: 52px}@media (max-width: 640px){  .cart-item__actions{    width: 100%;    order: 3;    justify-content: end;    margin-top:-8px}  .cart-item__info{    order: 2}  .cart-item__price{    order: 3}  .cart-item__remove{    order: 2}}.shipping-progress__meta{ margin-bottom:0.5rem}.shipping-progress__bar{  height:10px;  background:var(--color-neutral-100);  border-radius:999px;  overflow:hidden;  position:relative}.shipping-progress__fill{  height:100%;  background: var(--color-brand-green);  width:0;  transition: width 1700ms cubic-bezier(.2,.9,.3,1);  will-change: width;  position:relative}.shipping-progress__fill.is-animating{  background-size: 200% 100%;  animation: shipping-fill-shimmer 1.7s linear infinite}.shipping-progress--complete .shipping-progress__fill{ width:100% !important}@keyframes shipping-fill-shimmer{  0%{ background-position: 0% 0%}  100%{ background-position: -100% 0%}}@media (prefers-reduced-motion: reduce){  .shipping-progress__fill{    transition: none !important;    animation: none !important}}.shipping-progress__hint{ margin-top:0.25rem; font-size:.875rem}.article-content table,.article-content .has-fixed-layout{  width: 100%;  border-collapse: collapse;  background: var(--color-neutral-0);  font-size: var(--font-text-md);  color: var(--color-neutral-950);  box-shadow: var(--shadow-sm);  border-radius: var(--radius-sm);  overflow: hidden}.article-content table th,.article-content table td,.article-content .has-fixed-layout th,.article-content .has-fixed-layout td{  padding: var(--space-sm) var(--space-md);  border-bottom: 1px solid var(--color-neutral-100);  text-align: left;  vertical-align: middle}.article-content table th,.article-content .has-fixed-layout th{  background: var(--color-brand-green);  color: var(--color-neutral-0);  font-weight: 600}.article-content table tr:last-child td,.article-content .has-fixed-layout tr:last-child td{  border-bottom: none}.article-content table tr:hover td,.article-content .has-fixed-layout tr:hover td{  background: var(--color-neutral-100);  transition: background var(--transition-fast)}@media (max-width: 768px){  .article-content table,  .article-content .has-fixed-layout{    display: block;    width: 100%;    overflow-x: auto;    -webkit-overflow-scrolling: touch}  .article-content table tbody,  .article-content .has-fixed-layout tbody{    display: block;    width: 100%}  .article-content table tr,  .article-content .has-fixed-layout tr{    display: table;    width: 100%;    table-layout: fixed}}.article-content table tr:nth-child(even) td,.article-content .has-fixed-layout tr:nth-child(even) td{  background: var(--color-neutral-20)}table{  width: 100%;  border-collapse: collapse;  background: var(--color-neutral-0);  font-size: var(--font-text-md);  color: var(--color-neutral-950);  box-shadow: var(--shadow-sm);  border-radius: var(--radius-sm);  overflow: hidden}table th,table td{  padding: var(--space-sm) var(--space-md);  border-bottom: 1px solid var(--color-neutral-100);  text-align: left;  vertical-align: middle}table th{  background: var(--color-brand-green);  color: var(--color-neutral-0);  font-weight: 600}table tr:last-child td{  border-bottom: none}table tr:hover td{  background: var(--color-neutral-100);  transition: background var(--transition-fast)}table tr:nth-child(even) td{  background: var(--color-neutral-20)}@media (max-width: 768px){  table{    display: block;    width: 100%;    overflow-x: auto;    -webkit-overflow-scrolling: touch}  table tbody{    display: block}  table tr{    display: table;    width: 100%;    table-layout: fixed}}.spc-wrapper{  margin: 0 auto}.spc-header{  margin-bottom: 1.5rem}.spc-coupon-info{  font-size: 0.9rem;  margin-bottom: 0.5rem}.spc-coupon-info a{  text-decoration: underline}.spc-title{  font-size: 1.8rem;  font-weight: 700;  margin-bottom: 0.25rem}.spc-subtitle{  font-size: 0.95rem;  color: #666}.spc-steps{  display: flex;  gap: 1rem;  margin-top: 1.2rem;  padding: 0;  list-style: none}.spc-step-indicator{  display: flex;  align-items: center;  gap: 0.5rem;  opacity: 0.5;  cursor: pointer}.spc-step-indicator.is-active,.spc-step-indicator.is-completed{  opacity: 1}.spc-step-indicator.is-completed .spc-step-number{  border-color: #16a34a;  background: #bbf7d0}.spc-step-number{  width: 26px;  height: 26px;  border-radius: 999px;  border: 2px solid #4f46e5;  display: inline-flex;  align-items: center;  justify-content: center;  font-size: 0.8rem;  font-weight: 600;  background: #eef2ff}.spc-step-label{  font-size: 0.9rem}.spc-layout{  display: grid;  grid-template-columns: minmax(0, 2.1fr) minmax(280px, 1.1fr);  gap: 1.5rem;  margin-top: 1.5rem;  align-items: flex-start}.spc-layout-main{  display: flex;  flex-direction: column;  gap: 1rem}.spc-step{  display: none}.spc-step.is-active{  display: block}.spc-step-card{  background: #ffffff;  border-radius: 12px}.spc-step-title{  font-size: 1.2rem;  font-weight: 600;  margin-bottom: 0.4rem}.spc-step-desc{  font-size: 0.9rem;  color: #666;  margin-bottom: 1rem}.spc-columns{  display: flex;  flex-direction: column;  gap: 1.2rem}.spc-col .form-row{  margin-bottom: 0.75rem}.spc-section-title{  font-size: 1rem;  font-weight: 600;  margin-bottom: 0.75rem}.woocommerce-billing-fields h3{  display:none}.spc-shipping-payment tr.cart-discount{  display:none}.spc-consents{  display: flex;  flex-direction: column;  gap: 0.4rem;  margin-top: 2rem}.spc-checkbox{  display: flex;  align-items: flex-start;  gap: 0.45rem;  font-size: 0.85rem;  color: #444}.spc-checkbox input[type="checkbox"]{  margin-top: 0.1rem}.spc-shipping-payment{  display: flex;  flex-direction: column;  gap: 1rem}.spc-order-review-main{  margin-top: 0.5rem}.spc-step-footer{  display: flex;  justify-content: space-between;  gap: 0.75rem;  margin-top: 2rem}.spc-button{  border: none;  cursor: pointer;  border-radius: 999px;  padding: 0.75rem 1.4rem;  font-size: 0.95rem;  font-weight: 600;  display: inline-flex;  align-items: center;  justify-content: center;  text-align: center}.spc-button-primary{  background: #4f46e5;  color: #fff}.spc-button-primary:hover{  background: #4338ca}.spc-button-secondary{  background: #e5e7eb;  color: #111827}.spc-button-secondary:hover{  background: #d1d5db}.spc-layout-aside{  position: relative;  padding:24px;  background-color: var(--color-neutral-100);  border-radius:16px}.spc-summary-title{  font-size: 1rem;  font-weight: 600;  margin-bottom: 0.9rem}.spc-summary-products{  border-bottom: 1px solid #e5e7eb;  margin-bottom: 0.75rem;  padding-bottom: 0.5rem;  max-height: 260px;  overflow-y: auto}.spc-summary-product{  display: flex;  justify-content: space-between;  gap: 0.75rem;  font-size: 0.85rem;  margin-bottom: 0.35rem}.spc-summary-product-name{  font-weight: 500}.spc-summary-product-qty{  color: #6b7280;  font-weight: 400;  margin-left: 0.2rem}.spc-summary-product-price{  white-space: nowrap}.spc-summary-totals{  display: flex;  flex-direction: column;  gap: 0.25rem;  font-size: 0.9rem}.spc-summary-row{  display: flex;  justify-content: space-between}.spc-summary-row-total{  font-weight: 700;  margin-top: 0.35rem}@media (max-width: 960px){  .spc-layout{    grid-template-columns: 1fr}  .spc-layout-aside{    order: 2}  .spc-layout-main{    order: 1}  .spc-summary{    position: static}  .spc-columns{    grid-template-columns: 1fr}  .spc-step-footer{    flex-direction: column-reverse}  .spc-button{    width: 100%}}.spc-shipping-payment thead, .spc-shipping-payment tbody, .spc-shipping-payment tr.order-total, .spc-shipping-payment tr.cart-subtotal{  display:none}.spc-field-error{    display: block;    color: #d64545;    font-size: 0.8rem;    margin-top: 4px}ul.woocommerce-error{    color: red !important;    font-weight: 700}.spc-layout-main .form-row .validate-required{    margin-bottom: 0.75rem;    display: flex;    flex-direction: column;    min-width: 100% !important}.spc-field-group input, .woocommerce-input-wrapper input{    width: 100%;    margin-top:4px}ul.wc_payment_methods.payment_methods.methods{    padding: 0}p#billing_email_field{  margin-top:2rem}input#billing_address_2{  display:none}.woocommerce-form-coupon-toggle{  display:none}#ship-to-different-address span{    font-size: 14px}p#order_comments_field{    display: flex;    flex-direction: column}textarea#order_comments{    width: 100%;    margin-top: 4px}p#billing_country_field{    display: flex;    flex-direction: column}select#billing_country{    width: 100%;    min-height: 48px;    border-radius: 4px;    border-width: 1px;    padding: 8px;    border-color: var(--color-neutral-150)}li.wc_payment_method, .woocommerce-shipping-methods > li{    padding: 24px;    background: #f9f9f9;    border-radius: 16px;    border: 1px solid #e5e7eb}.shop_table.woocommerce-checkout-review-order-table td{    width: 100%}ul#shipping_method{    display: flex;    flex-direction: column;    gap: 8px;    margin-top:4px}@media (max-width: 768px){    ul#shipping_method{        flex-direction: column}tr.woocommerce-shipping-totals.shipping{    width: 100%}.woocommerce-shipping-totals.shipping td{    width: 100%}}table.shop_table.woocommerce-checkout-review-order-table{    width: 100%}.spc-shipping-methods{  margin-top:16px}.wc_payment_methods, .woocommerce-shipping-methods{    list-style: none !important;    padding-left: 0 !important}ul.wc_payment_methods.payment_methods.methods{    display: flex;    flex-direction: column;    gap: 8px}tr.woocommerce-shipping-totals.shipping{    display: flex;    flex-direction: column;    align-items: flex-start}button#place_order{    min-height: 56px;    background-color: var(--color-brand-green);    color: white;    border-radius: 999px;    padding: 16px 32px;    width: 100%;    position: relative;     overflow: hidden;     box-shadow: 0 0 0 rgba(0,145,55,0);    transition: box-shadow 0.4s ease-in-out}button#place_order.sheen-strong::before{  content: "";  position: absolute;  top: -50%;  left: -150%;  width: 60%;  height: 200%;  background: linear-gradient(    110deg,    rgba(255,255,255,0) 0%,    rgba(255,255,255,0.15) 40%,    rgba(255,255,255,0.6) 50%,    rgba(255,255,255,0.15) 60%,    rgba(255,255,255,0) 100%  );  transform: rotate(15deg);  filter: blur(6px);  pointer-events: none;  animation: sanaplant-sheen-strong 4s ease-in-out infinite;  mix-blend-mode: overlay}button#place_order.glow{  margin-top:24px;  box-shadow: 0 0 0 rgba(0,145,55,0);  transition: box-shadow 0.4s ease-in-out}button#place_order.glow:hover{  box-shadow:     0 0 20px rgba(0,145,55,0.2),    0 0 40px rgba(0,145,55,0.1)}button#place_order.ripple::after{  content: "";  position: absolute;  left: var(--ripple-x, 50%);  top: var(--ripple-y, 50%);  width: 20px;  height: 20px;  background: rgba(255,255,255,0.4);  border-radius: 50%;  transform: translate(-50%, -50%) scale(0);  pointer-events: none;  opacity: 0}button#place_order.ripple.is-rippling::after{  animation: ripple-effect 0.6s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes sanaplant-sheen-strong{  0%{     left: -150%;    opacity: 0}  10%{    opacity: 0.8}  50%{     left: 150%;    opacity: 1}  100%{     left: 150%;    opacity: 0}}@keyframes ripple-effect{  0%{    transform: translate(-50%, -50%) scale(0);    opacity: 1}  100%{    transform: translate(-50%, -50%) scale(20);    opacity: 0}}@media (prefers-reduced-motion: reduce){  button#place_order.sheen-strong::before,  button#place_order.ripple.is-rippling::after{    animation: none !important}  button#place_order.glow{    transition: none !important}}.woocommerce-shipping-totals.shipping th{  display: none}.woocommerce-privacy-policy-text{  display:none}.woocommerce-terms-and-conditions-wrapper{  padding: 8px 0px 0px 0px}button#gls-map-button{    background-color: var(--color-primary, #4CAF50);    color: white;    font-weight: 700;    padding: 8px;    border-radius: 8px;    margin-top: 8px}div#gls-pickup-info{    border-color: var(--color-brand-green) !important;    background: var(--color-brand-green-light) !important}.wc_payment_method label{    display: flex;    align-items: center;    gap: 16px}.wc_payment_method img{    height: 32px}tr.fee{    display: none}.payment_method_cod span{  background:green;  color:white;  font-weight:800;  padding: 0px 8px;  border-radius: 999px}.woocommerce-shipping-totals td{    padding: 0 !important;    margin: 0px !important;    background: transparent !important;    border: none !important;    box-shadow: none !important}table.shop_table.woocommerce-checkout-review-order-table{box-shadow: none !important}input#company_details{    display: inline-block;    width: 13px;    padding: 0px;    margin: 0px;    margin-left: 4px}label.checkbox{    display: flex;    flex-direction: row;    justify-content: flex-start;    gap: 8px}label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox{    gap: 8px}.spc-layout-main ::placeholder{    opacity: 0.5}input#billing_ic, input#billing_dic, input#billing_company{    border-width: 3px}.live-search{  position: relative;  width: 100%;  max-width: 100%}.live-search .search-form{  display: flex;  align-items: center;  width: 100%;  height: 44px;  border: 2px solid var(--color-brand-green);  border-radius: 12px;  overflow: hidden;  background: #fff;  box-sizing: border-box}.live-search .search-form input{  flex: 1;  width: 100%;  height: 100%;  border: none;  padding: 0 16px;  font-size: 15px;  color: var(--color-brand-green);  outline: none;  background: transparent;  min-width: 0;  line-height: 1;  box-sizing: border-box}.live-search .search-form button{  display: flex;  align-items: center;  justify-content: center;  width: 44px;  height: 44px;  background: var(--color-brand-green);  color: #fff;  border: none;  cursor: pointer;  transition: background 0.2s ease;  flex-shrink: 0}.live-search .search-form button:hover{  background: var(--color-brand-green-dark, #2b7a4b)}.live-search .search-form button i{  font-size: 18px;  line-height: 1;  margin-bottom: -2px}.live-search-results{  padding-top: 4px;  padding-bottom: 12px;  position: absolute;  top: calc(100% + 6px);  left: 0;  right: 0;  background: #fff;  border-radius: 12px;  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);  display: none;  overflow: hidden;  z-index: 9999;  max-height: 420px;  overflow-y: auto}.live-search-results.visible{  display: block}.live-search-results .loading-state{  padding: 24px;  display: flex;  flex-direction: column;  align-items: center;  gap: 12px;  color: var(--color-neutral-600)}.live-search-results .loading-state__text{  font-size: 14px;  font-weight: 500}.live-result{  display: flex;  align-items: center;  gap: 12px;  padding: 10px 14px;  text-decoration: none;  color: var(--color-neutral-950);  transition: background 0.2s ease}.live-result:hover,.live-result.active{  background: var(--color-neutral-100)}.live-result img{  width: 44px;  height: 44px;  object-fit: cover;  border-radius: 8px;  flex-shrink: 0}.live-result .info{  display: flex;  flex-direction: column}.live-result .title{  font-size: 15px;  font-weight: 500;  color: var(--color-neutral-950)}.live-result .price{  font-size: 14px;  font-weight: 600;  color: var(--color-brand-green)}.no-results{  padding: 14px;  font-size: 14px;  text-align: center;  color: var(--color-neutral-700)}.live-section{  border-top: 1px solid var(--color-neutral-100);  padding-top: 8px;  margin-top: 6px}.live-section:first-child{  border-top: none;  padding-top: 0;  margin-top: 0}.live-section-title{  font-size: 13px;  font-weight: 700;  color: var(--color-neutral-600);  text-transform: uppercase;  margin: 4px 16px 2px}.live-result i.fi-rr-folder-open{  font-size: 22px;  color: var(--color-brand-green);  flex-shrink: 0;  width: 44px;  height: 44px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 8px;  background: var(--color-neutral-50)}.live-result i.fi-rr-books{  font-size: 22px;  color: var(--color-brand-green);  flex-shrink: 0;  width: 44px;  height: 44px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 8px;  background: var(--color-neutral-50)}.live-pills{  display: flex;  gap: 8px;  padding: 10px 12px;  flex-wrap: wrap}.live-pills .live-pill{  display: inline-flex;  align-items: center;  gap: 8px;  padding: 8px 12px;  border-radius: 999px;  background: #fffbf8;  color: #F4900C;  font-weight: 600;  text-decoration: none;  border: 1px solid #F4900C}.live-pills .live-pill:hover{  background: #fff4ec;  text-decoration: none;  box-shadow: var(--shadow-sm)}.live-pills .hot-icon,.live-pills .cat-icon{  width: 20px;  height: 20px;  flex-shrink: 0}.live-pills .hot-icon{}.live-pills .cat-icon{  object-fit: cover;  border-radius: 4px}@media (max-width: 768px){  .header-mobile .live-search .search-form{    height: 44px}  .live-search .search-form input{    padding: 0 14px;    font-size: 14px}  .live-search .search-form button{    width: 44px;    height: 44px}  .header-mobile .live-search-results{    top: calc(100% + 4px);    left: 0;    right: 0;    z-index: 9999}  .live-result img{    width: 40px;    height: 40px}  .live-pills{    gap: 6px;    padding: 8px}  .live-pills .live-pill{    padding: 7px 10px}}.live-result .price del{  opacity: 0.7;  margin-right: 6px}.live-result .price ins{  color: var(--color-brand-green);  font-weight: 700;  text-decoration: none}.mobile-search-trigger{  display: none}@media (max-width: 768px){  .header-mobile .live-search:not(.live-search--modal){    display: none}  .mobile-search-trigger{    display: flex;    height: 44px;    background: #fff;    border: 2px solid var(--color-brand-green);    border-radius: 12px;    cursor: pointer;    overflow: hidden;    padding: 0}  .mobile-search-trigger__text{    padding: 0 16px;    text-align: left;    font-size: 14px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap}  .mobile-search-trigger__icon{    width: 44px;    height: 44px;    background: var(--color-brand-green);    color: #fff;    flex-shrink: 0;    margin: -2px -2px -2px 0}  .mobile-search-trigger__icon i{    font-size: 18px}}.mobile-search-modal{  position: fixed;  inset: 0;  width: 100%;  height: 100dvh;  z-index: 99999;  background: #fff;  opacity: 0;  visibility: hidden;  transform: translateY(-10px);  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s}.mobile-search-modal.is-open{  opacity: 1;  visibility: visible;  transform: translateY(0)}.mobile-search-modal__header{  flex-shrink: 0;  padding: 12px;  background: #fff;  border-bottom: 1px solid var(--color-neutral-100);  padding-top: max(12px, env(safe-area-inset-top))}.mobile-search-modal__header .search-form{  height: 48px;  background: #fff;  border: 2px solid var(--color-brand-green);  border-radius: 12px;  overflow: hidden}.mobile-search-modal__back{  width: 48px;  height: 48px;  background: transparent;  border: none;  cursor: pointer;  flex-shrink: 0}.mobile-search-modal__back i{  font-size: 20px;  color: var(--color-neutral-600)}.mobile-search-modal .search-form input{  height: 100%;  border: none;  background: transparent;  padding: 0 12px 0 4px;  font-size: 16px;  color: var(--color-neutral-900);  outline: none;  -webkit-appearance: none;  appearance: none}.mobile-search-modal .search-form input::placeholder{  color: var(--color-neutral-400)}.mobile-search-modal .search-form button[type="submit"]{  width: 48px;  height: 48px;  background: var(--color-brand-green);  border: none;  border-radius: 0 12px 12px 0;  cursor: pointer;  flex-shrink: 0}.mobile-search-modal .search-form button[type="submit"] i{  font-size: 18px;  color: #fff}.mobile-search-modal__body{  -webkit-overflow-scrolling: touch;  overscroll-behavior: contain;  background: #fff;  padding-bottom: max(12px, env(safe-area-inset-bottom))}.mobile-search-modal__body .live-search-results{  position: static;  display: block;  max-height: none;  box-shadow: none;  border-radius: 0;  background: #fff;  padding: 0}.mobile-search-modal .live-result{  padding: 14px 16px;  min-height: 64px}.mobile-search-modal .live-result img{  width: 48px;  height: 48px}.mobile-search-modal .live-pills{  padding: 12px 16px}.mobile-search-modal .live-pill{  padding: 10px 14px}.mobile-search-modal .live-section-title{  margin: 8px 16px 4px;  padding-top: 16px}.mobile-search-modal .live-section:first-child .live-section-title{  padding-top: 8px}.mobile-search-modal .no-results{  padding: 40px 20px;  font-size: 15px}body.search-modal-open{  overflow: hidden;  position: fixed;  width: 100%;  height: 100%;  inset: 0}.divider{  width: 100%;  background: var(--color-neutral-100);  display: block;  border: none;  border-radius: 2px}.divider--small{  height: 1px}.divider--medium{  height: 2px}.divider--large{  height: 4px}.divider--spaced{  margin-block: 24px}.footer-main{  border: 1px solid var(--color-neutral-100);  border-radius: var(--radius-lg);  background:var(--color-neutral-0);  box-shadow:0 4px 12px rgba(0,0,0,.05)}.footer-logo-img{  flex: 1 1 0;  min-width: 0;  max-width: 100px;  height: auto}.footer-columns{  display: grid;  grid-template-columns: 1fr}@media (min-width: 768px){  .footer-columns{    grid-template-columns: 280px repeat(3, 1fr);    align-items: start}}.footer-title{  padding-left:8px;  border-left: 4px solid var(--color-brand-green)}.footer-links{  list-style: none;  padding: 0;  margin: 0}.footer-links a{  color: var(--color-neutral-800)}.social-icon{  display: inline-flex;  align-items: center;  justify-content: center;  width: 36px;  height: 36px;  background: var(--color-neutral-100);  border-radius: 50%;  transition: background var(--transition-fast), color var(--transition-fast);  color: inherit;  text-decoration: none}.social-icon:hover{  background: var(--color-brand-green);  color: var(--color-neutral-0)}@media (max-width: 1024px){    .footer-columns{        grid-template-columns: repeat(2, 1fr) !important}    .benefits h3{      text-align:center}}section.content-promo-banner-grid{    display: flex;    flex-direction: column}.content-promo-banner{    display: flex;    flex-direction: row;    background: var(--promo-bg, linear-gradient(0deg, var(--base-green-color-base-green-050, #A7F4C4) 0%, var(--base-green-color-base-green-050, #A7F4C4) 100%));    width:100%;    overflow:hidden;    min-height: 160px;    text-decoration: none}.content-promo-banner:hover{    text-decoration: underline}.content-promo-banner__content{    display: flex;    flex-direction: column;    align-items:flex-start;    width:70%;    justify-content: space-around}.content-promo-banner__content h3{    color: var(--promo-headline-color, #ffffff)}.content-promo-banner__button{    background: var(--promo-btn-bg, #ffffff);    color: var(--promo-btn-color, #000000);    display: inline-block}.content-promo-banner__image{    width: 50%;    background-size: cover;    background-position: center;    background-repeat: no-repeat;    border-top-left-radius: 999px}@media (min-width: 768px){    .content-promo-banner{    min-height: 200px}    section.content-promo-banner-grid{        flex-direction: row}    .content-promo-banner__content{    width:50%}}.pagination-component{  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: flex-start}.pagination-component__left{ display:flex; align-items:center}.pagination-component__center{ flex:1 1 auto; color: var(--color-neutral-800)}.pagination-component__controls{ display:flex; align-items:center; flex-wrap:wrap}.pagination__page,.pagination__ellipsis,.pagination__prev,.pagination__next{  width: 44px;  height: 44px;  min-width: 44px;  min-height: 44px;  padding: 0;  box-sizing: border-box;  display: inline-flex;  align-items: center;  justify-content: center;  border-radius: var(--radius-sm, 6px);  background: var(--color-neutral-0);  border: 1px solid var(--border-border-default, #EBEDEF);  color: var(--color-neutral-950);  text-decoration: none}.pagination-component i{    margin-bottom: -4px}.pagination__page--current,.pagination__page--current[aria-current="page"]{  width: 44px;  height: 44px;  min-width: 44px;  min-height: 44px;  display: inline-flex;  align-items: center;  justify-content: center;  background: var(--color-brand-green);  color: var(--color-neutral-0);  font-weight: 700;  border-color: transparent}.pagination-component__perpage-form{    display: flex;    flex-direction: row;    align-items: center}.pagination__ellipsis{  font-size: 18px;  line-height: 1}.pagination__prev svg,.pagination__next svg{  width: 16px;  height: 16px;  display: block}.pagination__prev[disabled],.pagination__next[disabled]{  opacity: .5;  cursor: default}.pagination-component__perpage-form .input{  display: inline-block;  min-width: 80px;  background:inherit;  border: 1px solid var(--color-neutral-100)}.pagination-component__top{  width: 100%;  display: flex;  justify-content: center}.pagination-component__load-more-wrapper{  width: 100%;  max-width: 860px;   display: flex;  justify-content: center}.pagination-component__bottom{  width: 100%;  display: flex;  align-items: center;  gap: var(--space-md, 24px);  justify-content: space-between;  flex-wrap: wrap}.pagination-component__center{}.pagination-component__controls{  display: flex;  align-items: center;  justify-content: flex-end;  gap: var(--space-xxs, 8px)}@media (max-width: 640px){  .pagination-component__bottom{    flex-direction: column;    align-items: stretch}  .pagination-component__controls{    justify-content: flex-start}}.breadcrumbs{  width: 100%;  font-size: 1rem;  white-space: nowrap;  overflow-x: auto;  scrollbar-width: none}.breadcrumbs::-webkit-scrollbar{  display: none}.breadcrumbs ol{  display: flex;  flex-wrap: nowrap;  gap: 1rem}.breadcrumbs li{  white-space: nowrap}.newsletter-banner{  background: linear-gradient(270deg, var(--color-brand-lime) 0%, var(--color-brand-green) 100%);  position: relative;  overflow: hidden}.newsletter-banner__inner{  position: relative;  display: flex;  flex-direction: column;  align-items: stretch}.newsletter-banner input{  width:100%}.newsletter-banner__image{  width: 100%;  height: auto;  object-fit: cover;  position: static;   align-self: stretch;  flex: 0 0 auto;  min-inline-size: 0}.newsletter-banner__content{  width: 100%;  box-sizing: border-box;  display: flex;  flex-direction: column;  justify-content: center}.newsletter-banner__content.form{  display:flex;  flex-direction:column}.newsletter-form .btn{  flex-shrink: 0}.newsletter-form{  display: flex;  flex-direction: column;  align-items: center;  width: 100%;  max-width: 100%}.newsletter-form .input,.newsletter-form input.input{  flex: 1 1 auto;             min-inline-size: 0}.newsletter-form .btn,.newsletter-form .button,.newsletter-form button{  flex: 0 0 auto;              height: 44px;               align-self: stretch}@media (max-width: 480px){  .newsletter-form .btn{ width: 100%}}.text-underline{  text-decoration: underline}@media (min-width: 1024px){  .newsletter-form{    flex-direction: row}  .newsletter-banner__inner{    flex-direction: row;    align-items: stretch}  .newsletter-banner__content{    flex: 0 0 auto;    max-inline-size: 55%;     width: auto;    box-sizing: border-box;    padding-inline: var(--space-xl);    padding-block: var(--space-lg)}  .newsletter-banner__image{    order: 2;     position: static !important;     flex: 1 1 auto;    min-inline-size: 0;        width: auto;    height: 240px;             object-fit: cover;        border-top-left-radius:999px}}.product-toolbar{    display: flex;    justify-content: space-between}.category-description{  line-height: 1.6;  transition: max-height 0.4s ease;  overflow: hidden}.category-description.is-collapsed{  max-height: 5rem;   position: relative}.category-description.is-collapsed::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 2rem;  background: linear-gradient(to bottom, transparent, var(--color-white));  pointer-events: none;  opacity: 1;  transition: opacity 0.3s ease}.category-description.is-expanded{  max-height: 9999px}.category-description.is-expanded::after{  opacity: 0}.category-description__toggle{  display: inline-flex;  align-items: center;  gap: 0.25rem;  padding: 0;  margin-top: 0.5rem;   background: none;  border: none;  cursor: pointer;  transition: opacity 0.2s;  text-decoration:underline}.category-description__toggle:hover{  opacity: 0.7}.product-gallery__thumbs{  flex-direction: row;  overflow-x: auto;  overflow-y: hidden;  scrollbar-width: none;  -webkit-overflow-scrolling: touch;  order: 2}.product-gallery__thumbs::-webkit-scrollbar{  display: none}@media (min-width: 768px){  .product-gallery__thumbs{    flex-direction: column;    max-height: 400px;    overflow-x: hidden;    overflow-y: auto;    order: 0}}.product-gallery__thumb{  width: 72px;  min-width: 72px;  height: 72px;  border-radius: var(--radius-sm);  border: 1.5px solid transparent;  overflow: hidden;  cursor: pointer;  transition: border-color var(--transition-fast);  flex-shrink: 0}.product-gallery__thumb.is-active{  border-color: var(--color-brand-green)}.product-gallery__thumb img{  width: 100%;  height: 100%;  object-fit: contain}.product-gallery__main{  position: relative;  width: 100%;   aspect-ratio: 1 / 1;  border-radius: var(--radius-md);  overflow: hidden;  background: var(--color-neutral-50);  order: 1}.product-gallery__slide{  display: none;  width: 100%;  height: 100%;  justify-content: center;  align-items: center;  position: absolute;  top: 0;  left: 0}.product-gallery__slide.is-active{  display: flex}.product-gallery__slide img{  max-width: 100%;   max-height: 100%;   width: auto;   height: auto;  object-fit: contain}.product-gallery__slide a{  cursor: zoom-in;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%}.product-gallery__slide a img{  pointer-events: none}.product-gallery__badges{  position: absolute;  left: var(--space-md);  top: var(--space-md);  display: flex;  flex-direction: column;  gap: var(--space-xxs);  z-index: 2}.product-gallery__badge{  display: block;  width: 48px;  height: auto}.product-gallery__badge img{  width: 100%;  height: auto;  display: block}.product-info__purchase{  border: 1px solid var(--color-neutral-100);  border-radius: var(--radius-sm)}.product-variant-select{  border: 1px solid var(--color-neutral-100);  border-radius: var(--radius-sm);  cursor: pointer;  transition: border-color var(--transition-fast);  -webkit-appearance: none;  appearance: none}.product-variant-select:hover{  border-color: var(--color-neutral-200)}.product-variant-select:focus{  outline: 2px solid var(--color-brand-green);  outline-offset: 2px}.quantity-selector{  border-radius: var(--radius-full);  border: 1px solid var(--color-neutral-100);  height: 44px}.quantity-btn{  transition: opacity var(--transition-fast);  background: none;  border: none;  cursor: pointer;  font-size: 20px;  font-weight: 500;  color: var(--color-neutral-950);  line-height: 1;  padding: 0}.quantity-btn:hover{  opacity: 0.7}.quantity-btn--minus{  opacity: 0.25}.quantity-input{  width: 40px;  text-align: center;  font-size: var(--font-text-md);  font-weight: 700;  border: none;  background: transparent;  -moz-appearance: textfield}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{  -webkit-appearance: none;  margin: 0}.product-tabs-nav{  width: 100%}@media (min-width: 768px){  .product-tabs-nav{    width: 240px;    min-width: 240px}}.product-tab-btn{  min-height: 44px;  border: 1px solid var(--color-neutral-100);  border-bottom: none;  background: var(--color-neutral-0);  color: var(--color-neutral-950);  font-size: var(--font-text-md);  font-weight: 700;  line-height: var(--lh-heading);  text-align: left;  cursor: pointer;  transition: background-color var(--transition-fast), color var(--transition-fast)}.product-tab-btn:hover{  text-decoration:underline}.product-tab-btn:last-child{  border-bottom: 1px solid var(--color-neutral-100)}.product-tab-btn i{  font-size: 20px;  margin-bottom:-5px;  color: var(--color-brand-green);  transition: color var(--transition-fast)}.product-tab-btn:hover{  background: var(--color-neutral-50)}.product-tab-btn.is-active{  background: var(--color-neutral-50);  color: var(--color-brand-green);  border-right-color: transparent}@media (max-width: 767px){  .product-tab-btn.is-active{    border-right-color: var(--color-neutral-100)}}.product-tabs-content{  border: 1px solid var(--color-neutral-100);  border-radius: 0 var(--radius-sm) var(--radius-sm) var(--radius-sm);  min-height: 200px}@media (max-width: 767px){  .product-tabs-content{    border-radius: 0 0 var(--radius-sm) var(--radius-sm)}}.product-tab-panel{  display: none}.product-tab-panel.is-active{  display: block}.product-tab-panel__content{  line-height: 1.6}.product-tab-panel__content h2,.product-tab-panel__content h3{  margin-top: var(--space-md);  margin-bottom: var(--space-sm)}.product-tab-panel__content h2:first-child,.product-tab-panel__content h3:first-child{  margin-top: 0}.product-tab-panel__content h4{  margin-top: var(--space-lg);  margin-bottom: var(--space-sm)}.product-tab-panel__content h4:first-child{  margin-top: 0}.product-tab-panel__content ul,.product-tab-panel__content ol{  margin-left: var(--space-md);  margin-bottom: var(--space-md)}.product-tab-panel__content li{  margin-bottom: var(--space-xs)}.document-card{  border: 1px solid var(--color-neutral-100);  text-decoration: none;  transition: box-shadow var(--transition-fast), transform var(--transition-fast);  min-width: 0}@media (min-width: 640px){  .document-card{    flex-basis: calc(50% - var(--space-sm));    max-width: calc(50% - var(--space-sm))}}.document-card:hover{  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);  transform: translateY(-2px)}.document-card i:last-child{  transition: transform var(--transition-fast)}.document-card:hover i:last-child{  transform: translateX(2px)}.ear-banners-container{  display: none}@media (min-width: 1720px){  .ear-banners-container{    display: block;    position: absolute;     top: 192px;     left: 50%;    transform: translateX(-50%);    width: 1320px;     height: 0;     pointer-events: none;    z-index: 100}  .ear-banner{    position: absolute;    top: 0;    pointer-events: all}  .ear-banner--left{    left: -8px;    transform: translateX(-100%)}  .ear-banner--right{    right: -8px;    transform: translateX(100%)}  .ear-banner img{    display: block;    max-width: 200px;    height: auto;    border-radius: 8px;    transition: transform 0.3s ease, box-shadow 0.3s ease}  .ear-banner a:hover img{    transform: scale(1.02)}}.sidebar-filter{  border-bottom: 1px solid var(--color-neutral-100)}.sidebar-filter:last-child{  border-bottom: none}.filter-checkbox{  cursor: pointer;  transition: background-color 0.2s ease;  min-height:32px}.filter-checkbox:hover{  background-color: var(--color-neutral-50)}.product-count{  margin-bottom:-4px}.filter-checkbox__input{  accent-color: var(--color-brand-green);  transform: scale(1.3);   margin-right: 4px}input#custom-min-price, input#custom-max-price{  min-height:44px;  background: var(--color-neutral-20);  border: 1px solid var(--color-neutral-100)}.mobile-filter-trigger{  display: none}@media (max-width: 1024px){  .mobile-filter-trigger{    display: block}}.filters-modal{  position: fixed;  inset: 0;  z-index: 9999;  visibility: hidden;  opacity: 0;  transition: opacity 0.3s ease, visibility 0.3s ease}.filters-modal.is-open{  visibility: visible;  opacity: 1}.filters-modal__overlay{  position: absolute;  inset: 0;  background: rgba(0, 0, 0, 0.5);  backdrop-filter: blur(4px)}.filters-modal__content{  position: absolute;  bottom: 0;  left: 0;  right: 0;  max-height: 85vh;  background: var(--color-neutral-0);  border-radius: var(--radius-lg) var(--radius-lg) 0 0;  display: flex;  flex-direction: column;  transform: translateY(100%);  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2)}.filters-modal.is-open .filters-modal__content{  transform: translateY(0)}.filters-modal__header{  display: flex;  align-items: center;  justify-content: space-between;  border-bottom: 1px solid var(--color-neutral-100);  flex-shrink: 0}.filters-modal__body{  flex: 1;  overflow-y: auto;  -webkit-overflow-scrolling: touch}.filters-modal__footer{  border-top: 1px solid var(--color-neutral-100);  background: var(--color-neutral-0);  flex-shrink: 0;  box-sizing: border-box}.filters-modal__footer > *{  width: 100%;  box-sizing: border-box}.btn-icon{  width: 44px;  height: 44px;  display: flex;  align-items: center;  justify-content: center;  background: transparent;  border: none;  color: var(--color-neutral-950);  cursor: pointer;  transition: opacity 0.2s ease}.btn-icon:hover{  opacity: 0.7}html.no-scroll,body.no-scroll{  height: 100%;  overflow: hidden}@media (min-width: 1025px){  .mobile-filter-trigger,  .filters-modal{    display: none !important}}.filter-groups__toggle:hover,.filter-options__toggle:hover{  text-decoration: underline}.shop-filters > .u-px-sm > .btn,.shop-filters > .u-px-sm > .filter-groups__toggle,.shop-filters > .u-px-sm > #clear-filters{  width: 100%;  box-sizing: border-box}.article-content h2, .article-content .h2{    margin-top: 2rem}.article-content a{    text-decoration: underline}.article-content blockquote,.wp-block-quote{    background: var(--color-neutral-20);    border-left: 4px solid var(--color-brand-green);    margin: 2rem 0;    padding: 1.5rem 2rem;    border-radius: var(--radius-md, 12px);    font-size: var(--font-text-lg);    font-style: italic;    color: var(--color-neutral-900);    box-shadow: var(--shadow-xs)}.article-content blockquote p,.wp-block-quote p{    margin: 0;    color: inherit}figcaption.wp-element-caption{    font-size: var(--font-text-sm);    color: var(--color-neutral-600);    text-align: center;    font-style: italic;    margin-top: -1rem;    display: block !important}.article-content img,.article-content figure{    display: block;    max-width: 100%;    height: auto;    margin: 2rem auto;    border-radius: var(--radius-sm, 8px);    box-shadow: var(--shadow-xs)}.article-content .aligncenter,.article-content img.aligncenter,.article-content figure.aligncenter{    display: block;    margin-left: auto;    margin-right: auto;    text-align: center}.article-content .alignleft,.article-content img.alignleft,.article-content figure.alignleft{    float: left;    margin-right: 2rem;    margin-left: 0}.article-content .alignright,.article-content img.alignright,.article-content figure.alignright{    float: right;    margin-left: 2rem;    margin-right: 0}@media (max-width: 768px){    .article-content .alignleft,    .article-content .alignright,    .article-content img.alignleft,    .article-content img.alignright,    .article-content figure.alignleft,    .article-content figure.alignright{        float: none;        display: block;        margin-left: auto;        margin-right: auto;        margin-top: 2rem;        margin-bottom: 2rem}}.page-content h2, .page-content .h2{    margin-top: 2rem}.cart-confirm-modal__overlay{  position: fixed;  inset: 0;  background: rgba(0,0,0,0.45);  z-index: 9998;  transition: opacity 0.2s}.cart-confirm-modal{  position: fixed;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);  z-index: 9999;  max-width: 800px;  max-height: 90vh;  width: 100%;  background: #fff;  border-radius: 18px;  box-shadow: 0 8px 32px rgba(0,0,0,0.18);  transition: opacity 0.2s, transform 0.2s;  overflow-y: auto;  overflow-x: hidden}@media (max-width: 600px){  .cart-confirm-modal{    max-width: 98vw;    max-height: 98vh;    padding: 0}}@media (min-width: 768px){  .cart-confirm-actions{    flex-direction: row;    align-items: center;    justify-content: space-between}}#filter-group-translation_priority{    display:none !important }.language-switcher{  display: flex;  gap: 0.5rem;  justify-content: center;  margin-top: 1rem}.language-switcher__link{  display: flex;  align-items: center;  gap: 0.5rem;  padding: 0.5rem 1rem;  background: #fff;  border-radius: 0.5rem;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);  text-decoration: none;  color: #333;  transition: all 0.2s ease;  font-size: 0.875rem}.language-switcher__link:hover{  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);  transform: translateY(-1px)}.language-switcher__link--active{  background: var(--color-primary, #4CAF50);  color: #fff;  font-weight: 600}.language-switcher__flag{  width: 18px;  height: 12px;  object-fit: cover;  border-radius: 2px}.language-switcher__name{  white-space: nowrap}@media (max-width: 768px){  .language-switcher__link{    padding: 0.375rem 0.75rem;    font-size: 0.813rem}}.heureka-col-headline{  flex-basis: 100%}.heureka-col-rating{  flex: 1 1 0%}@media (min-width: 640px){  .heureka-col-rating{    flex: 0 0 auto}}.heureka-col-badge{  flex-shrink: 0}@media (min-width: 640px){  .heureka-col-headline{    flex-basis: auto;    flex-shrink: 0}}.heureka-vdivider{  width: 1px;  background: var(--color-neutral-100);  align-self: stretch;  flex-shrink: 0;  display: none}@media (min-width: 640px){  .heureka-vdivider{    display: block}}.heureka-badge-img{  display: block;  width: auto;  max-height: 140px}@media (min-width: 640px){  .heureka-badge-img{    max-height: 180px}}.wpify-woo-heureka-review{background: white}.wpify-woo-heureka-reviews__badge{display: none}.wpify-woo-heureka-reviews__grid{  display: flex !important;  grid-template-columns: 1fr}.wpify-woo-heureka-review__pros{color: green;list-style: none;  padding: 0 !important;  margin: 0 !important}.wpify-woo-heureka-review__cons{color: red;list-style: none;  padding: 0 !important;  margin: 0 !important}.wpify-woo-heureka-review__badge{    background: #30A9D4 !important;    color: white !important;    font-weight: 700 !important}@media (max-width: 768px){  .wpify-woo-heureka-review__header{    flex-direction: column;    align-items: flex-start !important;    gap: 4px}}.header-topbar--custom{  display: var(--topbar-custom-display, flex)}.header-topbar--custom .header-topbar__inner{  align-items: center;  justify-content: center;  position: relative;  padding: 6px 40px}.header-topbar--custom .topbar-item{  justify-content: center;  flex-wrap: wrap;  text-align: center;  font-size: 13px;  line-height: 1.4}.topbar-btn{  display: inline-flex;  align-items: center;  padding: 2px 12px;  border: 1px solid currentColor;  border-radius: 999px;  font-size: 12px;  white-space: nowrap;  text-decoration: none;  transition: opacity 0.2s;  flex-shrink: 0}.topbar-btn:hover{  opacity: 0.8}.topbar-close{  position: absolute;  right: 10px;  top: 50%;  transform: translateY(-50%);  background: none;  border: none;  cursor: pointer;  padding: 4px;  display: flex;  align-items: center;  opacity: 0.7;  transition: opacity 0.2s;  font-size: 18px;  line-height: 1;  flex-shrink: 0}.topbar-close:hover{  opacity: 1}.header-topbar--default{  display: var(--topbar-default-display, flex)}.header-topbar--default.is-hidden{  display: var(--topbar-default-display, none)}@media (max-width: 768px){  .header-topbar--custom .header-topbar__inner{    padding: 8px 36px 8px 12px}  .header-topbar--custom .topbar-item{    font-size: 12px;    gap: 4px;    padding-inline: 24px}  .topbar-btn{    font-size: 11px;    padding: 2px 8px}}