/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */ /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
@charset "UTF-8";
/*--------------------------------------*/
/* Colors
/*--------------------------------------*/
/* Spree green    */
/* Error red      */
/*--------------------------------------*/
/* Fonts import from remote
/*--------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/*--------------------------------------*/
/* Font families
/*--------------------------------------*/
/*--------------------------------------
  | Font sizes
  |--------------------------------------
  |- Navigation                         
  |                                    */
/*|------------------------------------
  |- Product Listing                         
  |                                  */
/*|------------------------------------
  |- Product Details
  |                                  */
/*|------------------------------------
  |- Basic
  |                                  */
/*--------------------------------------*/
/* MIS VARIABLES
/*--------------------------------------*/
/* Spree green    */
/* Error red      */
/* line 75, app/assets/stylesheets/spree/frontend/_variables.scss */
* {
  --clr-brand-primary: #e45353;
  --clr-bg-white: #fff;
  --clr-gray-100: #f3f4f6;
  --clr-gray-200: #e5e7eb;
  --clr-gray-300: #d1d5db;
  --clr-gray-400: #9ca3af;
  --clr-gray-500: #6b7280;
  --clr-gray-600: #4b5563;
  --clr-gray-700: #374151;
  --clr-link: #5900df;
  --clr-link-hover: #4d00c5;
}

/* ======================================================
   Layout: página de categoría / resultados de búsqueda
   ====================================================== */
/* line 5, app/assets/stylesheets/spree/frontend/_products.scss */
.container-search-products {
  display: grid;
  grid-template-columns: 268px minmax(0, 1fr);
  gap: 28px;
  margin: 28px auto 48px;
  max-width: 1320px;
  align-items: start;
}

/* line 14, app/assets/stylesheets/spree/frontend/_products.scss */
.filters-column,
.grid-products {
  min-width: 0;
}

/* line 17, app/assets/stylesheets/spree/frontend/_products.scss */
.grid-products {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ── Resultados no encontrados ── */
/* line 24, app/assets/stylesheets/spree/frontend/_products.scss */
.no-products-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 64px 24px;
  text-align: center;
  background: #fff;
  border-radius: 12px;
  border: 1.5px dashed #e2e4e8;
  color: #6b7280;
}

/* line 36, app/assets/stylesheets/spree/frontend/_products.scss */
.no-products-found svg {
  opacity: 0.45;
}

/* line 37, app/assets/stylesheets/spree/frontend/_products.scss */
.no-products-found p {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

/* line 38, app/assets/stylesheets/spree/frontend/_products.scss */
.no-products-found span {
  font-size: 0.8125rem;
  color: #9ca3af;
  margin: 0;
}

/* ── Search results header ── */
/* line 42, app/assets/stylesheets/spree/frontend/_products.scss */
.search-results-header h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111;
  margin: 0 0 4px;
}

/* ======================================================
   Grid de tarjetas de producto
   ====================================================== */
/* line 53, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}

/* ======================================================
   Tarjeta de producto  (.pc-card)
   ====================================================== */
/* line 63, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #eef0f3;
  overflow: hidden;
  transition: border-color 0.22s ease;
}

/* line 72, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card:hover {
  border-color: #d1d5db;
}

/* ── Imagen ── */
/* line 78, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__image-wrap {
  display: block;
  background: #f7f8fa;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

/* line 84, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__image-wrap img.pc-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 12px;
  transition: transform 0.3s ease;
}

/* line 92, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__image-wrap:hover img.pc-card__image {
  transform: scale(1.04);
}

/* ── Cuerpo ── */
/* line 98, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px 8px;
  flex: 1;
}

/* Breadcrumb de taxón */
/* line 107, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__taxon {
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9ca3af;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 118, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__taxon-sep {
  margin: 0 2px;
  opacity: 0.6;
}

/* Nombre del producto */
/* line 121, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.4em;
}

/* line 132, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__name a {
  color: #111827;
  text-decoration: none;
  transition: color 0.15s;
}

/* line 136, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__name a:hover {
  color: var(--clr-link, #df0000);
}

/* Precio */
/* line 141, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__price {
  font-size: 1rem;
  font-weight: 700;
  color: #111827;
  margin: 0;
}

/* Stock */
/* line 149, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__stock {
  font-size: 0.75rem;
  margin: 0;
  min-height: 1.2em;
}

/* line 154, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__stock--available {
  color: #16a34a;
  font-weight: 500;
}

/* line 158, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__stock--custom {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #2563eb;
  font-weight: 500;
}

/* Opciones */
/* line 167, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__options {
  margin-top: 2px;
}

/* line 169, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__colors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

/* line 176, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__color-dot {
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 183, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__color-dot.pc-card__color-dot--bordered {
  border: 1.5px solid #d1d5db;
}

/* line 188, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__color-more {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #6b7280;
  line-height: 1;
}

/* line 195, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__variant-label {
  font-size: 0.72rem;
  color: #6b7280;
  margin: 0;
}

/* line 200, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__variant-type {
  font-weight: 600;
  color: #374151;
  margin-right: 2px;
}

/* ── Footer / CTA ── */
/* line 207, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__footer {
  padding: 10px 14px 14px;
  margin-top: auto;
}

/* line 212, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 9px 16px;
  border-radius: 8px;
  background-color: var(--clr-link, #df0000);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: background-color 0.18s ease;
}

/* line 228, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__cta svg {
  flex-shrink: 0;
  transition: transform 0.18s ease;
}

/* line 230, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__cta:hover {
  background-color: var(--clr-link-hover, #aa0000);
}

/* line 232, app/assets/stylesheets/spree/frontend/_products.scss */
.pc-card__cta:hover svg {
  transform: translateX(3px);
}

/* ── Paginación ── */
/* line 237, app/assets/stylesheets/spree/frontend/_products.scss */
.pagination-container {
  display: flex;
  justify-content: center;
  padding: 24px 0 8px;
}

/* ======================================================
   Responsive
   ====================================================== */
@media (max-width: 900px) {
  /* line 248, app/assets/stylesheets/spree/frontend/_products.scss */
  .container-search-products {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 20px auto 32px;
  }
  /* line 253, app/assets/stylesheets/spree/frontend/_products.scss */
  .filter-container {
    display: none;
  }
}

