/* HomeSweets: tokens, shared header/footer/buttons/consent (hs- prefix), and the skin for Enfold inner pages.
   Colours are sampled from the logo. Loaded on every page. */
:root {
  --charcoal: #4d4d4d;
  --concrete: #e6e6e6;
  --blush: #f0c5c1;
  --asphalt: #262626;
  --asphalt-soft: #363636;  /* one step lighter: page title bar under the header */
  --blush-soft: #fbeeec;
  --punch: #a34f4b;
  --punch-dark: #84403c;
  --paper: #ffffff;
  --ink: #1f1f1f;
  --muted: #6b6b6b;
  --line: #dcdcdc;
  --open: #2f9e6b;
  --display: "Jost", "Century Gothic", "Futura", Arial, sans-serif;
  --body: "Mulish", "Helvetica Neue", Arial, sans-serif;
  --wrap: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
}

.hs-wrap { box-sizing: border-box; width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.hs-label { display: block; font: 500 13px/1 var(--display); letter-spacing: 0.24em; text-transform: uppercase; }
.hs-skip { position: absolute; left: -999px; }
.hs-skip:focus { left: 16px; top: 16px; z-index: 1000; background: #fff; color: #1f1f1f; padding: 8px 12px; }

/* buttons */
#top .hs-btn, .hs-btn { box-sizing: border-box; display: inline-flex; align-items: center; gap: 10px; padding: 16px 26px; font: 600 15px/1 var(--display); letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; border: 2px solid var(--punch); border-radius: 0; background: var(--punch); color: #fff; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
#top .hs-btn:hover, .hs-btn:hover { background: var(--punch-dark); border-color: var(--punch-dark); color: #fff; }
#top .hs-btn-small, .hs-btn-small { padding: 12px 18px; font-size: 13px; }
#top .hs-btn-ghost, .hs-btn-ghost { background: transparent; border-color: currentColor; color: inherit; }
#top .hs-btn-ghost:hover, .hs-btn-ghost:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.hs-btn:focus-visible, .hs-linkbtn:focus-visible { outline: 3px solid var(--blush); outline-offset: 3px; }
.hs-ig { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; }

/* header */
.hs-top { position: sticky; top: 0; z-index: 500; background: var(--asphalt); color: var(--concrete); }
.hs-top .hs-wrap { display: flex; align-items: center; gap: 16px 24px; padding-block: 10px; }
.hs-logo { margin-right: auto; line-height: 0; }
.hs-logo img { display: block; width: 54px; height: 54px; }
.hs-nav ul { display: flex; gap: clamp(14px, 2.6vw, 32px); margin: 0; padding: 0; list-style: none; }
.hs-nav li { margin: 0; padding: 0; list-style: none; }
#top .hs-nav a, .hs-nav a { display: block; padding-block: 8px; font: 500 14px/1 var(--display); letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; color: var(--concrete); }
#top .hs-nav a:hover, .hs-nav a:hover, #top .hs-nav .current-menu-item a, .hs-nav .current-menu-item a { color: var(--blush); }

/* footer */
.hs-foot { clear: both; background: var(--asphalt); color: var(--concrete); font: 400 15px/1.7 var(--body); }
.hs-foot-grid { display: grid; grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr)); gap: 32px 40px; padding-block: clamp(40px, 6vw, 72px) 32px; }
.hs-foot-grid > div { min-width: 0; }
.hs-foot .hs-label { margin-bottom: 14px; color: var(--blush); }
.hs-foot p { margin: 0; color: var(--concrete); }
#top .hs-foot a, .hs-foot a, .hs-linkbtn { color: var(--concrete); text-decoration: underline; text-decoration-color: var(--charcoal); text-underline-offset: 4px; }
#top .hs-foot a:hover, .hs-foot a:hover, .hs-linkbtn:hover { color: var(--blush); }
.hs-linkbtn { padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
.hs-foot-logo { display: block; width: 84px; height: 84px; margin-bottom: 16px; }
.hs-foot-bottom { padding-block: 18px 22px; border-top: 1px solid var(--charcoal); font-size: 14px; }

/* cookie consent */
.hs-consent { box-sizing: border-box; position: fixed; left: 16px; bottom: 16px; z-index: 600; display: flex; flex-direction: column; gap: 14px; width: min(420px, calc(100vw - 32px)); padding: 20px; background: var(--paper); color: var(--ink); border: 2px solid var(--asphalt); box-shadow: 6px 6px 0 var(--asphalt); font: 400 15px/1.55 var(--body); }
.hs-consent[hidden] { display: none; }
.hs-consent p { margin: 0; }
#top .hs-consent a, .hs-consent a { color: var(--punch); text-decoration: underline; }
.hs-consent-actions { display: flex; gap: 10px; flex-wrap: wrap; }

@media (max-width: 860px) {
  .hs-top .hs-wrap { flex-wrap: wrap; }
  .hs-nav { order: 3; width: 100%; }
  .hs-foot-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .hs-foot-grid { grid-template-columns: 1fr; }
}

/* ---------- Enfold inner pages ---------- */
#top.hs-skin #header, #top.hs-skin #header_meta, #top.hs-skin #footer, #top.hs-skin #socket, #top.hs-skin #scroll-top-link { display: none !important; }
#top.hs-skin #main { padding-top: 0 !important; }
#top.hs-skin, #top.hs-skin .main_color, #top.hs-skin .main_color p, #top.hs-skin .main_color li { font-family: var(--body); color: var(--ink); }
#top.hs-skin .main_color h1, #top.hs-skin .main_color h2, #top.hs-skin .main_color h3, #top.hs-skin .main_color h4, #top.hs-skin .main_color h5, #top.hs-skin .main_color h6 { font-family: var(--display); font-weight: 600; text-transform: uppercase; letter-spacing: 0; color: var(--ink); }
#top.hs-skin .main_color a { color: var(--ink); }
#top.hs-skin .main_color a:hover { color: var(--punch); }
#top.hs-skin .main_color a.hs-btn, #top.hs-skin .main_color a.hs-btn:hover { color: #fff; }  /* buttons keep white text inside theme content */
#top.hs-skin .main_color .entry-content a:not(.hs-btn):not(.button) { text-decoration: underline; text-decoration-color: var(--punch); text-underline-offset: 3px; }

/* title bar with breadcrumbs */
#top.hs-skin .title_container { background: var(--asphalt-soft); border: 0; }
#top.hs-skin .title_container .container { padding-block: 22px; min-height: 0; }
#top.hs-skin .title_container .main-title, #top.hs-skin .title_container .main-title a { font: 700 clamp(22px, 3vw, 34px)/1.1 var(--display); text-transform: uppercase; color: #fff !important; }
#top.hs-skin .title_container .breadcrumb, #top.hs-skin .title_container .breadcrumb a, #top.hs-skin .title_container .breadcrumb span { font-family: var(--display); letter-spacing: 0.08em; text-transform: uppercase; color: var(--concrete); }
#top.hs-skin .title_container .breadcrumb a:hover { color: var(--blush); }

/* shop */
#top.hs-skin .main_color .button, #top.hs-skin .main_color input[type="submit"], #top.hs-skin .avia-button { border-radius: 0; background: var(--punch); border-color: var(--punch); color: #fff; font-family: var(--display); letter-spacing: 0.08em; text-transform: uppercase; }
#top.hs-skin .main_color .button:hover, #top.hs-skin .avia-button:hover { background: var(--punch-dark); border-color: var(--punch-dark); color: #fff; }
#top.hs-skin ul.products li.product .inner_product, #top.hs-skin .avia_cart_buttons, #top.hs-skin div.product .woocommerce-tabs .tabs li, #top.hs-skin .main_color img, #top.hs-skin .avia-image-container, #top.hs-skin .avia-image-container img { border-radius: 0 !important; }
#top.hs-skin ul.products li.product .inner_product { border: 1px solid var(--line); box-shadow: none; }
#top.hs-skin ul.products li.product .woocommerce-loop-product__title, #top.hs-skin ul.products li.product h2 { font: 600 15px/1.3 var(--display); letter-spacing: 0.04em; }
#top.hs-skin div.product .product_title { font-size: clamp(28px, 4vw, 46px); font-weight: 700; line-height: 1.05; }
#top.hs-skin div.product .woocommerce-tabs .tabs li.active a { color: var(--punch); }
#top.hs-skin .hs-ask { margin: 24px 0 0; }
#top.hs-skin .avia_cart_buttons, #top.hs-skin .product-sorting { display: none; }

/* ---------- product cards and category switcher ---------- */
#top.hs-skin .hs-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; }
#top.hs-skin .hs-cats a { padding: 10px 14px; border: 2px solid var(--asphalt); font: 600 13px/1 var(--display); letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; color: var(--ink); }
#top.hs-skin .hs-cats a:hover { background: var(--blush-soft); color: var(--ink); }
#top.hs-skin .hs-cats a[aria-current] { background: var(--asphalt); color: #fff; }
#top.hs-skin .hs-cats span { font-weight: 400; opacity: 0.75; }

#top.hs-skin ul.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: 20px; margin: 0; padding: 0; }
#top.hs-skin ul.products::before, #top.hs-skin ul.products::after { display: none; }
#top.hs-skin ul.products li.product { float: none; width: auto !important; margin: 0 !important; padding: 0; }
#top.hs-skin ul.products li.product .inner_product { display: flex; flex-direction: column; height: 100%; margin: 0; background: var(--paper); }
#top.hs-skin ul.products li.product .thumbnail_container { margin: 0; background: var(--blush-soft); }
#top.hs-skin ul.products li.product .thumbnail_container img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
#top.hs-skin ul.products li.product .inner_product_header { padding: 16px 16px 0; border: 0; text-align: left; min-height: 0 !important; }
#top.hs-skin ul.products li.product .inner_product_header_table, #top.hs-skin ul.products li.product .inner_product_header_cell { display: block; min-height: 0; height: auto; padding: 0; }
#top.hs-skin ul.products li.product .woocommerce-loop-product__title, #top.hs-skin ul.products li.product h2 { margin: 0; padding: 0; font: 600 17px/1.25 var(--display); letter-spacing: 0.02em; text-transform: uppercase; text-align: left; }
.hs-card { box-sizing: border-box; text-align: left; display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 12px 16px 16px; }
.hs-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.hs-chips span { display: inline-block; padding: 6px 9px; background: var(--blush-soft); font: 600 12px/1.2 var(--display); letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; color: var(--ink); }
#top .hs-card p, .hs-card p { margin: 0; font: 400 14px/1.5 var(--body); color: var(--muted); }
/* card button: icon in its own darker block, label beside it */
#top .hs-card .hs-btn, .hs-card .hs-btn { justify-content: flex-start; gap: 14px; margin-top: auto; padding: 0 14px 0 0; border: 0; font-size: 14px; letter-spacing: 0.1em; white-space: nowrap; }
#top .hs-card .hs-btn .hs-ig, .hs-card .hs-btn .hs-ig { box-sizing: content-box; padding: 13px; background: var(--punch-dark); transition: background .2s; }
#top .hs-card .hs-btn:hover, .hs-card .hs-btn:hover { background: var(--asphalt); }
#top .hs-card .hs-btn:hover .hs-ig, .hs-card .hs-btn:hover .hs-ig { background: var(--punch); }
.hs-copied { display: block; font: 400 13px/1.4 var(--body); color: var(--muted); }
.hs-copied[hidden] { display: none; }

/* previous product description, kept under the new one */
#top.hs-skin .hs-original { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--line); }
#top.hs-skin .hs-original, #top.hs-skin .hs-original p { color: var(--punch); }