/* VICROSES MOBILE PRO 2026-08-28
   Responsive storefront optimizations for phones/tablets.
   Desktop rules stay untouched because all overrides are scoped to mobile widths. */

@media (max-width: 780px) {
  html { overflow-x: hidden; }
  body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    padding-bottom: env(safe-area-inset-bottom);
  }

  /* Header */
  .top-note {
    padding: 7px 12px !important;
    font-size: 10px !important;
    line-height: 1.35;
    letter-spacing: .25px !important;
  }
  .site-head,
  .head {
    position: relative;
    z-index: 60;
    box-shadow: 0 5px 18px rgba(83, 40, 44, .12);
  }
  .head-main {
    grid-template-columns: minmax(120px, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 9px 10px !important;
    padding: 9px 12px 11px !important;
  }
  .brand {
    min-width: 0;
    display: flex;
    align-items: center;
  }
  .brand img {
    width: auto !important;
    max-width: 175px !important;
    height: 50px !important;
    object-fit: contain;
    object-position: left center;
  }
  .brand-text { font-size: 29px !important; }
  .brand-text small { font-size: 8px !important; letter-spacing: 3px !important; }

  .head-tools,
  .tools {
    min-width: 0;
    gap: 5px !important;
    justify-content: flex-end;
  }
  .icon-btn,
  .tools a,
  .tools button {
    min-width: 40px;
    min-height: 40px;
    padding: 8px 9px !important;
    justify-content: center;
    border-radius: 11px !important;
  }
  .icon-btn svg,
  .tools svg { width: 19px !important; height: 19px !important; }
  .head-tools .login-text,
  .tools .login-label { display: none !important; }
  .count { right: -5px !important; top: -6px !important; }

  .lang select,
  .tools select {
    width: 82px;
    max-width: 82px !important;
    min-height: 40px;
    padding: 8px 22px 8px 8px !important;
    border-radius: 11px !important;
    font-size: 11px;
    font-weight: 700;
  }

  .search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    height: 42px !important;
    border-radius: 13px !important;
    box-shadow: 0 3px 12px rgba(94, 46, 49, .10);
  }
  .search input {
    padding: 0 14px !important;
    font-size: 16px; /* avoids iOS zoom */
  }
  .search button {
    min-width: 46px;
    padding: 0 14px !important;
  }

  /* Horizontal category bar: touch-friendly and compact */
  .nav {
    justify-content: flex-start !important;
    gap: 7px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 8px 12px 10px !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .nav::-webkit-scrollbar { display: none; }
  .nav-item,
  .nav > a { flex: 0 0 auto; scroll-snap-align: start; }
  .nav-item > a,
  .nav > a {
    display: block;
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 999px !important;
    padding: 8px 12px !important;
    font-size: 10px !important;
    letter-spacing: .25px !important;
    background: rgba(255,255,255,.08);
  }
  .nav-item.active > a { background: #fff !important; color: var(--coral) !important; }
  .submenu { display: none !important; }

  /* Hero */
  .hero {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 8.8;
    background: #f7e4e5;
  }
  .hero-slide img { object-fit: cover !important; object-position: center center; }
  .hero-arr {
    width: 34px !important;
    height: 34px !important;
    font-size: 21px !important;
    background: rgba(255,255,255,.86) !important;
  }
  .hero-arr.prev { left: 8px !important; }
  .hero-arr.next { right: 8px !important; }
  .dots { bottom: 9px !important; }

  /* Mini promotions become a swipeable strip */
  .mini-wrap { padding: 15px 0 2px !important; }
  .mini-grid {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto;
    padding: 2px 1px 10px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .mini-grid::-webkit-scrollbar { display: none; }
  .mini-card {
    flex: 0 0 145px;
    min-width: 145px;
    scroll-snap-align: start;
    border-radius: 13px !important;
  }

  /* Catalog */
  .wrap { padding-left: 12px !important; padding-right: 12px !important; }
  .section-title {
    margin: 19px 0 10px !important;
    font-size: 11px !important;
    letter-spacing: 1.35px !important;
  }
  .catalog {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 6px 0 34px !important;
  }
  .mobile-filter-toggle {
    display: flex !important;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 12px;
    padding: 10px 13px;
    font: inherit;
    color: var(--ink);
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 5px 16px rgba(63,24,28,.06);
  }
  .mobile-filter-toggle .chev { transition: transform .2s ease; }
  .mobile-filter-toggle.is-open .chev { transform: rotate(180deg); }
  .filters {
    display: none;
    border: 1px solid var(--line) !important;
    border-radius: 13px;
    padding: 12px !important;
    background: #fffaf9;
  }
  .filters.is-open { display: block; }
  .filters h3 { margin: 0 0 10px !important; }
  .filter-block { padding: 10px 0 !important; }
  .filter-block input[type=number],
  .filter-block select { min-height: 42px; font-size: 16px; }
  .filter-btn { min-height: 44px; border-radius: 10px !important; }

  .products-head { margin: 4px 0 12px !important; align-items: flex-end !important; }
  .products-head h2 {
    font-size: 26px !important;
    line-height: 1.05;
  }
  .products-head small { font-size: 10px; white-space: nowrap; }

  .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px !important;
    justify-content: stretch !important;
  }
  .card {
    min-width: 0;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(63,24,28,.07) !important;
  }
  .card:hover { transform: none !important; }
  .card-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1.05;
    object-fit: cover;
  }
  .badge {
    left: 7px !important;
    top: 7px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
    border-radius: 7px !important;
  }
  .card-body {
    padding: 10px 9px 11px !important;
    text-align: left !important;
  }
  .card-name {
    min-height: 38px !important;
    margin: 0 0 4px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .old { font-size: 10px !important; }
  .price { font-size: 17px !important; margin: 4px 0 !important; }
  .card-installment {
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    min-height: 25px;
    margin: 3px 0 !important;
  }
  .card-delivery { display: none; }
  .rating { font-size: 9px !important; min-height: 12px !important; }
  .card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 6px !important;
    margin-top: 8px !important;
  }
  .card-actions button {
    min-width: 0;
    min-height: 38px;
    padding: 8px 4px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    line-height: 1.1;
  }

  /* Cart / Checkout full-screen on phones */
  .overlay { background: rgba(40,24,26,.46) !important; }
  .drawer {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff;
    padding-bottom: env(safe-area-inset-bottom);
  }
  .drawer-head {
    min-height: 54px;
    padding: 11px 14px !important;
    box-shadow: 0 2px 10px rgba(72,35,38,.11);
  }
  .drawer-head b { font-size: 15px; }
  .drawer-head .close {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.14);
    font-size: 25px;
  }
  .drawer-body { padding: 8px 12px !important; }
  .drawer-foot {
    padding: 10px 12px max(20px, env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #f4e7e7 !important;
  }
  .cart-item {
    grid-template-columns: 58px minmax(0,1fr) auto !important;
    gap: 9px !important;
    padding: 10px 0 !important;
  }
  .cart-item img { width: 58px !important; height: 58px !important; border-radius: 10px !important; }
  .cart-name { font-size: 11px !important; line-height: 1.3; }
  .cart-price { font-size: 11px !important; }
  .qty { gap: 5px !important; }
  .qty button { width: 29px !important; height: 29px !important; }

  .coupon { gap: 7px !important; }
  .coupon input,
  .field input,
  .field textarea,
  .field select,
  .yape-confirm input {
    font-size: 16px !important; /* prevents Safari auto zoom */
  }
  .coupon input { min-width: 0; min-height: 44px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 9px; }
  .coupon button { min-height: 44px; white-space: nowrap; }
  .form-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  .field { margin: 7px 0 !important; }
  .field label { font-size: 10px !important; margin-bottom: 5px !important; }
  .field input,
  .field textarea,
  .field select {
    min-height: 46px;
    padding: 10px 11px !important;
    border-radius: 10px !important;
  }
  .field textarea { min-height: 88px !important; }
  .order-summary { border-radius: 11px !important; padding: 10px !important; }
  .total-row { font-size: 13px; margin: 5px 0 !important; }
  .pay-btn {
    min-height: 50px;
    border-radius: 10px !important;
    padding: 12px 10px !important;
    font-size: 14px;
  }
  .yape-pay-btn { margin-top: 8px !important; }
  .shipping-zones { font-size: 10px !important; line-height: 1.45; }

  /* Modals */
  .modal { padding: 8px !important; align-items: flex-end !important; }
  .modal-box {
    width: 100% !important;
    max-height: 92dvh !important;
    border-radius: 18px 18px 0 0 !important;
  }
  .auth-box { padding: 24px 16px max(22px, env(safe-area-inset-bottom)) !important; }
  .yape-box { padding: 22px 14px max(24px, env(safe-area-inset-bottom)) !important; }
  .yape-box img { width: min(300px, 86%) !important; }
  .yape-confirm { flex-direction: column; }
  .yape-confirm button { min-height: 46px; }

  /* Product detail page */
  .main { padding: 20px 0 34px !important; }
  .product { gap: 20px !important; }
  .gallery-main {
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(63,24,28,.07);
  }
  .thumbs { gap: 7px !important; margin-top: 8px !important; }
  .thumbs img { width: 58px !important; height: 58px !important; border-radius: 8px !important; }
  .breadcrumb { font-size: 10px !important; margin-top: 2px; }
  .title {
    font-size: 30px !important;
    line-height: 1.08 !important;
    margin-bottom: 7px !important;
  }
  .price-row { margin: 8px 0 4px !important; }
  .price { font-size: 27px !important; }
  .installments { font-size: 12px !important; margin-bottom: 12px !important; }
  .bullets { font-size: 13px !important; line-height: 1.6 !important; padding-left: 18px !important; }
  .ship { padding: 11px 12px !important; font-size: 11px !important; border-radius: 11px !important; }
  .opts { grid-template-columns: 1fr !important; gap: 8px !important; }
  .buy-row {
    grid-template-columns: 76px 1fr !important;
    gap: 8px !important;
    margin-top: 13px !important;
  }
  .qty,
  .add { min-height: 48px; }
  .qty { font-size: 16px !important; }
  .add { border-radius: 11px !important; font-size: 13px !important; }
  .section { margin-top: 28px !important; padding-top: 21px !important; }
  .section h2 { font-size: 25px !important; }
  .related {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 11px !important;
  }
  .rcard img { height: auto !important; aspect-ratio: 1/1.05; }
  .rbody { padding: 10px !important; }
  .rname { font-size: 15px !important; min-height: 38px; }
  .rprice { font-size: 16px !important; }
  .rinst { font-size: 9px !important; line-height: 1.35; }

  /* Footer */
  footer,
  .footer { padding-top: 30px !important; }
  .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 20px 14px !important; }
  .footer-logo { max-width: 180px !important; }
  .footer-title { font-size: 12px; }
  footer a,
  .footer a,
  footer p,
  .company { font-size: 10.5px !important; line-height: 1.55 !important; }
  .copy { font-size: 9.5px !important; padding-bottom: 5px; }

  .floating-ad { display: none !important; }
  .wa {
    right: 14px !important;
    bottom: max(14px, env(safe-area-inset-bottom)) !important;
    width: 52px !important;
    height: 52px !important;
    font-size: 25px !important;
  }
}