@media (max-width: 480px) {
  /* line 257, app/assets/stylesheets/spree/frontend/_products.scss */
  .pc-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

/* Mantener compatibilidad con clases antiguas */
/* line 264, app/assets/stylesheets/spree/frontend/_products.scss */
.product-card {
  display: flex;
  flex-direction: column;
}

/* line 265, app/assets/stylesheets/spree/frontend/_products.scss */
.product-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 266, app/assets/stylesheets/spree/frontend/_products.scss */
.product-btn {
  margin-top: auto;
}

/* ======================================================
   Sidebar de filtros
   ====================================================== */
/* line 5, app/assets/stylesheets/spree/frontend/_filters.scss */
.filters-sidebar {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #eef0f3;
  padding: 20px 18px;
  position: sticky;
  top: 16px;
  font-size: 0.8125rem;
}

/* Contador de resultados */
/* line 16, app/assets/stylesheets/spree/frontend/_filters.scss */
.filters-sidebar .mb-4.text-sm {
  font-size: 0.8125rem;
  color: #6b7280;
  margin-bottom: 14px;
}

/* line 21, app/assets/stylesheets/spree/frontend/_filters.scss */
.filters-sidebar .mb-4.text-sm strong {
  font-size: 1rem;
  font-weight: 700;
  color: #111827;
}

/* Título "Filtros para X" */
/* line 29, app/assets/stylesheets/spree/frontend/_filters.scss */
.filters-sidebar > form > p.text-sm.font-bold {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 14px;
}

/* ── Sección de filtro (categorías, colores, etc.) ── */
/* line 39, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-section {
  border-bottom: 1px solid #f0f1f4;
  padding-bottom: 2px;
  margin-bottom: 4px;
}

/* line 44, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-section:last-child {
  border-bottom: none;
}

/* line 47, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 8px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.15s;
}

/* line 57, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-header:hover {
  background: #f7f8fa;
}

/* line 59, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-header p.text-base {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

/* line 66, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-header .toggle-icon {
  font-size: 0.625rem;
  color: #9ca3af;
  transition: transform 0.2s;
}

/* line 73, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-content {
  padding: 4px 4px 8px;
}

/* ── Items de categoría ── */
/* line 78, app/assets/stylesheets/spree/frontend/_filters.scss */
.category-item {
  padding: 2px 0;
}

/* line 81, app/assets/stylesheets/spree/frontend/_filters.scss */
.category-item a {
  font-size: 0.8rem;
  color: #374151;
  text-decoration: none;
  display: block;
  padding: 5px 8px;
  border-radius: 6px;
  transition: background 0.14s, color 0.14s;
}

/* line 90, app/assets/stylesheets/spree/frontend/_filters.scss */
.category-item a:hover {
  background: #fff1f1;
  color: var(--clr-link, #df0000);
}

/* line 95, app/assets/stylesheets/spree/frontend/_filters.scss */
.category-item a.font-bold {
  font-weight: 700;
  color: var(--clr-link, #df0000) !important;
  background: #fff1f1;
}

/* line 101, app/assets/stylesheets/spree/frontend/_filters.scss */
.category-item a span.text-gray-500 {
  color: #b0b5be;
  font-size: 0.7rem;
  font-weight: 400;
}

/* line 109, app/assets/stylesheets/spree/frontend/_filters.scss */
.toggle-subcategory {
  font-size: 0.55rem;
  color: #9ca3af;
  padding: 4px 6px;
  border-radius: 4px;
  transition: background 0.14s;
}

/* line 116, app/assets/stylesheets/spree/frontend/_filters.scss */
.toggle-subcategory:hover {
  background: #f0f1f4;
  color: #374151;
}

/* line 119, app/assets/stylesheets/spree/frontend/_filters.scss */
.subcategory-list {
  padding-left: 12px;
  border-left: 2px solid #f0f1f4;
  margin: 4px 0 4px 8px;
}

/* line 124, app/assets/stylesheets/spree/frontend/_filters.scss */
.subcategory-list a {
  font-size: 0.75rem;
  padding: 4px 8px;
}

/* ── Color dots en filtros ── */
/* line 131, app/assets/stylesheets/spree/frontend/_filters.scss */
.color-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px 0;
}

/* line 138, app/assets/stylesheets/spree/frontend/_filters.scss */
.color-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1.5px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: transform 0.14s;
  flex-shrink: 0;
}

/* line 147, app/assets/stylesheets/spree/frontend/_filters.scss */
.color-dot:hover {
  transform: scale(1.15);
}

/* line 152, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-grid {
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-height: 280px;
  overflow-y: auto;
  padding-right: 4px;
}

/* line 160, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-grid::-webkit-scrollbar {
  width: 4px;
}

/* line 161, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-grid::-webkit-scrollbar-track {
  background: #f7f8fa;
  border-radius: 2px;
}

/* line 162, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-grid::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 2px;
}

/* line 164, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-grid label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  padding: 4px 6px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.14s;
}

/* line 173, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-grid label:hover {
  background: #f7f8fa;
}

/* line 177, app/assets/stylesheets/spree/frontend/_filters.scss */
.size-input {
  width: 100%;
  height: 200px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 4px;
  font-size: 0.78rem;
  color: #374151;
}

/* line 186, app/assets/stylesheets/spree/frontend/_filters.scss */
.size-input option {
  padding: 5px 4px;
}

/* ── Botones de acción ── */
/* line 190, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-actions {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  padding: 0;
}

/* line 196, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-actions button {
  flex: 1;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  border: 1.5px solid transparent;
  transition: background 0.16s, color 0.16s;
}

/* line 207, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-actions .apply-filters {
  background: var(--clr-link, #df0000);
  color: #fff;
  border-color: var(--clr-link, #df0000);
}

/* line 212, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-actions .apply-filters:hover {
  background: var(--clr-link-hover, #aa0000);
}

/* line 216, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-actions .apply-filters:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  border-color: #e5e7eb;
  cursor: not-allowed;
  box-shadow: none;
}

/* line 225, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-actions .clear-filters {
  background: #fff;
  color: #6b7280;
  border-color: #e5e7eb;
}

/* line 230, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-actions .clear-filters:hover {
  background: #f7f8fa;
  color: #374151;
}

/* line 235, app/assets/stylesheets/spree/frontend/_filters.scss */
.filter-actions .clear-filters:disabled {
  color: #d1d5db;
  cursor: not-allowed;
}

/* ── Píldoras de filtros activos ── */
/* line 243, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}

/* line 249, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters .filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fff1f1;
  border: 1px solid #fecaca;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 0.72rem;
  font-weight: 500;
  color: #dc2626;
  transition: background 0.14s;
}

/* line 262, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters .filter-pill:hover {
  background: #fee2e2;
}

/* line 264, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters .filter-pill button {
  font-size: 0.85rem;
  line-height: 1;
  color: #dc2626;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  transition: opacity 0.14s;
}

/* line 274, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters .filter-pill button:hover {
  opacity: 0.7;
}

/* Estilo para píldoras de filtros activos */
/* line 280, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters {
  margin: 0 0 1rem;
}

/* line 283, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters .filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fff1f1;
  border: 1px solid #fecaca;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 0.72rem;
  font-weight: 500;
  color: #dc2626;
  transition: background 0.14s;
}

/* line 296, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters .filter-pill:hover {
  background: #fee2e2;
}

/* line 298, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters .filter-pill button {
  font-size: 0.85rem;
  line-height: 1;
  color: #dc2626;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  transition: opacity 0.14s;
}

/* line 307, app/assets/stylesheets/spree/frontend/_filters.scss */
.active-filters .filter-pill button:hover {
  opacity: 0.7;
}

/* Definiciones de variables CSS */
/* line 14, app/assets/stylesheets/spree/frontend/screen.css.scss */
:root {
  --clr-gray-100: #f8f9fa;
  --clr-bg-white: #ffffff;
  --clr-link: #df0000;
  --clr-link-hover: #aa0000;
  --clr-black: #171515;
  --clr-green: #19b219;
  --clr-green-light: #008000;
  --clr-green-dark: #006400;
  --clr-blue: #0000FF;
  --clr-blue-light: #b3b3e8;
  --clr-blue-dark: #000080;
  --clr-red: #FF0000;
  --clr-red-light: #FF0000;
  --clr-red-dark: #FF0000;
}

/* line 32, app/assets/stylesheets/spree/frontend/screen.css.scss */
body {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #404042;
  line-height: 18px;
  background-color: var(--clr-gray-100);
  -webkit-font-smoothing: antialiased;
}

/* line 42, app/assets/stylesheets/spree/frontend/screen.css.scss */
.home-page-shell {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* line 48, app/assets/stylesheets/spree/frontend/screen.css.scss */
.home-page-shell .headSwiper,
.home-page-shell .ushop-container {
  width: calc(100% - 32px);
  max-width: 1280px;
}

/* line 54, app/assets/stylesheets/spree/frontend/screen.css.scss */
.mw-1280 {
  max-width: 1280px;
}

/* line 58, app/assets/stylesheets/spree/frontend/screen.css.scss */
.ushop-container {
  max-width: 1280px;
  margin: 30px auto 10px auto;
}

/* line 63, app/assets/stylesheets/spree/frontend/screen.css.scss */
.home-page-shell .search-shell {
  margin: 0 auto;
}

/* line 67, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favourite-products-shell {
  padding: 16px !important;
  margin: 16px auto !important;
  border-radius: 12px;
}

/* line 73, app/assets/stylesheets/spree/frontend/screen.css.scss */
.bg-green {
  background-color: var(--clr-green);
}

/* line 76, app/assets/stylesheets/spree/frontend/screen.css.scss */
.direct-category {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 82, app/assets/stylesheets/spree/frontend/screen.css.scss */
.box-shadow {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 2px 0px;
}

/* line 86, app/assets/stylesheets/spree/frontend/screen.css.scss */
.bg-white {
  background-color: var(--clr-bg-white);
}

/* line 90, app/assets/stylesheets/spree/frontend/screen.css.scss */
.pg-20 {
  padding: 20px;
}

/* line 94, app/assets/stylesheets/spree/frontend/screen.css.scss */
.py-2 {
  padding: 4px;
}

/* line 98, app/assets/stylesheets/spree/frontend/screen.css.scss */
.bg-none {
  background-color: transparent !important;
}

/* line 102, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favourite-products-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

/* line 109, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favourite-products-header .favourite-swiper-pagination {
  position: static !important;
  width: auto !important;
  margin-left: auto;
}

/* line 115, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favouriteSwiper .swiper-pagination-bullet,
.favouriteSwiper .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  margin: 2px 6px !important;
  border-radius: 50%;
  opacity: 1;
  transform: none;
}

/* line 125, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favouriteSwiper .swiper-pagination-bullet {
  background: rgba(0, 87, 255, 0.22);
}

/* line 129, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favouriteSwiper .swiper-pagination-bullet-active {
  background: #0057ff;
}

/* line 133, app/assets/stylesheets/spree/frontend/screen.css.scss */
.product-image img {
  width: 100%;
}

/* line 137, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favouriteSwiper .swiper-slide {
  display: flex;
  height: auto;
}

/* line 142, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favourite-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 100%;
  height: 100%;
  width: 100%;
}

/* line 151, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favourite-product-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
}

/* line 158, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favourite-product-name {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 44px;
  color: var(--clr-black);
  font-weight: 500;
  line-height: 1.4;
}

/* line 170, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favourite-product-cta {
  margin-top: auto;
  width: 100%;
}

/* line 175, app/assets/stylesheets/spree/frontend/screen.css.scss */
.search-shell {
  max-width: 1280px;
  margin: 32px auto;
}

/* line 180, app/assets/stylesheets/spree/frontend/screen.css.scss */
.search-bar-container {
  gap: 16px;
  padding: 12px;
  background-color: white;
  border-radius: 14px;
  border: 1px solid rgba(23, 21, 21, 0.12);
}

/* line 188, app/assets/stylesheets/spree/frontend/screen.css.scss */
.search-button {
  min-width: 140px;
  min-height: 56px;
  padding: 0 24px;
  border: 1px solid var(--clr-link);
  border-radius: 14px;
  background-color: var(--clr-link);
  color: var(--clr-bg-white);
  font-weight: 600;
}

/* line 199, app/assets/stylesheets/spree/frontend/screen.css.scss */
.search-button:hover {
  background-color: var(--clr-link-hover);
}

/* ── Encabezado de taxón / categoría ── */
/* line 204, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

/* line 212, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-header__title {
  font-size: 1.375rem;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.01em;
  margin: 0;
  line-height: 1.2;
}

/* line 221, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-header__count {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #9ca3af;
  background: #f3f4f6;
  border-radius: 20px;
  padding: 2px 10px;
  white-space: nowrap;
}

/* line 231, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-header__desc {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
  width: 100%;
}

/* line 238, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-header__info {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 0.8125rem;
  font-weight: 500;
}

/* line 248, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-header__info p {
  margin: 0;
  line-height: 1.45;
}

/* line 249, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-header__info svg {
  flex-shrink: 0;
  margin-top: 1px;
}

/* line 251, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-header__info.taxon-header__info--blue {
  background: #f5f5f5;
  color: #111827;
  border-left: 3px solid #111827;
}

/* line 255, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-header__info.taxon-header__info--blue svg {
  color: #374151;
}

/* ── Overrides menores ── */
/* line 260, app/assets/stylesheets/spree/frontend/screen.css.scss */
.filters-sidebar {
  padding: 20px 18px;
}

/* line 264, app/assets/stylesheets/spree/frontend/screen.css.scss */
.filters-sidebar .filter-section + .filter-section {
  margin-top: 4px;
}

/* line 269, app/assets/stylesheets/spree/frontend/screen.css.scss */
.home-card {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 20px !important;
  background-color: var(--clr-bg-white) !important;
  border-radius: 10px !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 2px 0px !important;
  overflow: hidden !important;
}

/* line 281, app/assets/stylesheets/spree/frontend/screen.css.scss */
.home-card a {
  width: clamp(100px, 50%, 300px);
  height: 100%;
}

/* line 286, app/assets/stylesheets/spree/frontend/screen.css.scss */
.home-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 291, app/assets/stylesheets/spree/frontend/screen.css.scss */
.card-content {
  padding: 16px 10px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  height: 100%;
}

/* line 302, app/assets/stylesheets/spree/frontend/screen.css.scss */
.card-content h4 {
  padding: 0 10% 0 0;
  line-height: 1.3;
}

/* line 307, app/assets/stylesheets/spree/frontend/screen.css.scss */
.card-content p {
  font-size: .9rem;
  font-weight: 400;
  padding: 0 10% 0 0;
}

/* line 313, app/assets/stylesheets/spree/frontend/screen.css.scss */
.card-content a {
  font-size: .9rem;
  font-weight: 400;
  margin-top: auto;
  padding: 10px 0 10px 0;
  height: auto !important;
}

/* Line style */
/* line 321, app/assets/stylesheets/spree/frontend/screen.css.scss */
hr {
  height: 0;
  background-color: transparent;
  color: transparent;
  border: none;
  border-bottom: 1px solid #d9d9db;
}

/* line 329, app/assets/stylesheets/spree/frontend/screen.css.scss */
ins {
  background-color: #df0000;
  color: #FFFFFF;
  text-decoration: none;
}

/* line 334, app/assets/stylesheets/spree/frontend/screen.css.scss */
mark {
  background-color: #df0000;
  color: #FFFFFF;
  font-style: italic;
  font-weight: bold;
}

/*--------------------------------------*/
/* Links
/*--------------------------------------*/
/* line 344, app/assets/stylesheets/spree/frontend/screen.css.scss */
a {
  text-decoration: none;
}

/*--------------------------------------*/
/* Lists
/*--------------------------------------*/
/* line 351, app/assets/stylesheets/spree/frontend/screen.css.scss */
ul,
ol {
  margin-left: 0;
  margin-top: 0;
  -webkit-padding-start: 0px;
  padding-left: 0;
  list-style-position: inside;
}

/* line 360, app/assets/stylesheets/spree/frontend/screen.css.scss */
ul.inline li,
ol.inline li {
  display: inline-block;
}

/* line 367, app/assets/stylesheets/spree/frontend/screen.css.scss */
dl dt,
dl dd {
  display: inline-block;
  width: 50%;
  padding: 5px;
}

/* line 374, app/assets/stylesheets/spree/frontend/screen.css.scss */
dl dt {
  font-weight: bold;
  text-transform: uppercase;
}

/* line 378, app/assets/stylesheets/spree/frontend/screen.css.scss */
dl dd {
  margin-left: -23px;
}

/*--------------------------------------*/
/* Headers
/*--------------------------------------*/
/* line 386, app/assets/stylesheets/spree/frontend/screen.css.scss */
h1 {
  font-size: 24px;
  line-height: 34px;
}

/* line 390, app/assets/stylesheets/spree/frontend/screen.css.scss */
h3 {
  font-size: 20px;
  line-height: 30px;
}

/* line 394, app/assets/stylesheets/spree/frontend/screen.css.scss */
h4 {
  font-size: 18px;
  line-height: 28px;
}

/* line 398, app/assets/stylesheets/spree/frontend/screen.css.scss */
h5 {
  font-size: 14px;
  line-height: 24px;
}

/* line 402, app/assets/stylesheets/spree/frontend/screen.css.scss */
h6 {
  font-size: 12px;
  line-height: 22px;
}

/* line 407, app/assets/stylesheets/spree/frontend/screen.css.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/*--------------------------------------*/
/* Forms
/*--------------------------------------*/
/* line 422, app/assets/stylesheets/spree/frontend/screen.css.scss */
textarea,
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'] {
  border: 1px solid #d9d9db;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  box-sizing: border-box;
}

/* line 443, app/assets/stylesheets/spree/frontend/screen.css.scss */
textarea:active, textarea:focus,
input[type='date']:active,
input[type='date']:focus,
input[type='datetime']:active,
input[type='datetime']:focus,
input[type='datetime-local']:active,
input[type='datetime-local']:focus,
input[type='email']:active,
input[type='email']:focus,
input[type='month']:active,
input[type='month']:focus,
input[type='number']:active,
input[type='number']:focus,
input[type='password']:active,
input[type='password']:focus,
input[type='search']:active,
input[type='search']:focus,
input[type='tel']:active,
input[type='tel']:focus,
input[type='text']:active,
input[type='text']:focus,
input[type='time']:active,
input[type='time']:focus,
input[type='url']:active,
input[type='url']:focus,
input[type='week']:active,
input[type='week']:focus {
  border: 2px solid var(--clr-link);
  outline: none;
  -o-box-shadow: none;
  box-shadow: none;
}

/* line 453, app/assets/stylesheets/spree/frontend/screen.css.scss */
textarea.error,
input.error[type='date'],
input.error[type='datetime'],
input.error[type='datetime-local'],
input.error[type='email'],
input.error[type='month'],
input.error[type='number'],
input.error[type='password'],
input.error[type='search'],
input.error[type='tel'],
input.error[type='text'],
input.error[type='time'],
input.error[type='url'],
input.error[type='week'] {
  border-color: #e45353;
}

/* line 457, app/assets/stylesheets/spree/frontend/screen.css.scss */
textarea.custom-search-products,
input.custom-search-products[type='date'],
input.custom-search-products[type='datetime'],
input.custom-search-products[type='datetime-local'],
input.custom-search-products[type='email'],
input.custom-search-products[type='month'],
input.custom-search-products[type='number'],
input.custom-search-products[type='password'],
input.custom-search-products[type='search'],
input.custom-search-products[type='tel'],
input.custom-search-products[type='text'],
input.custom-search-products[type='time'],
input.custom-search-products[type='url'],
input.custom-search-products[type='week'] {
  background: transparent;
  background-image: url("https://www.freeiconspng.com/thumbs/magnifying-glass-icon/magnifying-glass-icon-13.png");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 8px;
  border: 1px solid #dfdfdf;
}

/* line 468, app/assets/stylesheets/spree/frontend/screen.css.scss */
label.error {
  display: block;
  font-size: 11px;
  color: #e45353;
  margin-top: 3px;
}

/* line 475, app/assets/stylesheets/spree/frontend/screen.css.scss */
.field {
  padding: 10px 0;
}

/* line 478, app/assets/stylesheets/spree/frontend/screen.css.scss */
.field label {
  display: inline-block;
  margin-bottom: 5px;
}

/* line 483, app/assets/stylesheets/spree/frontend/screen.css.scss */
.field input,
.field select {
  display: block;
}

/* line 488, app/assets/stylesheets/spree/frontend/screen.css.scss */
.field-required label:after {
  content: '*';
  display: inline-block;
  color: #e45353;
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 3px;
}

/* line 498, app/assets/stylesheets/spree/frontend/screen.css.scss */
fieldset {
  margin: 0;
  min-width: 100%;
  box-sizing: border-box;
}

/* line 507, app/assets/stylesheets/spree/frontend/screen.css.scss */
a.secondary-button {
  color: #df0000;
  background-color: white;
  padding: 10px;
  text-decoration: none;
  display: inline-block;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 4px;
  border: 1px solid #df0000;
}

/* line 518, app/assets/stylesheets/spree/frontend/screen.css.scss */
a.secondary-button:hover {
  background-color: #f2f2f2;
  color: #df0000;
}

/* line 523, app/assets/stylesheets/spree/frontend/screen.css.scss */
a.secondary-button.large {
  padding: 7px 10px;
  font-size: 14px;
}

/* line 529, app/assets/stylesheets/spree/frontend/screen.css.scss */
input[type='submit'],
input[type='button'],
input[type='reset'],
button,
a.button {
  background-color: #df0000;
  border-color: #df0000;
  border-radius: 8px;
  padding: 10px 20px;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
  cursor: pointer;
  height: 40px;
}

/* line 560, app/assets/stylesheets/spree/frontend/screen.css.scss */
input.large[type='submit'],
input.large[type='button'],
input.large[type='reset'],
button.large,
a.button.large {
  padding: 7px 10px;
  font-size: 14px;
}

/* line 565, app/assets/stylesheets/spree/frontend/screen.css.scss */
input.gray[type='submit'],
input.gray[type='button'],
input.gray[type='reset'],
button.gray,
a.button.gray {
  background-color: #727276;
  border-color: #59595c;
}

/* line 570, app/assets/stylesheets/spree/frontend/screen.css.scss */
input[type='submit']:hover,
input[type='button']:hover,
input[type='reset']:hover,
button:hover,
a.button:hover {
  background-image: none;
  background-color: #404042;
  border-color: #404042;
  color: #FFFFFF;
}

/* line 579, app/assets/stylesheets/spree/frontend/screen.css.scss */
.ie8 a.button {
  line-height: 16px;
}

/* line 587, app/assets/stylesheets/spree/frontend/screen.css.scss */
input.disabled[type='button'],
input.disabled[type='submit'],
button.disabled {
  background: #ccc;
  border-color: #ccc;
  text-shadow: none;
}

/* line 594, app/assets/stylesheets/spree/frontend/screen.css.scss */
input[type='checkbox'],
label {
  vertical-align: middle;
}

/* line 599, app/assets/stylesheets/spree/frontend/screen.css.scss */
a.button,
a.secondary-button {
  display: inline-block;
  line-height: 15px;
  margin-top: -2px;
  vertical-align: bottom;
}

/* line 607, app/assets/stylesheets/spree/frontend/screen.css.scss */
fieldset {
  border: 0 !important;
  padding: 0;
  margin: 0;
}

/* line 613, app/assets/stylesheets/spree/frontend/screen.css.scss */
.search-input {
  min-height: 56px;
  padding: 16px 20px;
  border-radius: 10px;
  border: 1px solid rgba(23, 21, 21, 0.12);
  background-color: #fff;
  font-size: 15px;
}

/*--------------------------------------*/
/* Footer
/*--------------------------------------*/
/* line 624, app/assets/stylesheets/spree/frontend/screen.css.scss */
footer#footer {
  padding: 10px 0;
  border-top: 1px solid #d9d9db;
}

/*--------------------------------------*/
/* Paragraphs
/*--------------------------------------*/
/* line 632, app/assets/stylesheets/spree/frontend/screen.css.scss */
p {
  padding: 10px 0;
}

/*--------------------------------------*/
/* Tables
/*--------------------------------------*/
/* line 640, app/assets/stylesheets/spree/frontend/screen.css.scss */
table thead {
  background-color: #d9d9db;
  text-transform: uppercase;
}

/* line 645, app/assets/stylesheets/spree/frontend/screen.css.scss */
table thead tr th {
  padding: 5px 10px;
}

/* line 653, app/assets/stylesheets/spree/frontend/screen.css.scss */
table tbody tr,
table tfoot tr {
  border-bottom: 1px solid #d9d9db;
}

/* line 656, app/assets/stylesheets/spree/frontend/screen.css.scss */
table tbody tr td,
table tfoot tr td {
  vertical-align: middle;
  padding: 5px 10px;
}

/* line 661, app/assets/stylesheets/spree/frontend/screen.css.scss */
table tbody tr.alt, table tbody tr.odd,
table tfoot tr.alt,
table tfoot tr.odd {
  background-color: #e3e3e3;
}

/* line 670, app/assets/stylesheets/spree/frontend/screen.css.scss */
#breadcrumbs {
  border-bottom: 1px solid #d9d9db;
  padding: 3px 0;
  margin-bottom: 15px;
}

