@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
.first-loggedin {
    background-color: #FFF;
}
.actions-toolbar.order-actions-toolbar .actions .action.order-primary {
    background-color: #6442D5 !important;
}

.first-loggedin:after {
    border-bottom-color: #fff;
}

.actions-custom-product {
    display: none !important;
}

.price {
    display: none;
}

.thumb-add-budget {
    display: none !important;
}

.widget-two .widget .block-title {
    margin: 20px 0 0 0;
}

.widget-two div.block .block-title strong {
    font-size: 36px;
}

.page-header .header-my-account .login .dropdown>a,
.header.wrapper .header-activity .dropdown .budget-active-link,
.widget-two div.block .block-title strong,
.block-content .no-gutters .mass-action-buttons .new-button,
.block-content .no-gutters .mass-action-buttons .btn.outline {
    color: #FFF !important;
}

div.block .block-title strong {
    font-family: "Nunito Sans" !important;
    font-weight: 900;
}

.widget-one div.block .block-title strong,
.widget-three div.block .block-title strong,
.widget-fourd div.block .block-title strong,
.widget-five div.block .block-title strong,
.widget-six div.block .block-title strong {
    text-transform: unset;
}

body.cms-index-index.page-layout-1column .widget-two .widget.block-highlight {
    background-image: url('data:image/svg+xml,<svg width="1280" height="570" viewBox="0 0 1280 570" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1280" height="570" rx="24" fill="%236442D5"/><path d="M0 554V108C511.5 108 1051 448.939 1211 570H16C7.16344 570 0 562.837 0 554Z" fill="url(%23paint0_linear_173_1308)" style="mix-blend-mode:soft-light"/><path d="M1280 16V99C1170.18 99 1054.35 25.9417 1020 0H1264C1272.84 0 1280 7.16344 1280 16Z" fill="url(%23paint1_linear_173_1308)" style="mix-blend-mode:soft-light"/><defs><linearGradient id="paint0_linear_173_1308" x1="0" y1="417.679" x2="1211" y2="417.679" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_173_1308" x1="1280" y1="32.6402" x2="1020" y2="32.6402" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    background-size: cover;
    border-radius: 24px;
}

.first-loggedin .edit-ship-to-address {
    color: #000 !important
}

.first-loggedin,
.marketplace-quote-view .page-wrapper {
    background-color: #FFF;
}

.first-loggedin:after {
    border-bottom-color: #fff;
}

.marketplace-quote-view button.btn-primary:hover,
#maincontent .btn.action.primary:hover,
button.btn-primary:active,
#maincontent .btn.action.primary:active,
.catalog-product-view #maincontent .btn.action.primary span:hover,
.customer-account-index #maincontent .btn.action.primary span:hover {
    color: #FFF !important
}

.customer-account-index a.btn.outline:hover {
    color: #6442D5 !important;
}

.icon-user,
.icon-budget-big {
    filter: invert(1) !important;
    opacity: 1 !important;
}

.search.results>dl.block>dd.item a,
.primary-color-vv {
    color: #6442D5 !important
}

#maincontent .btn.action.primary span:hover,
.block-content .no-gutters .mass-action-buttons .new-button {
    color: #fff !important
}

/*Header*/
@media(min-width: 768px) {
    .page-header .sections.nav-sections {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-top: 23px;
    }
}

@media (min-width: 1280px) {
    .ship-address-container {
        margin-left: calc(15px + (100vw - 1280px)/2);
        width: fit-content;
    }
}

.section-item-content.nav-sections-item-content,
.page-header .header-my-account .logout a,
.label-budget {
    color: var(--main-negative) !important;
}

.icon-user,
.icon-budget-big {
    filter: invert(1) !important;
    opacity: 1 !important;
}

.ship-address-container .ship-to-fast-selector .ship-to-data .ship-to {
    color: #000;
}

.page-header .header-activity li a .count {
    background-color: #FDDC51 !important;
    color: #6442D5 !important;
}

@media(max-width: 991px) {

    .page-header .header.content,
    .nav-open .page-header div.header.content {
        background-color: #6442D5 !important;
    }

    .page-header .nav-toggle:after {
        filter: invert(1) !important;
        opacity: 1 !important;
    }

    body.cms-index-index.page-layout-1column .widget.block-highlight {
        padding: 0;
    }

    body.page-products .page-wrapper .page-main .columns .column.main .block.widget.block-highlight.highlight-grid .block-content .block-products-list .block-content .products-grid .product-items.widget-product-grid {
        padding-left: 8px;
    }
    .widget-two .widget .block-title {
        padding: 4rem 0 0 0;
    }
}

@media(max-width: 425px) {
    #maincontent .btn.action.primary span {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .block.widget .products-grid:not(.swiper-container) .product-items .product-item:not(.product-structure) .product-item-details .thumb-add-budget .set-qty-product .qty-input {
        width: 44px !important;
    }
}


/*Header finish*/

.container-1280 {
    max-width: 1280px;
    margin: 0 auto;
}

.page-main {
    background-color: #FFF;
}

/* footer */
footer,
.page-footer .footer.content a {
    color: #FFF !important;
}

@media(min-width: 991px) {
    footer {
        background-image: url('data:image/svg+xml,<svg width="1920" height="257" viewBox="0 0 1920 257" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_120_660)"><rect width="1920" height="256" transform="translate(0 0.410156)" fill="%236442D5"/><path d="M0 240V-16C301.578 -16.0001 619.663 184.726 714 256H16C7.16344 256 0 248.837 0 240Z" fill="url(%23paint0_linear_120_660)" style="mix-blend-mode:soft-light"/><path d="M1920 16V99C1810.18 99 1694.35 25.9417 1660 0H1904C1912.84 0 1920 7.16344 1920 16Z" fill="url(%23paint1_linear_120_660)" style="mix-blend-mode:soft-light"/></g><defs><linearGradient id="paint0_linear_120_660" x1="0" y1="166.322" x2="714" y2="166.322" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_120_660" x1="1920" y1="32.6402" x2="1660" y2="32.6402" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><clipPath id="clip0_120_660"><rect width="1920" height="256" fill="white" transform="translate(0 0.410156)"/></clipPath></defs></svg>');
    }
}

@media(max-width: 991px) {
    footer {
        background-color: #6442D5;
    }
}

footer {
    padding: 32px 0;
    background-size: cover;
}

.title-text-footer {
    font-weight: 600;
    font-size: 16px;
}

/* footer finish */


.page-product-structure .swatch-attribute-options .swatch-option.image.vv_model {
    width: 80px !important;
    height: 120px !important;
    background-size: contain !important;
    background-color: #FFF!important;
}    
.page-product-structure .swatch-attribute-options .swatch-option.color, .page-product-structure .swatch-attribute-options .swatch-option.image.vv_color {
    border-radius: 50%;
    border: 1px solid #ccc;
}
.input-structure-qty .input-structure .structure-item-wrapper.configuration {
    display: block!important;
}
.structure-item-wrapper.configuration .form-group label[for="lar"], .swatch-attribute-options.clearfix .select-CIELORRASO-PVCVAR.vv_size  {
    display: none;
}
.addtowish_popup_modal .product-container {
        background: #FFF;
}
/* --------------------------------------------------------------------------
   0) Variables
   El gradiente ya no arranca en #9b4dff: sobre ese violeta el texto blanco da
   contraste 4.29 y WCAG AA pide 4.5. Arrancando en #7c3aed da 5.70.
   -------------------------------------------------------------------------- */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view {
  --hb-purple-1: #7c3aed;
  --hb-purple-2: #6d28d9;
  --hb-purple-3: #5b21b6;

  --hb-field-bg: rgba(0, 0, 0, 0.14);          /* contraste 7.11 con texto blanco */
  --hb-field-bg-hover: rgba(0, 0, 0, 0.20);
  --hb-field-bg-focus: rgba(0, 0, 0, 0.26);    /* contraste 8.68 — el foco MEJORA la lectura */
  --hb-field-border: rgba(255, 255, 255, 0.75);
  --hb-placeholder: rgba(255, 255, 255, 0.90); /* contraste 6.08 */

  --hb-radius-card: 32px;
  --hb-radius-field: 999px;
  --hb-gap: 40px;      /* en mobile baja a 16px (bloque 9) */
  --hb-col-gap: 32px;  /* separación entre la tarjeta y el panel */
}


/* --------------------------------------------------------------------------
   1) Fondo de la página
   Antes: degradé lila. Ahora el mismo blanco de .page-main, así el violeta
   de la calculadora es lo único que aporta color y no compite con un lila
   de fondo.
   -------------------------------------------------------------------------- */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .page-wrapper {
  background: #ffffff;
}