@media (max-width: 390px) {
  .brand img { max-width: 145px !important; height: 46px !important; }
  .lang select,
  .tools select { width: 73px; max-width: 73px !important; font-size: 10px; }
  .head-main { padding-left: 10px !important; padding-right: 10px !important; }
  .products-head h2 { font-size: 23px !important; }
  .grid { gap: 9px !important; }
  .card-body { padding: 9px 8px 10px !important; }
  .card-name { font-size: 14px !important; }
  .card-installment { font-size: 9px !important; }
  .card-actions button { font-size: 9.5px !important; }
}

@media (max-width: 330px) {
  .grid { grid-template-columns: 1fr !important; }
  .card-img { aspect-ratio: 1.15/1 !important; }
  .card-name { font-size: 17px !important; }
  .price { font-size: 19px !important; }
  .related { grid-template-columns: 1fr !important; }
}

@media (max-width: 780px) and (orientation: landscape) and (max-height: 500px) {
  .top-note { display: none; }
  .brand img { height: 40px !important; }
  .head-main { padding-top: 6px !important; padding-bottom: 7px !important; }
  .nav { padding-top: 5px !important; padding-bottom: 6px !important; }
  .drawer-head { min-height: 48px; }
}

/* Hidden on desktop; enabled by mobile rule above. */
@media (min-width: 781px) { .mobile-filter-toggle { display: none !important; } }