/* line 676, app/assets/stylesheets/spree/frontend/screen.css.scss */
#breadcrumbs li a {
  color: #df0000;
}

/* line 679, app/assets/stylesheets/spree/frontend/screen.css.scss */
#breadcrumbs li span {
  text-transform: uppercase;
  font-weight: bold;
}

/*--------------------------------------*/
/* Flash notices & errors
/*--------------------------------------*/
/* line 689, app/assets/stylesheets/spree/frontend/screen.css.scss */
.flash, .errorExplanation {
  padding: 10px;
  color: var(--clr-blue-light);
  font-weight: bold;
}

/* line 694, app/assets/stylesheets/spree/frontend/screen.css.scss */
.flash.notice, .notice.errorExplanation {
  background-color: var(--clr-blue);
}

/* line 697, app/assets/stylesheets/spree/frontend/screen.css.scss */
.flash.success, .success.errorExplanation {
  background-color: #8dba53;
}

/* line 700, app/assets/stylesheets/spree/frontend/screen.css.scss */
.flash.error, .error.errorExplanation {
  background-color: #e45353;
}

/* line 705, app/assets/stylesheets/spree/frontend/screen.css.scss */
.errorExplanation {
  background-color: #e45353;
}

/* line 709, app/assets/stylesheets/spree/frontend/screen.css.scss */
.errorExplanation p {
  font-weight: normal;
}

