/** Shopify CDN: Minification failed

Line 8:0 Unexpected "="
Line 325:0 Unexpected "="
Line 682:0 Unexpected "="

**/
============================================================

/* ============================================
COUNTDOWN BANNER STYLES
BRAND COLORS:

Metallic Gold: #D4AF37

Black: #121212

White: #FFFFFF

Light Gray: #F5F5F5
============================================ */

/* HERO BANNER */
.hero-banner {
background-color: #F5F5F5;
overflow: hidden;
}

.hero-banner__container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
}

.hero-banner__grid {
display: grid;
grid-template-columns: 1fr;
min-height: 500px;
}

@media screen and (min-width: 990px) {
.hero-banner__grid {
grid-template-columns: 1fr 1fr;
min-height: 600px;
}
}

.hero-banner__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem 0;
order: 2;
}

@media screen and (min-width: 990px) {
.hero-banner__content {
padding: 4rem 3rem 4rem 0;
order: 1;
}
}

/* SUBTITLE - DOUBLED */
.hero-banner__subtitle {
font-size: 1.5rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(18, 18, 18, 0.6);
margin-bottom: 1.5rem;
font-weight: 500;
}

@media screen and (min-width: 750px) {
.hero-banner__subtitle {
font-size: 1.75rem;
}
}

/* TITLE - BIGGER */
.hero-banner__title {
font-size: 3.5rem;
font-weight: 700;
color: #121212;
line-height: 1.1;
margin-bottom: 2rem;
}

@media screen and (min-width: 750px) {
.hero-banner__title {
font-size: 4.75rem;
}
}

@media screen and (min-width: 990px) {
.hero-banner__title {
font-size: 5.5rem;
}
}

.text-gold {
color: #D4AF37;
}

/* DESCRIPTION - DOUBLED */
.hero-banner__description {
font-size: 2rem;
color: rgba(18, 18, 18, 0.7);
margin-bottom: 2.5rem;
max-width: 650px;
line-height: 1.6;
}

@media screen and (min-width: 750px) {
.hero-banner__description {
font-size: 2.25rem;
}
}

/* BUTTON - SLIGHTLY BIGGER */
.hero-banner__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 1.25rem 2.5rem;
border: 2px solid #D4AF37;
color: #D4AF37;
font-weight: 700;
font-size: 1.1rem;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease;
width: fit-content;
}

.hero-banner__button:hover {
background-color: #D4AF37;
color: #121212;
}

.hero-banner__image-wrapper {
position: relative;
height: 400px;
order: 1;
}

@media screen and (min-width: 750px) {
.hero-banner__image-wrapper {
height: 500px;
}
}

@media screen and (min-width: 990px) {
.hero-banner__image-wrapper {
height: auto;
order: 2;
}
}

.hero-banner__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.hero-banner__image-wrapper::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, #F5F5F5, transparent);
}

@media screen and (min-width: 990px) {
.hero-banner__image-wrapper::after {
display: none;
}
}

/* COUNTDOWN STRIP */
.countdown-strip {
background-color: #121212;
padding: 2rem 0;
}

@media screen and (min-width: 750px) {
.countdown-strip {
padding: 2.5rem 0;
}
}

.countdown-strip__container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
}

.countdown-strip__grid {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
}

@media screen and (min-width: 990px) {
.countdown-strip__grid {
flex-direction: row;
justify-content: space-between;
gap: 2rem;
}
}

.countdown-strip__content {
display: flex;
align-items: center;
gap: 1rem;
text-align: center;
}

@media screen and (min-width: 990px) {
.countdown-strip__content {
text-align: left;
}
}

.countdown-strip__subtitle {
display: block;
font-size: 0.875rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #D4AF37;
font-weight: 500;
margin-bottom: 0.25rem;
}

.countdown-strip__title {
font-size: 2rem;
font-weight: 700;
color: #FFFFFF;
margin: 0;
}

@media screen and (min-width: 990px) {
.countdown-strip__title {
font-size: 2.5rem;
}
}

