/* Sweetcasa overrides on top of the HOK / Elixir theme CSS */
.sc-logo { height: 50px !important; width: auto !important; max-height: 50px; max-width: none; object-fit: contain; }
@media (min-width: 990px) { [id^="kbs-"] .kbs__track { grid-template-columns: repeat(5, 1fr) !important; gap: 14px !important; } }
.section-header, sticky-header { position: sticky; top: 0; z-index: 30; }
.sc-compare-wrap { display: inline-flex; align-items: center; gap: 10px; margin-left: 10px; vertical-align: middle; }
.sc-compare { color: #8b8f96; font-size: 20px; }
.sc-save { background: #202329; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 999px; letter-spacing: .02em; }
.simple-variant-picker .simple-variant-picker__color-swatch.sc-sw { background: var(--sc-sw) !important; background-color: var(--sc-sw) !important; }
.sc-color-values { display: flex; gap: 14px; flex-wrap: wrap; padding: 8px 4px; }
.sc-swatch-label { cursor: pointer; display: block; }
.simple-variant-picker__value-container .simple-variant-picker__radio { position: absolute; opacity: 0; pointer-events: none; }
.simple-variant-picker__value-container { position: relative; }
.sc-empty { padding: 60px 24px; text-align: center; }
.sc-empty h2 { margin-bottom: 20px; }
.policy { max-width: 760px; margin: 0 auto; padding: 56px 20px 80px; color: #202329; font-family: var(--font-body-family, inherit); }
.policy h1 { font-size: 34px; margin: 0 0 20px; }
.policy h2 { font-size: 19px; margin: 28px 0 8px; }
.policy p, .policy li { line-height: 1.65; color: #3b3f46; }
.policy details { border-bottom: 1px solid #e5e5e5; padding: 14px 0; }
.policy summary { cursor: pointer; font-weight: 600; }
/* extras */
.sc-sec { padding: 56px 20px; background: #fff; color: #121212; }
.sc-wrap { max-width: 1200px; margin: 0 auto; }
.sc-narrow { max-width: 620px; text-align: center; }
.sc-h2 { font-size: 36px; line-height: 1.05; text-align: center; margin: 0 0 12px; letter-spacing: -.01em; text-transform: none; }
.sc-h2.sc-left { text-align: left; font-size: 28px; }
.sc-sub { text-align: center; color: #5b5f66; max-width: 640px; margin: 0 auto 28px; }
.sc-ic svg { width: 28px; height: 28px; }
.sc-love { background: #f6f3ef; }
.sc-love__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 28px; }
.sc-love__card { background: #fff; border-radius: 14px; padding: 26px 22px; border: 1px solid #ece7e0; }
.sc-love__card h3 { font-size: 18px; margin: 14px 0 8px; }
.sc-love__card p { margin: 0; color: #4a4e55; font-size: 15px; line-height: 1.55; }
.sc-how__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 28px; }
.sc-how__step { position: relative; }
.sc-how__img { aspect-ratio: 4/3; border-radius: 14px; overflow: hidden; background: #eee; }
.sc-how__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sc-how__n { position: absolute; top: 14px; left: 14px; width: 34px; height: 34px; border-radius: 50%; background: #202329; color: #fff; font-weight: 700; display: grid; place-items: center; }
.sc-how__step h3 { font-size: 20px; margin: 16px 0 6px; }
.sc-how__step p { margin: 0; color: #4a4e55; line-height: 1.6; }
.sc-reviews { background: #f6f3ef; }
.sc-rev__sum { text-align: center; color: #4a4e55; margin-bottom: 26px; }
.sc-rev__stars { color: #ffb400; letter-spacing: 2px; }
.sc-rev__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.sc-rev { background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid #ece7e0; display: flex; flex-direction: column; }
.sc-rev__img { aspect-ratio: 16/10; background: #eee; }
.sc-rev__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sc-rev__body { padding: 18px; }
.sc-rev__body h3 { font-size: 17px; margin: 6px 0; }
.sc-rev__body p { margin: 0 0 12px; color: #4a4e55; font-size: 15px; line-height: 1.55; }
.sc-rev__by { display: flex; justify-content: space-between; font-size: 13px; font-weight: 600; }
.sc-rev__by em { color: #1a7f4b; font-style: normal; font-weight: 500; }
.sc-det__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.sc-det { margin: 0; }
.sc-det__row { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e7e7e7; font-size: 15px; }
.sc-det dt { font-weight: 700; } .sc-det dd { margin: 0; color: #4a4e55; }
.sc-shop { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.sc-shop li { display: flex; gap: 14px; align-items: flex-start; padding: 14px; border: 1px solid #ece7e0; border-radius: 12px; }
.sc-shop p { margin: 2px 0 0; color: #4a4e55; font-size: 14px; }
.sc-prot { margin-top: 40px; text-align: center; }
.sc-prot h3 { font-size: 20px; margin-bottom: 16px; }
.sc-prot ul { list-style: none; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; padding: 0; margin: 0; }
.sc-prot li { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid #e3ded7; border-radius: 999px; font-size: 14px; font-weight: 600; }
.sc-prot li svg { width: 20px; height: 20px; }
.sc-track { display: grid; gap: 12px; margin: 24px 0; }
.sc-track input { padding: 14px 16px; border: 1px solid #cfcfcf; border-radius: 10px; font-size: 16px; }
.sc-thanks { padding: 12px 0; font-weight: 600; }
.custom-guarantee-icon svg { width: 44px; height: 44px; }
@media (max-width: 989px) {
  .sc-love__grid { grid-template-columns: repeat(2, 1fr); }
  .sc-how__grid, .sc-rev__grid, .sc-det__cols { grid-template-columns: 1fr; }
  .sc-h2 { font-size: 28px; }
  .sc-sec { padding: 40px 16px; }
}

@media (min-width: 990px) { .collection-grid-section .product-grid { grid-template-columns: repeat(5, 1fr) !important; gap: 14px !important; } .collection-grid-section .product-title { font-size: 15px; } }
.hkf-footer__brand img { height: 76px; width: auto; }