/* line 713, app/assets/stylesheets/spree/frontend/screen.css.scss */
.errorExplanation ul {
  list-style: disc outside;
  margin-left: 30px;
}

/* line 717, app/assets/stylesheets/spree/frontend/screen.css.scss */
.errorExplanation ul li {
  font-weight: normal;
}

/*--------------------------------------*/
/* Main search bar
/*--------------------------------------*/
/* line 726, app/assets/stylesheets/spree/frontend/screen.css.scss */
#search-bar {
  display: block;
}

/*--------------------------------------*/
/* Products
/*--------------------------------------*/
/* line 734, app/assets/stylesheets/spree/frontend/screen.css.scss */
[data-hook='product_show'] h6 {
  font-size: 14px;
}

/* line 739, app/assets/stylesheets/spree/frontend/screen.css.scss */
.product-section-title {
  text-transform: uppercase;
  margin-top: 45px;
  margin-bottom: 50px;
}

/* line 745, app/assets/stylesheets/spree/frontend/screen.css.scss */
.add-to-cart {
  margin-top: 15px;
}

/* line 748, app/assets/stylesheets/spree/frontend/screen.css.scss */
.add-to-cart input[type='number'] {
  margin-right: 3px;
}

/* line 753, app/assets/stylesheets/spree/frontend/screen.css.scss */
div[data-hook='inside_cart_form'] #subtotal span.order-total, table#cart-detail tbody#line_items tr td[data-hook='cart_item_price'],
table#cart-detail tbody#line_items tr td[data-hook='cart_item_total'], #order_details td.price span,
#order_details td.total span,
#order_summary td.price span,
#order_summary td.total span, #checkout-summary table #summary-order-total, #checkout-summary table tr[data-hook='item_total'] td:last-child strong, span.price {
  font-weight: bold;
  color: #252525;
}

/* line 761, app/assets/stylesheets/spree/frontend/screen.css.scss */
span.price.selling {
  font-size: 20px;
  padding: 0px 0px 0px 10px;
}

/* line 766, app/assets/stylesheets/spree/frontend/screen.css.scss */
span.price.diff {
  font-weight: bold;
}

/* line 771, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon-title {
  font-size: 20px;
}

/* line 775, app/assets/stylesheets/spree/frontend/screen.css.scss */
.search-results-title {
  font-size: 14px;
}

/* line 779, app/assets/stylesheets/spree/frontend/screen.css.scss */
.subtaxon-title {
  text-transform: uppercase;
}

/* line 782, app/assets/stylesheets/spree/frontend/screen.css.scss */
.subtaxon-title a {
  color: #df0000;
}

/* line 787, app/assets/stylesheets/spree/frontend/screen.css.scss */
.search-results-title {
  text-transform: uppercase;
  border-bottom: 1px solid #d9d9db;
}

/* line 793, app/assets/stylesheets/spree/frontend/screen.css.scss */
#sidebar_products_search .navigation {
  margin-bottom: 15px;
}

/* line 797, app/assets/stylesheets/spree/frontend/screen.css.scss */
#sidebar_products_search .filter-title {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #ededed;
  margin-bottom: 5px;
  color: #df0000;
  font-size: 14px;
  line-height: 24px;
}

/* line 809, app/assets/stylesheets/spree/frontend/screen.css.scss */
.taxon {
  overflow: hidden;
}

/* line 814, app/assets/stylesheets/spree/frontend/screen.css.scss */
#product-description .product-title {
  border-bottom: 1px solid #d9d9db;
  margin-bottom: 15px;
  font-size: 16px;
  margin-top: 30px;
  font-weight: 900;
  text-transform: uppercase;
}

/* line 824, app/assets/stylesheets/spree/frontend/screen.css.scss */
#product-description [data-hook='product-description'] {
  font-size: 12px;
  color: #404042;
}

/* line 830, app/assets/stylesheets/spree/frontend/screen.css.scss */
#product-thumbnails {
  margin-top: 10px;
}

/* line 833, app/assets/stylesheets/spree/frontend/screen.css.scss */
#product-thumbnails li {
  margin-right: 6px;
  border: 1px solid #d9d9db;
}

