@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root{
  --color-primary:#141414;
  --color-primary-50:color-mix(in srgb, #141414, white 92%);
  --color-primary-100:color-mix(in srgb, #141414, white 84%);
  --color-primary-200:color-mix(in srgb, #141414, white 70%);
  --color-primary-300:color-mix(in srgb, #141414, white 50%);
  --color-primary-400:color-mix(in srgb, #141414, white 26%);
  --color-primary-600:color-mix(in srgb, #141414, black 10%);
  --color-primary-700:color-mix(in srgb, #141414, black 22%);
  --color-primary-800:color-mix(in srgb, #141414, black 34%);
  --color-primary-900:color-mix(in srgb, #141414, black 46%);
  --color-primary-950:color-mix(in srgb, #141414, black 60%);
  --color-secondary:#5A5A5A;
  --color-secondary-50:color-mix(in srgb, #5A5A5A, white 92%);
  --color-secondary-100:color-mix(in srgb, #5A5A5A, white 84%);
  --color-secondary-200:color-mix(in srgb, #5A5A5A, white 70%);
  --color-secondary-300:color-mix(in srgb, #5A5A5A, white 50%);
  --color-secondary-400:color-mix(in srgb, #5A5A5A, white 26%);
  --color-secondary-600:color-mix(in srgb, #5A5A5A, black 10%);
  --color-secondary-700:color-mix(in srgb, #5A5A5A, black 22%);
  --color-secondary-800:color-mix(in srgb, #5A5A5A, black 34%);
  --color-secondary-900:color-mix(in srgb, #5A5A5A, black 46%);
  --color-secondary-950:color-mix(in srgb, #5A5A5A, black 60%);
  --color-accent:#8A8A8A;
  --color-accent-50:color-mix(in srgb, #8A8A8A, white 92%);
  --color-accent-100:color-mix(in srgb, #8A8A8A, white 84%);
  --color-accent-200:color-mix(in srgb, #8A8A8A, white 70%);
  --color-accent-300:color-mix(in srgb, #8A8A8A, white 50%);
  --color-accent-400:color-mix(in srgb, #8A8A8A, white 26%);
  --color-accent-600:color-mix(in srgb, #8A8A8A, black 10%);
  --color-accent-700:color-mix(in srgb, #8A8A8A, black 22%);
  --color-accent-800:color-mix(in srgb, #8A8A8A, black 34%);
  --color-accent-900:color-mix(in srgb, #8A8A8A, black 46%);
  --color-accent-950:color-mix(in srgb, #8A8A8A, black 60%);
  --color-text:#141414;
  --color-bg:#FFFFFF;
  --surface:color-mix(in srgb, #FFFFFF, white 60%);
  --surface-2:color-mix(in srgb, #FFFFFF, black 3%);
  --elevated:color-mix(in srgb, #FFFFFF, white 80%);
  --border:color-mix(in srgb, #FFFFFF, black 10%);
  --border-strong:color-mix(in srgb, #FFFFFF, black 20%);
  --muted:color-mix(in srgb, #141414, #FFFFFF 45%);
  --muted-2:color-mix(in srgb, #141414, #FFFFFF 62%);
  --on-primary:#ffffff;
  --on-primary-600:#ffffff;
  --on-primary-700:#ffffff;
  --on-primary-800:#ffffff;
  --on-primary-900:#ffffff;
  --on-secondary:#ffffff;
  --on-secondary-600:#ffffff;
  --on-secondary-700:#ffffff;
  --on-secondary-800:#ffffff;
  --on-accent:#141414;
  --on-gradient:#ffffff;
  --on-surface-2:#141414;
  --on-bg:#141414;
  --font-heading:'Inter', system-ui, -apple-system, sans-serif;
  --font-body:'Inter', system-ui, -apple-system, sans-serif;
  --base-font-size:15px;
  --container-width:1520px;
  --border-radius:0px;
  --section-py:6rem;
  --card-ratio:3 / 4;
  --radius:0px;
  --radius-sm:max(0px, calc(0px - 4px));
  --radius-lg:calc(0px + 6px);
  --radius-xl:calc(0px + 12px);
  --radius-full:999px;
  --text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;
  --leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.6;
  --tracking-tight:-.01em;--tracking-wide:.04em;
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;
  --shadow-sm:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.05);
  --shadow-md:0 4px 14px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.05);
  --shadow-lg:0 16px 40px rgba(0,0,0,.12),0 6px 14px rgba(0,0,0,.08);
  --btn-primary-bg:var(--color-primary);
  --btn-primary-fg:#ffffff;
  --btn-primary-border:var(--color-primary);
  --btn-primary-hover-bg:var(--color-primary-600);
  --btn-secondary-bg:var(--surface);
  --btn-secondary-fg:#141414;
  --btn-secondary-border:var(--border);
  --btn-secondary-hover-bg:var(--surface-2);
}
html{font-size:var(--base-font-size);}
body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;}

/* header_preset:boutique */
.header-search{display:none !important;}
@media (min-width:768px){
  .header-main-row{display:grid !important;grid-template-columns:1fr auto 1fr;height:72px !important;align-items:center;}
  .header-left-group{display:contents !important;}
  .header-logo{grid-column:2;justify-self:center;margin-left:0 !important;}
  .header-actions{grid-column:3;justify-self:end;}
  .header-nav nav{justify-content:center;}
}

[data-header-spacer]{height:110px !important;}
@media (min-width:768px){[data-header-spacer]{height:148px !important;}}

/* header_plan */
.site-header [data-header-el="account"]{order:1;}
.site-header [data-header-el="cart"]{order:2;}
.site-header [data-header-el="currency"]{display:none !important;}
.site-header [data-header-el="lang"]{display:none !important;}
.site-header [data-header-el="favorites"]{display:none !important;}

@media (min-width:768px){.footer-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}}

.footer-newsletter{display:block !important;}

/* product_grid */
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
@media (min-width:640px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media (min-width:1024px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}}

/* header_bg */
.site-header,.site-header > header{background:#ffffff !important;}
.site-header > header{color:#141414 !important;}

.site-header{box-shadow:none !important;border-bottom:0 !important;}

/* card_density:comfortable */
.product-card > a > div:last-child{padding:1.25rem !important;}

/* card_preset:flat_bg */
.product-card{background:transparent !important;border-color:transparent !important;box-shadow:none !important;}
.product-card:hover{transform:none !important;border-color:transparent !important;box-shadow:none !important;}
.product-card-media{background:var(--surface-2) !important;border-radius:var(--radius);overflow:hidden;}

.product-card{border-width:0 !important;}
.product-card:hover{border-color:transparent !important;}

.product-card{border-radius:0px !important;}

.product-card{box-shadow:none !important;}
.product-card:hover{box-shadow:none !important;}

/* product_card_plan */
.product-card [data-card-el="title"]{order:1;}
.product-card [data-card-el="price"]{order:2;}
.product-card [data-card-el="rating"]{order:3;}
.product-card [data-card-el="flags"]{order:4;}
.product-card [data-card-el="rating"]{display:none !important;}
.product-card [data-card-el="flags"]{display:none !important;}

/* custom_css */
.header-announcement > div{justify-content:center;}
.header-announcement > div > div{display:none;}
.header-announcement span{letter-spacing:.08em;text-transform:uppercase;}