/* El marco gris alrededor del bloque violeta: .page-main computa
   background rgb(235,235,235) y tiene padding lateral de 20px, así que esos
   20px de cada lado se veían grises. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .page-main,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .page-main .columns {
  background-color: #ffffff;
}


/* --------------------------------------------------------------------------
   2) Grilla de las dos columnas
   gap real entre la tarjeta y el panel: antes se tocaban (separación 0px).
   -------------------------------------------------------------------------- */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .column.main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: var(--hb-col-gap);
  align-items: start;
  position: relative;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .column.main::before {
  content: "";
  grid-column: 1 / -1;
  grid-row: 1;
  background: linear-gradient(135deg, var(--hb-purple-1) 0%, var(--hb-purple-2) 55%, var(--hb-purple-3) 100%);
  border-radius: var(--hb-radius-card);
  z-index: 0;
  align-self: stretch;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .column.main > .sidebar.sidebar-additional,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .column.main > .datasheet-product-content,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .column.main > .advantages-content-detail,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .column.main > .construction-product-content {
  grid-column: 1 / -1;
  position: relative;
  z-index: 1;
  margin-top: 32px;
}


/* --------------------------------------------------------------------------
   3) Tarjeta blanca (galería)

   El tema fija width:60% !important con especificidad 700 sobre
   .product.media:has(.fotorama-item) — por eso la tarjeta quedaba en 496px
   de una columna de 535. Este selector suma 801 y necesita !important porque
   el rival lo tiene. Es 1 de los 2 !important del archivo.
   -------------------------------------------------------------------------- */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media {
  /* width:auto y NO 100%: con width:100% + margin-left:40px la tarjeta se
     desbordaba 40px sobre la columna del panel y los dos se superponían 8px.
     Con auto, el margen hace su trabajo y quedan separados por el column-gap. */
  width: auto !important;      /* vence width:60% !important [700] */
  max-width: none !important;  /* vence max-width:690px !important [500] */
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
  float: none;
  min-width: 0;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 24px;
  margin: var(--hb-gap) 0 var(--hb-gap) var(--hb-gap);
  padding: 28px;
  box-shadow: 0 20px 45px rgba(48, 15, 110, 0.25);
  align-self: start;
  overflow: hidden;
}

/* Título del producto: estaba alineado a la izquierda mientras todo el resto
   de la tarjeta está centrado. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .product-title-capitalized,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .page-title-wrapper {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 8px;
  margin-bottom: 8px;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .product-title-capitalized .title {
  display: block;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  color: #2b1150;
}


/* --------------------------------------------------------------------------
   4) Galería: imagen más grande

   .fotorama__img computa width:auto (gallery.css [200]) y quedaba en 325px
   dentro de un stage de 456px. Con width:100% + object-fit aprovecha la
   tarjeta entera sin deformarse.
   -------------------------------------------------------------------------- */
/* Imagen principal.
   Fotorama escribe height y width INLINE en el stage (style="height:188px;
   width:263px"), y con eso la imagen quedaba en 263x188 dentro de una tarjeta
   de 539. Los !important de este bloque son contra esos estilos inline: no
   hay especificidad que le gane a un style="" desde una hoja de estilos.
   El padding lateral del <img> reserva el lugar de las flechas, así el dibujo
   nunca queda debajo de ellas. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__wrap {
  width: 100% !important;
  max-width: 100% !important;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__stage {
  width: 100% !important;
  height: 430px !important;
  left: 0 !important;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__stage__shaft {
  width: 100% !important;
  height: 100% !important;
  margin-left: 0 !important;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__stage__frame {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__stage__frame .fotorama__img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 56px;
  box-sizing: border-box;
  object-fit: contain;
}


/* Flechas.
   Antes: 80px translúcidas apoyadas sobre el dibujo, y asimétricas (la
   izquierda a 2px del borde, la derecha a 36px). El rival es
   body.structure-multivendor... {right:36px !important} con especificidad
   901, de ahí los !important de posición.
   El ícono interno de Fotorama es un sprite de 80px que desbordaba el botón,
   así que se oculta y se dibuja un chevron propio. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(48, 15, 110, 0.28);
  opacity: 0.96;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr--prev { left: 2px !important; right: auto !important; }
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr--next { right: 2px !important; left: auto !important; }

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr:hover {
  background-color: #f4efff;
  box-shadow: 0 4px 14px rgba(48, 15, 110, 0.38);
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr .fotorama__arr__arr {
  display: none !important;   /* sprite de 80px que desbordaba el botón */
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr--prev::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M9 2L4 7l5 5' stroke='%236d28d9' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr--next::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M5 2l5 5-5 5' stroke='%236d28d9' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* Miniaturas: UNA sola fila siempre. Si no entran, se corren en horizontal
   (la barra de scroll va oculta, el gesto sigue funcionando).
   Los !important son de nuevo contra los tamaños inline de Fotorama. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__nav-wrap,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__nav-wrap--vertical {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 16px !important;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__nav,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__nav--thumbs {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  left: auto !important;
  top: auto !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__nav::-webkit-scrollbar {
  display: none;                  /* Chrome / Safari */
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__nav__shaft {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;   /* nunca dos filas */
  justify-content: flex-start !important;
  width: max-content !important;
  min-width: 100% !important;
  height: auto !important;
  transform: none !important;
  position: relative !important;
  gap: 8px;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__nav__frame {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  width: 64px !important;
  height: 64px !important;
  flex: 0 0 64px;
  border-radius: 8px;
  overflow: hidden;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__nav__frame .fotorama__thumb {
  width: 100% !important;
  height: 100% !important;
}

/* --------------------------------------------------------------------------
   5) Panel violeta — simetría

   El tema topa el panel en max-width:480px [300] (style-general.css). Por eso
   a 1990px de pantalla quedaban 175px de violeta vacío a la derecha contra
   40px a la izquierda: el form se veía "tirado a la izquierda". Liberando el
   ancho, el aire queda igual de los dos lados.
   -------------------------------------------------------------------------- */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .product-info-main {
  max-width: none;   /* vence max-width:480px [300] */
  width: auto;
  grid-column: 2;
  grid-row: 1;
  position: relative;
  z-index: 1;
  float: none;
  min-width: 0;
  box-sizing: border-box;
  margin: var(--hb-gap) var(--hb-gap) var(--hb-gap) 0;
  padding: 8px 24px;
  color: #ffffff;
  background: transparent;
}


/* --------------------------------------------------------------------------
   6) EL FIX DEL ANCHO DE LOS CAMPOS

   .input-structure es un flex item con min-width:auto, que en flexbox
   significa "nunca más angosto que su contenido mínimo". Ese mínimo lo fija
   el padding de los campos. Resultado: en mobile el bloque se inflaba a 240px
   dentro de un contenedor de 167px y se salía 57px por la derecha; en desktop
   se quedaba corto y pegado a la izquierda. Mismo origen, dos síntomas
   opuestos. min-width:0 + width:100% lo resuelve en los dos anchos.
   -------------------------------------------------------------------------- */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .fieldset.structure,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .input-structure-qty,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .input-structure-container,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .input-structure,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper .form-group {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper {
  margin-bottom: 14px;
}


/* --------------------------------------------------------------------------
   7) Jerarquía tipográfica

   Antes los tres niveles eran casi el mismo: título 23px/500, label 14px/500,
   ayuda 13px/400. El título tenía el MISMO peso que los labels. Ahora:

     Cálculo de materiales   30px / 800   blanco puro          <- nivel 1
     Tipo de presupuesto     14px / 600   blanco 92%           <- nivel 2
     ¿Cómo calculo esto?     12px / 400   blanco 80%, subrayado <- nivel 3
   -------------------------------------------------------------------------- */
/* Título "Cálculo de materiales" oculto a pedido: el formulario sube y
   arranca directo en el primer campo. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .vv-price-box h2 {
  display: none;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper .form-group label {
  display: block;
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  margin-bottom: 10px;
  letter-spacing: 0.2px;
}

/* El !important de acá NO es por comodidad: el bloque de colores del tema
   (que en el archivo de producción va DESPUÉS de esta hoja) trae
   .page-product-structure .input-structure-container .structure-item-wrapper.field
   .how-to-calculate { color:#6442D5 !important }. Una declaración con
   !important gana siempre sobre una sin él, sin importar la especificidad,
   así que sin esto el link queda violeta sobre el panel violeta: invisible. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper .form-group .how-to-calculate {
  display: inline-block;
  color: rgba(255, 255, 255, 0.80) !important;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 2px;
  margin-top: 6px;
  transition: color 0.15s ease;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper .form-group .how-to-calculate:hover {
  color: #ffffff !important;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .mano-obra-price {
  color: #ffffff;
  text-align: center;
}


/* --------------------------------------------------------------------------
   8) Campos: forma, hover y contraste

   font-size 16px no es estético: por debajo de 16px Safari en iPhone hace
   zoom automático al tocar el campo. Con 13px pasaba en cada uno.

   El fondo pasa de blanco translúcido a negro translúcido. Antes, al enfocar
   se aclaraba (8% -> 16% de blanco), o sea el fondo se ACERCABA al texto
   blanco y el contraste caía de 4.97 a 4.26. Ahora oscurece: 7.11 -> 8.68.
   -------------------------------------------------------------------------- */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper input[type="text"],
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper input[type="number"],
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper select {
  width: 100%;
  min-width: 0;
  height: auto;
  box-sizing: border-box;
  background-color: var(--hb-field-bg);
  border: 1.5px solid var(--hb-field-border);
  border-radius: var(--hb-radius-field);
  color: #ffffff;
  font-size: 16px;
  line-height: 1.4;
  padding: 13px 20px;
  text-align: left;
  text-overflow: ellipsis;
  box-shadow: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Hover — faltaba por completo: los campos no daban ninguna señal de ser
   clickeables. Vale igual en desktop y en mobile (ahí se ve al tocar). */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper input[type="text"]:hover,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper input[type="number"]:hover,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper select:hover {
  background-color: var(--hb-field-bg-hover);
  border-color: #ffffff;
}

/* Foco: oscurece el fondo y agrega un anillo visible. La versión anterior
   ponía outline:none sin reemplazo — no había forma de ver qué campo estaba
   activo al navegar con teclado. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper input:focus,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper select:focus {
  outline: none;
  background-color: var(--hb-field-bg-focus);
  border-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper input::placeholder {
  color: var(--hb-placeholder);
  opacity: 1;   /* Firefox aplica opacity:.54 por defecto */
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1L7 7L13 1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  padding-right: 44px;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper select option {
  color: #2b1150;
  background: #ffffff;
}


/* --------------------------------------------------------------------------
   9) Botón CALCULAR

   Estaba pegado a la derecha porque la regla anterior centraba
   .input-structure-qty .actions, que no es el contenedor del botón: el real
   es .pre-con. Y estaba aplastado — height 32px con padding vertical 16+16,
   o sea cero espacio para el texto.
   -------------------------------------------------------------------------- */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .pre-con {
  display: flex;
  align-items: center;
  justify-content: center;   /* vence flex-end [500] de style.css */
  gap: 20px;                 /* el botón de compartir estaba pegado al de calcular */
  width: 100%;
  margin-top: 20px;
}

/* "Compartí este calculador" tiene margin-right:auto [400] en style.css. Ese
   margin auto se comía todo el espacio libre y empujaba el botón contra el
   borde derecho (desvío medido: 167px). */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .pre-con .product-social-links {
  margin-right: 0;
  margin-left: 0;
  flex: 0 0 auto;
}

/* El !important del background: el bloque de colores del tema trae
   .sto-primary { background: #6442D5 !important } — especificidad 100, pero
   !important le gana igual a esta regla de 701. Sin esto el botón queda
   violeta con el texto violeta encima: ilegible. Lo mismo en :hover y :active,
   que el tema también pinta. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .calculate-product-btn {
  height: auto;
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff !important;
  color: var(--hb-purple-2);
  border: none;
  border-radius: var(--hb-radius-field);
  padding: 0 48px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .calculate-product-btn:hover {
  background: #f4efff !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.3);
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .calculate-product-btn:active {
  background: #ece3ff !important;
  transform: translateY(0);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
}

body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .calculate-product-btn .sto-label,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .calculate-product-btn svg,
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .calculate-product-btn svg path {
  color: var(--hb-purple-2);
  fill: var(--hb-purple-2);
}

/* Aclaración: antes rgba(255,255,255,.75) daba contraste 3.89 (falla AA).
   Blanco al 95% sobre el gradiente nuevo pasa. */
body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .clarification-text {
  color: rgba(255, 255, 255, 0.95);
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  margin-top: 16px;
}


/* --------------------------------------------------------------------------
   10) Mobile

   Breakpoint 767px, no 768px: el tema usa max-width:767px / min-width:768px,
   y la versión anterior usaba max-width:768px — en exactamente 768px se
   aplicaban las dos a la vez.

   Sangrías que comprimían la imagen a 125px de ancho en un viewport de 376:
     .page-main 15px + .columns 24px + margin 40px + padding 20px = 99px POR LADO
   (198px de 376 = 53% del viewport en aire).
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {

  /* Recuperar ancho: los campos usaban 264px de 352 disponibles porque el
     padding se acumulaba en 4 capas (.page-main + .columns + panel +
     box-tocart = 88px por lado). Recortando la cadena pasan a 338px. */
  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view {
    --hb-gap: 10px;
    --hb-col-gap: 0px;
    --hb-radius-card: 20px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .page-main {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .page-main .columns {
    padding-left: 6px;
    padding-right: 6px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .column.main {
    grid-template-columns: minmax(0, 1fr);
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .column.main::before {
    grid-row: 1 / 3;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media {
    grid-column: 1;
    grid-row: 1;
    margin: var(--hb-gap);
    padding: 14px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .product-title-capitalized .title {
    font-size: 21px;
  }

  /* La imagen es apaisada: con el stage de 430px quedaba centrada en el medio
     con mucho aire arriba y abajo, y se leía como "desplazada hacia abajo"
     respecto del título. */
  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__stage {
    height: 240px !important;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__stage__frame .fotorama__img {
    padding: 0 38px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr {
    width: 32px;
    height: 32px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__arr::after {
    background-size: 12px 12px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .column.main .product.media .fotorama__nav__frame {
    width: 56px !important;
    height: 56px !important;
    flex: 0 0 56px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .columns .product-info-main {
    grid-column: 1;
    grid-row: 2;
    margin: 0 var(--hb-gap) var(--hb-gap);
    padding: 4px 0;
  }

  /* El botón flotante de WhatsApp (position:fixed) tapaba el último campo */
  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type {
    padding: 16px 8px 96px;
  }

  /* Menos aire entre campos: estaban a 22px y el formulario quedaba largo */
  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper {
    margin-bottom: 12px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper .form-group label {
    font-size: 13px;
    margin-bottom: 6px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper .form-group .how-to-calculate {
    margin-top: 5px;
  }

  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper input[type="text"],
  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper input[type="number"],
  body.product-cielorraso-de-pvc-interior.page-product-structure.catalog-product-view .box-tocart.microsite.structure-type .structure-item-wrapper select {
    padding: 11px 16px;
  }
}

/* ==========================================================================
   ELIMINADO respecto de la versión anterior:

   Las 3 reglas de .swatch-attribute.vv_color (26 líneas, los círculos de
   color con anillo blanco). Ese selector no matchea ningún elemento: el color
   del cielorraso es un <select>, no swatches. Nunca hizo nada.
   ========================================================================== */

                body a, body a:visited, .breadcrumbs a:visited {
                    color: #6442D5;
                }

                button.btn.primary, button.btn.primary:active, button.btn.primary:hover, button.action.primary:active, .action.primary:active button.action.primary:hover, a.btn.primary, a.btn.primary:active, a.btn-primary:hover, .btn-primary, body:not(.storelocator-index-store) a.action.primary:not(.official-store), .catalog-product_compare-index .action.print, .action.action-login.secondary, .new-billing-address .action.action-update, .dropdown-menu > li.dropdown-header > a.btn-link, .getlocation-icon, .getlocation-icon:hover, .getlocation-icon.btn-primary:not(:disabled):not(.disabled):active {
                    background-color: #6442D5;
                }
                .action.primary:focus, .action-primary:focus, .action.primary:active, .action-primary:active{
                    background-color: #6442D5;
                }
                a.btn-link,
                .wishlist-link a,
                .marketplace-checkout-shipping .marketplace-checkout-shipping-type,
                .wishlist-link a:hover,
                body:not(.storelocator-index-store) .filter .actions div.secondary a.show-more,
                body:not(.storelocator-index-store) .filter .actions div.secondary a.show-less,
                .catalog-product-view .product-item-info .find-builder a:hover,
                .multiplewishlist-quote-index .multiple-wishlist-quote .shipping-block .shipping-block-title .seller-data a:hover,
                .structure-linked-container a:hover,
                .page-cc-benefits:not(.store-contact-info) a:hover,
                .post-info a:hover,
                .account-title-section a:hover,
                .contact-list a:hover,
                .page-product-structure .mfblog-replated-posts-block .post-item-link:hover,
                .addressmodal .trigger-auth-popup,
                .addressmodal .trigger-auth-popup:hover,
                .help-page-link-color,
                .help-page-link-color:hover,
                .page-product-structure .input-structure-container .structure-item-wrapper.field .how-to-calculate,
                .page-product-structure .input-structure-container .structure-item-wrapper.field .how-to-calculate:hover {
                    color: #6442D5 !important;
                }
                button.btn.primary,
                button.btn-primary,
                button.action.primary,
                button.btn.primary:hover,
                button.btn-primary:hover,
                button.action.primary:hover,
                button.btn.primary:active,
                button.btn-primary:active,
                button.action.primary:active,
                .action.primary:active,
                a.btn.primary,
                a.btn-primary,
                .btn-primary,
                body:not(.storelocator-index-store) a.action.primary:not(.official-store),
                .catalog-product_compare-index .action.print,
                .action.action-login.secondary,
                .new-billing-address .action.action-update,
                .dropdown-menu > li.dropdown-header > a.btn-link,
                .getlocation-icon,
                .getlocation-icon:hover,
                .getlocation-icon.btn-primary:not(:disabled):not(.disabled):active {
                    background-color: #6442D5;
                }
                .page-with-filter .filter-active .state-item,
                .table-vv-style .label-bought {
                    background-color: #6442D5;
                    opacity: 0.7;
                }
                .multiplewishlist-index-view .budget-actions .popup-split-budget::before,
                .multiplewishlist-share-view .budget-actions .popup-split-budget::before {
                    filter: drop-shadow(0px 2px #6442D5);
                }
                .multiplewishlist-index-view .budget-actions .popup-split-budget,
                .multiplewishlist-share-view .budget-actions .popup-split-budget {
                    border: 2px #6442D5 solid;
                }
                .author .block-description .a-right .read-more,
                .author .block-description .a-right .read-more:hover {
                    color: #6442D5;
                    border-color: #6442D5;
                }
                .btn.btn-white {
                    color: #6442D5;
                }
                .btn.btn-white .icon-chevron svg g path {
                    fill: #6442D5 !important;
                }
                button.btn.outline,
                a.btn.outline,
                button.copy-link,
                .checkout-onepage-success .page-title-wrapper .action.print,
                .opc-wrapper .action-show-popup,
                .block-addresses-default .action.edit,
                button.action.action-select-shipping-item,
                .action.viewcart,
                button.action.action-edit-address,
                button.action.action-select-billing-item,
                .checkout-index-index .checkout-shipping-address .new-address-popup .action,
                .checkout-index-index .checkout-billing-address .new-address-popup .action,
                .module-rewardpoints .rwp-nopoint a,
                .block-addresses-list + .actions-toolbar .primary .action.primary.add {
                    color: #6442D5;
                }
                .marketplace-quote-view .share-button svg g g path {
                    fill: #6442D5;
                }
                .action.action-input,
                .getlocation-text {
                    color: #6442D5;
                }
                .dropdown-menu > li > a:hover,
                .dropdown-menu > li > a:focus {
                    color: #6442D5;
                }
                .page-header .header-activity li a .count {
                    background-color: #6442D5;
                }
                .opc-progress-bar-item._active > span:before,
                .checkout-index-index .opc-progress-bar .opc-progress-bar-item:nth-child(2):before,
                .checkout-index-index .opc-progress-bar .opc-progress-bar-item:nth-child(2) > span:before {
                    background: #6442D5 !important;
                    border-color: #6442D5 !important;
                }
                .opc-progress-bar-item._active:before {
                    background: #6442D5 !important;
                    border-color: #6442D5 !important;
                }
                .opc-progress-bar-item._active > span:after,
                body:not(.storelocator-index-store) .filter .actions div.secondary a.show-more,
                body:not(.storelocator-index-store) .filter .actions div.secondary a.show-less {
                    border-color: #6442D5 !important;
                }
                @media (min-width: 768px) {
                    .navpro.orientation-horizontal .navpro-dropdown-level1 > .navpro-shevron {
                        background: #6442D5 !important;
                        border: 1px solid #6442D5 !important;
                        border-color: #6442D5 transparent transparent #6442D5 !important;
                    }
                }
                .navpro-dropdown-level1 {
                    background-color: #6442D5;
                    border: 1px solid #6442D5;
                }
                .page-header .block-search .qs-option-name a {
                    color: #6442D5 !important;
                }
                .page-header .minicart-wrapper .action.showcart .counter.qty {
                    background: #6442D5;
                }
                .notif-actions a {
                    color: #6442D5;
                }
                .drop-budget-actions .budget-btn {
                    color: #6442D5;;
                }
                .jumbotron.home-assistant {
                    background-color: #6442D5;
                }
                .home-assistant .steps em {
                    color: #6442D5;
                }
                .breadcrumbs a {
                    color: #6442D5;
                }
                .block-actions.filter-actions .filter-clear {
                    border: 1px solid #6442D5;
                    color: #6442D5;
                }
                .product-info-main .product-add-form .input-structure-qty .label-qty a,
                .breadcrumbs a:hover {
                    color: #6442D5;
                }
                .product-info-main .product-add-form .input-structure .form-group label .tooltip-container i {
                    color: #6442D5;
                }
                .product-social-links .share-button {
                    color: #6442D5;
                }
                .adv-item .meter .meter-value b {
                    color: #6442D5;
                }
                .adv-item.value-1 .meter i:first-child,
                .adv-item.value-2 .meter i:nth-child(-n+2),
                .adv-item.value-3 .meter i:nth-child(-n+3),
                .adv-item.value-4 .meter i:nth-child(-n+4),
                .adv-item.value-5 .meter i:nth-child(-n+5) {
                    background-color: #6442D5;
                }
                .attached-product-content .product-attachment-container .downloads-item .item-link b {
                    color: #6442D5;
                }
                .construction-list li span.number {
                    background-color: #6442D5;
                }
                .table-vv-style tr:hover .table-actions .action.btn-actions {
                    color: #6442D5;
                }
                .table-vv-style tr:hover .table-actions .action.btn-actions i {
                    color: #6442D5;
                }
                .pages a.page {
                    color: #6442D5;
                }
                .pages a.page,
                .pages a.page:visited {
                    color: #6442D5;
                }
                .mission-vision {
                    background-color: #6442D5;
                }
                .about-history ul li h3 {
                    color: #6442D5;
                }
                .fotorama__nav__frame.fotorama__nav__frame--dot.fotorama__active .fotorama__dot {
                    border-color: #6442D5 !important;
                    background-color: #6442D5 !important;
                }
                .blog-page .sidebar .widget.block .block-content .item .post-item-link {
                    color: #6442D5;
                }
                .blog-page .post-list-wrapper .post-holder .post-content .post-read-more {
                    color: #6442D5;
                }
                .post-view .post-holder .author .readmore {
                    color: #6442D5;
                }
                .popovers .discount-icon span {
                    color: #6442D5 !important;
                }
                .popovers .discount-text p b {
                    color: #6442D5;
                }
                .popovers .mo-icon span {
                    color: #6442D5 !important;
                }
                .modal-popup .modal-footer button.action-dismiss {
                    color: #6442D5;
                }
                .modal-popup .modal-footer button.action-accept {
                    background-color: #6442D5;
                }
                .order-title .btn-group > .btn:last-child {
                    background-color: #6442D5;
                }
                .order-actions-toolbar .actions .action {
                    color: #6442D5;
                }
                .page-with-filter:not(.storelocator-index-store) .filter-options-content .smile-es-range-slider .ui-slider-handle {
                    background: #6442D5;
                }
                .page-with-filter .irs--modern .irs-from,
                .page-with-filter .irs--modern .irs-to,
                .page-with-filter .irs--modern .irs-single {
                    background-color: #6442D5;
                }
                .page-with-filter .irs--modern .irs-from:before,
                .page-with-filter .irs--modern .irs-to:before,
                .page-with-filter .irs--modern .irs-single:before {
                    border-top-color: #6442D5;
                }
                .page-with-filter .irs--modern .irs-bar {
                    background: #6442D5;
                }
                .page-with-filter .filter-active .filter-active-item-clear-all {
                    color: #6442D5;
                }
                .table-comparison .tgl-flip + .tgl-btn:after,
                .table-comparison .tgl-flip + .tgl-btn:before {
                    background-color: #6442D5 !important;
                }
                .popup-authentication .block-authentication .actions-toolbar .secondary a.action,
                .customer-account-login .login-container .block.block-customer-login .actions-toolbar .secondary a.action,
                .checkout-onepage-success #maincontent .checkout-success a.btn.outline,
                .sales-order-view .page-title-wrapper .actions-toolbar.order-actions-toolbar .actions a.action.whatsapp,
                .sales-order-payment .page-title-wrapper .actions-toolbar.order-actions-toolbar .actions a.action.whatsapp,
                .dropdown-menu.menu-address .dropdown-header-address .dropdown-see-address.btn-link,
                .dropdown-menu.menu-budgets .dropdown-header .dropdown-see-budget {
                    color: #6442D5 !important;
                    background-color: transparent !important;
                }
                .checkout-index-index .opc-progress-bar-item._active:before {
                    background: #6442D5;
                    border-color: #6442D5;
                }
                .checkout-index-index .opc-progress-bar-item._active > span:before {
                    background: #6442D5;
                    border-color: #6442D5;
                }
                .checkout-index-index .opc-progress-bar-item._active > span:after {
                    border-color: #6442D5;
                }
                .checkout-index-index .opc-wrapper .shipping-address-item.selected-item {
                    border-color: #6442D5;
                }
                .checkout-index-index .opc-wrapper .shipping-address-item.selected-item:after {
                    border: 7px solid #6442D5;
                }
                .checkout-index-index .payment-method._active {
                    border-color: #6442D5;
                    z-index: 2;
                }
                .checkout-index-index .checkout-payment-method .checkout-billing-address .payment-billing-address-list .billing-address-item.selected-item {
                    border-color: #6442D5;
                    z-index: 2;
                }
                .checkout-index-index .checkout-payment-method .checkout-billing-address .payment-billing-address-list .billing-address-item.selected-item:after {
                    background: #6442D5;
                }
                .checkout-index-index .checkout-payment-method .checkout-billing-address .primary .action-cancel {
                    color: #6442D5;
                }
                .checkout-index-index .checkout-payment-method .checkout-billing-address .primary .action-update {
                    background-color: #6442D5;
                }
                .checkout-index-index .modal-popup .modal-footer .action-hide-popup,
                .checkout-index-index .modal-popup .new-billing-address .action.action-cancel {
                    color: #6442D5;
                }
                .checkout-index-index .minicart-wrapper .action.showcart .counter.qty {
                    background: #6442D5;
                }
                .module-rewardpoints .reward-points-user {
                    background: #6442D5;
                }
                .sales-order-view .order-details-items .btn-group .btn.btn-sm:hover,
                .sales-order-shipment .order-details-items .btn-group .btn.btn-sm:hover,
                .sales-order-invoice .order-title-invoice .btn-group .btn.btn-sm:hover,
                .checkout-onepage-success #maincontent .checkout-success a.btn:hover
                {
                    background-color: #6442D5;
                }
                .sales-order-payment #attachment-form.form-attachments .swissup-attachment-drag-area .text-attach-input .product-social-links .customer-order-link .copy-link.share-button {
                    color: #6442D5 !important;
                    background-color: transparent !important;
                }
                .cms-ayuda .page-cc-benefits .help-list li > a .cc-icon img,
                .cms-ayuda-comprando .help-buying img,
                .help-page-border {
                    border: 1.5px solid #6442D5;
                }
                .multiplewishlist-quote-index .shipping-container .shipping-block .radio-selector-wrapper.selected,
                .multiplewishlist-quote-index .shipping-container .shipping-block .radio-selector-wrapper:before,
                .multiplewishlist-quote-index .shipping-container .shipping-block .radio-selector-wrapper .address-edit-button:hover,
                .checkout-index-index .billing-address-item.selected-item button.action.action-select-billing-item:before,
                .checkout-index-index .billing-address-item button.action.edit-address-link:hover,
                .dropdown-menu.menu-address .dropdown-header-address .dropdown-see-address.btn-link,
                .dropdown-menu.menu-budgets .dropdown-header .dropdown-see-budget,
                .dropdown-menu.menu-budgets .dropdown-header .dropdown-see-budget:hover,
                .checkout-index-index .checkout-container .rewardpoints-block .payment-option-title,
                .checkout-index-index .checkout-container .rewardpoints-block .payment-option-content {
                    border: 1px solid #6442D5;
                }
                .customer-account-index #billing-shipping-info .active-msg-container,
                .multiplewishlist-quote-index .shipping-container .shipping-block .radio-selector-wrapper:before,
                .checkout-index-index .billing-address-item.selected-item button.action.action-select-billing-item:before {
                    background-color: #6442D5;
                }
                .multiplewishlist-quote-index .shipping-container .shipping-block .radio-selector-wrapper .address-edit-button:hover,
                .checkout-index-index .billing-address-item button.action.edit-address-link:hover,
                .checkout-index-index .checkout-payment-method .rewardpoints-block .payment-option-content .reward-user-info > b .mw_rewardpoints,
                .checkout-index-index .marketplace-checkout-card .marketplace-checkout-shippings .marketplace-checkout-shipping .marketplace-checkout-shipping-type span {
                    color: #6442D5;
                }
                .multiplewishlist-left-border {
                    border-left: 6px solid #6442D5;
                }
                .alternative-btn,
                .alternative-btn:hover,
                .alternative-btn:focus {
                    color: #6442D5;
                    border: 1px solid #6442D5;
                    background: transparent;
                }
                .radio-left-border-width {
                    border-left: 16px solid #6442D5;
                }
                .radio-left-border {
                    border-left: 12px solid #6442D5;
                }
                .radio-btn-vv-container input:checked ~ span.checkmark-radio-btn {
                    background-color: #6442D5;
                }
                .progress-btn {
                    background-color: #6442D5;
                }

                .vv-primary-color {
                    color:#6442D5 !important;
                    }

                .vv-primary-border-left {
                    border-left: 6px solid #6442D5 !important;
                }
                .vv-primary-background,
                .background-primary-color,
                .btn-primary,
                .radio-btn-vv-container input:checked ~ span.vv-primary-background-input,
                 .active-msg-content {
                background-color: #6442D5 !important;
                }
                .border-primary-color-vv {
                    border-color: #6442D5 !important;
                }
                .primary-color-vv {
                    color: #6442D5 !important;
                }
                .background-store-opacity {
                    background-color: #6442D520 !important;
                 }
                .sto-primary, .ais-RangeInput-submit {
                    background: linear-gradient(0deg, #6442D5, #6442D5) !important;
                }
                .sto-tertiary {
                    color: #6442D5 !important;
                }
                .sto-primary:hover, .ais-RangeInput-submit:hover {
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%),
                                linear-gradient(0deg, #6442D5, #6442D5) !important;
                }
                .sto-primary:active, .ais-RangeInput-submit:active {
                    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
                                linear-gradient(0deg, #6442D5, #6442D5) !important;
                }
                .sto-tertiary .sto-label {
                    color: #6442D5 !important;
                }
                .sto-icon-primary,
                .ais-RefinementList-item .ais-RefinementList-label.checked .checket-img-filter svg path,
                .check-image-model .ckeck-filter svg path {
                    stroke: #6442D5 !important;
                }
                .ais-RefinementList-checkbox:checked,
                .structure-item-wrapper .swatch-attribute .swatch-option.selected,
                .swatch-attribute .swatch-option.selected,
                .check-image-model .ckeck-filter rect {
                    border: 2px solid #6442D5 !important;
                }

                .ais-RefinementList-checkbox:checked::after,
                .ais-RefinementList-item--selected .label,
                .ais-RefinementList-label:has(.ais-RefinementList-checkbox:checked) {
                    color: #6442D5 !important;
                }

                .is-widget-container-vv_color .ais-RefinementList-item .ais-RefinementList-label.checked,
                .is-widget-container-manufacturer .ais-RefinementList-item .ais-RefinementList-label.checked .img-label,
                .is-widget-container-vv_model .ais-RefinementList-item .ais-RefinementList-label.checked,
                .ais-RefinementList-item .ais-RefinementList-label.checked .checket-img-filter,
                .ais-RangeInput-input--min:active,
                .ais-RangeInput-input--max:active {
                    border: 3px solid #6442D5 !important;
                }

                .account.multiplewishlist-index-index .fancy-radio label input[type="checkbox"]:checked ~ i {
                   border: 1px solid #6442D5 !important;
                }

                .account.multiplewishlist-index-index .fancy-radio .fa-check:before {
                   color: #6442D5 !important;
                }

                .box-edge.left {
                    border-left: 2.5px solid #6442D5 !important;
                }
                .box-edge.right {
                    border-right: 2.5px solid #6442D5 !important;
                }
                .box-edge.top {
                    border-top: 2.5px solid #6442D5 !important;
                }
                .box-edge.bottom {
                    border-bottom: 2.5px solid #6442D5 !important;
                }
                .marketplace-optimizer-view .tr-optimizer .switch-rotate:has(input:checked)  {
                    background: #6442D5 !important;
                }
                .multiplewishlist-header-container .container-adress-budget:not(:has(.form-address-edit)), .multiplewishlist-header-container .form-address-edit {
                    background: #6442D5 !important;
                }
            
            a.btn-link:hover,
             .vv_primary_color {
                color: #6442D5 !important;
            }
            a:hover {
                 color: #6442D5;
            }

            button.btn:active,
            a.btn:hover,
            a.btn:focus,
            a.btn:active,
            a.action:hover,
            a.action:focus,
            a.action:active,
            button.action:focus,
            button.action:active,
            .checkout-index-index .shipping-address-item button.action.edit-address-link:hover,
            .checkout-index-index .shipping-address-item button.action.edit-address-link:focus,
            .checkout-index-index .shipping-address-item button.action.edit-address-link:active,
            .checkout-index-index .billing-address-item button.action.edit-address-link:hover,
            .checkout-index-index .billing-address-item button.action.edit-address-link:focus,
            .checkout-index-index .billing-address-item button.action.edit-address-link:active {
                color: #6442D5;
            }
            a.btn.primary:hover,
            a.btn-primary:hover,
            a.action.primary:hover,
            a.btn.primary:focus,
            a.btn-primary:focus,
            a.action.primary:focus,
            a.btn.primary:active,
            a.btn-primary:active,
            a.action.primary:active,
            button.btn.primary:hover,
            button.btn-primary:hover,
            button.action.primary:hover,
            button.btn.primary:focus,
            button.btn-primary:focus,
            button.action.primary:focus,
            button.btn.primary:active,
            button.btn-primary:active,
            button.action.primary:active,
            .action.primary:active ,
            .catalog-product_compare-index .action.print:hover,
            .catalog-product_compare-index .action.print:active,
            .catalog-product_compare-index .action.print:focus,
            .action.action-login.secondary:hover,
            .action.action-login.secondary:active,
            .action.action-login.secondary:focus,
            .new-billing-address .action.action-update:hover,
            .new-billing-address .action.action-update:active,
            .new-billing-address .action.action-update:focus,
            .page-with-filter .filter-options-content .smile-es-range-slider .actions-toolbar .action.primary.small:hover,
            .page-with-filter .filter-options-content .smile-es-range-slider .actions-toolbar .action.primary.small:focus,
            .page-with-filter .filter-options-content .smile-es-range-slider .actions-toolbar .action.primary.small:active,
            .dropdown-menu > li.dropdown-header > a.btn-link:hover,
            .dropdown-menu > li.dropdown-header > a.btn-link:focus,
            .dropdown-menu > li.dropdown-header > a.btn-link:active {
                background: #6442D5;
            }
            .action.primary:focus, .action-primary:focus, .action.primary:active, .action-primary:active{
                background-color: #6442D5;
            }
            .btn.btn-white:hover,
            .btn.btn-white:focus,
            .btn.btn-white:active,
            .btn.btn-white:not(:disabled):not(.disabled):active {
                color: #6442D5;
            }

            .btn.btn-white:hover .icon-chevron svg g path,
            .btn.btn-white:focus .icon-chevron svg g path,
            .btn.btn-white:active .icon-chevron svg g path,
            .btn.btn-white:not(:disabled):not(.disabled):active .icon-chevron svg g path {
                fill: #6442D5 !important;
            }
            button.btn.outline,
            a.btn.outline,
            button.copy-link,
            .checkout-onepage-success .page-title-wrapper .action.print,
            .opc-wrapper .action-show-popup,
            .block-addresses-default .action.edit,
            button.action.action-select-shipping-item,
            .action.viewcart,
            button.action.action-edit-address,
            button.action.action-select-billing-item,
            .checkout-index-index .checkout-shipping-address .new-address-popup .action,
            .checkout-index-index .checkout-billing-address .new-address-popup .action,
            .module-rewardpoints .rwp-nopoint a,
            .block-addresses-list + .actions-toolbar .primary .action.primary.add {
                border: 1px solid #6442D5;

            }
            button.btn.outline:hover,
            button.btn.outline:focus,
            button.btn.outline:active,
            a.btn.outline:hover,
            a.btn.outline:focus,
            a.btn.outline:active,
            button.copy-link:hover,
            button.copy-link:focus,
            button.copy-link:active,
            .checkout-onepage-success .page-title-wrapper .action.print:hover,
            .checkout-onepage-success .page-title-wrapper .action.print:focus,
            .checkout-onepage-success .page-title-wrapper .action.print:active,
            .opc-wrapper .action-show-popup:hover,
            .opc-wrapper .action-show-popup:focus,
            .opc-wrapper .action-show-popup:active,
            .block-addresses-default .action.edit:hover,
            .block-addresses-default .action.edit:focus,
            .block-addresses-default .action.edit:active,
            button.action.action-select-shipping-item:hover,
            button.action.action-select-shipping-item:focus,
            button.action.action-select-shipping-item:active,
            .action.viewcart:hover,
            .action.viewcart:focus,
            .action.viewcart:active,
            button.action.action-edit-address:hover,
            button.action.action-edit-address:focus,
            button.action.action-edit-address:active,
            button.action.action-select-billing-item:hover,
            button.action.action-select-billing-item:focus,
            button.action.action-select-billing-item.active,
            .checkout-index-index .checkout-shipping-address .new-address-popup .action:hover,
            .checkout-index-index .checkout-shipping-address .new-address-popup .action:focus,
            .checkout-index-index .checkout-shipping-address .new-address-popup .action:active,
            .checkout-index-index .checkout-billing-address .new-address-popup .action:hover,
            .checkout-index-index .checkout-billing-address .new-address-popup .action:focus,
            .checkout-index-index .checkout-billing-address .new-address-popup .action:active,
            .module-rewardpoints .rwp-nopoint a:hover,
            .module-rewardpoints .rwp-nopoint a:focus,
            .module-rewardpoints .rwp-nopoint a:active,
            .block-addresses-list + .actions-toolbar .primary .action.primary.add:hover,
            .block-addresses-list + .actions-toolbar .primary .action.primary.add:focus,
            .block-addresses-list + .actions-toolbar .primary .action.primary.add:active {
                border: 1px solid #6442D5;
                color: #6442D5;
            }
            .form-control:focus {
                border-color: #6442D5;
            }
            .navpro .level0 .navpro-dropdown-level1 > .navpro-dropdown-inner > .gutters > .navpro-col > .children > li > a:hover,
            .navpro .level0 .navpro-dropdown-level1 > .navpro-dropdown-inner > .gutters > .navpro-col > .children .parent > a:hover {
                background-color: #6442D5;
            }
            .block-search .form.processing .control:after {
                border: .1em solid #6442D5;
            }
            i.fa.fa-info {
                background-color: #6442D5;
            }
            a:visited, .alink:visited,
            .breadcrumbs a:visited {
                color: #6442D5;
            }
            .product-social-links ._2tga._49ve {
                color: #6442D5;
            }
            .account .block-collapsible-nav .item.current strong {
                color: #6442D5;
            }
            .payment-billing-address-list .address-item:hover div.action a.action,
            .payment-billing-address-list .address-item div.action a.action:hover {
                border-color: #6442D5;
                color: #6442D5;
            }
            .table-vv-style tr:hover .table-actions .action.btn-actions {
                border: 1px solid #6442D5;
            }
            .page-cc-benefits article h3 {
                color: #6442D5;
            }
            .page-cc-benefits .help-list li > a:hover h3 {
                color: #6442D5;
            }
            .blog-page .post-list-wrapper .post-holder .post-content .post-read-more {
                border: 1px solid #6442D5;
            }
            .post-view .post-holder .author .readmore {
                border: 1px solid #6442D5;
            }
            .header-note p b a {
                border: 1px solid #6442D5;
            }
            .header-note p b a:hover {
                border: 1px solid #6442D5;
                color: #6442D5 !important;
            }
            .modal-popup .modal-footer button.action-dismiss {
                border: 1px solid #6442D5;
            }
            .modal-popup .modal-footer button.action-dismiss:hover,
            .modal-popup .modal-footer button.action-dismiss:active,
            .modal-popup .modal-footer button.action-dismiss:focus {
                border: 1px solid #6442D5;
                color: #6442D5;
            }
            .modal-popup .modal-footer button.action-accept:hover,
            .modal-popup .modal-footer button.action-accept:active,
            .modal-popup .modal-footer button.action-accept:focus {
                background: #6442D5;
            }
            .order-title .btn-group > .btn:last-child:hover {
                background: #6442D5;
            }
            .order-actions-toolbar .actions .action {
                border: 1px solid #6442D5;
            }
            .page-with-filter .swissup-filter-item-checkbox input:checked + div::before {
                border-color: #6442D5;
            }
            .page-with-filter .swissup-filter-item-checkbox input.loading:checked + div::before {
                border-color: #6442D5;
            }
            .page-with-filter .filter-active .filter-active-item-clear-all {
                border: 1px solid #6442D5;
            }
            .page-with-filter .filter-active .filter-active-item-clear-all {
                border: 1px solid #6442D5;
            }
            .page-with-filter .filter-active .filter-active-item-clear-all:hover,
            .page-with-filter .filter-active .filter-active-item-clear-all:focus,
            .page-with-filter .filter-active .filter-active-item-clear-all:active {
                border: 1px solid #6442D5;
                color: #6442D5;
            }
            .table-comparison .tgl-flip + .tgl-btn:after:focus,
            .table-comparison .tgl-flip + .tgl-btn:before:focus,
            .table-comparison .tgl-flip + .tgl-btn:after:active,
            .table-comparison .tgl-flip + .tgl-btn:before:active,
            .table-comparison .tgl-flip + .tgl-btn:after:hover,
            .table-comparison .tgl-flip + .tgl-btn:before:hover {
                background: #6442D5 !important;
            }
            .popup-authentication .block-authentication .actions-toolbar .secondary a.action:hover,
            .popup-authentication .block-authentication .actions-toolbar .secondary a.action:focus,
            .popup-authentication .block-authentication .actions-toolbar .secondary a.action:active {
                color: #6442D5;
            }
            .checkout-index-index .table-checkout-shipping-method .col-method input:checked + i {
                background-color: #6442D5;
                border-color: #6442D5;
            }
            .checkout-index-index .table-checkout-shipping-method .col-method input[type="radio"]:checked + i:hover {
                background-color: #6442D5;
            }
            .checkout-index-index .checkout-payment-method .payment-method .payment-method-title input[type="radio"]:checked:hover + label:before {
                background-color: #6442D5;
            }
            .checkout-index-index .checkout-payment-method .payment-method .payment-method-title input:checked + label:before {
                background-color: #6442D5;
                border-color: #6442D5;
            }
            .checkout-index-index .shipping-address-item button.action.edit-address-link:hover {
                border-color: #6442D5;
            }
            .checkout-index-index .shipping-address-item.selected-item button.action.action-select-shipping-item:before {
                background-color: #6442D5;
                border-color: #6442D5;
            }
            .checkout-index-index .checkout-payment-method .checkout-billing-address .primary .action-update:hover,
            .checkout-index-index .checkout-payment-method .checkout-billing-address .primary .action-update:focus,
            .checkout-index-index .checkout-payment-method .checkout-billing-address .primary .action-update:active {
                background: #6442D5;
            }
            .checkout-index-index .billing-address-item.selected-item button.action.action-select-billing-item:before {
                background-color: #6442D5;
                border-color: #6442D5;
            }
            .checkout-index-index .billing-address-item button.action.edit-address-link:hover,
             {
                border-color: #6442D5 !important;
            }

            .div-addresses-options input[type=radio] {
                accent-color: #6442D5 !important;
            }

            .search.results > dl.block > dd.item a,
             .primary-color-vv {
                color: #6442D5 !important;
            }
            .search.results > dl.block > dd.item a:hover {
                border-color: #6442D5;
            }
            .popover-trigger.icon-info i.fa-info-circle {
                color: #6442D5;
            }

               .sales-order-view .order-details-items .btn-group .btn.btn-sm,
                .sales-order-shipment .order-details-items .btn-group .btn.btn-sm,
                .sales-order-invoice .order-title-invoice .btn-group .btn.btn-sm,
                .checkout-onepage-success #maincontent .checkout-success a.btn,
                #addtocart-wishpopup .budget-group-buttons button,
                body.customer-account-index #billing-shipping-info .typeaddress .default-address,
                .sales-order-view .order-details-items .btn-group .btn.btn-sm,
                .sales-order-shipment .order-details-items .btn-group .btn.btn-sm,
                .sales-order-invoice .order-title-invoice .btn-group .btn.btn-sm,
                .checkout-onepage-success #maincontent .checkout-success a.btn
                 {
	                background-color: #6442D5;
                }

                .catalog-product-view .actions-custom-product button.action,
                .box-actions .btn-submit-form-builder,
                .btn.outline.edit,
                .btn.outline.back,
                .multiple_wishlist_product_form .submit-button-wrapper .btn.action.primary,
                .budget-group-buttons button,
                .edit-title-budget button,
                .pre-con .btn.action.primary,
                .btn.primary.back-to-budget,
                .new-address-popup .action,
                #maincontent .product-add-form.product-item-info .budget-group-buttons .btn.primary.addingwishlist,
                .page-wrapper #maincontent #multiple_wishlist_add_form .budget-group-buttons .btn.primary.addingwishlist,
                .actions-toolbar button.primary,
                .actions-primary a.action:not(.tocompare),
                .actions-toolbar a.action,
                .budget-actions .share-button,
                .product-item-inner .actions-primary .btn.action.primary
                {
                    background-color: #6442D5 !important;
                }
            
            body:not(.storelocator-index-store) .actions-toolbar button.primary,
            .box-actions button.primary,
            .budget-actions .share-button,
            button.btn.primary,
            button.btn-primary,
            button.btn.primary:hover,
            button.btn-primary:hover,
            button.btn.primary:active,
            button.btn-primary:active,
            body:not(.storelocator-index-store) button.action.primary,
            a.btn.primary,
            a.btn-primary,
            body:not(.storelocator-index-store) a.action.primary:not(.official-store),
            .catalog-product_compare-index .action.print,
            .action.action-login.secondary,
            .new-billing-address .action.action-update,
            .dropdown-menu > li.dropdown-header > a.btn-link,
            .product.details.product-item-details .noprice-text a.findelocation,
            #maincontent .product-add-form.product-item-info .findelocation-container .noprice-text .findelocation,
            .multiplewishlist-index-view .box-actions.budget-actions .product-social-links .btn.outline.share-button,
            .multiplewishlist-share-view .box-actions.budget-actions .product-social-links .btn.outline.share-button,
            .new-address-popup button.action,
            .page-products .actions.actions-custom-product button.btn.action.primary,
            .sellers-products.product-item-info .field.submit-button-wrapper button.btn.action.primary,
            .product-item-info .box-tocart.microsite .btn.action.primary,
            #maincontent .btn.action.primary,
            .label-active.active-wishlist,
            .catalog-product-view .sellers-wrapper .no-sellers .location .text-noprice-location .noprice-text .findelocation,
            .dropdown-menu.menu-address .dropdown-header-address .dropdown-new-address,
            .customer-account-index .typeaddress .default-address,
            .multiplewishlist-index-view .product-social-links button.copy-link,
            .checkout-onepage-success #maincontent .checkout-success .block-content a.btn,
            .checkout-onepage-success #maincontent .checkout-success .block-content a.btn span,
            .popup-constructor .head-constructor,
            body:not(.storelocator-index-store) .fancy-radio label input[type="checkbox"]:checked ~ i,
            .dropdown-menu.menu-address .dropdown-header-address .btn-link.wo-address,
            .menu-budgets .wo-budgets, .calculate-material-slick, .structure-slick .structure-slick-carousel .slick-dots li.slick-active button
            {
                background-color:#6442D5 !important;
            }
            .ais-RangeSlider .rheostat-progress{
                background-color: #6442D5 !important;
            }

            .prolabel__content b.featured-label:nth-child(1) {
                border: 10px solid #6442D5 !important;
                border-left: 4px solid transparent !important;
            }
            .prolabel__content b.featured-label:nth-child(2) {
                border: 10px solid #6442D5 !important;
                border-right: 4px solid transparent !important;
            }
            .popup-constructor {
                border: 1px solid #6442D5;
            }
            .popup-constructor:after {
               border: 1px solid #6442D5;
               border-color: transparent #6442D5 #6442D5 transparent;
            }
            .wishlist-index-row.radio-left-border {
                border-top: 17px solid #6442D5;
            }
            .jumbotron.footer{
            background: #6442D5;
            }

            
            .actions-toolbar button.primary:hover,
            .box-actions button.primary:hover,
            .budget-actions .share-button:hover,
            button.btn.primary:hover,
            button.btn-primary:hover,
            button.action.primary:hover,
            a.btn.primary:hover,
            a.btn-primary:hover,
            a.action.primary:hover,
            .catalog-product_compare-index .action.print:hover,
            .action.action-login.secondary:hover,
            .new-billing-address .action.action-update:hover,
            .dropdown-menu > li.dropdown-header > a.btn-link:hover,
            .product.details.product-item-details .noprice-text a.findelocation:hover,
            #maincontent .product-add-form.product-item-info .findelocation-container .noprice-text .findelocation:hover,
            .multiplewishlist-index-view .box-actions.budget-actions .product-social-links .btn.outline.share-button:hover,
            .multiplewishlist-share-view .box-actions.budget-actions .product-social-links .btn.outline.share-button:hover,
            .new-address-popup button.action:hover,
            .page-products .actions.actions-custom-product button.btn.action.primary:hover,
            .sellers-products.product-item-info .field.submit-button-wrapper button.btn.action.primary:hover,
            .product-item-info .box-tocart.microsite .btn.action.primary:hover,
            .popup-authentication .block-customer-login .fieldset .actions-toolbar .secondary a.action:hover,
            #maincontent .btn.action.primary:hover
            {
                background-color:#6442D5 !important;
            }
            
            .actions-toolbar button.primary,
            .box-actions button.primary,
            .budget-actions .share-button,
            button.btn.primary,
            button.btn-primary,
            button.btn.primary: hover,
            button.btn-primary: hover,
            button.btn.primary: active,
            button.btn-primary: active,
            body:not(.storelocator-index-store) button.action.primary,
            a.btn.primary,
            a.btn-primary,
            body:not(.storelocator-index-store) a.action.primary:not(.official-store),
            .catalog-product_compare-index .action.print,
            .action.action-login.secondary,
            .new-billing-address .action.action-update,
            .dropdown-menu > li.dropdown-header > a.btn-link,
            .product.details.product-item-details .noprice-text a.findelocation,
            #maincontent .product-add-form.product-item-info .findelocation-container .noprice-text .findelocation,
            .multiplewishlist-index-view .box-actions.budget-actions .product-social-links .btn.outline.share-button,
            .multiplewishlist-share-view .box-actions.budget-actions .product-social-links .btn.outline.share-button,
            .new-address-popup button.action,
            a.btn-primary span,
            .product-item-info .box-tocart.microsite .btn.action.primary,
            body:not(.marketplace-quote-view):not(.marketplace-share-view) #maincontent .btn.action.primary span,
            .label-active.active-wishlist,
            .catalog-product-view .sellers-wrapper .no-sellers .location .text-noprice-location .noprice-text .findelocation,
            .dropdown-menu.menu-address .dropdown-header-address .dropdown-new-address,
            .customer-account-index .typeaddress .default-address span,
            .multiplewishlist-index-view .product-social-links button.copy-link,
            .prolabels-wrapper .prolabel__content, .prolabels-content-wrapper .prolabel__content,
            .sales-order-view .page-title-wrapper .actions-toolbar.order-actions-toolbar .actions .action.order-primary:hover,
            .sales-order-payment .page-title-wrapper .actions-toolbar.order-actions-toolbar .actions .action.order-primary:hover,
            .checkout-onepage-success #maincontent .checkout-success .block-content a.btn,
            .checkout-onepage-success #maincontent .checkout-success .block-content a.btn span,
            .popup-constructor .head-constructor h2,
            .fancy-radio label input[type="checkbox"]:checked ~ i,
            .active-msg-content,
            .dropdown-menu.menu-address .dropdown-header-address .btn-link.wo-address,
            .menu-budgets .wo-budgets,
            .menu-budgets .wo-budgets:hover
            {
                color:#ffff !important;
            }

            
            .actions-toolbar button.primary:hover,
            .box-actions button.primary:hover,
            .budget-actions .share-button:hover,
            button.btn.primary:hover,
            button.btn-primary:hover,
            button.action.primary:hover,
            a.btn.primary:hover,
            a.btn-primary:hover,
            a.action.primary:hover,
            button.btn.primary:active,
            button.btn-primary:active,
            button.action.primary:active,
            .action.primary:active,
            a.btn.primary:active,
            a.btn-primary:active,
            a.action.primary:active,
            .catalog-product_compare-index .action.print:hover,
            .action.action-login.secondary:hover,
            .new-billing-address .action.action-update:hover,
            .dropdown-menu > li.dropdown-header > a.btn-link:hover,
            .product.details.product-item-details .noprice-text a.findelocation:hover,
            #maincontent .product-add-form.product-item-info .findelocation-container .noprice-text .findelocation:hover,
            .multiplewishlist-index-view .box-actions.budget-actions .product-social-links .btn.outline.share-button:hover,
            .multiplewishlist-share-view .box-actions.budget-actions .product-social-links .btn.outline.share-button:hover,
            .new-address-popup button.action:hover,
            .product-item-info .box-tocart.microsite .btn.action.primary:hover,
            .popup-authentication .block-customer-login .fieldset .actions-toolbar .secondary a.action:hover,
            #maincontent .btn.action.primary span:hover
            {
                color:#ffff !important;
            }

            
            .header.wrapper, .header.wrapper.is_stuck {
                background-color: #6442D5;
            }

            @media (min-width: 768px) {
                .page-header .sections.nav-sections {
                background-color: #FDDC51 ;
                width: 100vw;
                margin-left: calc(50% - 50vw);
                margin-top: 23px;
                }
                .sections.nav-sections .section-item-content.nav-sections-item-content .ship-to-fast-selector {
                width: 30%;
                }
                .sections.nav-sections .section-item-content.nav-sections-item-content .swissup-navigationpro {
                width: 70%;
                }
            }
            .nav-sections-item-content {
                max-width: 1280px;
                margin: auto;
            }
            @media (min-width: 1280px) {
                .ship-address-container {
                    margin-left: calc(15px + (100vw - 1280px)/2);
                    width: fit-content;
                }
            }
            @media (max-width: 1279px) and (min-width: 1025px) {
                .ship-address-container {
                padding-left: 15px;
                }
            }
            @media (min-width: 768px) and (max-width: 1024px) {
                .ship-address-container {
                padding-left: 10px;
                }
            }
            
        .multiplewishlist-index-index .btn-group.mass-action-buttons .btn.outline,
        .btn-actions.btn-delete.wishlist-remove,
        .btn-actions.btn-edit.wishlist-edit,
        .customer-account-index .box-actions .btn.outline.edit,
        .payment-billing-address-list .address-item .action .action.edit,
        .payment-billing-address-list .address-item .action .action.delete,
        .customer-account-edit .form-edit-account .box-actions .btn.outline.back.pull-left,
        .multiplewishlist-index-view .input-group>.input-group-append>.btn,
        .multiplewishlist-index-view .multiple_wishlist_table.table-vv-style .table-actions .btn-simple .action.btn-actions.btn-delete.wishlist-item-remove,
        .multiplewishlist-index-view .multiple_wishlist_table.table-vv-style .table-comments .control .btn.outline.btn-sm,
        .multiplewishlist-index-view .box-actions.budget-actions .btn.outline.delete-budget,
        .multiplewishlist-quote-index .shipping-container .shipping-block.customer-address-wrapper .radio-selector-wrapper.address  .action.address-edit-button,
        .multiplewishlist-quote-index .shipping-quote-container .go-to-payment-wrapper .btn.primary.back-to-budget,
        .multiplewishlist-share-view .block-content .actions-share-budget .btn.outline.copy-budget,
        .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .checkout-billing-address .payment-billing-address-list .billing-address-item.billing-type.selected-item .action.edit-address-link,
        .checkout-index-index .checkout-container .checkout-shipping-address .field.addresses .shipping-address-items .shipping-address-item .action.edit-address-link,
        .checkout-index-index .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus)
         {
          background-color: #6442D5 !important;
        }