/* line 837, app/assets/stylesheets/spree/frontend/screen.css.scss */
#product-thumbnails li img {
  padding: 5px;
}

/* line 841, app/assets/stylesheets/spree/frontend/screen.css.scss */
#product-thumbnails li:hover, #product-thumbnails li.selected {
  border-color: #df0000;
}

/* line 848, app/assets/stylesheets/spree/frontend/screen.css.scss */
#product-properties {
  border: 1px solid #d9d9db;
  padding: 10px;
  width: 100%;
}

/* line 856, app/assets/stylesheets/spree/frontend/screen.css.scss */
#product-variants ul li {
  padding: 5px;
}

/* line 863, app/assets/stylesheets/spree/frontend/screen.css.scss */
#cart-form #inside-product-cart-form:after {
  content: ' ';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 873, app/assets/stylesheets/spree/frontend/screen.css.scss */
#empty-cart-button {
  border: none;
  background-color: lightgray;
  padding: 10px;
  color: #df0000;
}

/* line 878, app/assets/stylesheets/spree/frontend/screen.css.scss */
#empty-cart-button:hover {
  text-decoration: underline;
}

/*--------------------------------------*/
/* Checkout
/*--------------------------------------*/
/* line 886, app/assets/stylesheets/spree/frontend/screen.css.scss */
.checkout_form_wrapper {
  text-align: left;
}

/* line 890, app/assets/stylesheets/spree/frontend/screen.css.scss */
.out-of-stock {
  background: #df0000;
  color: white;
  padding: 5px;
  padding-right: 10px;
  font-weight: bold;
}

/* line 898, app/assets/stylesheets/spree/frontend/screen.css.scss */
.progress-steps {
  list-style: decimal inside;
  overflow: auto;
}

/* line 902, app/assets/stylesheets/spree/frontend/screen.css.scss */
.progress-steps li {
  float: left;
  margin-right: 20px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 20px;
  color: #727276;
}

/* line 910, app/assets/stylesheets/spree/frontend/screen.css.scss */
.progress-steps li.current-first, .progress-steps li.current {
  background-color: #df0000;
  color: #FFFFFF;
}

/* line 916, app/assets/stylesheets/spree/frontend/screen.css.scss */
.progress-steps li.completed-first, .progress-steps li.completed {
  background-color: #d9d9db;
  color: #FFFFFF;
}

/* line 921, app/assets/stylesheets/spree/frontend/screen.css.scss */
.progress-steps li.completed-first a, .progress-steps li.completed a {
  color: #FFFFFF;
}

/* line 925, app/assets/stylesheets/spree/frontend/screen.css.scss */
.progress-steps li.completed-first:hover, .progress-steps li.completed:hover {
  background-color: #df0000;
  color: #FFFFFF;
}

/* line 929, app/assets/stylesheets/spree/frontend/screen.css.scss */
.progress-steps li.completed-first:hover a, .progress-steps li.completed:hover a {
  color: #FFFFFF;
}

/* line 932, app/assets/stylesheets/spree/frontend/screen.css.scss */
.progress-steps li.completed-first:hover a:hover, .progress-steps li.completed:hover a:hover {
  color: #FFFFFF;
}

/* line 941, app/assets/stylesheets/spree/frontend/screen.css.scss */
#payment-methods {
  list-style: none;
}

/* line 945, app/assets/stylesheets/spree/frontend/screen.css.scss */
#payment-methods li fieldset {
  border: none;
  padding: 0;
}

/* line 952, app/assets/stylesheets/spree/frontend/screen.css.scss */
#checkout-summary {
  text-align: center;
  border: 1px solid #d9d9db;
  margin-top: 23px;
  margin-left: 0;
}

/* line 958, app/assets/stylesheets/spree/frontend/screen.css.scss */
#checkout-summary h3 {
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 1px solid #d9d9db;
}

/* line 964, app/assets/stylesheets/spree/frontend/screen.css.scss */
#checkout-summary table {
  width: 100%;
}

/* line 975, app/assets/stylesheets/spree/frontend/screen.css.scss */
#checkout-summary table tr[data-hook='order_total'] {
  border-bottom: none;
}

/* line 979, app/assets/stylesheets/spree/frontend/screen.css.scss */
#checkout-summary table #summary-order-total {
  font-size: 14px;
}

/* line 986, app/assets/stylesheets/spree/frontend/screen.css.scss */
#billing,
#shipping,
#shipping_method,
#payment,
#order_details,
#order_summary {
  margin-top: 10px;
  border: 1px solid #d9d9db;
  padding: 10px;
}

/* line 996, app/assets/stylesheets/spree/frontend/screen.css.scss */
#billing legend,
#shipping legend,
#shipping_method legend,
#payment legend,
#order_details legend,
#order_summary legend {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: #df0000;
  padding: 5px;
  margin-left: 15px;
}

/* line 1008, app/assets/stylesheets/spree/frontend/screen.css.scss */
#billing input[type='text'],
#billing input[type='email'],
#billing input[type='tel'],
#billing input[type='number'],
#billing select,
#billing textarea,
#shipping input[type='text'],
#shipping input[type='email'],
#shipping input[type='tel'],
#shipping input[type='number'],
#shipping select,
#shipping textarea {
  width: 100%;
}

/* line 1018, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details,
#order_summary {
  padding: 0;
}

/* line 1022, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details div:last-child,
#order_summary div:last-child {
  margin-left: -1px;
}

/* line 1028, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details .payment-info .cc-type img,
#order_summary .payment-info .cc-type img {
  vertical-align: middle;
}

/* line 1041, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details table tfoot,
#order_summary table tfoot {
  text-align: right;
  color: #727276;
}

/* line 1045, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details table tfoot tr,
#order_summary table tfoot tr {
  border: none;
}

/* line 1049, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details table tfoot#order-total,
#order_summary table tfoot#order-total {
  text-transform: uppercase;
  font-size: 16px;
  color: #404042;
}

/* line 1054, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details table tfoot#order-total tr,
#order_summary table tfoot#order-total tr {
  border-top: 1px solid #d9d9db;
}

/* line 1057, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details table tfoot#order-total tr td,
#order_summary table tfoot#order-total tr td {
  padding: 10px;
}

/* line 1063, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details table tfoot#subtotal,
#order_summary table tfoot#subtotal {
  text-transform: uppercase;
  font-size: 16px;
  color: #404042;
}

/* line 1071, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details .steps-data div.columns,
#order_summary .steps-data div.columns {
  padding: 5px;
  margin: 0;
}

/* line 1075, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details .steps-data div.columns:first-child,
#order_summary .steps-data div.columns:first-child {
  margin-left: 10px;
}

/* line 1080, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_details .steps-data h6,
#order_summary .steps-data h6 {
  border-bottom: 1px solid #d9d9db;
  margin-bottom: 5px;
}

/* line 1089, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method p#minstrs {
  clear: both;
}

/* line 1092, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method p#minstrs label {
  width: 100%;
}

/* line 1097, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method p label {
  float: left;
  font-weight: bold;
  font-size: 14px;
  margin-right: 40px;
  padding: 5px;
}

/* line 1106, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method .shipment {
  margin-bottom: 30px;
}

/* line 1110, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method .stock-shipping-method-title {
  background-color: #f3f3f4;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 11px;
}

/* line 1118, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method .stock-location {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  background-color: #df0000;
  color: white;
}

/* line 1128, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method .unshippable .stock-location {
  background-color: #e45353;
}

/* line 1133, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method .shipping-methods {
  list-style: none;
  margin: 0;
  padding: 10px 0;
}

/* line 1138, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method .shipping-methods .shipping-method {
  display: inline-block;
  margin: 5px 10px 5px 0;
}

/* line 1142, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method .shipping-methods .shipping-method label {
  font-weight: bold;
}

/* line 1145, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method .shipping-methods .shipping-method label .rate-cost {
  color: #df0000;
}

/* line 1153, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method table.stock-contents thead {
  background-color: #f3f3f4;
}

/* line 1156, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method table.stock-contents thead th {
  font-size: 11px;
  font-weight: normal;
}

/* line 1163, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method table.stock-contents tbody tr td {
  text-align: center;
}

/* line 1166, app/assets/stylesheets/spree/frontend/screen.css.scss */
#shipping_method table.stock-contents tbody tr td.item-name {
  text-align: left;
}

/* line 1175, app/assets/stylesheets/spree/frontend/screen.css.scss */
p[data-hook='use_billing'] {
  float: right;
  margin-top: -18px;
  background-color: #FFFFFF;
  padding: 5px;
}

/* line 1182, app/assets/stylesheets/spree/frontend/screen.css.scss */
.coupon-code {
  margin-top: 20px;
  padding: 10px;
}

/* line 1186, app/assets/stylesheets/spree/frontend/screen.css.scss */
.coupon-code form {
  display: flex;
  flex-flow: row wrap;
}

/* line 1191, app/assets/stylesheets/spree/frontend/screen.css.scss */
.coupon-code label {
  flex: 1 100%;
  text-align: left;
}

/* line 1196, app/assets/stylesheets/spree/frontend/screen.css.scss */
.coupon-code input[type='text'] {
  flex: 1 auto;
  width: 50%;
  margin-right: 5px;
}

