/** Shopify CDN: Minification failed

Line 63:51 Unexpected "<"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
.custom-css{
    margin-right: auto;
    margin-left: auto;
    width: 630px;
    height: 217px;
    background: #F1F5F6;
    border: 1px solid #E5E8EC;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
 color: #ffffff !important;
}
/* --- START SOCIAL LINKS ADAPTIVE COLOR RULES FOR TOP BAR --- */

/* 1. DEFAULT COLOR (Black on Light Backgrounds) - Sets the sitewide base color */

/* Targets the "Folow Us:" text */
.folow-text {
  color: #000000;
}

/* Targets Font Awesome icons (i elements) */
.list-socials a i {
  color: #000000;
}

/* Targets SVG icons (<path> elements) */
.list-socials a svg path {
  fill: #000000; 
}


/* 2. ADAPTIVE OVERRIDE (White on Dark Topbar Background) */

/* Targets the links ONLY when they are inside the dark .topbar container */
.topbar .folow-text {
  color: #FFFFFF !important; /* Forces the text white */
}

.topbar .list-socials a i {
  color: #FFFFFF !important; /* Forces Font Awesome icons white */
}

.topbar .list-socials a svg path {
  fill: #FFFFFF !important; /* Forces SVG icons white (important to override the inline fill="black") */
}

/* --- END SOCIAL LINKS ADAPTIVE COLOR RULES --- */</path>

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  .custom-css{padding: 10px;}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  .custom-css{padding: 10px;}
}