@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');
@import url('/themes/tosee-child/assets/css/editorial-home-v2.css');

/* Tosee starter. Parent templates and commerce interactions remain inherited. */
:root {
  --tosee-ink: #191919;
  --tosee-paper: #f8f8f5;
  --tosee-line: #deded8;
  --bs-primary: #191919;
  --bs-primary-rgb: 25, 25, 25;
  --bs-link-color: #191919;
  --bs-link-hover-color: #555;
  --bs-border-radius: 0;
}
body { color: var(--tosee-ink); background: white; font-family: "Heebo", Arial, Helvetica, sans-serif; }
a { text-underline-offset: .25em; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.btn { border-radius: 0; font-size: .8rem; letter-spacing: .035em; }
.btn-primary { --bs-btn-bg: #191919; --bs-btn-border-color: #191919; --bs-btn-hover-bg: #444; --bs-btn-hover-border-color: #444; --bs-btn-active-bg: #333; --bs-btn-active-border-color: #333; }
.btn-outline-primary { --bs-btn-color: #191919; --bs-btn-border-color: #191919; --bs-btn-hover-bg: #191919; --bs-btn-hover-border-color: #191919; --bs-btn-active-bg: #191919; }
.header { background: var(--tosee-paper); border-bottom: 1px solid var(--tosee-line); box-shadow: none; }
.header-top { background: var(--tosee-paper); font-size: .75rem; border-bottom: 1px solid var(--tosee-line); }
.header-bottom { background: var(--tosee-paper); }
.header-bottom__container { max-width: 100%; padding-inline: 28px; }
.header-bottom__logo img { max-width: 150px; max-height: 48px; object-fit: contain; }
.header a { color: var(--tosee-ink); }
#index .wrapper { padding-top: 0; }
#index .page-content--home { margin: 0; }
.tosee-hero { min-height: 650px; min-height: min(790px, 85svh); position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; color: #fff; background: #626961 url('../img/hero.svg') center / cover no-repeat; }
.tosee-hero__top { display: flex; justify-content: space-between; gap: 20px; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.tosee-hero__content { padding-block: 100px 70px; max-width: 800px; }
.tosee-eyebrow { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.tosee-hero h1 { color: #fff; font-size: clamp(48px, 7.7vw, 112px); line-height: .96; letter-spacing: -.065em; font-weight: 400; max-width: 760px; margin: 0 0 32px; }
.tosee-link, .tosee-hero__scroll { color: #fff; display: inline-flex; justify-content: space-between; gap: 36px; align-items: center; font-size: 13px; }
.tosee-link { border-bottom: 1px solid #ffffff99; padding-bottom: 10px; }
.tosee-link:hover, .tosee-hero__scroll:hover { color: #fff; }
.tosee-hero__scroll { align-self: flex-start; }
.tosee-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 40px 28px 24px; scroll-margin-top: 150px; }
.tosee-section-heading h2 { font-size: 20px; font-weight: 400; letter-spacing: -.025em; margin: 0; }
.tosee-section-heading a { color: inherit; font-size: 12px; }
#index .module-products.container { max-width: 100%; padding-inline: 28px; }
.product-miniature__inner { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.product-miniature__top { background: #eeefea; border-radius: 0; }
.product-miniature__bottom { padding: 14px 0 20px; }
.product-miniature__title { color: var(--tosee-ink); font-size: 14px; font-weight: 400; }
.product-miniature__price { font-size: 13px; font-weight: 400; }
.product-miniature__infos { gap: 8px; }
.product-miniature__actions .btn { border-radius: 0; }
.footer, .footer__main, .footer__before { background: #eeefea; color: var(--tosee-ink); }
.footer__before { border-top: 1px solid var(--tosee-line); }
.footer a { color: inherit; }
.footer h2, .footer h3, .footer h4 { font-weight: 400; }
.quantity-button button{border: 0;}
.product-miniature__variants .color{height: 1rem;width: 1rem;}
.product-variant__colors .color{height: 1rem;width: 1rem;}
.badge{border-radius: 0;}
.cart-summary{border:0;padding: 10px;}
.product__tax-label{display: none;}
.product__thumbnails{padding: 0 0 0 !important;}

/* Storefront buttons stay text/CSS-based; keep the main side-menu icons. */
button:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons,
button:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons-outlined,
button:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons-round,
button:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons-sharp,
button:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons-two-tone,
.btn:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons,
.btn:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons-outlined,
.btn:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons-round,
.btn:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons-sharp,
.btn:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button):not(.editorial-search__trigger):not(.editorial-search__mobile-submit):not(.products__filter-button) .material-icons-two-tone {
  display: none !important;
}

/* The category filter control uses its icon as an affordance, not decoration. */
.products__filter-button .material-icons {
  display: inline-block !important;
  font-size: 15px;
  line-height: 1;
}

/* Password visibility control keeps its icon. */
button.btn[data-ps-action="toggle-password"]:not(.menu-toggle):not(.menu__toggle-child):not(.js-back-button) .material-icons {
  display: inline-block !important;
}

@media (max-width: 767px) {
  .header-bottom__container { padding-inline: 16px; }
  .tosee-hero { padding: 20px 16px; min-height: 560px; min-height: 76svh; }
  .tosee-hero__content { padding-block: 90px 65px; }
  .tosee-hero h1 { max-width: 450px; font-size: clamp(48px, 12vw, 76px); }
  .tosee-section-heading { padding: 28px 16px 20px; }
  .tosee-section-heading h2 { font-size: 17px; }
  #index .module-products.container { padding-inline: 16px; }
}
@media (min-width: 992px) {
.col-lg-4{flex: 0 0 auto;width: 100%;}
}