/* line 1202, app/assets/stylesheets/spree/frontend/screen.css.scss */
.coupon-code-apply-button {
  white-space: nowrap;
}

/* line 1207, app/assets/stylesheets/spree/frontend/screen.css.scss */
#coupon_status {
  margin-top: 10px;
  font-weight: bold;
  font-size: 100%;
}

/* line 1211, app/assets/stylesheets/spree/frontend/screen.css.scss */
#coupon_status.success {
  color: #8dba53;
}

/* line 1214, app/assets/stylesheets/spree/frontend/screen.css.scss */
#coupon_status.error, #coupon_status.alert {
  color: #e45353;
}

/* line 1221, app/assets/stylesheets/spree/frontend/screen.css.scss */
.terms_and_conditions .policy {
  height: 100px;
  width: 100%;
  overflow: scroll;
}

/*--------------------------------------*/
/* Cart
/*--------------------------------------*/
/* line 1231, app/assets/stylesheets/spree/frontend/screen.css.scss */
table#cart-detail {
  width: 100%;
  border-collapse: separate;
}

/* line 1237, app/assets/stylesheets/spree/frontend/screen.css.scss */
table#cart-detail tbody#line_items tr td[data-hook='cart_item_price'],
table#cart-detail tbody#line_items tr td[data-hook='cart_item_total'] {
  font-size: 20px;
}

/* line 1243, app/assets/stylesheets/spree/frontend/screen.css.scss */
table#cart-detail tbody#line_items tr td[data-hook='cart_item_quantity'] .line_item_quantity {
  width: 65px;
}

/* line 1248, app/assets/stylesheets/spree/frontend/screen.css.scss */
table#cart-detail tbody#line_items tr td[data-hook='cart_item_delete'] .delete {
  display: block;
  width: 20px;
}

/* line 1258, app/assets/stylesheets/spree/frontend/screen.css.scss */
div[data-hook='inside_cart_form'] .links {
  margin-top: 15px;
  text-align: right;
}

/* line 1263, app/assets/stylesheets/spree/frontend/screen.css.scss */
div[data-hook='inside_cart_form'] #subtotal {
  text-align: right;
  text-transform: uppercase;
  margin-top: 15px;
}

/* line 1274, app/assets/stylesheets/spree/frontend/screen.css.scss */
#empty-cart {
  margin-top: -50px;
  float: left;
}

/* line 1279, app/assets/stylesheets/spree/frontend/screen.css.scss */
.cart-subtotal,
.cart-total {
  background: #00ADEE;
}

/* line 1283, app/assets/stylesheets/spree/frontend/screen.css.scss */
.cart-subtotal td h5,
.cart-total td h5 {
  color: #FFFFFF;
}

/* line 1288, app/assets/stylesheets/spree/frontend/screen.css.scss */
.adjustment:nth-child(even) {
  background: #eaeaea;
}

/*--------------------------------------*/
/* Account
/*--------------------------------------*/
/* line 1298, app/assets/stylesheets/spree/frontend/screen.css.scss */
#existing-customer h6,
#new-customer h6,
#forgot-password h6 {
  text-transform: uppercase;
}

/* line 1304, app/assets/stylesheets/spree/frontend/screen.css.scss */
#registration h6 {
  text-transform: uppercase;
}

/* line 1308, app/assets/stylesheets/spree/frontend/screen.css.scss */
#registration #existing-customer {
  width: auto;
  text-align: left;
}

/* line 1315, app/assets/stylesheets/spree/frontend/screen.css.scss */
#existing-customer {
  background: #FFFFFF;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 400px;
  margin: 40px auto;
  text-align: center;
}

/* line 1326, app/assets/stylesheets/spree/frontend/screen.css.scss */
#user-info {
  margin-bottom: 15px;
  border: 1px solid #d9d9db;
  padding: 10px;
}

/* line 1331, app/assets/stylesheets/spree/frontend/screen.css.scss */
#user-info dd {
  margin-left: 0px;
}

/*--------------------------------------*/
/* Order
/*--------------------------------------*/
/* line 1339, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_summary {
  margin-top: 0;
}

/* line 1341, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order_summary h1 {
  padding-left: 10px;
}

/* line 1346, app/assets/stylesheets/spree/frontend/screen.css.scss */
#order p[data-hook='links'] {
  margin-left: 10px;
  overflow: auto;
}

/* line 1355, app/assets/stylesheets/spree/frontend/screen.css.scss */
table.order-summary tbody tr td {
  width: 10%;
  text-align: center;
}

/* line 1360, app/assets/stylesheets/spree/frontend/screen.css.scss */
table.order-summary tbody tr td:first-child a {
  text-transform: uppercase;
  font-weight: bold;
  color: #df0000;
}

/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* line 1384, app/assets/stylesheets/spree/frontend/screen.css.scss */
  footer#footer {
    width: 748px;
  }
  /* line 1387, app/assets/stylesheets/spree/frontend/screen.css.scss */
  p[data-hook='use_billing'] {
    margin-top: -15px;
  }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  /* line 1394, app/assets/stylesheets/spree/frontend/screen.css.scss */
  html {
    -webkit-text-size-adjust: none;
  }
  /* line 1398, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #order_details .steps-data div.columns,
#order_summary .steps-data div.columns {
    padding: 0;
    margin: 0;
  }
  /* line 1403, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #order_details .steps-data div.columns:first-child,
#order_summary .steps-data div.columns:first-child {
    margin: 0;
  }
  /* line 1408, app/assets/stylesheets/spree/frontend/screen.css.scss */
  nav#taxonomies {
    text-align: center;
  }
  /* line 1411, app/assets/stylesheets/spree/frontend/screen.css.scss */
  nav#taxonomies ul {
    padding-left: 0;
    list-style: none;
  }
  /* line 1417, app/assets/stylesheets/spree/frontend/screen.css.scss */
  ul#nav-bar {
    text-align: center;
  }
  /* line 1421, app/assets/stylesheets/spree/frontend/screen.css.scss */
  .steps-data div.columns {
    margin-bottom: 15px;
    text-align: center;
  }
  /* line 1428, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #order_details table[data-hook='order_details'],
#order table[data-hook='order_details'] {
    width: 100%;
  }
  /* line 1434, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #update-cart #subtotal,
#update-cart .links {
    width: 50%;
    float: left;
    text-align: left;
  }
  /* line 1440, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #update-cart #subtotal {
    text-align: right;
  }
}

/* line 1446, app/assets/stylesheets/spree/frontend/screen.css.scss */
.container {
  min-height: 50vh;
}

/* line 1449, app/assets/stylesheets/spree/frontend/screen.css.scss */
.container-homepage {
  margin: 0;
  width: 100%;
}

/* line 1455, app/assets/stylesheets/spree/frontend/screen.css.scss */
.homepage-card {
  background: #FFFFFF;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 400px;
  margin: 40px auto;
  text-align: center;
}

/* line 1466, app/assets/stylesheets/spree/frontend/screen.css.scss */
input[type='radio'] {
  display: inline-block;
  border-radius: 5px;
  height: 15px;
}

/* line 1472, app/assets/stylesheets/spree/frontend/screen.css.scss */
input {
  display: inline-block;
  border-radius: 5px;
  height: 35px;
}

/* line 1478, app/assets/stylesheets/spree/frontend/screen.css.scss */
select {
  display: inline-block;
  border-radius: 5px;
  height: 35px;
  padding-left: 10px;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: center;
  border: 1px solid #dfdfdf;
  padding-right: 25px;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* line 1502, app/assets/stylesheets/spree/frontend/screen.css.scss */
  footer#footer {
    width: auto;
  }
  /* line 1506, app/assets/stylesheets/spree/frontend/screen.css.scss */
  input,
select {
    vertical-align: baseline;
  }
  /* line 1511, app/assets/stylesheets/spree/frontend/screen.css.scss */
  figure#logo {
    text-align: center;
  }
  /* line 1515, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #link-to-login {
    display: block;
    text-align: center;
  }
  /* line 1520, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #search-bar {
    display: block;
    text-align: center;
  }
  /* line 1524, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #search-bar select {
    margin-bottom: 10px;
  }
  /* line 1547, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table#cart-detail tbody tr td[data-hook='cart_item_description'],
table#cart-detail tbody tr td[data-hook='order_item_description'],
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_description'],
table[data-hook='order_details'] tbody tr td[data-hook='order_item_description'] {
    font-size: 11px;
    line-height: 15px;
    width: 100px;
  }
  /* line 1553, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table#cart-detail tbody tr td[data-hook='cart_item_description'] h4,
table#cart-detail tbody tr td[data-hook='order_item_description'] h4,
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_description'] h4,
table[data-hook='order_details'] tbody tr td[data-hook='order_item_description'] h4 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }
  /* line 1559, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table#cart-detail tbody tr td[data-hook='cart_item_price'],
table#cart-detail tbody tr td[data-hook='cart_item_total'],
table#cart-detail tbody tr td[data-hook='order_item_price'],
table#cart-detail tbody tr td[data-hook='order_item_total'],
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_price'],
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_total'],
table[data-hook='order_details'] tbody tr td[data-hook='order_item_price'],
table[data-hook='order_details'] tbody tr td[data-hook='order_item_total'] {
    font-size: 12px;
  }
  /* line 1567, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table#cart-detail tbody tr td[data-hook='cart_item_image'] img,
table#cart-detail tbody tr td[data-hook='order_item_image'] img,
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_image'] img,
table[data-hook='order_details'] tbody tr td[data-hook='order_item_image'] img {
    width: 70px;
  }
}

/* line 1577, app/assets/stylesheets/spree/frontend/screen.css.scss */
#logo {
  padding: 20px 0;
}

