#fw-section-custom-html-cb746372-4bfc-4b95-8d4c-56087eef26a0 {

@media (max-width: 600px) {
  #searchResults {
    grid-template-columns: repeat(2, 1fr);
  }
}

}


#fw-section-custom-html-d5a94475-5304-43d6-a54d-f35a26be19a5 {
--color-primary: #0683d7;
--color-primary-rgb: 6, 131, 215;
--color-background: #693636;
--color-background-rgb: 105, 54, 54;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #2c3e50;
--color-on-background-rgb: 44, 62, 80;
--color-product-image-background: #2c3e50;
--color-background-brightness: 69;
background-color: var(--color-background);
color: var(--color-on-background);

}






#fw-section-custom-html-e69e687a-7000-452a-8496-a754315faf00 {

@media (max-width: 600px) {
  #searchResults {
    grid-template-columns: repeat(2, 1fr);
  }
}

}
#fw-section-custom-html-e54b274f-7381-42d7-8d40-61f3d501ffa5 {

@media (max-width: 600px) {
  #searchResults {
    grid-template-columns: repeat(2, 1fr);
  }
}

}
#fw-section-custom-html-c900b099-0d7c-4b27-aae1-a650381bcc82 {

@media (max-width: 600px) {
  #searchResults {
    grid-template-columns: repeat(2, 1fr);
  }
}

}
#fw-section-custom-html-abdb7844-1321-4650-a1e9-be94812999e5 {

@media (max-width: 600px) {
  #searchResults {
    grid-template-columns: repeat(2, 1fr);
  }
}

}
#fw-section-custom-html-8a3db336-7ad6-4f31-b4c4-a33e8e8e67f0 {

@media (max-width: 600px) {
  #searchResults {
    grid-template-columns: repeat(2, 1fr);
  }
}

}

#fw-section-custom-html-c16f5827-dcef-424d-8be1-07637ef909b6 {

@media (max-width: 600px) {
  #searchResults {
    grid-template-columns: repeat(2, 1fr);
  }
}

}
#fw-section-custom-html-261c3694-a318-461c-8c3e-e53d9ac0b2cc {

        .searchbox {
          --target-size: 48px;
          --box-height: var(--target-size);
          --border-width: 2px;
          --border-radius: calc(var(--box-height) / 2);
          height: var(--box-height);
        }

        .searchbox input[type="search"] {
          border: var(--border-width) solid var(--dark-gray);
          border-radius: var(24px);
          height: 100%;
        }
}
#fw-section-custom-html-41b155c8-0b43-4cc4-ac2f-6a3fd0aad4ab {

.centering-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 5vh;
  width: 100%;
}

.form-container {
  width: 100%;
  max-width: 750px;
}

form {
  display: flex;
  align-items: center;
  gap: 10px;
}

input[type="text"],
input[type="email"] {
  padding: 10px 15px; /* Default desktop padding */
  border: 2px solid #e0e0e0;
  border-radius: 25px;
  font-size: 16px;
  outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus {
  border-color: #007bff;
}

button[type="submit"] {
  padding: 10px 20px; /* Default desktop padding */
  background-color: transparent;
  border: 2px solid #007bff;
  border-radius: 25px;
  color: #007bff;
  font-size: 16px;
  cursor: pointer;
  outline: none;
}

button[type="submit"]:hover {
  background-color: #e6f0ff;
}

/* Media Query for Mobile Devices */
@media (max-width: 600px) {
  form {
    flex-direction: column;
    align-items: stretch;
  }

  input[type="text"],
  input[type="email"],
  button[type="submit"] {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 10px; /* Mobile padding: vertical, horizontal */
  }
}
}






































#fw-section-custom-html-3b193ea5-8e4d-4000-b887-9415060ac894 {

@media (max-width: 600px) {
  #searchResults {
    grid-template-columns: repeat(2, 1fr);
  }
}

}

#fw-section-collections-list-2e1deb35-e4b3-4e10-aed3-dd71a7a34d38 {

img:hover {
  opacity: 0.8; /* Adjust opacity value as needed */
  transition: opacity 0.2s ease-in-out; /* Add smooth transition */
}
}







#fw-section-custom-html-8d3f8887-a304-467c-9435-94fb8bbe056a {

.centering-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 5vh;
  width: 100%;
}

.form-container {
  width: 100%;
  max-width: 800px;
}

form {
  display: flex;
  align-items: center;
  gap: 10px;
}

input[type="text"],
input[type="email"] {
  padding: 10px 15px; /* Default desktop padding */
  border: 2px solid #2c3e50;
  border-radius: 24px;
  font-size: 16px;
  outline: none;
  background-color: #ecf0f1; /* Background color for input fields */
}

