/** Shopify CDN: Minification failed

Line 386:19 Unexpected "*"

**/
/* ============================================
   KARON COSMÉTICOS - PREMIUM MINIMALIST THEME
   ============================================ */

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* --- CSS Variables --- */
:root {
  --karon-primary: #C48F7D;
  --karon-secondary: #D8B4A6;
  --karon-accent: #D39A7A;
  --karon-bg: #F7F3F1;
  --karon-neutral: #EDE6E2;
  --karon-text: #2E2A28;
  --karon-white: #FFFFFF;
  --karon-serif: 'Cormorant Garamond', Georgia, serif;
  --karon-sans: 'Jost', 'Helvetica Neue', sans-serif;
}

/* --- Global Typography --- */
body,
.shopify-section,
p,
span,
a,
li,
input,
select,
textarea,
button {
  font-family: var(--karon-sans) !important;
  color: var(--karon-text);
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.title,
.card__heading,
.product__title,
.collection-hero__title {
  font-family: var(--karon-serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  color: var(--karon-text) !important;
}

h1, .h0, .h1 {
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
}

/* --- Global Background --- */
body {
  background-color: var(--karon-bg) !important;
}

/* --- Buttons --- */
.button,
.shopify-challenge__button,
.customer button,
button.button,
a.button,
.btn,
.cart__submit,
.karon-card__add,
.karon-sidebar__btn {
  font-family: var(--karon-sans) !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  border-radius: 30px !important;
  padding: 12px 28px !important;
  transition: all 0.4s ease !important;
  border: 1.5px solid var(--karon-primary) !important;
}

.button--primary,
button.button--primary {
  background-color: var(--karon-primary) !important;
  color: var(--karon-white) !important;
  border-color: var(--karon-primary) !important;
}

.button--primary:hover {
  background-color: var(--karon-accent) !important;
  border-color: var(--karon-accent) !important;
  box-shadow: 0 4px 15px rgba(196, 143, 125, 0.3) !important;
  transform: translateY(-1px) !important;
}

.button--secondary,
button.button--secondary {
  background-color: transparent !important;
  color: var(--karon-primary) !important;
  border-color: var(--karon-primary) !important;
}

.button--secondary:hover {
  background-color: var(--karon-primary) !important;
  color: var(--karon-white) !important;
}

/* --- Header --- */
.section-header {
  background-color: var(--karon-bg) !important;
}

.header {
  border-bottom: none !important;
}

.header-wrapper--border-bottom {
  border-bottom: 1px solid var(--karon-neutral) !important;
}

/* Nav links */
.karon-nav__link {
  font-family: var(--karon-sans) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 0.15em !important;
  color: var(--karon-text) !important;
  text-transform: uppercase !important;
}

.karon-nav__link:hover {
  color: var(--karon-primary) !important;
}

.karon-nav__link::after {
  background: var(--karon-primary) !important;
}

/* Search bar */
.karon-search-form {
  border-color: var(--karon-neutral) !important;
  background: var(--karon-white) !important;
}

.karon-search-form:focus-within {
  border-color: var(--karon-primary) !important;
  box-shadow: 0 0 0 1px var(--karon-primary) !important;
}

.karon-search-input {
  font-family: var(--karon-sans) !important;
  color: var(--karon-text) !important;
}

.karon-search-input::placeholder {
  color: var(--karon-secondary) !important;
}

.karon-search-btn {
  background: var(--karon-neutral) !important;
  color: var(--karon-text) !important;
}

.karon-search-btn:hover {
  background: var(--karon-secondary) !important;
}

/* --- Announcement Bar --- */
.announcement-bar {
  font-family: var(--karon-sans) !important;
  letter-spacing: 0.1em !important;
  font-size: 12px !important;
}

/* --- Product Cards (Collection pages) --- */
.karon-card {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 10px rgba(46, 42, 40, 0.04) !important;
  transition: all 0.4s ease !important;
  background: var(--karon-white) !important;
}

.karon-card:hover {
  box-shadow: 0 8px 30px rgba(196, 143, 125, 0.15) !important;
  transform: translateY(-6px) !important;
}

.karon-card__image-wrap {
  border-radius: 16px 16px 0 0 !important;
  background: var(--karon-neutral) !important;
}

.karon-card__name {
  font-family: var(--karon-serif) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: var(--karon-text) !important;
}

.karon-card__price {
  color: var(--karon-primary) !important;
  font-family: var(--karon-sans) !important;
  font-weight: 400 !important;
}

.karon-card__price-iva {
  color: var(--karon-secondary) !important;
}

.karon-card__add {
  border-color: var(--karon-primary) !important;
  color: var(--karon-primary) !important;
  font-family: var(--karon-sans) !important;
  border-radius: 30px !important;
  letter-spacing: 0.1em !important;
  transition: all 0.4s ease !important;
}

.karon-card__add:hover {
  background: var(--karon-primary) !important;
  color: var(--karon-white) !important;
  box-shadow: 0 4px 12px rgba(196, 143, 125, 0.25) !important;
}

.karon-card__badge--sale {
  background: var(--karon-primary) !important;
  font-family: var(--karon-sans) !important;
  letter-spacing: 0.08em !important;
}

/* --- Theme Product Cards --- */
.card-wrapper {
  border-radius: 16px !important;
  overflow: hidden;
}

.card {
  border-radius: 16px !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(46, 42, 40, 0.04) !important;
  transition: all 0.4s ease !important;
}

.card:hover {
  box-shadow: 0 8px 25px rgba(196, 143, 125, 0.12) !important;
}

.card__media img {
  transition: transform 0.6s ease !important;
}

.card:hover .card__media img {
  transform: scale(1.05) !important;
}

.card__heading a {
  font-family: var(--karon-serif) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: var(--karon-text) !important;
}

.price-item {
  color: var(--karon-primary) !important;
  font-family: var(--karon-sans) !important;
}

/* --- Sidebar (Collection) --- */
.karon-sidebar__title {
  font-family: var(--karon-serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  color: var(--karon-text) !important;
  border-bottom-color: var(--karon-neutral) !important;
}

.karon-sidebar__link {
  font-family: var(--karon-sans) !important;
  color: var(--karon-text) !important;
}

.karon-sidebar__link:hover,
.karon-sidebar__link--active {
  background: var(--karon-neutral) !important;
  color: var(--karon-primary) !important;
}

.karon-sidebar__count {
  background: var(--karon-neutral) !important;
  color: var(--karon-text) !important;
}

.karon-sidebar__link:hover .karon-sidebar__count,
.karon-sidebar__link--active .karon-sidebar__count {
  background: var(--karon-secondary) !important;
  color: var(--karon-white) !important;
}

.karon-sidebar__btn {
  background: var(--karon-primary) !important;
  border-radius: 30px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-family: var(--karon-sans) !important;
}

.karon-sidebar__btn:hover {
  background: var(--karon-accent) !important;
  box-shadow: 0 4px 12px rgba(196, 143, 125, 0.25) !important;
}

.karon-sidebar__price-input {
  border-color: var(--karon-neutral) !important;
  font-family: var(--karon-sans) !important;
  border-radius: 12px !important;
}

.karon-sidebar__price-input:focus {
  border-color: var(--karon-primary) !important;
}

.karon-sidebar__filter {
  border-top-color: var(--karon-neutral) !important;
}

.karon-sidebar__toggle {
  background: var(--karon-primary) !important;
  border-radius: 30px !important;
  font-family: var(--karon-sans) !important;
  letter-spacing: 0.1em !important;
}

.karon-sidebar__toggle:hover {
  background: var(--karon-accent) !important;
}

/* --- Topbar --- */
.karon-topbar {
  border-bottom-color: var(--karon-neutral) !important;
}

.karon-topbar__count {
  font-family: var(--karon-sans) !important;
  color: var(--karon-secondary) !important;
}

.karon-topbar__sort {
  border-color: var(--karon-neutral) !important;
  font-family: var(--karon-sans) !important;
  border-radius: 30px !important;
}

.karon-topbar__sort:focus {
  border-color: var(--karon-primary) !important;
}

/* --- Pagination --- */
.karon-pagination a {
  border-color: var(--karon-neutral) !important;
  color: var(--karon-text) !important;
  font-family: var(--karon-sans) !important;
}

.karon-pagination a:hover {
  background: var(--karon-neutral) !important;
  border-color: var(--karon-primary) !important;
  color: var(--karon-primary) !important;
}

.karon-pagination span.current {
  background: var(--karon-primary) !important;
  color: var(--karon-white) !important;
}

/* --- Sections Spacing --- */
.shopify-section {
  padding-top: 0;
  padding-bottom: 0;
}

.section-template--* {
  padding: 40px 0;
}

/* --- Image Banner / Hero --- */
.banner__content {
  font-family: var(--karon-serif) !important;
}

.banner__heading {
  font-family: var(--karon-serif) !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
}

/* --- Footer --- */
.footer {
  background-color: var(--karon-text) !important;
}

.footer a,
.footer p,
.footer span,
.footer h2,
.footer h3 {
  color: var(--karon-neutral) !important;
}

.footer a:hover {
  color: var(--karon-primary) !important;
}

/* --- Cart --- */
.cart-notification {
  border-radius: 16px !important;
}

/* --- Product Page --- */
.product__title {
  font-family: var(--karon-serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
}

.product__text {
  font-family: var(--karon-sans) !important;
  line-height: 1.7 !important;
}

/* --- Smooth Transitions --- */
* {
  transition-timing-function: ease !important;
}

a, button, input, .card, .karon-card {
  transition-duration: 0.3s !important;
}

/* --- Scrollbar --- */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--karon-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--karon-secondary);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--karon-primary);
}

/* --- Selection --- */
::selection {
  background: var(--karon-secondary);
  color: var(--karon-text);
}