#fw-section-custom-html-c242fad1-0f88-41b0-9495-7fcff8926da3 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-announcement-bar-bbbb6a3e-4313-42a5-98b1-6b37896d0dae {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-links-list-f8f9fb4c-af5a-4896-9df0-381503742f7f {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-33c8879c-dd7f-4716-a4b7-feb1ece09431 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-9856125f-7dec-4111-8916-956b8778bc1e {

#promo-day-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 28px;
    padding: 40px 20px;
    max-width: 1400px;
    margin: 0 auto;
    justify-items: center;
    align-items: start;
}

.promo-card {
    background: #f7f3ee;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.04);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 320px;
    width: 100%;
}
}

#fw-section-custom-html-ab042e07-520e-4656-a296-d4b0926152c4 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-aaf4ab48-93b2-45b3-9c95-96e653c5517b {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}



#fw-section-custom-html-60a57e5a-ef19-41a8-afb7-361367cc64ad {

#promo-day-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 28px;
    padding: 40px 20px;
    max-width: 1400px;
    margin: 0 auto;
    justify-items: center;
    align-items: start;
}

.promo-card {
    background: #f7f3ee;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.04);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 320px;
    width: 100%;
}
}

#fw-section-custom-html-d5164ba7-3c0c-4888-bf80-c0ba7200d2b2 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-hero-a4f8a24d-5683-445b-8690-e2da2724771a {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-links-list-b5c2b83a-97b9-4151-81c3-43930c950c98 {
--color-primary: #2a603b;
--color-primary-rgb: 42, 96, 59;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-links-list-a1b8885e-a2a6-4922-ae32-1c68e671f4f2 {
--color-primary: #209557;
--color-primary-rgb: 32, 149, 87;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-links-list-53bf9b2b-b873-4146-a0e7-306a03701b6a {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-8f1d3851-7f62-4d47-b641-17ab79b6cdbb {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-links-list-3975dda1-b28d-41a2-a29e-f28a28a4f0ba {
--color-primary: #0700b7;
--color-primary-rgb: 7, 0, 183;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-links-list-f241ca21-b841-4c92-9933-e84c3b5cb92c {
--color-primary: #0700b7;
--color-primary-rgb: 7, 0, 183;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-e8fd7034-bf5b-49c5-be50-4a9831da3556 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-119a9314-d016-4ba2-b327-3c38f8ee056d {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d45427d7-04b8-47b2-b928-b02175397549 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-rich-text-7dd324ac-e344-45b4-a3f6-0929f3bb5432 {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}

#fw-section-custom-html-effb5fdf-4336-4a07-9715-27af9d22616a {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-fbb8c17b-217a-42dd-9ef6-cb089a97adcd {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-a09453ec-7ff3-41b6-97cb-aa48f05735a8 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-998841d6-9ad8-4807-a763-94eebb048731 {

img {
  width: 100%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-custom-html-198be9f9-f23b-4649-bee9-cbd5aeb41316 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-696ee5b1-a5a1-47da-a3ed-0f1001eff976 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-b56940c4-dbb4-4f0c-9cea-3d0f67d0d6b0 {

:root {
    --app-bg: #fdfdfd;
    --app-card-bg: #ffffff;
    --app-accent: #000000;
    --app-text: #1a1a1a;
    --app-radius: 24px;
    --app-shadow: 0 10px 30px rgba(0,0,0,0.04);
}

/* Base Wrapper */
.appkit-wrapper {
    background: var(--app-bg);
    min-height: 100vh;
    padding-bottom: 120px;
    color: var(--app-text);
    font-family: 'Inter', -apple-system, sans-serif;
}

/* Remove default link styling */
.hero-link-wrapper, .app-card, .action-link-wrapper {
    text-decoration: none !important;
    color: inherit;
    display: block;
    transition: transform 0.3s ease;
}

.hero-link-wrapper:hover, .app-card:hover {
    transform: translateY(-4px);
}

/* Header */
.app-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 100;
}

.brand { font-weight: 900; letter-spacing: 3px; font-size: 1.2rem; }

/* Hero Card */
.app-hero-card { padding: 0 20px 20px 20px; }

.hero-image {
    height: 380px;
    border-radius: var(--app-radius);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    box-shadow: var(--app-shadow);
}

.hero-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 30px;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    color: #fff;
}

.hero-overlay h2 { font-size: 2rem; margin: 10px 0; }

.tag {
    background: #fff;
    color: #000;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

/* Content Grid */
.app-content { padding: 0 20px; }
.app-section-title { font-size: 0.8rem; font-weight: 800; text-transform: uppercase; color: #aaa; margin: 25px 0 15px 5px; letter-spacing: 1px; }

.card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }

.app-card {
    background: var(--app-card-bg);
    border-radius: var(--app-radius);
    overflow: hidden;
    box-shadow: var(--app-shadow);
}

.card-thumb { height: 160px; background-size: cover; background-position: center; }
.card-info { padding: 15px; }
.card-info h3 { font-size: 1rem; margin-bottom: 5px; font-weight: 600; }
.card-info p { font-size: 0.8rem; color: #777; margin: 0; }

/* Action Card */
.action-card {
    background: #000;
    color: #fff;
    border-radius: var(--app-radius);
    padding: 30px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.app-btn-primary {
    background: #fff;
    color: #000;
    border: none;
    padding: 14px 30px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
}

/* Navigation Bar */
.app-nav {
    position: fixed;
    bottom: 25px;
    left: 20px;
    right: 20px;
    height: 75px;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(20px);
    border-radius: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    border: 1px solid rgba(255,255,255,0.4);
}

.nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #bbb; font-size: 0.65rem; font-weight: 600; text-transform: uppercase; }
.nav-item.active { color: #000; }
.nav-item svg { margin-bottom: 5px; }

/* Desktop View Optimization */
@media (min-width: 768px) {
    .appkit-wrapper { max-width: 500px; margin: 0 auto; box-shadow: 0 0 50px rgba(0,0,0,0.05); }
    .app-nav { width: 460px; left: 50%; transform: translateX(-50%); }
}
}
#fw-section-image-13d2be9b-2b25-45e6-bfab-9ec1f318a207 {

img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-image-1aeb6e42-efe6-4b44-abd2-cc687fdb900d {

img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-links-list-d3d1c791-3479-4f6c-9510-5c982a5ed3fc {
--color-primary: #209557;
--color-primary-rgb: 32, 149, 87;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-791c2dbd-7006-4d8b-88cb-d5ca2fcd0e39 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-1d1718da-397a-459b-ae97-79712e78eb63 {

.section {
  padding: 3rem 5vw;
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1.5rem;
}

.grid {
  display: grid;
  gap: 1.5rem;
}

.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 900px) {
  .grid-4, .grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .grid-4, .grid-3 {
    grid-template-columns: 1fr;
  }
}
}
#fw-section-custom-html-d72ef24c-1bce-48d0-bb49-e7af8d398fa5 {

.hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 3rem;
  padding: 4rem 5vw;
}

.hero-note {
  font-size: 0.85rem;
  color: var(--muted);
  margin-top: 0.8rem;
}

@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr;
  }
}
}
#fw-section-custom-html-d5c5f773-ae45-496c-beac-beaea08ff61c {

.site-header {
  padding: 1.5rem 5vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--border);
}

.logo {
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.main-nav ul {
  display: flex;
  gap: 1.5rem;
  list-style: none;
}

.main-nav a {
  text-decoration: none;
  color: var(--fg);
  position: relative;
}

.main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: var(--accent);
  transition: width 0.2s ease;
}

.main-nav a:hover::after {
  width: 100%;
}
}



#fw-section-custom-html-f6d90d80-0cf7-48b2-a7f2-838c3dd53e3a {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-announcement-bar-cd237c40-9f82-4bc0-a277-b8fc13676fcd {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-5e20ab8a-9ff6-486d-a45e-a35417d88525 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-a592e2a8-a150-4b39-9a47-9c53359ce960 {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width:100%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}

#fw-section-custom-html-07e4d3d4-11b7-43bd-bc14-7841be32935c {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-0e54c00b-6817-4b4c-86be-fbba40601af2 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-700758b8-f41f-4bd9-994a-9d12df53cb39 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-b30df6c5-8516-49ac-99ec-0d5e68fb548c {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-0bf3f51c-446c-4ede-9df2-be140590950b {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}



#fw-section-custom-html-c9a2bf45-b2bf-45bc-a4dc-c0c798fb6630 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-89d93003-5d0c-43ba-8cf7-47d5e0d173a4 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-c9e6e3ed-950f-49aa-99ec-4580bdf47755 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-39ee713d-695e-49e5-9ba7-eb63e71438f5 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-b90d37ce-6083-41bf-9c31-bdc8f73d712b {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-ae019787-b7db-4dc8-810a-1977e47a2844 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d83a048d-d4d5-422b-82c9-a1d2b40e24e1 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-f210fc6d-b9bb-4897-abad-0ceb380c7b93 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-60a7f1fc-aab5-49f1-ae3e-810864b0815d {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-4cd2c56b-1a1d-4db4-a0bd-675cc37a7ce8 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}





#fw-section-custom-html-b2811051-de15-4adf-906e-f86fe057087c {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}



#fw-section-custom-html-a99a3789-d94d-4120-b471-2aeb0dbb8a1e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-be64f487-e9fe-40a8-80ef-8b86a2be6384 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-4acdccd2-1a67-4e40-8ded-16f805ea7dd6 {

img {
  width: 100%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-custom-html-0b733677-23d3-4d08-ae6c-52ad5eeac91c {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-9c672558-f8eb-468b-b36b-bf12b06d5d71 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-cb75734c-b96a-4653-bb49-0b5288dc6ffe {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-d3c292c9-97fc-4679-8f43-ccf80753db73 {
--color-primary: #0e8cb0;
--color-primary-rgb: 14, 140, 176;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-737024c5-79d1-4aa2-809b-027a4b33f4a9 {

.nav-button {
  display: inline-block;
  padding: 14px 32px;
  background: linear-gradient(135deg, #003b73, #005fa3); /* Deep Arctic blues */
  color: #ffffff; /* Glacier white text */
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  letter-spacing: 0.6px;
  border: 2px solid #ff3b2f; /* Sun-red accent */
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.nav-button:hover {
  background: linear-gradient(135deg, #ffcc33, #ffb300); /* Golden shoreline yellow */
  color: #003b73; /* Deep blue text on hover */
  border-color: #ff3b2f; /* Keep the red accent */
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3);
}

.nav-button:active {
  transform: translateY(0);
  box-shadow: none;
}
}
#fw-section-image-with-text-e9dffa85-24fb-4aa7-bc95-f15b701db068 {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-image-with-text-1afafd31-3134-462b-a986-24b353e1ba65 {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width: 75%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-image-with-text-056e975f-69b3-43ca-873d-cbea2087fd7b {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width: 75%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-image-with-text-75196f3c-c02c-4c10-9d5e-d112646d95f8 {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-image-with-text-46810c42-8f42-4cf8-acb2-b83997221481 {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width: 75%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-image-with-text-7450f810-6d0d-4126-844c-12982270187d {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width: 75%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-video-with-text-f52bfad4-39ce-4728-a1c8-ea5270d1e6b0 {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-video-with-text-3ffbbf84-c1c0-4c2c-859e-a7312a8680d0 {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-1444a23c-93a5-4df5-932f-818ad1f70116 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-277c06cb-b650-40b1-a8ac-068ed784af15 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}



#fw-section-custom-html-0cd6496a-7b6d-48d0-8ffc-62927273a889 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-d9bad799-9d1f-44c0-ab49-f0d6cc82f2a2 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-a8e61f02-e486-4b13-84de-3db3e1dfd676 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-e6804a93-5ad4-403e-859b-e9789e273a38 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-c8ad451f-7e80-45bd-8553-a59b50d77b3f {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-ab715cbd-60a1-4560-9324-ad9466d6d111 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-bc48ac54-9f2f-4c5b-94a4-3fb4fa4bd975 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-2a6bb7d9-80f4-438d-b71b-d7caecdaee58 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-f8a3e805-cb12-4209-9b10-f4f5324d8b28 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-2631e4d6-1db6-4848-8faf-eb2d459ae43f {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-17489a1d-c6d4-4ee4-982b-f175cc90af18 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-7cc02f4c-7588-4ce8-b061-23ee273d6417 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-20a13052-aa98-4da9-8846-6183b11c828c {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}



#fw-section-custom-html-5afeb18e-77a2-49f6-b3f5-19474c3e0006 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d8db41ab-9333-4678-9ba6-bfdcb526db5d {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-973773e7-40bb-484c-b607-2addffb18178 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-df362ee3-5e90-43a9-a493-ee38fe9554d6 {

img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-links-list-cd5aeca2-8856-4d9e-a202-a7135b4bc4ab {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-88eb8124-9d82-4d91-9230-456d5818fcc4 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-6605d7ff-301f-44ea-a43c-639ad45e91e9 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-links-list-7fdc65f1-a1bb-4da0-b2f9-9d5db451d701 {
--color-primary: #00aa00;
--color-primary-rgb: 0, 170, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-809fa145-6735-4824-8915-002e79d9cf3a {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-efdbbe1d-5bb2-4123-8e69-6f1ad68b0d21 {

img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-image-with-text-b4a26585-efc5-4189-b4e9-9a0c9285fdc7 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #bcc7c2;
--color-background-rgb: 188, 199, 194;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 195;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-image-with-text-dd032d46-7979-40b1-bf57-ad92901a26f7 {

img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-image-with-text-1a2d3b47-50a1-46a1-adc5-5fc565d5f4a2 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #bcc7c2;
--color-background-rgb: 188, 199, 194;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 195;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-image-with-text-015db5fd-a831-4849-aeed-af9e50f3e964 {

img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-custom-html-06419fca-2c44-4406-80a4-16b9691cba93 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-84a624ee-c8ab-4f7c-af2c-5b699f483ad3 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-announcement-bar-881fafc9-462d-4b2a-9380-5ef0f337b594 {
--color-primary: #afd7e7;
--color-primary-rgb: 175, 215, 231;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #1c1c1c;
--color-on-primary-rgb: 28, 28, 28;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-custom-html-a462c173-084b-4f27-828f-8752e7511f0c {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-announcement-bar-4ff0c32b-354f-4923-8147-0e91f3ab18c8 {
--color-primary: #024361;
--color-primary-rgb: 2, 67, 97;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-3db168ab-3897-4fb9-9a6c-bee9b9944cd5 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-70912101-ad31-4cac-b409-803d592c8b38 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-fb516e46-4342-4e16-87f1-6da660f17595 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-8b99222c-048f-4d49-b414-aed629f03ee2 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}





#fw-section-custom-html-77e36561-b56f-4d24-a14a-3b4591f1cae8 {

.btn {
  display: inline-block;
  padding: 0.7rem 1.4rem;
  border-radius: 999px;
  border: 1px solid var(--fg);
  font-size: 0.95rem;
  text-decoration: none;
  transition: 0.2s ease;
}

.btn-primary {
  background: var(--fg);
  color: #fff;
}

.btn-primary:hover {
  background: var(--accent);
  border-color: var(--accent);
}

.btn-ghost:hover {
  color: var(--accent);
  border-color: var(--accent);
}
}




#fw-section-custom-html-8e95dba8-60eb-40ba-884b-80ad67b45544 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-cd1bbbad-c689-4868-96fa-96d6754992a8 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d947c770-260a-4e7c-a347-0a042e231159 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-f908475c-9b24-4bf4-9470-0287ce5981ca {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-7e2c3525-07ad-4482-be65-b1dbb88d77d1 {

img {
  width: 100%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-custom-html-e1e89d43-2874-4597-89d4-8fafd3013fb2 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-9adcd299-42f0-4351-9b2f-c0694bbbecb9 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-aa1c14e7-ca05-447a-8566-cb3166c93f73 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-a88e0fbc-0878-47d3-ba98-70d4ecab6760 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-192eb3dc-2e08-4555-a318-10523d454e93 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}



#fw-section-custom-html-bfd85966-15cb-4b7a-8858-3863b4c85d26 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-68711c71-c2ef-4d09-bac0-853663fd9dae {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-8cc3fa3b-52d7-4113-8ea2-5283942ca811 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-20a4109a-cd46-415d-9723-7349b5d136a7 {
--color-primary: #209557;
--color-primary-rgb: 32, 149, 87;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}

#fw-section-custom-html-689a73ed-fee3-40d6-aec5-729e97f0dea3 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d6a28641-f1db-42d4-ad3d-d687f3d53252 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-image-with-text-63245a94-5393-4468-9d9a-2f009a177ba3 {
--color-primary: #209557;
--color-primary-rgb: 32, 149, 87;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-links-list-604ae27b-0f8f-4b73-8677-dea9dfb42441 {
--color-primary: #9aaf0e;
--color-primary-rgb: 154, 175, 14;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-17a21639-151d-4dd3-ac69-6cdd968e8a95 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-f723802b-8188-4415-9f8d-6f12fd287255 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-f06e7f72-2cc2-49b3-90bd-a3197cd87a52 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-e6f07389-503e-4769-bd93-1d5a3c3c65ba {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-f4e09139-8f21-454b-937a-96dc07801e58 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-cca8ac4d-861c-4d38-a4ee-4d1760602a52 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-fc2d0e02-f8fb-4bc9-80c9-e5c162ac9be9 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-adb702e8-07dd-4942-a929-05278e73675f {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-01d3cdee-fd08-416a-a9ec-70e0daa39790 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-32256672-773f-4036-a98e-32f6a8874911 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-1d9e25f5-4fee-47c9-88e4-a90bd6cde337 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-9ebe099b-0de5-4519-ac3c-6c40da2d3567 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-1208cefd-5c5e-47b4-b0f7-68448ffd0181 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-c0786804-34d1-4809-b399-e2d56c4e0cf6 {

img {
  width: 25%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-custom-html-b2592fbe-464f-4b82-be3c-b09800df4067 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-fc8f007e-58bc-4f86-a9fc-a46eb75bf822 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #e9f3ec;
--color-background-rgb: 233, 243, 236;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-0b10fed6-6186-49b6-a6d6-08a49aa6f3b7 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-5e768954-22c0-4655-8f02-04553448ee34 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #0b3d2e;
--color-background-rgb: 11, 61, 46;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 44;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-cf4f4d59-21e0-4d2a-b2e7-fb4f95f44aaf {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-f1afccc1-8bbe-4c97-b415-7a376e9963ac {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #e9f3ec;
--color-background-rgb: 233, 243, 236;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-e08d7d17-548e-4b24-aec7-3d0fd3eed184 {

img {
  width: 25%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}










#fw-section-custom-html-3ec41c57-f98f-4407-a08b-fdbf28834358 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-11b26129-7428-4397-8515-ca2854e34c6e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d1079291-0e99-4c42-8c88-a5ec13125657 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-e7770b09-9a60-4889-8087-701ae35ea49b {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-060b9a35-1ac2-42cb-a754-56b7c20ff01e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-851461d9-56bf-42b5-bd1d-86f9b22f2306 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-210de650-7ada-4ac9-831d-50664f1e7945 {

/* ——— GLOBAL TYPOGRAPHY ——— */

body {
  font-family: "Calibri", "Bodoni Moda", serif;
  background: #f7f5f2;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}

/* Headlines */
h1, h2, h3 {
  font-family: "Calibri", "Bodoni Moda", serif;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

/* H1 — Hero */
h1 {
  font-size: 3rem;
  margin-bottom: 12px;
}

/* H2 — Section Titles */
h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

/* H3 — Subtitles */
h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

/* Body text */
p {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.85;
}

/* Editorial label */
.editorial-label {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.85rem;
  opacity: 0.55;
}

/* ——— EDITORIAL ELEMENTS ——— */

/* Hairline separator */
.editorial-line {
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 80px auto;
}

/* Hairline fashion frame */
.hairline-frame {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hairline-frame:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

/* ——— MOTIF ACCENTS ——— */

.motif-icon {
  font-size: 2.4rem;
  opacity: 0.15;
  display: block;
  margin-bottom: 10px;
}

.ch-heart .motif-icon { color: #d46a6a; }
.mundus .motif-icon { color: #6a6ad4; }
.bitbloom .motif-icon { color: #4a8f6a; }
.dur-moll .motif-icon { color: #333; }

/* Motif editorial card */
.motif-card {
  border: 0.5px solid rgba(0,0,0,0.18);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.motif-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,0,0,0.35);
}

.motif-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 20px auto 0;
  background: currentColor;
  opacity: 0.4;
}

/* Motif color mapping */
.ch-heart { color: #d46a6a; }
.mundus { color: #6a6ad4; }
.bitbloom { color: #4a8f6a; }
.dur-moll { color: #333; }

/* ——— SOFT BEIGE CARDS ——— */

.beige-card {
  background: #faf8f5;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 32px;
}

.beige-card:hover {
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 18px rgba(0,0,0,0.06);
}
}
#fw-section-custom-html-2db33f4b-6889-4f45-b49e-cd426167ecfe {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #b3c1c1;
--color-background-rgb: 179, 193, 193;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 189;
background-color: var(--color-background);
color: var(--color-on-background);
/* ——— GLOBAL TYPOGRAPHY ——— */

body {
  font-family: "Calibri", "Bodoni Moda", serif;
  background: #f7f5f2;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}

/* Headlines */
h1, h2, h3 {
  font-family: "Calibri", "Bodoni Moda", serif;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

/* H1 — Hero */
h1 {
  font-size: 3rem;
  margin-bottom: 12px;
}

/* H2 — Section Titles */
h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

/* H3 — Subtitles */
h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

/* Body text */
p {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.85;
}

/* Editorial label */
.editorial-label {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.85rem;
  opacity: 0.55;
}

/* ——— EDITORIAL ELEMENTS ——— */

/* Hairline separator */
.editorial-line {
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 80px auto;
}

/* Hairline fashion frame */
.hairline-frame {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hairline-frame:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

/* ——— MOTIF ACCENTS ——— */

.motif-icon {
  font-size: 2.4rem;
  opacity: 0.15;
  display: block;
  margin-bottom: 10px;
}

.ch-heart .motif-icon { color: #d46a6a; }
.mundus .motif-icon { color: #6a6ad4; }
.bitbloom .motif-icon { color: #4a8f6a; }
.dur-moll .motif-icon { color: #333; }

/* Motif editorial card */
.motif-card {
  border: 0.5px solid rgba(0,0,0,0.18);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.motif-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,0,0,0.35);
}

.motif-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 20px auto 0;
  background: currentColor;
  opacity: 0.4;
}

/* Motif color mapping */
.ch-heart { color: #d46a6a; }
.mundus { color: #6a6ad4; }
.bitbloom { color: #4a8f6a; }
.dur-moll { color: #333; }

/* ——— SOFT BEIGE CARDS ——— */

.beige-card {
  background: #faf8f5;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 32px;
}

.beige-card:hover {
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 18px rgba(0,0,0,0.06);
}
}
#fw-section-custom-html-486b5144-8cdc-46df-bf85-44ad3d6b8899 {

/* ——— GLOBAL TYPOGRAPHY ——— */

body {
  font-family: "Didot", "Bodoni Moda", serif;
  background: #f7f5f2;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}

/* Headlines */
h1, h2, h3 {
  font-family: "Didot", "Bodoni Moda", serif;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

/* H1 — Hero */
h1 {
  font-size: 3rem;
  margin-bottom: 12px;
}

/* H2 — Section Titles */
h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

/* H3 — Subtitles */
h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

/* Body text */
p {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.85;
}

/* Editorial label */
.editorial-label {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.85rem;
  opacity: 0.55;
}

/* ——— EDITORIAL ELEMENTS ——— */

/* Hairline separator */
.editorial-line {
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 80px auto;
}

/* Hairline fashion frame */
.hairline-frame {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hairline-frame:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

/* ——— MOTIF ACCENTS ——— */

.motif-icon {
  font-size: 2.4rem;
  opacity: 0.15;
  display: block;
  margin-bottom: 10px;
}

.ch-heart .motif-icon { color: #d46a6a; }
.mundus .motif-icon { color: #6a6ad4; }
.bitbloom .motif-icon { color: #4a8f6a; }
.dur-moll .motif-icon { color: #333; }

/* Motif editorial card */
.motif-card {
  border: 0.5px solid rgba(0,0,0,0.18);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.motif-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,0,0,0.35);
}

.motif-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 20px auto 0;
  background: currentColor;
  opacity: 0.4;
}

/* Motif color mapping */
.ch-heart { color: #d46a6a; }
.mundus { color: #6a6ad4; }
.bitbloom { color: #4a8f6a; }
.dur-moll { color: #333; }

/* ——— SOFT BEIGE CARDS ——— */

.beige-card {
  background: #faf8f5;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 32px;
}

.beige-card:hover {
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 18px rgba(0,0,0,0.06);
}
}
#fw-section-custom-html-5aee1c70-962b-4ce4-84d7-fd0002243da0 {

/* ——— GLOBAL TYPOGRAPHY ——— */

body {
  font-family: "Calibri", "Bodoni Moda", serif;
  background: #f7f5f2;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}

/* Headlines */
h1, h2, h3 {
  font-family: "Calibri", "Bodoni Moda", serif;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

/* H1 — Hero */
h1 {
  font-size: 3rem;
  margin-bottom: 12px;
}

/* H2 — Section Titles */
h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

/* H3 — Subtitles */
h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

/* Body text */
p {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.85;
}

/* Editorial label */
.editorial-label {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.85rem;
  opacity: 0.55;
}

/* ——— EDITORIAL ELEMENTS ——— */

/* Hairline separator */
.editorial-line {
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 80px auto;
}

/* Hairline fashion frame */
.hairline-frame {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hairline-frame:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

/* ——— MOTIF ACCENTS ——— */

.motif-icon {
  font-size: 2.4rem;
  opacity: 0.15;
  display: block;
  margin-bottom: 10px;
}

.ch-heart .motif-icon { color: #d46a6a; }
.mundus .motif-icon { color: #6a6ad4; }
.bitbloom .motif-icon { color: #4a8f6a; }
.dur-moll .motif-icon { color: #333; }

/* Motif editorial card */
.motif-card {
  border: 0.5px solid rgba(0,0,0,0.18);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.motif-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,0,0,0.35);
}

.motif-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 20px auto 0;
  background: currentColor;
  opacity: 0.4;
}

/* Motif color mapping */
.ch-heart { color: #d46a6a; }
.mundus { color: #6a6ad4; }
.bitbloom { color: #4a8f6a; }
.dur-moll { color: #333; }

/* ——— SOFT BEIGE CARDS ——— */

.beige-card {
  background: #faf8f5;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 32px;
}

.beige-card:hover {
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 18px rgba(0,0,0,0.06);
}
}
#fw-section-custom-html-2dbb1d10-0ea1-4155-95b9-a53cf47e6737 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #b3c1c1;
--color-background-rgb: 179, 193, 193;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 189;
background-color: var(--color-background);
color: var(--color-on-background);
/* ——— GLOBAL TYPOGRAPHY ——— */

body {
  font-family: "Calibri", "Bodoni Moda", serif;
  background: #f7f5f2;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}

/* Headlines */
h1, h2, h3 {
  font-family: "Calibri", "Bodoni Moda", serif;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

/* H1 — Hero */
h1 {
  font-size: 3rem;
  margin-bottom: 12px;
}

/* H2 — Section Titles */
h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

/* H3 — Subtitles */
h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

/* Body text */
p {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.85;
}

/* Editorial label */
.editorial-label {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.85rem;
  opacity: 0.55;
}

/* ——— EDITORIAL ELEMENTS ——— */

/* Hairline separator */
.editorial-line {
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 80px auto;
}

/* Hairline fashion frame */
.hairline-frame {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hairline-frame:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

/* ——— MOTIF ACCENTS ——— */

.motif-icon {
  font-size: 2.4rem;
  opacity: 0.15;
  display: block;
  margin-bottom: 10px;
}

.ch-heart .motif-icon { color: #d46a6a; }
.mundus .motif-icon { color: #6a6ad4; }
.bitbloom .motif-icon { color: #4a8f6a; }
.dur-moll .motif-icon { color: #333; }

/* Motif editorial card */
.motif-card {
  border: 0.5px solid rgba(0,0,0,0.18);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.motif-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,0,0,0.35);
}

.motif-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 20px auto 0;
  background: currentColor;
  opacity: 0.4;
}

/* Motif color mapping */
.ch-heart { color: #d46a6a; }
.mundus { color: #6a6ad4; }
.bitbloom { color: #4a8f6a; }
.dur-moll { color: #333; }

/* ——— SOFT BEIGE CARDS ——— */

.beige-card {
  background: #faf8f5;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 32px;
}

.beige-card:hover {
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 18px rgba(0,0,0,0.06);
}
}
#fw-section-custom-html-87d867a7-871c-498f-8fc4-3df40f479bb0 {

/* ——— GLOBAL TYPOGRAPHY ——— */

body {
  font-family: "Calibri", "Bodoni Moda", serif;
  background: #f7f5f2;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}

/* Headlines */
h1, h2, h3 {
  font-family: "Calibri", "Bodoni Moda", serif;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

/* H1 — Hero */
h1 {
  font-size: 3rem;
  margin-bottom: 12px;
}

/* H2 — Section Titles */
h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

/* H3 — Subtitles */
h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

/* Body text */
p {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.85;
}

/* Editorial label */
.editorial-label {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.85rem;
  opacity: 0.55;
}

/* ——— EDITORIAL ELEMENTS ——— */

/* Hairline separator */
.editorial-line {
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 80px auto;
}

/* Hairline fashion frame */
.hairline-frame {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hairline-frame:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

/* ——— MOTIF ACCENTS ——— */

.motif-icon {
  font-size: 2.4rem;
  opacity: 0.15;
  display: block;
  margin-bottom: 10px;
}

.ch-heart .motif-icon { color: #d46a6a; }
.mundus .motif-icon { color: #6a6ad4; }
.bitbloom .motif-icon { color: #4a8f6a; }
.dur-moll .motif-icon { color: #333; }

/* Motif editorial card */
.motif-card {
  border: 0.5px solid rgba(0,0,0,0.18);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.motif-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,0,0,0.35);
}

.motif-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 20px auto 0;
  background: currentColor;
  opacity: 0.4;
}

/* Motif color mapping */
.ch-heart { color: #d46a6a; }
.mundus { color: #6a6ad4; }
.bitbloom { color: #4a8f6a; }
.dur-moll { color: #333; }

/* ——— SOFT BEIGE CARDS ——— */

.beige-card {
  background: #faf8f5;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 32px;
}

.beige-card:hover {
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 18px rgba(0,0,0,0.06);
}
}
#fw-section-custom-html-f974b8cf-a64e-4891-b794-21e899332084 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #b3c1c1;
--color-background-rgb: 179, 193, 193;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 189;
background-color: var(--color-background);
color: var(--color-on-background);
/* ——— GLOBAL TYPOGRAPHY ——— */

body {
  font-family: "Calibri", "Bodoni Moda", serif;
  background: #f7f5f2;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}

/* Headlines */
h1, h2, h3 {
  font-family: "Calibri", "Bodoni Moda", serif;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

/* H1 — Hero */
h1 {
  font-size: 3rem;
  margin-bottom: 12px;
}

/* H2 — Section Titles */
h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

/* H3 — Subtitles */
h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

/* Body text */
p {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.85;
}

/* Editorial label */
.editorial-label {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.85rem;
  opacity: 0.55;
}

/* ——— EDITORIAL ELEMENTS ——— */

/* Hairline separator */
.editorial-line {
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 80px auto;
}

/* Hairline fashion frame */
.hairline-frame {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hairline-frame:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

/* ——— MOTIF ACCENTS ——— */

.motif-icon {
  font-size: 2.4rem;
  opacity: 0.15;
  display: block;
  margin-bottom: 10px;
}

.ch-heart .motif-icon { color: #d46a6a; }
.mundus .motif-icon { color: #6a6ad4; }
.bitbloom .motif-icon { color: #4a8f6a; }
.dur-moll .motif-icon { color: #333; }

/* Motif editorial card */
.motif-card {
  border: 0.5px solid rgba(0,0,0,0.18);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.motif-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,0,0,0.35);
}

.motif-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 20px auto 0;
  background: currentColor;
  opacity: 0.4;
}

/* Motif color mapping */
.ch-heart { color: #d46a6a; }
.mundus { color: #6a6ad4; }
.bitbloom { color: #4a8f6a; }
.dur-moll { color: #333; }

/* ——— SOFT BEIGE CARDS ——— */

.beige-card {
  background: #faf8f5;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 32px;
}

.beige-card:hover {
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 18px rgba(0,0,0,0.06);
}
}
#fw-section-custom-html-904839a3-81bf-43d0-b66a-e4b7fe2d3600 {

/* ——— GLOBAL TYPOGRAPHY ——— */

body {
  font-family: "Calibri", "Bodoni Moda", serif;
  background: #f7f5f2;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}

/* Headlines */
h1, h2, h3 {
  font-family: "Calibri", "Bodoni Moda", serif;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

/* H1 — Hero */
h1 {
  font-size: 3rem;
  margin-bottom: 12px;
}

/* H2 — Section Titles */
h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

/* H3 — Subtitles */
h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

/* Body text */
p {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.85;
}

/* Editorial label */
.editorial-label {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.85rem;
  opacity: 0.55;
}

/* ——— EDITORIAL ELEMENTS ——— */

/* Hairline separator */
.editorial-line {
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 80px auto;
}

/* Hairline fashion frame */
.hairline-frame {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hairline-frame:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

/* ——— MOTIF ACCENTS ——— */

.motif-icon {
  font-size: 2.4rem;
  opacity: 0.15;
  display: block;
  margin-bottom: 10px;
}

.ch-heart .motif-icon { color: #d46a6a; }
.mundus .motif-icon { color: #6a6ad4; }
.bitbloom .motif-icon { color: #4a8f6a; }
.dur-moll .motif-icon { color: #333; }

/* Motif editorial card */
.motif-card {
  border: 0.5px solid rgba(0,0,0,0.18);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.motif-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,0,0,0.35);
}

.motif-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 20px auto 0;
  background: currentColor;
  opacity: 0.4;
}

/* Motif color mapping */
.ch-heart { color: #d46a6a; }
.mundus { color: #6a6ad4; }
.bitbloom { color: #4a8f6a; }
.dur-moll { color: #333; }

/* ——— SOFT BEIGE CARDS ——— */

.beige-card {
  background: #faf8f5;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 32px;
}

.beige-card:hover {
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 18px rgba(0,0,0,0.06);
}
}
#fw-section-custom-html-48f28046-157e-4c99-83ca-99eb4798f0f3 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #b3c1c1;
--color-background-rgb: 179, 193, 193;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 189;
background-color: var(--color-background);
color: var(--color-on-background);
/* ——— GLOBAL TYPOGRAPHY ——— */

body {
  font-family: "Calibri", "Bodoni Moda", serif;
  background: #f7f5f2;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}

/* Headlines */
h1, h2, h3 {
  font-family: "Calibri", "Bodoni Moda", serif;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.5px;
}

/* H1 — Hero */
h1 {
  font-size: 3rem;
  margin-bottom: 12px;
}

/* H2 — Section Titles */
h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

/* H3 — Subtitles */
h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

/* Body text */
p {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.85;
}

/* Editorial label */
.editorial-label {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 0.85rem;
  opacity: 0.55;
}

/* ——— EDITORIAL ELEMENTS ——— */

/* Hairline separator */
.editorial-line {
  width: 60%;
  height: 1px;
  background: rgba(0,0,0,0.15);
  margin: 80px auto;
}

/* Hairline fashion frame */
.hairline-frame {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.45px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hairline-frame:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

/* ——— MOTIF ACCENTS ——— */

.motif-icon {
  font-size: 2.4rem;
  opacity: 0.15;
  display: block;
  margin-bottom: 10px;
}

.ch-heart .motif-icon { color: #d46a6a; }
.mundus .motif-icon { color: #6a6ad4; }
.bitbloom .motif-icon { color: #4a8f6a; }
.dur-moll .motif-icon { color: #333; }

/* Motif editorial card */
.motif-card {
  border: 0.5px solid rgba(0,0,0,0.18);
  border-radius: 18px;
  padding: 40px 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.motif-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,0,0,0.35);
}

.motif-card::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 20px auto 0;
  background: currentColor;
  opacity: 0.4;
}

/* Motif color mapping */
.ch-heart { color: #d46a6a; }
.mundus { color: #6a6ad4; }
.bitbloom { color: #4a8f6a; }
.dur-moll { color: #333; }

/* ——— SOFT BEIGE CARDS ——— */

.beige-card {
  background: #faf8f5;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 32px;
}

.beige-card:hover {
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 18px rgba(0,0,0,0.06);
}
}

#fw-section-custom-html-673897bc-069a-403a-b154-4300685e5a31 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-ead4d6ac-ddd6-4e80-b2ad-c9e38afa422f {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-8a85a39d-44f4-4d2d-8ab4-71695bcacb69 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-3616c276-1b4e-43a8-9991-2d7d9033bb4d {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-e7a0784f-9501-4987-ae4f-c9dc42758b8e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}




#fw-section-custom-html-bc5a4d4f-6c99-4f59-80d4-30d5cea88fa2 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-b746ada7-04bc-48e4-a67c-85797e6e47e7 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-ec4fd1a0-0d31-4d59-a935-e990fe886dff {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-5d18b040-9308-4800-9977-e6a02389dd47 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-64fc0e45-ae81-4961-9204-699f44ef53ce {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-8b1debe5-8b8e-4f84-9905-79d7b7d79011 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d326cc4d-c141-425a-a0ca-800c639f6fc6 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-fefe824f-630f-4bbc-9a61-85d998ad3054 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-c893af58-a7ee-4c0f-a4b4-b7f0e73dd11e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-f604ed52-4bbd-4fd6-ba41-09f11815c564 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-3a837e0f-debe-437d-ac4a-67a98a00637c {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-6f6e49e3-ed52-4e22-ba3e-035a68096d9e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-6818c917-4928-4f71-a7aa-f961366a729b {

img {
  width: 25%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-custom-html-ddd2835f-afe3-410d-ad78-a37ac99e73dd {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-d81c864b-6415-4387-9387-8ce57dfcaaa7 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #e9f3ec;
--color-background-rgb: 233, 243, 236;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-b7f4526d-6fae-4b78-b597-d7d5902d50c2 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-96e7ffcb-3f94-4c6d-9477-a429ebec6d20 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-9ff50317-3566-4229-928b-491d6a76e6c1 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #e9f3ec;
--color-background-rgb: 233, 243, 236;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-f329b74e-35b3-4023-aa06-b53fcf29fb8e {

img {
  width: 25%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}










#fw-section-custom-html-4f143be8-31e1-4740-8656-d623afea7ff7 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-b98cbe73-9015-4cde-aa81-78fff6a61184 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-d1e35e5a-db73-4014-a980-edef7867ac66 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-51a75cb3-f12d-498c-910a-95bad51e1cc3 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-text-blocks-699fc385-e0fc-4018-88d6-e8944074ca44 {
--font-heading-scale: 1.0;
--font-body-scale: 0.96;
}
#fw-section-custom-html-ccbf8bb7-623d-4858-94fb-b93e905eccf5 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-9793d013-64e4-419d-8284-d3f5927782cb {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-18c2091b-8707-4b3b-8251-b8a1e27c8d27 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-94b4cd32-23eb-494b-b008-8b4ef7891f74 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-links-list-58b31e3d-5a33-46da-b885-b9fcb0034c5d {
--color-primary: #1a2a6c;
--color-primary-rgb: 26, 42, 108;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-9f7e3189-4a7d-4b76-8f42-89367b469a3c {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-c951d368-b7c8-4135-a12e-d832b1e93c89 {

.cta-block {
  text-align: center;
  padding: 1em;
  margin: 1.5em 0;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  font-size: 1.2em;
}

.cta-link {
  font-weight: bold;
  text-decoration: none;
}

.cta-block.playful {
  background: #fdf6e3;
  color: #333;
}

.cta-block.playful .cta-link {
  color: #d35400;
}

.cta-block.academic {
  background: #eef2f7;
  color: #2c3e50;
  font-family: Georgia, serif;
}

.cta-block.academic .cta-link {
  color: #2980b9;
}

.cta-block.minimalist {
  background: transparent;
  color: #000;
}

.cta-block.minimalist .cta-link {
  color: #000;
  text-decoration: underline;
}

.cta-block.shop {
  background: #fff3e0;
  border: 1px solid #f39c12;
  color: #e67e22;
}

.cta-block.shop .cta-link {
  color: #c0392b;
}
}


#fw-section-custom-html-04803c1b-ef25-4884-bbba-8550e66c7df0 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-4bca8bbb-03f5-44f3-bbb2-ad790cafc65e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-links-list-33b88882-cb84-4a13-9315-fab201b508ed {
--color-primary: #209557;
--color-primary-rgb: 32, 149, 87;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-9dea89c3-2bcf-4e20-a02b-c924f889c075 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-5f20ffa2-fdb5-4b0b-a7d7-99e01200242c {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-5570e3d5-ad11-426d-86f0-483d3c9479cd {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-173d368b-0fec-4aba-bc4d-d2e95fd952ce {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-cb9bced8-ace9-463e-a7dc-7539912bfb05 {

.fw-module {
  margin-bottom: 1.6rem;
}

.fw-module h3 {
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}

.hero-line {
  font-size: 1.15rem;
  font-style: italic;
  letter-spacing: 0.01em;
}
}

#fw-section-custom-html-b8252421-5e46-4bc9-b7b9-ee5e9f01088f {

img {
  width: 25%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}

#fw-section-custom-html-1d598a4c-c81f-4c46-ab05-fef2854fbbbf {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-ac9c770a-7f29-41da-a3d0-8ad0986289cd {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #e9f3ec;
--color-background-rgb: 233, 243, 236;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-fa8b4718-0187-4757-8067-dc5cf14a7328 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-82021e4c-8075-4f3b-9e9d-2d5ea842d70d {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #afd7e7;
--color-background-rgb: 175, 215, 231;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 205;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-image-with-text-546e8d3c-5ac7-4f76-8663-2629f1e75933 {

img {
  width: 50%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-custom-html-8ec6bbae-3799-419b-a10f-58187f59bb75 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-f814367b-c4f6-44d3-8073-2a65ff0e668a {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #e9f3ec;
--color-background-rgb: 233, 243, 236;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-custom-html-7e2367a3-b052-45dc-885f-60bec344a287 {

img {
  width: 25%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}










#fw-section-custom-html-4ed48521-956a-4d12-8d4d-c80701d263f7 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-4eb85006-0342-4b37-a2f0-071bdc2284d9 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d97c6048-ec20-4649-afef-9d97951892f3 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-abb203fa-560d-41be-8d3b-fccef062ca4b {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-c0806f3c-4162-4654-9ced-9193ce01a08b {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-21e633ec-ad26-4bf6-b574-57478d7c947e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d42065cf-961a-4561-a138-63c12b5aef32 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-d01431d1-df0a-4ecf-8ea6-ae9594feb14d {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-10af0bca-6720-4f5f-9041-5cf8fe4180d2 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-1c7e5530-fc82-4d97-b10d-c234fd613fff {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-22d90aa8-a988-4ae6-b6a3-8f06d29611ce {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-35928099-bdb2-4fae-9bff-dfa10e50fd9a {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-427d3ef6-d1ea-49a4-b7ff-ea2d5add557a {

img {
  width: 100%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-custom-html-4e8d37f8-5d68-4d7f-ab26-7d99ea64532f {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-17647f2a-32ca-4efe-a2c2-ad6c5c78c12e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-announcement-bar-668f30cb-5883-434d-a779-217e3f88e65d {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-image-with-text-55da85eb-eae8-464b-9e1c-e0e6b54fd9fe {

img {
  width: 75%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}
#fw-section-custom-html-a162a71f-58b3-4ccb-9788-5bdf88804f79 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-de54aa77-bc09-4cd3-bab5-59df2dea928e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-3dfb8f08-bf72-4bd6-b0bd-a04f2b153646 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-d7f7ec35-c612-43cb-a4d8-986c6bdf7ee0 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
.fat-green-line {
  border: none;            /* remove default line */
  height: 4px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}




#fw-section-custom-html-bde19ee8-29d3-468c-9b1c-a5ef28fdc77e {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-51b7631f-bca4-4da4-a240-0033ebe6d6cf {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-announcement-bar-6b8b8dbd-bf88-495d-9942-01c2a1379570 {
--color-primary: #209557;
--color-primary-rgb: 32, 149, 87;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-a15298d7-aa61-4b2d-a5fa-18644e1e9638 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-b2cff26c-cac5-42f6-849c-12874295376b {
--color-primary: #862785;
--color-primary-rgb: 134, 39, 133;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-f557f45f-ccda-41aa-858b-a743ad531556 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-image-with-text-21e9bea0-f72c-4647-8226-588ecde883e0 {
--color-primary: #afd7e7;
--color-primary-rgb: 175, 215, 231;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
img {
  width: 75%; /* or use a fixed value like 300px */
  height: auto; /* maintains aspect ratio */
}
}

#fw-section-custom-html-d334f172-7fcb-48ec-b739-c528ded81934 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-54ddd866-5eee-4b90-96f2-12d33215e036 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-9a2e2f27-fcf8-44fc-bb5f-ef25e19be5aa {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-1cb60208-46bf-47d4-8413-a03884041db3 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-links-list-9f886789-6647-4239-8a68-de26278d764c {
--color-primary: #fc6800;
--color-primary-rgb: 252, 104, 0;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-links-list-a3f1db5f-4050-44c3-ad29-ea1c73ba88e8 {
--color-primary: #2a603b;
--color-primary-rgb: 42, 96, 59;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-ad9a5e4f-250c-4cd3-9d49-08c70a18c92d {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-custom-html-533cb80b-58b6-476f-b968-1915055c42bf {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}

#fw-section-newsletter-1739052329 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #d7dcd7;
--color-background-rgb: 215, 220, 215;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 218;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-0a64f6d0-72f3-480e-a28f-1af5b5fe1721 {

.wear-your-story {
  border: 0.3px solid rgba(0,0,0,0.18);
  padding: 26px 34px;
  border-radius: 18px;
  background: transparent;
  text-align: center;

  font-family: "Calibri", "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.5px;
  line-height: 1.15;
  color: #1a1a1a;

  max-width: 900px;
  margin: 0 auto;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.wear-your-story:hover {
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 0 18px rgba(0,0,0,0.05);
}

.wear-your-story::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin: 18px auto 0;
  background: rgba(0,0,0,0.35);
  opacity: 0.4;
}
}
#fw-section-custom-html-b58279c7-663c-4e46-ad37-337665b7379e {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}


#fw-section-custom-html-40eaa733-1327-457b-bba4-af23238ba34a {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}
#fw-section-custom-html-4f94c557-2be5-4b00-96f5-c3e25b261782 {

.motif-arrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 0.5px;
  opacity: 0.75;
  transition: opacity 0.2s ease;
  color: inherit;
}

.motif-arrow:hover {
  opacity: 1;
}

.arrow-symbol {
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  transform: translateY(-1px);
}
}

#fw-section-custom-html-9b2a36fb-a690-4a4e-b1e8-6234c5e15217 {

.fat-green-line {
  border: none;            /* remove default line */
  height: 8px;             /* thickness of the line */
  background-color: #00aa00; /* green color */
  margin: 20px 0;          /* spacing above/below */
  width: 100%;             /* full width (or set e.g. 70%) */
}
}







#fw-section-custom-html-36a3240b-7be7-44bb-b1c1-d0174d2a349c {

/* Global Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Georgia', serif;
  color: #2c3e35;
  line-height: 1.6;
  background: #ffffff;
}

/* Promo Banner */
.promo-banner {
  background: linear-gradient(135deg, #d4a574 0%, #c9956e 100%);
  color: white;
  text-align: center;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.promo-banner strong {
  font-size: 16px;
  margin: 0 8px;
}

/* Navigation */
nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background: #f8f5f2;
  border-bottom: 1px solid #e0d5c7;
}

.logo {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #2c3e35;
}

.nav-links {
  display: flex;
  gap: 30px;
  list-style: none;
}

.nav-links a {
  color: #2c3e35;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s;
}

.nav-links a:hover {
  color: #d4a574;
}

.nav-icons {
  display: flex;
  gap: 20px;
}

/* Hero Section */
.hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
  background: linear-gradient(135deg, #f8f5f2 0%, #e8e3dc 100%);
}

.hero-content {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-subtitle {
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #8b7355;
  margin-bottom: 20px;
}

.hero-title {
  font-size: 52px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 24px;
  color: #2c3e35;
}

.hero-title strong {
  font-weight: 700;
}

.hero-description {
  font-size: 18px;
  color: #5a6b5d;
  margin-bottom: 40px;
  max-width: 500px;
}

.hero-ctas {
  display: flex;
  gap: 16px;
}

.btn-primary {
  background: #2c3e35;
  color: white;
  padding: 16px 40px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
}

.btn-primary:hover {
  background: #1a2420;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.btn-secondary {
  background: transparent;
  color: #2c3e35;
  padding: 16px 40px;
  border: 2px solid #2c3e35;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
}

.btn-secondary:hover {
  background: #2c3e35;
  color: white;
}

.hero-features {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  font-size: 13px;
  color: #5a6b5d;
}

.hero-feature {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hero-image {
  background: #d4c5b3;
  background-size: cover;
  background-position: center;
}

/* Trust Badges */
.trust-badges {
  padding: 30px 60px;
  background: white;
  display: flex;
  justify-content: center;
  gap: 60px;
  border-bottom: 1px solid #e0d5c7;
}

.trust-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.trust-icon {
  width: 48px;
  height: 48px;
  background: #f8f5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.trust-text {
  font-size: 13px;
  color: #5a6b5d;
  font-weight: 600;
}

/* Featured Products */
.featured-products {
  padding: 80px 60px;
  background: white;
}

.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-title {
  font-size: 36px;
  margin-bottom: 12px;
  font-weight: 400;
}

.section-subtitle {
  font-size: 16px;
  color: #5a6b5d;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.product-card {
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s;
}

.product-card:hover {
  transform: translateY(-8px);
}

.product-image {
  width: 100%;
  aspect-ratio: 3/4;
  background: #f8f5f2;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.product-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #d4a574;
  color: white;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}

.product-name {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 600;
}

.product-price {
  font-size: 18px;
  color: #2c3e35;
  font-weight: 700;
}

.product-price span {
  text-decoration: line-through;
  color: #999;
  font-weight: 400;
  margin-right: 8px;
}

/* Why Choose Us */
.why-choose {
  padding: 80px 60px;
  background: #f8f5f2;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 40px;
}

.feature-box {
  text-align: center;
  padding: 40px 30px;
  background: white;
  border-radius: 8px;
}

.feature-icon {
  width: 80px;
  height: 80px;
  background: #f8f5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  font-size: 36px;
}

.feature-title {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 600;
}

.feature-description {
  font-size: 14px;
  color: #5a6b5d;
  line-height: 1.8;
}

/* Featured Collection */
.featured-collection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
}

.collection-image {
  background: #c9b8a3;
  background-size: cover;
  background-position: center;
}

.collection-content {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #2c3e35;
  color: white;
}

.collection-tag {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #d4a574;
  margin-bottom: 16px;
}

.collection-title {
  font-size: 42px;
  margin-bottom: 20px;
  font-weight: 400;
}

.collection-description {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 32px;
  opacity: 0.9;
}

/* Instagram */
.instagram-section {
  padding: 80px 60px;
  background: white;
}

.instagram-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}

.instagram-post {
  aspect-ratio: 1;
  background: #f8f5f2;
  cursor: pointer;
  transition: transform 0.3s;
}

.instagram-post:hover {
  transform: scale(1.05);
}

/* Newsletter */
.newsletter {
  padding: 80px 60px;
  background: #f8f5f2;
  text-align: center;
}

.newsletter-form {
  max-width: 500px;
  margin: 40px auto 0;
  display: flex;
  gap: 12px;
}

.newsletter-input {
  flex: 1;
  padding: 16px 24px;
  border: 2px solid #2c3e35;
  font-size: 15px;
  background: white;
}

.newsletter-input:focus {
  outline: none;
  border-color: #d4a574;
}

/* Footer */
footer {
  padding: 60px 60px 30px;
  background: #2c3e35;
  color: white;
}

.footer-content {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 60px;
  margin-bottom: 40px;
}

.footer-brand {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}

.footer-description {
  font-size: 14px;
  opacity: 0.8;
  line-height: 1.8;
}

.footer-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.footer-links {
  list-style: none;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-links a {
  color: white;
  text-decoration: none;
  opacity: 0.8;
  font-size: 14px;
  transition: opacity 0.3s;
}

.footer-links a:hover {
  opacity: 1;
}

.footer-bottom {
  padding-top: 30px;
  border-top: 1px solid rgba(255,255,255,0.1);
  text-align: center;
  font-size: 13px;
  opacity: 0.7;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .hero {
    grid-template-columns: 1fr;
  }

  .hero-content {
    padding: 40px 20px;
  }

  .hero-title {
    font-size: 36px;
  }

  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .features-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .featured-collection {
    grid-template-columns: 1fr;
  }

  .instagram-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  nav {
    padding: 15px 20px;
  }

  .nav-links {
    display: none;
  }
}
}
#fw-section-custom-html-c64e5bc4-5f73-4a9b-b991-03330d5282d3 {

/* Global Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Georgia', serif;
  color: #2c3e35;
  line-height: 1.6;
  background: #ffffff;
}

/* Promo Banner */
.promo-banner {
  background: linear-gradient(135deg, #d4a574 0%, #c9956e 100%);
  color: white;
  text-align: center;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.promo-banner strong {
  font-size: 16px;
  margin: 0 8px;
}

/* Navigation */
nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background: #f8f5f2;
  border-bottom: 1px solid #e0d5c7;
}

.logo {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #2c3e35;
}

.nav-links {
  display: flex;
  gap: 30px;
  list-style: none;
}

.nav-links a {
  color: #2c3e35;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s;
}

.nav-links a:hover {
  color: #d4a574;
}

.nav-icons {
  display: flex;
  gap: 20px;
}

/* Hero Section */
.hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
  background: linear-gradient(135deg, #f8f5f2 0%, #e8e3dc 100%);
}

.hero-content {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-subtitle {
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #8b7355;
  margin-bottom: 20px;
}

.hero-title {
  font-size: 52px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 24px;
  color: #2c3e35;
}

.hero-title strong {
  font-weight: 700;
}

.hero-description {
  font-size: 18px;
  color: #5a6b5d;
  margin-bottom: 40px;
  max-width: 500px;
}

.hero-ctas {
  display: flex;
  gap: 16px;
}

.btn-primary {
  background: #2c3e35;
  color: white;
  padding: 16px 40px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
}

.btn-primary:hover {
  background: #1a2420;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.btn-secondary {
  background: transparent;
  color: #2c3e35;
  padding: 16px 40px;
  border: 2px solid #2c3e35;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
}

.btn-secondary:hover {
  background: #2c3e35;
  color: white;
}

.hero-features {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  font-size: 13px;
  color: #5a6b5d;
}

.hero-feature {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hero-image {
  background: #d4c5b3;
  background-size: cover;
  background-position: center;
}

/* Trust Badges */
.trust-badges {
  padding: 30px 60px;
  background: white;
  display: flex;
  justify-content: center;
  gap: 60px;
  border-bottom: 1px solid #e0d5c7;
}

.trust-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.trust-icon {
  width: 48px;
  height: 48px;
  background: #f8f5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.trust-text {
  font-size: 13px;
  color: #5a6b5d;
  font-weight: 600;
}

/* Featured Products */
.featured-products {
  padding: 80px 60px;
  background: white;
}

.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-title {
  font-size: 36px;
  margin-bottom: 12px;
  font-weight: 400;
}

.section-subtitle {
  font-size: 16px;
  color: #5a6b5d;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.product-card {
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s;
}

.product-card:hover {
  transform: translateY(-8px);
}

.product-image {
  width: 100%;
  aspect-ratio: 3/4;
  background: #f8f5f2;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.product-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #d4a574;
  color: white;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}

.product-name {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 600;
}

.product-price {
  font-size: 18px;
  color: #2c3e35;
  font-weight: 700;
}

.product-price span {
  text-decoration: line-through;
  color: #999;
  font-weight: 400;
  margin-right: 8px;
}

/* Why Choose Us */
.why-choose {
  padding: 80px 60px;
  background: #f8f5f2;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 40px;
}

.feature-box {
  text-align: center;
  padding: 40px 30px;
  background: white;
  border-radius: 8px;
}

.feature-icon {
  width: 80px;
  height: 80px;
  background: #f8f5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  font-size: 36px;
}

.feature-title {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 600;
}

.feature-description {
  font-size: 14px;
  color: #5a6b5d;
  line-height: 1.8;
}

/* Featured Collection */
.featured-collection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
}

.collection-image {
  background: #c9b8a3;
  background-size: cover;
  background-position: center;
}

.collection-content {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #2c3e35;
  color: white;
}

.collection-tag {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #d4a574;
  margin-bottom: 16px;
}

.collection-title {
  font-size: 42px;
  margin-bottom: 20px;
  font-weight: 400;
}

.collection-description {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 32px;
  opacity: 0.9;
}

/* Instagram */
.instagram-section {
  padding: 80px 60px;
  background: white;
}

.instagram-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}

.instagram-post {
  aspect-ratio: 1;
  background: #f8f5f2;
  cursor: pointer;
  transition: transform 0.3s;
}

.instagram-post:hover {
  transform: scale(1.05);
}

/* Newsletter */
.newsletter {
  padding: 80px 60px;
  background: #f8f5f2;
  text-align: center;
}

.newsletter-form {
  max-width: 500px;
  margin: 40px auto 0;
  display: flex;
  gap: 12px;
}

.newsletter-input {
  flex: 1;
  padding: 16px 24px;
  border: 2px solid #2c3e35;
  font-size: 15px;
  background: white;
}

.newsletter-input:focus {
  outline: none;
  border-color: #d4a574;
}

/* Footer */
footer {
  padding: 60px 60px 30px;
  background: #2c3e35;
  color: white;
}

.footer-content {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 60px;
  margin-bottom: 40px;
}

.footer-brand {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}

.footer-description {
  font-size: 14px;
  opacity: 0.8;
  line-height: 1.8;
}

.footer-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.footer-links {
  list-style: none;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-links a {
  color: white;
  text-decoration: none;
  opacity: 0.8;
  font-size: 14px;
  transition: opacity 0.3s;
}

.footer-links a:hover {
  opacity: 1;
}

.footer-bottom {
  padding-top: 30px;
  border-top: 1px solid rgba(255,255,255,0.1);
  text-align: center;
  font-size: 13px;
  opacity: 0.7;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .hero {
    grid-template-columns: 1fr;
  }

  .hero-content {
    padding: 40px 20px;
  }

  .hero-title {
    font-size: 36px;
  }

  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .features-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .featured-collection {
    grid-template-columns: 1fr;
  }

  .instagram-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  nav {
    padding: 15px 20px;
  }

  .nav-links {
    display: none;
  }
}
}
#fw-section-custom-html-19a03889-d957-4d51-872d-e94c6e2c0485 {

/* Global Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Georgia', serif;
  color: #2c3e35;
  line-height: 1.6;
  background: #ffffff;
}

/* Promo Banner */
.promo-banner {
  background: linear-gradient(135deg, #d4a574 0%, #c9956e 100%);
  color: white;
  text-align: center;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.promo-banner strong {
  font-size: 16px;
  margin: 0 8px;
}

/* Navigation */
nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background: #f8f5f2;
  border-bottom: 1px solid #e0d5c7;
}

.logo {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #2c3e35;
}

.nav-links {
  display: flex;
  gap: 30px;
  list-style: none;
}

.nav-links a {
  color: #2c3e35;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s;
}

.nav-links a:hover {
  color: #d4a574;
}

.nav-icons {
  display: flex;
  gap: 20px;
}

/* Hero Section */
.hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
  background: linear-gradient(135deg, #f8f5f2 0%, #e8e3dc 100%);
}

.hero-content {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-subtitle {
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #8b7355;
  margin-bottom: 20px;
}

.hero-title {
  font-size: 52px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 24px;
  color: #2c3e35;
}

.hero-title strong {
  font-weight: 700;
}

.hero-description {
  font-size: 18px;
  color: #5a6b5d;
  margin-bottom: 40px;
  max-width: 500px;
}

.hero-ctas {
  display: flex;
  gap: 16px;
}

.btn-primary {
  background: #2c3e35;
  color: white;
  padding: 16px 40px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
}

.btn-primary:hover {
  background: #1a2420;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.btn-secondary {
  background: transparent;
  color: #2c3e35;
  padding: 16px 40px;
  border: 2px solid #2c3e35;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
}

.btn-secondary:hover {
  background: #2c3e35;
  color: white;
}

.hero-features {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  font-size: 13px;
  color: #5a6b5d;
}

.hero-feature {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hero-image {
  background: #d4c5b3;
  background-size: cover;
  background-position: center;
}

/* Trust Badges */
.trust-badges {
  padding: 30px 60px;
  background: white;
  display: flex;
  justify-content: center;
  gap: 60px;
  border-bottom: 1px solid #e0d5c7;
}

.trust-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.trust-icon {
  width: 48px;
  height: 48px;
  background: #f8f5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.trust-text {
  font-size: 13px;
  color: #5a6b5d;
  font-weight: 600;
}

/* Featured Products */
.featured-products {
  padding: 80px 60px;
  background: white;
}

.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-title {
  font-size: 36px;
  margin-bottom: 12px;
  font-weight: 400;
}

.section-subtitle {
  font-size: 16px;
  color: #5a6b5d;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.product-card {
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s;
}

.product-card:hover {
  transform: translateY(-8px);
}

.product-image {
  width: 100%;
  aspect-ratio: 3/4;
  background: #f8f5f2;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.product-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #d4a574;
  color: white;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}

.product-name {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 600;
}

.product-price {
  font-size: 18px;
  color: #2c3e35;
  font-weight: 700;
}

.product-price span {
  text-decoration: line-through;
  color: #999;
  font-weight: 400;
  margin-right: 8px;
}

/* Why Choose Us */
.why-choose {
  padding: 80px 60px;
  background: #f8f5f2;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 40px;
}

.feature-box {
  text-align: center;
  padding: 40px 30px;
  background: white;
  border-radius: 8px;
}

.feature-icon {
  width: 80px;
  height: 80px;
  background: #f8f5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  font-size: 36px;
}

.feature-title {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 600;
}

.feature-description {
  font-size: 14px;
  color: #5a6b5d;
  line-height: 1.8;
}

/* Featured Collection */
.featured-collection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
}

.collection-image {
  background: #c9b8a3;
  background-size: cover;
  background-position: center;
}

.collection-content {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #2c3e35;
  color: white;
}

.collection-tag {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #d4a574;
  margin-bottom: 16px;
}

.collection-title {
  font-size: 42px;
  margin-bottom: 20px;
  font-weight: 400;
}

.collection-description {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 32px;
  opacity: 0.9;
}

/* Instagram */
.instagram-section {
  padding: 80px 60px;
  background: white;
}

.instagram-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}

.instagram-post {
  aspect-ratio: 1;
  background: #f8f5f2;
  cursor: pointer;
  transition: transform 0.3s;
}

.instagram-post:hover {
  transform: scale(1.05);
}

/* Newsletter */
.newsletter {
  padding: 80px 60px;
  background: #f8f5f2;
  text-align: center;
}

.newsletter-form {
  max-width: 500px;
  margin: 40px auto 0;
  display: flex;
  gap: 12px;
}

.newsletter-input {
  flex: 1;
  padding: 16px 24px;
  border: 2px solid #2c3e35;
  font-size: 15px;
  background: white;
}

.newsletter-input:focus {
  outline: none;
  border-color: #d4a574;
}

/* Footer */
footer {
  padding: 60px 60px 30px;
  background: #2c3e35;
  color: white;
}

.footer-content {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 60px;
  margin-bottom: 40px;
}

.footer-brand {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}

.footer-description {
  font-size: 14px;
  opacity: 0.8;
  line-height: 1.8;
}

.footer-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.footer-links {
  list-style: none;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-links a {
  color: white;
  text-decoration: none;
  opacity: 0.8;
  font-size: 14px;
  transition: opacity 0.3s;
}

.footer-links a:hover {
  opacity: 1;
}

.footer-bottom {
  padding-top: 30px;
  border-top: 1px solid rgba(255,255,255,0.1);
  text-align: center;
  font-size: 13px;
  opacity: 0.7;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .hero {
    grid-template-columns: 1fr;
  }

  .hero-content {
    padding: 40px 20px;
  }

  .hero-title {
    font-size: 36px;
  }

  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .features-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .featured-collection {
    grid-template-columns: 1fr;
  }

  .instagram-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  nav {
    padding: 15px 20px;
  }

  .nav-links {
    display: none;
  }
}
}
#fw-section-custom-html-6fd7e87a-50d2-4127-a9eb-37e90cea986d {

/* Global Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Georgia', serif;
  color: #2c3e35;
  line-height: 1.6;
  background: #ffffff;
}

/* Promo Banner */
.promo-banner {
  background: linear-gradient(135deg, #d4a574 0%, #c9956e 100%);
  color: white;
  text-align: center;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.promo-banner strong {
  font-size: 16px;
  margin: 0 8px;
}

/* Navigation */
nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background: #f8f5f2;
  border-bottom: 1px solid #e0d5c7;
}

.logo {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #2c3e35;
}

.nav-links {
  display: flex;
  gap: 30px;
  list-style: none;
}

.nav-links a {
  color: #2c3e35;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s;
}

.nav-links a:hover {
  color: #d4a574;
}

.nav-icons {
  display: flex;
  gap: 20px;
}

/* Hero Section */
.hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
  background: linear-gradient(135deg, #f8f5f2 0%, #e8e3dc 100%);
}

.hero-content {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-subtitle {
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #8b7355;
  margin-bottom: 20px;
}

.hero-title {
  font-size: 52px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 24px;
  color: #2c3e35;
}

.hero-title strong {
  font-weight: 700;
}

.hero-description {
  font-size: 18px;
  color: #5a6b5d;
  margin-bottom: 40px;
  max-width: 500px;
}

.hero-ctas {
  display: flex;
  gap: 16px;
}

.btn-primary {
  background: #2c3e35;
  color: white;
  padding: 16px 40px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
}

.btn-primary:hover {
  background: #1a2420;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.btn-secondary {
  background: transparent;
  color: #2c3e35;
  padding: 16px 40px;
  border: 2px solid #2c3e35;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
}

.btn-secondary:hover {
  background: #2c3e35;
  color: white;
}

.hero-features {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  font-size: 13px;
  color: #5a6b5d;
}

.hero-feature {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hero-image {
  background: #d4c5b3;
  background-size: cover;
  background-position: center;
}

/* Trust Badges */
.trust-badges {
  padding: 30px 60px;
  background: white;
  display: flex;
  justify-content: center;
  gap: 60px;
  border-bottom: 1px solid #e0d5c7;
}

.trust-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.trust-icon {
  width: 48px;
  height: 48px;
  background: #f8f5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.trust-text {
  font-size: 13px;
  color: #5a6b5d;
  font-weight: 600;
}

/* Featured Products */
.featured-products {
  padding: 80px 60px;
  background: white;
}

.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-title {
  font-size: 36px;
  margin-bottom: 12px;
  font-weight: 400;
}

.section-subtitle {
  font-size: 16px;
  color: #5a6b5d;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.product-card {
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s;
}

.product-card:hover {
  transform: translateY(-8px);
}

.product-image {
  width: 100%;
  aspect-ratio: 3/4;
  background: #f8f5f2;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.product-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #d4a574;
  color: white;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}

.product-name {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 600;
}

.product-price {
  font-size: 18px;
  color: #2c3e35;
  font-weight: 700;
}

.product-price span {
  text-decoration: line-through;
  color: #999;
  font-weight: 400;
  margin-right: 8px;
}

/* Why Choose Us */
.why-choose {
  padding: 80px 60px;
  background: #f8f5f2;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 40px;
}

.feature-box {
  text-align: center;
  padding: 40px 30px;
  background: white;
  border-radius: 8px;
}

.feature-icon {
  width: 80px;
  height: 80px;
  background: #f8f5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  font-size: 36px;
}

.feature-title {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 600;
}

.feature-description {
  font-size: 14px;
  color: #5a6b5d;
  line-height: 1.8;
}

/* Featured Collection */
.featured-collection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
}

.collection-image {
  background: #c9b8a3;
  background-size: cover;
  background-position: center;
}

.collection-content {
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #2c3e35;
  color: white;
}

.collection-tag {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #d4a574;
  margin-bottom: 16px;
}

.collection-title {
  font-size: 42px;
  margin-bottom: 20px;
  font-weight: 400;
}

.collection-description {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 32px;
  opacity: 0.9;
}

/* Instagram */
.instagram-section {
  padding: 80px 60px;
  background: white;
}

.instagram-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}

.instagram-post {
  aspect-ratio: 1;
  background: #f8f5f2;
  cursor: pointer;
  transition: transform 0.3s;
}

.instagram-post:hover {
  transform: scale(1.05);
}

/* Newsletter */
.newsletter {
  padding: 80px 60px;
  background: #f8f5f2;
  text-align: center;
}

.newsletter-form {
  max-width: 500px;
  margin: 40px auto 0;
  display: flex;
  gap: 12px;
}

.newsletter-input {
  flex: 1;
  padding: 16px 24px;
  border: 2px solid #2c3e35;
  font-size: 15px;
  background: white;
}

.newsletter-input:focus {
  outline: none;
  border-color: #d4a574;
}

/* Footer */
footer {
  padding: 60px 60px 30px;
  background: #2c3e35;
  color: white;
}

.footer-content {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 60px;
  margin-bottom: 40px;
}

.footer-brand {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}

.footer-description {
  font-size: 14px;
  opacity: 0.8;
  line-height: 1.8;
}

.footer-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.footer-links {
  list-style: none;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-links a {
  color: white;
  text-decoration: none;
  opacity: 0.8;
  font-size: 14px;
  transition: opacity 0.3s;
}

.footer-links a:hover {
  opacity: 1;
}

.footer-bottom {
  padding-top: 30px;
  border-top: 1px solid rgba(255,255,255,0.1);
  text-align: center;
  font-size: 13px;
  opacity: 0.7;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .hero {
    grid-template-columns: 1fr;
  }

  .hero-content {
    padding: 40px 20px;
  }

  .hero-title {
    font-size: 36px;
  }

  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .features-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .featured-collection {
    grid-template-columns: 1fr;
  }

  .instagram-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  nav {
    padding: 15px 20px;
  }

  .nav-links {
    display: none;
  }
}
}
#fw-section-custom-html-eb807204-f1c1-4154-9861-52e97f051ea9 {

.discount-badge {
  display: inline-block;
  background: #c0392b;   /* bold red background */
  color: #fff;           /* white text for contrast */
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em 0.5em;
  border-radius: 6px;    /* rounded corners for badge look */
  margin: 0 0.2em;
}
.cta-block {
  text-align: center;
  padding: 1em;
  margin: 1.5em 0;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  font-size: 1.2em;
}

.cta-link {
  font-weight: bold;
  text-decoration: none;
}

.cta-block.playful {
  background: #fdf6e3;
  color: #333;
}

.cta-block.playful .cta-link {
  color: #d35400;
}

.cta-block.academic {
  background: #eef2f7;
  color: #2c3e50;
  font-family: Georgia, serif;
}

.cta-block.academic .cta-link {
  color: #2980b9;
}

.cta-block.minimalist {
  background: transparent;
  color: #000;
}

.cta-block.minimalist .cta-link {
  color: #000;
  text-decoration: underline;
}

.cta-block.shop {
  background: #fff3e0;
  border: 1px solid #f39c12;
  color: #e67e22;
}

.cta-block.shop .cta-link {
  color: #c0392b;
}
}
#fw-section-custom-html-b0308310-c6dc-40fa-b77d-770f0e2c3af1 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #b8c3bd;
--color-background-rgb: 184, 195, 189;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 191;
background-color: var(--color-background);
color: var(--color-on-background);
.fashion-thin-frame {
  border: 0.5px solid rgba(0,0,0,0.22); /* ultra-thin editorial line */
  padding: 22px 30px;
  border-radius: 14px; /* soft, modern rounding */
  background: transparent;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.4px; /* fashion-mag spacing */
  line-height: 1.65;
  text-transform: none; /* keeps your natural tone */
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* Optional: subtle fashion-hover */
.fashion-thin-frame:hover {
  border-color: rgba(0,0,0,0.38);
  box-shadow: 0 0 12px rgba(0,0,0,0.06);
}
}

#fw-section-custom-html-4ba76b91-6ff0-4153-a643-08fae3cad366 {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #d7dcd7;
--color-background-rgb: 215, 220, 215;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 218;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-header {
--color-primary: #b50022;
--color-primary-rgb: 181, 0, 34;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);
/* Remove the entire header/navigation */
header,
.site-header,
.header-wrapper {
    display: none !important;
}

/* Remove any top padding/margins that the theme adds */
main,
.page-content,
#main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Make hero section fill the full viewport height */
.hero,
.hero-section,
.section-hero {
    min-height: 100vh !important;
    height: 100vh !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Optional: remove breadcrumbs or page titles if present */
.breadcrumbs,
.page-title {
    display: none !important;
}
}
#fw-section-announcement-bar-e94d9224-a66c-4022-8b59-599c359af8f6 {
--color-primary: #209557;
--color-primary-rgb: 32, 149, 87;
--color-background: #ccd2cd;
--color-background-rgb: 204, 210, 205;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #0B3D2E;
--color-on-background-rgb: 11, 61, 46;
--color-product-image-background: #b8c3bd;
--color-background-brightness: 208;
background-color: var(--color-background);
color: var(--color-on-background);

}