/* line 1580, app/assets/stylesheets/spree/frontend/screen.css.scss */
#logo > a {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  /* line 1586, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #empty-cart {
    clear: both;
    margin-top: 0;
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  /* line 1594, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #empty-cart {
    /* yes, this is ugly... */
    margin-top: 0 !important;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  /* line 1602, app/assets/stylesheets/spree/frontend/screen.css.scss */
  .progress-steps li {
    padding: 0;
    margin: 0;
    width: 50%;
  }
  /* line 1607, app/assets/stylesheets/spree/frontend/screen.css.scss */
  .progress-steps li span {
    display: block;
    padding: 10px 20px;
  }
  /* line 1613, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #shipping_method p label {
    float: none;
    display: block;
    text-align: center;
    margin-right: 0;
  }
  /* line 1620, app/assets/stylesheets/spree/frontend/screen.css.scss */
  p[data-hook='use_billing'] {
    float: none;
    margin-top: 0;
  }
  /* line 1629, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table#cart-detail tbody tr td[data-hook='cart_item_description'],
table#cart-detail tbody tr td[data-hook='order_item_description'],
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_description'],
table[data-hook='order_details'] tbody tr td[data-hook='order_item_description'] {
    padding: 0 !important;
    text-indent: -9999px;
  }
  /* line 1634, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table#cart-detail tbody tr td[data-hook='cart_item_description'] h4,
table#cart-detail tbody tr td[data-hook='order_item_description'] h4,
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_description'] h4,
table[data-hook='order_details'] tbody tr td[data-hook='order_item_description'] h4 {
    display: none;
  }
  /* line 1640, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table#cart-detail tbody tr td[data-hook='cart_item_image'] img,
table#cart-detail tbody tr td[data-hook='order_item_image'] img,
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_image'] img,
table[data-hook='order_details'] tbody tr td[data-hook='order_item_image'] img {
    width: 70px;
  }
  /* line 1644, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table#cart-detail tbody tr td[data-hook='cart_item_price'],
table#cart-detail tbody tr td[data-hook='cart_item_total'],
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_price'],
table[data-hook='order_details'] tbody tr td[data-hook='cart_item_total'] {
    font-size: 14px !important;
  }
  /* line 1652, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table.order-summary {
    display: block;
    position: relative;
    width: 100%;
  }
  /* line 1657, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table.order-summary thead {
    display: block;
    float: left;
  }
  /* line 1661, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table.order-summary tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  /* line 1668, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table.order-summary thead tr {
    display: block;
  }
  /* line 1671, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table.order-summary th {
    display: block;
  }
  /* line 1674, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table.order-summary tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  /* line 1678, app/assets/stylesheets/spree/frontend/screen.css.scss */
  table.order-summary td {
    display: block;
    min-height: 1.25em;
  }
  /* line 1684, app/assets/stylesheets/spree/frontend/screen.css.scss */
  figure#logo {
    text-align: center;
  }
  /* line 1688, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #link-to-login {
    display: block;
    text-align: center;
  }
  /* line 1693, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #search-bar {
    display: block;
    text-align: center;
  }
  /* line 1697, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #search-bar select {
    margin-bottom: 10px;
  }
  /* line 1702, app/assets/stylesheets/spree/frontend/screen.css.scss */
  aside#sidebar {
    text-align: center;
  }
  /* line 1705, app/assets/stylesheets/spree/frontend/screen.css.scss */
  aside#sidebar ul {
    padding-left: 0;
  }
  /* line 1708, app/assets/stylesheets/spree/frontend/screen.css.scss */
  aside#sidebar ul li {
    list-style-type: none;
  }
  /* line 1728, app/assets/stylesheets/spree/frontend/screen.css.scss */
  #content {
    text-align: center;
  }
}

/*--------------------------------------*/
/* Calculators
/*--------------------------------------*/
/* line 1737, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-image {
  width: 40%;
}

/* line 1740, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-product-quantity {
  width: 60%;
}

/* line 1744, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-product {
  width: 100%;
  flex-direction: row;
  display: flex;
}

/* line 1750, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-product-name {
  margin-top: 50px;
  font-size: 20px;
  font-weight: bold;
}

/* line 1756, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-quantity {
  margin-top: 20px;
}

/* line 1760, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-resume-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 14px;
}

/* line 1768, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-personalization {
  width: 60%;
}

/* line 1772, app/assets/stylesheets/spree/frontend/screen.css.scss */
.login-button {
  background-color: white;
  color: black;
  border-radius: 20px;
  padding: 2px 20px 2px 20px;
  margin-left: 10px;
}