/* COUNTDOWN TIMER */
.countdown-timer {
display: flex;
align-items: flex-start;
gap: 0.5rem;
}

.countdown-timer__block {
display: flex;
flex-direction: column;
align-items: center;
}

.countdown-timer__value {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0.5rem;
font-size: 2rem;
font-weight: 700;
color: #D4AF37;
}

.countdown-timer__label {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: rgba(255, 255, 255, 0.6);
margin-top: 0.5rem;
}

.countdown-timer__separator {
color: #D4AF37;
font-size: 2rem;
font-weight: 700;
margin-top: 1.5rem;
}

/* CTA BUTTON */
.countdown-strip__button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1rem 2rem;
background-color: #D4AF37;
color: #121212;
font-weight: 600;
font-size: 1rem;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease;
animation: pulse-gold 2s ease-in-out infinite;
}

.countdown-strip__button:hover {
background-color: #E5C76B;
box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
}

/* ANIMATIONS */
@keyframes pulse-gold {
0%, 100% {
box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4);
}
50% {
box-shadow: 0 0 0 10px rgba(212, 175, 55, 0);
}
}

============================================================

Save it. Refresh.

If the text feels too aggressive on mobile, I can fine tune the mobile breakpoints so it looks powerful but clean.

Is the countdown in this same folder is I would like to make the font Bigger. I would like to make Product of the week 2x Bigger. Lustella 1x bigger and Shop now 1x bigger. if it in the same folder. Give me the exactly context to copy and paste in folder. 

Yes. The countdown strip, “Product of the Week”, product name like “Lustella”, and “Shop Now” button are all controlled inside this same CSS file.

Below is your FULL updated CSS with these changes:

• “Product of the Week” 2x bigger
• “Lustella” 1x bigger
• Countdown numbers bigger
• “Shop Now” button text bigger
• Everything clean and balanced

Delete everything inside your countdown-banner.css and paste this entire block.

============================================================

/* ============================================
COUNTDOWN BANNER STYLES
============================================ */

/* HERO BANNER */
.hero-banner {
background-color: #F5F5F5;
overflow: hidden;
}

.hero-banner__container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
}

.hero-banner__grid {
display: grid;
grid-template-columns: 1fr;
min-height: 500px;
}

@media screen and (min-width: 990px) {
.hero-banner__grid {
grid-template-columns: 1fr 1fr;
min-height: 600px;
}
}

.hero-banner__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem 0;
order: 2;
}

@media screen and (min-width: 990px) {
.hero-banner__content {
padding: 4rem 3rem 4rem 0;
order: 1;
}
}

/* SUBTITLE */
.hero-banner__subtitle {
font-size: 1.5rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(18, 18, 18, 0.6);
margin-bottom: 1.5rem;
font-weight: 500;
}

@media screen and (min-width: 750px) {
.hero-banner__subtitle {
font-size: 1.75rem;
}
}

/* TITLE */
.hero-banner__title {
font-size: 3.5rem;
font-weight: 700;
color: #121212;
line-height: 1.1;
margin-bottom: 2rem;
}

@media screen and (min-width: 750px) {
.hero-banner__title {
font-size: 4.75rem;
}
}

@media screen and (min-width: 990px) {
.hero-banner__title {
font-size: 5.5rem;
}
}

.text-gold {
color: #D4AF37;
}

/* DESCRIPTION */
.hero-banner__description {
font-size: 2rem;
color: rgba(18, 18, 18, 0.7);
margin-bottom: 2.5rem;
max-width: 650px;
line-height: 1.6;
}

@media screen and (min-width: 750px) {
.hero-banner__description {
font-size: 2.25rem;
}
}

/* BUTTON */
.hero-banner__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 1.25rem 2.5rem;
border: 2px solid #D4AF37;
color: #D4AF37;
font-weight: 700;
font-size: 1.1rem;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease;
width: fit-content;
}

.hero-banner__button:hover {
background-color: #D4AF37;
color: #121212;
}