input[type="text"]:focus,
input[type="email"]:focus {
  border-color: #2c3e50;
}

button[type="submit"] {
  padding: 10px 20px; /* Default desktop padding */
  background-color: #ecf0f1; /* Default background: light grey */
  border: 2px solid #0683d7; /* Default border: blue */
  border-radius: 25px;
  color: #0683d7; /* Default text color: blue */
  font-size: 16px;
  cursor: pointer;
  outline: none;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transitions for all properties */
}

button[type="submit"]:hover {
  background-color: #0683d7; /* Hover background: blue */
  border-color: #0683d7; /* Hover border: blue */
  color: #ecf0f1; /* Hover text color: light grey */
}

/* Media Query for Mobile Devices */
@media (max-width: 600px) {
  form {
    flex-direction: column;
    align-items: stretch;
  }

  input[type="text"],
  input[type="email"],
  button[type="submit"] {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 10px; /* Mobile padding: vertical, horizontal */
  }
}
}















#fw-section-links-list-80700033-2e9e-46bb-91e8-7522ddd24440 {
--color-primary: #0683d7;
--color-primary-rgb: 6, 131, 215;
--color-background: #ecf0f1;
--color-background-rgb: 236, 240, 241;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #2c3e50;
--color-on-background-rgb: 44, 62, 80;
--color-product-image-background: #2c3e50;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-custom-html-da05d404-6cf7-43ed-be15-a311ba91ad10 {

*,
*::before,
*::after {
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #ffffff;
}

.slider-container {
  width: 1200px;
  max-width: 90%;
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}

.image-before {
  clip-path: inset(0 50% 0 0);
  z-index: 2;
}

.image-after {
  z-index: 1;
}

.label {
  position: absolute;
  font-family: 'Rethink Sans', sans-serif;
  font-size: 22px;
  color: #ffffff;
  z-index: 5;
  background-color: #0683D7;
  padding: 6px 12px;
  border-radius: 8px;
}

.label-left {
  bottom: 20px;
  left: 20px;
}

.label-right {
  bottom: 20px;
  right: 20px;
}

.slider-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 6px;
  height: 100%;
  background-color: #ffffff;
  transform: translateX(-50%);
  z-index: 3;
}

.slider-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  pointer-events: none;
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  appearance: none;
  pointer-events: auto;
  background: transparent;
}

.slider::-webkit-slider-thumb {
  appearance: none;
  width: 0;
  height: 0;
}

.slider::-moz-range-thumb {
  width: 0;
  height: 0;
}

.slider::-ms-thumb {
  width: 0;
  height: 0;
}

.slider::-webkit-slider-runnable-track {
  background: transparent;
}

.slider::-moz-range-track {
  background: transparent;
}

.slider::-ms-track {
  background: transparent;
}

.slider:focus {
  outline: none;
}
}
#fw-section-instagram-feed-1731858477 {
--color-primary: #0683d7;
--color-primary-rgb: 6, 131, 215;
--color-background: #ecf0f1;
--color-background-rgb: 236, 240, 241;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #2c3e50;
--color-on-background-rgb: 44, 62, 80;
--color-product-image-background: #2c3e50;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);

}

















#fw-section-custom-html-99af38a1-a5d0-4281-9235-f21af5759483 {

*,
*::before,
*::after {
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #ffffff;
}

.slider-container {
  width: 1200px;
  max-width: 90%;
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}

.image-before {
  clip-path: inset(0 50% 0 0);
  z-index: 2;
}

.image-after {
  z-index: 1;
}

.label {
  position: absolute;
  font-family: 'Rethink Sans', sans-serif;
  font-size: 22px;
  color: #ffffff;
  z-index: 5;
  background-color: #0683D7;
  padding: 6px 12px;
  border-radius: 8px;
}

.label-left {
  bottom: 20px;
  left: 20px;
}

.label-right {
  bottom: 20px;
  right: 20px;
}

.slider-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 6px;
  height: 100%;
  background-color: #ffffff;
  transform: translateX(-50%);
  z-index: 3;
}

.slider-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  pointer-events: none;
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  appearance: none;
  pointer-events: auto;
  background: transparent;
}

.slider::-webkit-slider-thumb {
  appearance: none;
  width: 0;
  height: 0;
}

.slider::-moz-range-thumb {
  width: 0;
  height: 0;
}

.slider::-ms-thumb {
  width: 0;
  height: 0;
}

.slider::-webkit-slider-runnable-track {
  background: transparent;
}

.slider::-moz-range-track {
  background: transparent;
}

.slider::-ms-track {
  background: transparent;
}

.slider:focus {
  outline: none;
}
}