/* line 1780, app/assets/stylesheets/spree/frontend/screen.css.scss */
.top-bar {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

/* line 1787, app/assets/stylesheets/spree/frontend/screen.css.scss */
.top-bar-contact {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1794, app/assets/stylesheets/spree/frontend/screen.css.scss */
.top-bar-menu {
  flex-direction: row;
  display: flex;
  align-items: center;
}

/* line 1800, app/assets/stylesheets/spree/frontend/screen.css.scss */
.top-bar-item {
  margin-left: 20px;
  margin-right: 20px;
}

/* line 1805, app/assets/stylesheets/spree/frontend/screen.css.scss */
.cart-info-container {
  border: black;
}

/* line 1809, app/assets/stylesheets/spree/frontend/screen.css.scss */
.bottom-bar-container {
  background-color: #eeeeee;
  height: 60px;
  align-items: center;
  padding: 10px;
  color: black;
  flex-direction: row;
  display: flex;
  justify-content: center;
}

/* line 1820, app/assets/stylesheets/spree/frontend/screen.css.scss */
.bottom-bar {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}

/* line 1827, app/assets/stylesheets/spree/frontend/screen.css.scss */
.bottom-bar-item {
  background-color: transparent !important;
  color: black !important;
  font-weight: bold;
  width: 180px;
  transition: 0.5s;
}

/* line 1836, app/assets/stylesheets/spree/frontend/screen.css.scss */
.bottom-bar-item:hover {
  transition: 0.5s;
  color: #d00c20 !important;
  font-size: 18px !important;
}

/* line 1842, app/assets/stylesheets/spree/frontend/screen.css.scss */
.footer-container {
  height: 120px;
  background-color: white;
  padding: 10px;
  display: flex;
  justify-content: center;
}

/* line 1851, app/assets/stylesheets/spree/frontend/screen.css.scss */
.footer-top-item {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 5px;
  font-weight: bold;
  color: black;
}

/* line 1859, app/assets/stylesheets/spree/frontend/screen.css.scss */
.footer {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: black;
}

/* line 1868, app/assets/stylesheets/spree/frontend/screen.css.scss */
.bottom-footer {
  height: 35px;
  align-items: center;
  background-color: #d00c20;
  border-top: none;
  justify-content: center;
  display: flex;
  color: white;
}

/* line 1878, app/assets/stylesheets/spree/frontend/screen.css.scss */
.top-footer {
  height: 150px;
  align-items: center;
  background-color: #231e1f;
  border-top: none;
  justify-content: center;
  display: flex;
  color: white;
}

/* line 1888, app/assets/stylesheets/spree/frontend/screen.css.scss */
.footer-separator {
  margin-left: 10px;
  margin-right: 10px;
}

/* line 1893, app/assets/stylesheets/spree/frontend/screen.css.scss */
.footer-item {
  display: flex;
  flex-direction: row;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 5px;
  font-weight: bold;
  color: black;
}

/* line 1903, app/assets/stylesheets/spree/frontend/screen.css.scss */
.footer-menu {
  flex-direction: row;
  display: flex;
  justify-content: center;
}

/* line 1909, app/assets/stylesheets/spree/frontend/screen.css.scss */
.footer-menu-section {
  flex-direction: column;
  display: flex;
  justify-content: center;
}

/* line 1915, app/assets/stylesheets/spree/frontend/screen.css.scss */
.order-print-head {
  background-color: #df0000 !important;
}

/* line 1919, app/assets/stylesheets/spree/frontend/screen.css.scss */
.product-price {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  padding: 20px 0px 20px 0px;
}

/* line 1925, app/assets/stylesheets/spree/frontend/screen.css.scss */
.product-price-text {
  font-size: 20px;
}

/* line 1930, app/assets/stylesheets/spree/frontend/screen.css.scss */
.add-to-cart-button {
  background-color: #df0000;
  border-color: transparent;
  border-radius: 20px;
  padding: 10px;
  width: 200px;
}

/* line 1938, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-button {
  border-radius: 20px;
  padding: 10px;
  width: 200px;
}

/* line 1947, app/assets/stylesheets/spree/frontend/screen.css.scss */
.additional-info {
  border-bottom: 1px solid #cfcfcf;
}

/* line 1951, app/assets/stylesheets/spree/frontend/screen.css.scss */
.additional-info-title {
  width: 200px;
  margin-top: 20px;
  color: white;
  padding: 20px;
  border-radius: 10px 10px 0px 0px;
  background-color: #df0000 !important;
}

/* line 1960, app/assets/stylesheets/spree/frontend/screen.css.scss */
.table-additional-info {
  margin-top: 20px;
}

/* line 1964, app/assets/stylesheets/spree/frontend/screen.css.scss */
.label-item-cart {
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
}

/* line 1970, app/assets/stylesheets/spree/frontend/screen.css.scss */
.value-item-cart {
  margin-top: 20px;
  font-weight: 300;
  font-size: 16px;
}

/* line 1976, app/assets/stylesheets/spree/frontend/screen.css.scss */
.cart-details {
  padding: 0px;
  margin-top: 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

/* line 1985, app/assets/stylesheets/spree/frontend/screen.css.scss */
.total-price {
  font-size: 20px;
  font-weight: 500;
  color: #df0000;
}

/* line 1991, app/assets/stylesheets/spree/frontend/screen.css.scss */
.cart-footer {
  width: 100%;
  height: 100px;
  background-color: white;
  bottom: 0;
  border-top: 1px solid #df0000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 2003, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-title-container {
  display: flex;
  justify-content: center;
}

/* line 2008, app/assets/stylesheets/spree/frontend/screen.css.scss */
.calculator-title {
  color: black;
  border-bottom: 3px solid red;
}

/* line 2013, app/assets/stylesheets/spree/frontend/screen.css.scss */
.resume-title {
  margin-bottom: 15px;
  font-size: 24px;
}

/* line 2018, app/assets/stylesheets/spree/frontend/screen.css.scss */
.resume-container {
  margin-top: 30px;
  border-radius: 5px;
  padding: 20px;
  box-shadow: -1px 1px 13px 4px rgba(195, 195, 195, 0.46);
}

/* line 2026, app/assets/stylesheets/spree/frontend/screen.css.scss */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial, Helvetica, sans-serif;
}

/* line 2032, app/assets/stylesheets/spree/frontend/screen.css.scss */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* line 2041, app/assets/stylesheets/spree/frontend/screen.css.scss */
.dropdown {
  position: relative;
  display: inline-block;
}

/* line 2046, app/assets/stylesheets/spree/frontend/screen.css.scss */
.dropdown:hover .dropdown-content {
  display: block;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* line 2055, app/assets/stylesheets/spree/frontend/screen.css.scss */
.dropdown-content {
  display: none;
  opacity: 0;
  visibility: hidden;
  background-color: #f9f9f9;
  width: 100%;
  position: absolute;
  left: 0;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* line 2067, app/assets/stylesheets/spree/frontend/screen.css.scss */
.dropdown-content:hover {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* line 2074, app/assets/stylesheets/spree/frontend/screen.css.scss */
.dropdown-content .header {
  background: #e2211c;
  color: white;
}

/* Create three equal columns that floats next to each other */
/* line 2080, app/assets/stylesheets/spree/frontend/screen.css.scss */
.column {
  float: left;
  width: 18%;
  padding: 15px;
  margin-left: 20px;
  height: auto;
  min-height: 40px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 2090, app/assets/stylesheets/spree/frontend/screen.css.scss */
.column p {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  color: #333;
  transition: color 0.3s ease;
}

/* line 2097, app/assets/stylesheets/spree/frontend/screen.css.scss */
.column p:hover {
  color: #e2211c;
}

/* line 2102, app/assets/stylesheets/spree/frontend/screen.css.scss */
.column:hover {
  background-color: #f5f5f5;
}

/* line 2107, app/assets/stylesheets/spree/frontend/screen.css.scss */
.subcategories-content {
  width: 100%;
  min-height: 200px;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  background-color: #fff;
}

/* line 2116, app/assets/stylesheets/spree/frontend/screen.css.scss */
.subcategory {
  width: 25%;
  padding: 20px 30px 20px 30px;
}

/* line 2121, app/assets/stylesheets/spree/frontend/screen.css.scss */
.subcategory p {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

/* line 2127, app/assets/stylesheets/spree/frontend/screen.css.scss */
.subcategory p:hover {
  color: #e2211c;
}

/* line 2131, app/assets/stylesheets/spree/frontend/screen.css.scss */
.subcategories-list {
  width: 80%;
}

/* line 2136, app/assets/stylesheets/spree/frontend/screen.css.scss */
.subcategory-image {
  width: 20%;
}

/* line 2140, app/assets/stylesheets/spree/frontend/screen.css.scss */
.select-variant {
  width: 300px !important;
}

/* line 2144, app/assets/stylesheets/spree/frontend/screen.css.scss */
.discounts {
  font-size: 30px;
  font-weight: 600;
  background: #e3ebfd;
  padding: 0.1em 0.3em;
}

/* line 2151, app/assets/stylesheets/spree/frontend/screen.css.scss */
.tooltip {
  display: inline-block;
  border-bottom: 1px dotted black;
  background-color: rgba(88, 85, 85, 0.952);
  color: white;
  width: 20px;
  text-align: center;
  border-radius: 50%;
}

/* line 2162, app/assets/stylesheets/spree/frontend/screen.css.scss */
.tooltip.title {
  position: absolute;
  margin-top: 10px;
  margin-left: 50%;
}

/* line 2168, app/assets/stylesheets/spree/frontend/screen.css.scss */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 500px;
  background-color: #2b2a2a;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  margin-left: -250px;
}

/* line 2185, app/assets/stylesheets/spree/frontend/screen.css.scss */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* line 2189, app/assets/stylesheets/spree/frontend/screen.css.scss */
.select2-drop {
  box-shadow: none;
  width: 100px !important;
}

/* line 2194, app/assets/stylesheets/spree/frontend/screen.css.scss */
.variants-list {
  overflow-y: auto;
  max-height: 200px;
}

/* line 2199, app/assets/stylesheets/spree/frontend/screen.css.scss */
.variant-element {
  border-bottom: 1px solid #dbdbdb;
  height: 35px;
}

/* line 2204, app/assets/stylesheets/spree/frontend/screen.css.scss */
.favourite-products-title {
  font-size: 32px;
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: 20px;
}

/* line 2219, app/assets/stylesheets/spree/frontend/screen.css.scss */
.header-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

/* line 2226, app/assets/stylesheets/spree/frontend/screen.css.scss */
.menu-header {
  align-items: center;
  display: flex;
}

/* line 2231, app/assets/stylesheets/spree/frontend/screen.css.scss */
.whatsapp-button {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #1bd741;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  align-items: center;
  display: flex;
  justify-content: center;
}

/* line 2250, app/assets/stylesheets/spree/frontend/screen.css.scss */
.contacto-footer-container {
  display: flex;
  color: #1bd741;
  flex-direction: column;
  align-items: center;
  color: white;
  width: 100%;
}

/* line 2257, app/assets/stylesheets/spree/frontend/screen.css.scss */
.contacto-footer-container .title-contact {
  font-weight: 900;
  font-size: 40px;
}

/* line 2262, app/assets/stylesheets/spree/frontend/screen.css.scss */
.contacto-footer-container .first-comment {
  font-size: 15px;
}

/* line 2266, app/assets/stylesheets/spree/frontend/screen.css.scss */
.contacto-footer-container .second-comment {
  color: gray;
  align-self: center;
}

/* line 2272, app/assets/stylesheets/spree/frontend/screen.css.scss */
.ushopcl-logo {
  max-width: 60px;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

/* line 2278, app/assets/stylesheets/spree/frontend/screen.css.scss */
.btn {
  border-radius: 10px;
  padding: 10px 20px;
}

/* line 2283, app/assets/stylesheets/spree/frontend/screen.css.scss */
.btn__outline {
  border: 1px solid var(--clr-link);
  color: var(--clr-link);
}

/* line 2288, app/assets/stylesheets/spree/frontend/screen.css.scss */
.btn__outline:hover {
  background-color: var(--clr-link);
  color: white;
}

/* line 2293, app/assets/stylesheets/spree/frontend/screen.css.scss */
.headline-2 {
  --clr-black: #171515;
  font-size: 24px;
  font-weight: 600;
  color: var(--clr-black);
}

@media only screen and (max-width: 768px) {
  /* line 2301, app/assets/stylesheets/spree/frontend/screen.css.scss */
  .favourite-products-header {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 2306, app/assets/stylesheets/spree/frontend/screen.css.scss */
  .favourite-products-header .favourite-swiper-pagination {
    margin-left: 0;
  }
  /* line 2310, app/assets/stylesheets/spree/frontend/screen.css.scss */
  .search-shell {
    width: calc(100% - 24px);
    max-width: 100%;
    margin: 24px auto;
  }
  /* line 2316, app/assets/stylesheets/spree/frontend/screen.css.scss */
  .home-page-shell .headSwiper,
.home-page-shell .ushop-container {
    width: calc(100% - 24px);
    max-width: 100%;
  }
  /* line 2322, app/assets/stylesheets/spree/frontend/screen.css.scss */
  .search-bar-container {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 2327, app/assets/stylesheets/spree/frontend/screen.css.scss */
  .search-button {
    width: 100%;
  }
}

/* line 2331, app/assets/stylesheets/spree/frontend/screen.css.scss */
.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* line 2338, app/assets/stylesheets/spree/frontend/screen.css.scss */
.ushop-logo-constrained img {
  max-height: 80px !important;
  width: auto !important;
  display: block !important;
}
/*
* This is a manifest file that includes stylesheets for spree_frontend


*/
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *



*/