/* COUNTDOWN STRIP */
.countdown-strip {
background-color: #121212;
padding: 2.5rem 0;
}

.countdown-strip__container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
}

.countdown-strip__grid {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}

@media screen and (min-width: 990px) {
.countdown-strip__grid {
flex-direction: row;
justify-content: space-between;
gap: 2rem;
}
}

.countdown-strip__content {
text-align: center;
}

@media screen and (min-width: 990px) {
.countdown-strip__content {
text-align: left;
}
}

/* PRODUCT OF THE WEEK - 2X BIGGER */
.countdown-strip__subtitle {
display: block;
font-size: 1.75rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #D4AF37;
font-weight: 600;
margin-bottom: 0.5rem;
}

/* LUSTELLA - 1X BIGGER */
.countdown-strip__title {
font-size: 3rem;
font-weight: 700;
color: #FFFFFF;
margin: 0;
}

/* COUNTDOWN TIMER BIGGER */
.countdown-timer {
display: flex;
align-items: flex-start;
gap: 0.75rem;
}

.countdown-timer__block {
display: flex;
flex-direction: column;
align-items: center;
}

.countdown-timer__value {
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0.5rem;
font-size: 2.5rem;
font-weight: 700;
color: #D4AF37;
}

.countdown-timer__label {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: rgba(255, 255, 255, 0.6);
margin-top: 0.75rem;
}

.countdown-timer__separator {
color: #D4AF37;
font-size: 2.5rem;
font-weight: 700;
margin-top: 2rem;
}

/* SHOP NOW BUTTON BIGGER */
.countdown-strip__button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1.25rem 2.5rem;
background-color: #D4AF37;
color: #121212;
font-weight: 700;
font-size: 1.1rem;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease;
}

.countdown-strip__button:hover {
background-color: #E5C76B;
box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
}
/* =========================
   MOBILE FIXES (keeps alignment)
   Paste at the very bottom
   ========================= */

@media screen and (max-width: 749px) {

  /* prevent horizontal overflow on mobile */
  .hero-banner,
  .countdown-strip {
    overflow-x: hidden;
  }

  /* tighten side padding so content fits */
  .hero-banner__container,
  .countdown-strip__container {
    padding: 0 1rem;
  }

  /* HERO text scale down on mobile so it doesn't spill */
  .hero-banner__subtitle {
    font-size: 1rem;
    letter-spacing: 0.12em;
    margin-bottom: 0.75rem;
  }

  .hero-banner__title {
    font-size: 2.25rem;
    line-height: 1.05;
    margin-bottom: 1rem;
  }

  .hero-banner__description {
    font-size: 1.125rem;
    max-width: 100%;
    margin-bottom: 1.25rem;
  }

  .hero-banner__button {
    font-size: 0.95rem;
    padding: 1rem 1.5rem;
  }

  /* COUNTDOWN STRIP: stack and center cleanly */
  .countdown-strip__grid {
    gap: 1.25rem;
  }

  .countdown-strip__content {
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
  }

  /* Product of the week + product name scale to fit */
  .countdown-strip__subtitle {
    font-size: 1.1rem;
    letter-spacing: 0.12em;
    margin-bottom: 0.25rem;
  }

  .countdown-strip__title {
    font-size: 2rem;
  }

  /* TIMER: shrink blocks so they fit on mobile */
  .countdown-timer {
    justify-content: center;
    gap: 0.4rem;
    flex-wrap: nowrap;
  }

  .countdown-timer__value {
    width: 60px;
    height: 60px;
    font-size: 1.6rem;
  }

  .countdown-timer__label {
    font-size: 0.7rem;
    margin-top: 0.4rem;
  }

  .countdown-timer__separator {
    font-size: 1.6rem;
    margin-top: 1.1rem;
  }

  /* CTA button fits and stays centered */
  .countdown-strip__button {
    font-size: 1rem;
    padding: 1rem 1.75rem;
  }
}

============================================================