:root {
	--display-font-family: Acme;
	--body-font-family: PT Sans;

	--font-size: 19px

	--logo-padding: 15px;
	--logo-height: 172px;

	--header-width: 100%;
	--header-border-position: top;
	--header-border-size: 0;
	--header-bg-color: 247 245 238;
	--header-border-color: 226 114 56;

	--brand-color: 63 75 58;
	--brand-color-inverted: 255 255 255;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 168 0 0;

	--action-color: 168 0 0;
	--action-color-inverted: 255 255 255;

	--announcement-bar-bg-color: 255 255 0;
	--announcement-bar-text-color: 168 0 0;
	--announcement-bar-link-color: 46 95 27;

	--main-navigation-bg-color: 63 75 58;
	--main-navigation-link-color: 255 255 255;
	--main-navigation-link-color-hover: 2 2 2;
	--main-navigation-link-bg-color: 66 54 38;
	--main-navigation-link-font-size: 18px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: 255 255 255;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 168 0 0;

	--order-status-bg-color: 255 255 255;
	--order-status-color: 63 75 58;

	--store-menu-bg_color: 38 37 37;
	--store-menu-color: 255 255 255;

	--footer-bg-color: 63 75 58;
	--footer-color: 255 255 255;
	--footer-link-color: 255 255 255;
}

/*Custom Styles*/
.banner__protocols li:before {
    content: "\f058";
    color: #FFF;
    font-family: "Font Awesome 5 Free";
}

.why-choose-list li {
    padding-bottom: 1rem;
}

.why-choose-list li:before {
    color: rgba(255,255,255,0.8);
}

/* Dark text shadow for collection banner */
.collection-header h1,
.collection-title,
.collection-description h1,
.collection-description p,
.collection-subtitle {
    color: white !important;
    text-shadow: 
        0 0 15px #000000,
        4px 4px 12px rgba(0,0,0,0.95),
        -3px -3px 10px rgba(0,0,0,0.9),
        0 0 20px rgba(0,0,0,0.85) !important;
}

/* Extra bold + bigger if needed */
.collection-header h1,
.collection-title {
    font-size: 52px !important;
    font-weight: 800 !important;
}

/* For the subtitle / description text */
.collection-description p,
.collection-subtitle {
    font-size: 24px !important;
    margin-top: 10px !important;
}

/* ---- Thanksgiving countdown bar (fffB), Oct 2026 ---- */
.announcement_bar.fffB-done { display: none !important; }
.announcement_bar {
  background-color: #3F4B38 !important;
  background-image: linear-gradient(90deg, #343F2E 0%, #3F4B38 50%, #343F2E 100%) !important;
  border-bottom: 2px solid #B08425;
  padding: 10px 20px !important; min-height: 54px;
  display: flex !important; align-items: center; justify-content: center;
}
.fffB { display: flex; width: 100%; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 18px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; line-height: 1.2; }
.fffB, .fffB * { outline: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent; }
.fffB__lead { font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #F7F5EE; }
.fffB__lead b { color: #E8B64C; font-weight: 700; }
.fffB__lead--short { display: none; }
.fffB__clock { display: inline-flex; align-items: stretch; gap: 6px; }
.fffB__cell {
  display: inline-flex; align-items: baseline; gap: 4px;
  padding: 4px 8px 3px 8px; border-radius: 6px;
  background-color: rgba(20, 26, 17, 0.35); border: 1px solid rgba(232, 182, 76, 0.55);
}
.fffB__num { font-family: 'Acme', Georgia, serif; font-weight: 400; font-size: 20px; line-height: 1; color: #E8B64C; font-variant-numeric: tabular-nums; min-width: 2ch; text-align: right; }
.fffB__unit { font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(247, 245, 238, 0.85); }
.announcement_bar a.fffB__cta, .announcement_bar a.fffB__cta:link, .announcement_bar a.fffB__cta:visited, .announcement_bar a.fffB__cta:active, .announcement_bar a.fffB__cta:focus {
  display: inline-block; padding: 7px 16px; border-radius: 6px; background-color: #A80000; border: 1px solid rgba(232, 182, 76, 0.55); color: #FFFFFF;
  font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; text-decoration: none;
  transition: background-color 0.15s ease, transform 0.15s ease;
}
.announcement_bar a.fffB__cta:hover { background-color: #8C0000; color: #FFFFFF; text-decoration: none; transform: translateY(-1px); }
.announcement_bar a.fffB__cta:focus-visible { outline: 2px solid #E8B64C !important; outline-offset: 2px; }
@media (max-width: 767px) {
  .announcement_bar { padding: 8px 12px !important; min-height: 48px; }
  .fffB { gap: 6px 10px; }
  .fffB__lead--long { display: none; }
  .fffB__lead--short { display: inline; font-size: 11px; letter-spacing: 0.14em; }
  .fffB__clock { gap: 4px; }
  .fffB__cell { padding: 3px 6px 2px 6px; }
  .fffB__cell--sec { display: none; }
  .fffB__num { font-size: 17px; }
  .fffB__unit { font-size: 9px; letter-spacing: 0.1em; }
  .announcement_bar a.fffB__cta, .announcement_bar a.fffB__cta:link, .announcement_bar a.fffB__cta:visited { padding: 5px 10px; font-size: 12px; }
}