/* ==========================================================
   VICROSES MOBILE C7 - REBASE LIMPIO / ALTO CONTRASTE
   2026-08-28
   Base limpia: sin acumulación de C2/C3/C4/C5/C6.
   Objetivo: legibilidad fuerte tipo ecommerce profesional.
   ========================================================== */
@media (max-width: 780px) {
  :root {
    --c7-ink: #151112;
    --c7-text: #2a2324;
    --c7-muted: #62585a;
    --c7-red: #d93d4b;
    --c7-red-strong: #c72e3d;
    --c7-green: #0f6843;
    --c7-line: #cfb9bc;
    --c7-soft: #fff7f7;
  }

  html, body {
    color: var(--c7-ink) !important;
    background: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-text-size-adjust: 100% !important;
  }

  /* En móvil usamos tipografía de sistema para máxima nitidez en iPhone/Android. */
  body,
  button,
  input,
  select,
  textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  }

  /* Mantiene personalidad editorial solo en títulos principales. */
  .products-head h2,
  .card-name,
  .title,
  .section h2,
  .rname,
  .related-name,
  .related-block h3,
  .prod-info h2 {
    font-family: "Playfair Display", Georgia, serif !important;
  }

  /* -------- texto general -------- */
  .section-title,
  .products-head small,
  .breadcrumb,
  .meta,
  .company,
  .copy,
  .filter-block small {
    color: var(--c7-muted) !important;
    -webkit-text-fill-color: var(--c7-muted) !important;
    opacity: 1 !important;
    font-weight: 600 !important;
  }

  .products-head h2,
  .card-name,
  .title,
  .section h2,
  .rname,
  .related-name,
  .related-block h3,
  .prod-info h2,
  .filters h3,
  .filter-block b {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    opacity: 1 !important;
    font-weight: 800 !important;
  }

  /* -------- catálogo -------- */
  .card,
  .rcard,
  .related-card {
    background: #fff !important;
    border: 1px solid #dfd2d4 !important;
    box-shadow: 0 7px 22px rgba(42, 20, 23, .10) !important;
  }

  .card-body,
  .rbody,
  .related-body { background:#fff !important; }

  .card-name {
    color: #171214 !important;
    -webkit-text-fill-color: #171214 !important;
    font-weight: 800 !important;
  }

  .old,
  .old-price,
  .related-old {
    color: #756b6d !important;
    -webkit-text-fill-color: #756b6d !important;
    opacity: 1 !important;
    font-weight: 600 !important;
  }

  .price,
  .prod-price,
  .rprice,
  .related-price {
    color: var(--c7-red-strong) !important;
    -webkit-text-fill-color: var(--c7-red-strong) !important;
    opacity: 1 !important;
    font-weight: 800 !important;
  }

  .card-installment,
  .installments,
  .installment-note,
  .rinst,
  .card-delivery {
    color: var(--c7-green) !important;
    -webkit-text-fill-color: var(--c7-green) !important;
    opacity: 1 !important;
    font-weight: 700 !important;
  }

  .rating {
    color: #82562d !important;
    -webkit-text-fill-color: #82562d !important;
    font-weight: 600 !important;
  }

  .view,
  .related-actions .view {
    color: var(--c7-red-strong) !important;
    -webkit-text-fill-color: var(--c7-red-strong) !important;
    background: #fff !important;
    border: 1.5px solid var(--c7-red) !important;
    font-weight: 800 !important;
    opacity: 1 !important;
  }

  .add,
  .filter-btn,
  .card-actions .add,
  .related-actions .add,
  .prod-add {
    background: #eb4f5b !important;
    border-color: #eb4f5b !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 800 !important;
    opacity: 1 !important;
  }

  /* -------- página de producto -------- */
  .breadcrumb {
    color: #5a5052 !important;
    -webkit-text-fill-color: #5a5052 !important;
  }

  .bullets,
  .bullets li,
  .bullet-list,
  .bullet-list li,
  .prod-mini,
  .desc,
  .review {
    color: #1d191a !important;
    -webkit-text-fill-color: #1d191a !important;
    opacity: 1 !important;
    font-weight: 600 !important;
  }

  .bullets li,
  .bullet-list li {
    line-height: 1.55 !important;
  }

  .bullets li::marker,
  .bullet-list li::marker {
    color: #111 !important;
  }

  .ship,
  .ship-note {
    color: #30292a !important;
    -webkit-text-fill-color: #30292a !important;
    background: var(--c7-soft) !important;
    border: 1.5px solid #d7bfc2 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
  }

  .meta {
    color: #514749 !important;
    -webkit-text-fill-color: #514749 !important;
    font-weight: 600 !important;
  }

  .qty {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    background: #fff !important;
    border: 1.7px solid #bca5a9 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
  }

  /* -------- filtros / campos -------- */
  .mobile-filter-toggle,
  .filters,
  .filters label,
  .filters b,
  .filters h3,
  .field label,
  .option-title {
    color: #241f20 !important;
    -webkit-text-fill-color: #241f20 !important;
    opacity: 1 !important;
  }

  .field label,
  .option-title { font-weight: 750 !important; }

  .mobile-filter-toggle {
    background: #fff !important;
    border: 1.5px solid #d3c4c6 !important;
    font-weight: 750 !important;
  }

  .filters {
    background: #fff !important;
    border-color: #d9c9cb !important;
  }

  input:not([type="button"]):not([type="submit"]),
  textarea,
  select {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    background-color: #fff !important;
    border-color: #bfa9ad !important;
    opacity: 1 !important;
    font-weight: 600 !important;
  }

  input::placeholder,
  textarea::placeholder {
    color: #5d5557 !important;
    -webkit-text-fill-color: #5d5557 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
  }

  /* -------- carrito / checkout -------- */
  #overlay {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #cartDrawer,
  #cartDrawer .drawer-body,
  #cartDrawer .drawer-foot {
    background: #fff !important;
    color: #141112 !important;
    -webkit-text-fill-color: #141112 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  #cartDrawer .drawer-head {
    background: #ed555e !important;
  }

  #cartDrawer .drawer-head,
  #cartDrawer .drawer-head * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    font-weight: 800 !important;
  }

  #cartDrawer .cart-name,
  #cartDrawer .cart-price,
  #cartDrawer .qty,
  #cartDrawer .qty b {
    color: #171314 !important;
    -webkit-text-fill-color: #171314 !important;
    opacity: 1 !important;
    font-weight: 750 !important;
  }

  #cartDrawer .remove {
    color: #a51f2e !important;
    -webkit-text-fill-color: #a51f2e !important;
    font-weight: 750 !important;
    opacity: 1 !important;
  }

  #cartDrawer .drawer-foot > div[style*="font-weight:800"],
  #cartDrawer .field label,
  #cartDrawer .shipping-zones,
  #cartDrawer .shipping-zones summary {
    color: #1b1718 !important;
    -webkit-text-fill-color: #1b1718 !important;
    opacity: 1 !important;
    font-weight: 800 !important;
  }

  #cartDrawer input:not(:disabled),
  #cartDrawer textarea:not(:disabled),
  #cartDrawer select:not(:disabled) {
    color: #0d0b0c !important;
    -webkit-text-fill-color: #0d0b0c !important;
    background: #fff !important;
    border: 2px solid #9f7f84 !important;
    opacity: 1 !important;
    font-weight: 650 !important;
  }

  #cartDrawer input::placeholder,
  #cartDrawer textarea::placeholder {
    color: #554d4f !important;
    -webkit-text-fill-color: #554d4f !important;
    opacity: 1 !important;
  }

  #cartDrawer .order-summary {
    background: #fff5f5 !important;
    border: 1.7px solid #d6b7bb !important;
  }

  #cartDrawer .order-summary .total-row,
  #cartDrawer .order-summary .total-row span {
    color: #171314 !important;
    -webkit-text-fill-color: #171314 !important;
    font-weight: 750 !important;
    opacity: 1 !important;
  }

  #cartDrawer .order-summary .total-row:last-child,
  #cartDrawer .order-summary .total-row:last-child span {
    color: #721823 !important;
    -webkit-text-fill-color: #721823 !important;
    font-weight: 900 !important;
  }

  #cartDrawer .coupon button {
    background: #e94b56 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 800 !important;
  }

  #cartDrawer .pay-btn:not(.yape-pay-btn) {
    background: #1769da !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 800 !important;
  }

  #cartDrawer .yape-pay-btn {
    background: #64157d !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 800 !important;
  }

  /* -------- footer -------- */
  .footer {
    background: #443234 !important;
  }

  .footer,
  .footer a,
  .footer p,
  .footer .company,
  .footer .copy,
  .footer .footer-title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
  }
}