* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
    font-family: 'Overpass', sans-serif;
    font-smooth: always;
    webkit-font-smoothing: always;
}

p {
    margin: 0;
}

a {
  text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img.custom-logo {
    max-width: 310px;
    height: auto;
}

/* ----------------------------------------------- */
                /* Navigator */
/* ----------------------------------------------- */


div.nav-1 {
    width: 100%;
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #505050;
    padding: 0 50px;
}

div.nav-1 > div.nav-1-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.nav-1 > div.nav-1-1 > img {
    max-width: 20px;
    width: 20px;
    height: auto;
    margin: 5px;
}

div.nav-1 > div.nav-1-1 > p {
    margin-left: 5px;
    color: white;
    font-size: 14px;
    font-weight: 200;
}

div.nav-1 > div.nav-1-1 > p > img {
    max-width: 20px;
    width: 20px;
    height: auto;
    margin: 5px;
}

div.nav-1 > div.nav-1-1 > a {
    color: white;
    font-size: 14px;
    font-weight: 200;
    margin: 0 5px;
}

div.nav-1 > div.nav-1-1 > a > img {
    max-width: 20px;
    width: 20px;
    height: auto;
    margin: 5px;
}

div.nav-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    height: 100px;
    background-color: #EBEBEB;
}

div.nav-2 > div.nav-2-1 {

    padding: 0 50px;
}

div.nav-2 > div.nav-2-1:nth-child(1) {
    text-align: right;
    flex: 2;
}

div.nav-2 > div.nav-2-1:nth-child(2) {
    text-align: center;
    flex: 3;
}

div.nav-2 > div.nav-2-1:nth-child(3) {
    text-align: left;
    flex: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.aws-container .aws-search-form {
    border: 1px solid #CBCBCB;
    border-radius: 35px;
}

.aws-container .aws-search-form .aws-wrapper {
    border-radius: 35px 0 0 35px !important;
}

div.aws-wrapper > input.aws-search-field {
    border: none !important;
    padding: 0 35px;
}

.aws-container .aws-search-form .aws-form-btn {
    background: white;
    border: none;
    border-radius: 0 35px 35px 0 !important;
    width: 50px;
}

div.nav-2-1:last-child > a {
    color: #7E7E7E;
    padding: 15px 20px;
    margin: 0 5px;
    border-radius: 10px;
    transition: .35s;
}

div.nav-2-1:last-child > a:hover {
    background-color: #f8f8f8;
}

div.nav-2-1:last-child > a > img {
    max-width: 20px;
    height: auto;
    width: 20px;
    margin: 0;
    margin-right: 5px;
}


div.nav-3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: #C4AE82;
    gap: 20px;
    padding: 0 50px;
}

div.nav-3-1 > button {
    border: none;
    background-color: #505050;
    padding: 7.5px 25px;
    border-radius: 35px;
    color: white;
    outline: none;
    font-weight: 600;
}

div.nav-3-1 > button:hover {
    background-color: #606060;
    cursor: pointer;
}

div.nav-3-1 > button > img {
    max-width: 16px;
    height: auto;
    width: 16px;
    margin-right: 7.5px;
}

div.menu-primary-menu-container > ul.nav-ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 15px;
    list-style-type: none;
    margin: 0;
}

div.menu-primary-menu-container > ul.nav-ul > li > a {
    color: white;
    padding: 5px 10px;
}

div.menu-primary-menu-container > ul.nav-ul > li > a:hover {
    color: #505050;
}

.nav-cart-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.nav-cart-button .cart-count {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #e11d48; /* red badge */
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  font-weight: 600;
}


/*Navigator Sliding Text*/

    :root{
      --nav-slide-speed: 18s;         /* marquee speed */
      --pad-y: 12px;                  /* vertical padding */

      /* Colors */
      --bg-deep-green: #0c1a14;
      --bg-deep-blue:  #0b1530;
      --bg-wine:       #230c16;
      --text-on-dark:  #f8fafc;

      /* Lights */
      --gold: #ffd166;
      --red:  #ff6b6b;
      --mint: #84ffc9;
      --lime: #baff29;
      --ice:  #b3e5ff;
    }

    .nav-text-slider{
      position: relative;
      width: 100%;
      margin: 0;
      padding: var(--pad-y) 0;
      color: var(--text-on-dark);
      overflow: hidden;
      font: 14px/1.35 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
      letter-spacing: .2px;

      /* Festive gradient base */
      /*background: linear-gradient(160deg, var(--bg-deep-green), var(--bg-deep-blue) 55%, var(--bg-wine));*/
      background: linear-gradient(45deg, red, white, red, transparent);
      /* A subtle vignette for depth */
      box-shadow: inset 0 10px 40px rgba(0,0,0,.35), inset 0 -10px 40px rgba(0,0,0,.25);
    }

    /* Edge fades for the moving text */
    .nav-text-slider::before,
    .nav-text-slider::after{
      content:"";
      position: absolute;
      top:0; bottom:0;
      width:72px;
      z-index: 5;              /* above BG layers, below text */
      pointer-events: none;
    }
    .nav-text-slider::before{
      left:0;  background: linear-gradient(to right, rgba(12,26,20,1), rgba(12,26,20,0));
    }
    .nav-text-slider::after{
      right:0; background: linear-gradient(to left, rgba(24,17,32,1), rgba(24,17,32,0));
    }

    /* ----------------- Decorative background layers ----------------- */
    /* Stars (tiny twinkles) */
    .xmas-stars,
    .xmas-stars:after{
      position:absolute; inset:0;
      content:"";
      background:
        radial-gradient(2px 2px at 8% 22%,  rgba(255,255,255,.9) 0 50%, transparent 55%) ,
        radial-gradient(1.8px 1.8px at 18% 70%, rgba(255,255,255,.75) 0 50%, transparent 55%),
        radial-gradient(1.6px 1.6px at 28% 40%, rgba(255,255,255,.8) 0 50%, transparent 55%),
        radial-gradient(1.4px 1.4px at 38% 15%, rgba(255,255,255,.7) 0 50%, transparent 55%),
        radial-gradient(2px 2px at 48% 60%,  rgba(255,255,255,.9) 0 50%, transparent 55%),
        radial-gradient(1.6px 1.6px at 58% 35%, rgba(255,255,255,.8) 0 50%, transparent 55%),
        radial-gradient(1.8px 1.8px at 68% 75%, rgba(255,255,255,.75) 0 50%, transparent 55%),
        radial-gradient(2px 2px at 78% 30%,  rgba(255,255,255,.9) 0 50%, transparent 55%),
        radial-gradient(1.6px 1.6px at 88% 52%, rgba(255,255,255,.8) 0 50%, transparent 55%),
        radial-gradient(1.4px 1.4px at 94% 18%, rgba(255,255,255,.7) 0 50%, transparent 55%);
      opacity:.55;
      filter: drop-shadow(0 0 2px rgba(255,255,255,.35));
      animation: twinkle 6.5s ease-in-out infinite alternate;
      z-index: 1;
      pointer-events: none;
    }
    .xmas-stars:after{
      transform: translateY(1px); /* subtle parallax */
      opacity:.45;
      animation-duration: 8s;
    }

    /* Fairy-light bokeh (soft, out-of-focus bulbs) */
    .xmas-bokeh{
      position:absolute; inset:-10% 0; /* bleed edges for smoothness */
      z-index: 2;
      pointer-events: none;
      background:
        radial-gradient(40px 40px at 10% 30%,  color-mix(in srgb, var(--gold) 85%, transparent) 0 35%, transparent 60%) ,
        radial-gradient(54px 54px at 26% 70%,  color-mix(in srgb, var(--red) 75%, transparent) 0 35%, transparent 60%) ,
        radial-gradient(44px 44px at 40% 25%,  color-mix(in srgb, var(--mint) 80%, transparent) 0 35%, transparent 60%) ,
        radial-gradient(52px 52px at 58% 62%,  color-mix(in srgb, var(--ice) 80%, transparent) 0 35%, transparent 60%) ,
        radial-gradient(46px 46px at 74% 35%,  color-mix(in srgb, var(--lime) 80%, transparent) 0 35%, transparent 60%) ,
        radial-gradient(58px 58px at 88% 68%,  color-mix(in srgb, var(--red) 75%, transparent) 0 35%, transparent 60%);
      filter: blur(2px) saturate(105%);
      opacity:.35;
      animation: floatlights 16s linear infinite;
    }

    /* Tiny garland glow along the top edge */
    .xmas-garland{
      position:absolute; left:0; right:0; top:0; height:6px;
      z-index: 3;
      pointer-events: none;
      background:
        repeating-linear-gradient( 90deg,
          color-mix(in srgb, var(--gold) 90%, transparent) 0 12px,
          color-mix(in srgb, var(--red)  80%, transparent) 12px 24px,
          color-mix(in srgb, var(--ice)  85%, transparent) 24px 36px,
          color-mix(in srgb, var(--mint) 85%, transparent) 36px 48px,
          color-mix(in srgb, var(--lime) 85%, transparent) 48px 60px
        );
      box-shadow: 0 0 10px rgba(255, 214, 102, .45), 0 0 18px rgba(255,255,255,.25) inset;
      animation: garland-pulse 2.4s ease-in-out infinite;
    }

    /* ----------------- The moving text ----------------- */
    .nav-text-slider > p{
      display:inline-block;
      margin:0;
      white-space: nowrap;
      padding-left:100%;                /* start outside right edge */
      will-change: transform;
      position: relative;
      z-index: 6;                       /* above fades & decorations */
      text-shadow: 0 1px 0 rgba(0,0,0,.25), 0 0 10px rgba(255, 255, 255, .08);
      animation: nav-marquee var(--nav-slide-speed) linear infinite;
    }

    .nav-text-slider:hover > p,
    .nav-text-slider:focus-within > p{
      animation-play-state: paused;
    }

    /* Reduced motion respect */
    @media (prefers-reduced-motion: reduce){
      .nav-text-slider > p{ animation:none; padding-left:0; }
      .xmas-bokeh, .xmas-stars{ animation: none; }
      .xmas-garland{ animation: none; }
    }

    /* ----------------- Keyframes ----------------- */
    @keyframes nav-marquee{
      0%   { transform: translateX(0); }
      100% { transform: translateX(-100%); }
    }
    @keyframes twinkle{
      0%   { opacity:.25; filter: drop-shadow(0 0 1px rgba(255,255,255,.2)); }
      50%  { opacity:.65; filter: drop-shadow(0 0 3px rgba(255,255,255,.35)); }
      100% { opacity:.4;  filter: drop-shadow(0 0 2px rgba(255,255,255,.25)); }
    }
    @keyframes floatlights{
      0%   { transform: translateX(0); opacity:.35; }
      50%  { transform: translateX(-2.5%); opacity:.4; }
      100% { transform: translateX(0); opacity:.35; }
    }
    @keyframes garland-pulse{
      0%,100%{ filter: brightness(1) saturate(1); }
      50%    { filter: brightness(1.15) saturate(1.05); }
    }


/* ----------------------------------------------- */
                /* Navigator Mobile Menu */
/* ----------------------------------------------- */


div.nav-3-1-1-mobile {
    position: fixed;          /* make it behave like an off-canvas panel */
    inset: 0;                 /* full-screen overlay; adjust if you want a narrower drawer */
    background: #fff;         /* or rgba(0,0,0,.4) plus an inner panel */
    display: none;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .18s ease, transform .18s ease;
    z-index: 9999;
}

div.nav-3-1-1-mobile.is-open {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transform: translateY(0);
}

div.nav-3-1-1-container {
    width: 90%;
    overflow-y: scroll;
}

body.no-scroll {
    overflow: hidden;
}

div.nav-3-1-1-1-mobile {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 25px 0;
}

div.nav-3-1-1-1-1-mobile {
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-items: center;
}

div.nav-3-1-1-1-1-mobile > button.close-menu {
    background: #CE0000;
    color: white;
    border: none;
    padding: 15px 30px;
    cursor: pointer;
    outline: none;
}

div.nav-3-1-1-1-1-mobile > button.close-menu:hover {
    background: #c34343;
}

div.nav-3-1-1-1-1-mobile > span {
    display: flex;
    flex-direction: row;
    font-weight: 300;
}

div.nav-3-1-1-1-1-mobile > span > img {
    max-width: 25px;
    height: auto;
}

div.nav-3-1-1-1-1-mobile > a {
    color: black;
    font-weight: 300;
}

div.nav-3-1-1-1-1-mobile > a > img {
    max-width: 25px;
    height: auto;
}

/*Menu Side*/
div.nav-3-1-1-2-mobile {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
}

div.nav-3-1-1-2-mobile > ul {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    list-style-type: none;
    padding: 25px;
    flex: 3;
}

div.nav-3-1-1-2-mobile > ul > li {
    margin: 5px;
}

div.nav-3-1-1-2-mobile > ul > li > a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: black;
    text-align: center;
}

div.nav-3-1-1-2-mobile > ul > li > a > span.nav-cat-thumb-mobile > img {
    max-width: 100%;
    height: auto;
    max-height: 300px;
    border-radius: 7.5px;
    transition: .25s ease;
}

div.nav-3-1-1-2-mobile > ul > li > a > span.nav-cat-thumb-mobile > img:hover {
    transform: scale(1.025);
}

div.nav-3-1-1-2-mobile > ul > li > a > span.nav-cat-name-mobile {
    margin-top: 10px;
    color: #505050;
}


/*Advertisement Image Side*/

div.nav-3-1-1-2-1-mobile {
    padding: 25px;
    flex: 1;
}
div.nav-3-1-1-2-1-mobile > a {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.nav-3-1-1-2-1-mobile > a > img {
    max-width: 100%;
    height: 700px;
    max-height: 100%;
    object-fit: cover;
    border-radius: 7.5px;
    filter: brightness(0.7);
}

div.nav-3-1-1-2-1-mobile > a > p {
    position: absolute;
    color: white;
    text-shadow: 0 0 15px black;
    font-size: 3rem;
    font-weight: 400;
    text-align: center;
    padding: 40px;
}


/* ----------------------------------------------- */
                /* Header */
/* ----------------------------------------------- */

div.header-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    padding: 25px 0;
}

div.header-1-1 {
    flex: 1;
}

div.header-1-1:first-child {
    text-align: center;
}

div.header-1-1 > h3 {
    font-size: 27px;
    text-transform: capitalize;
    color: #C4AE82;
}

div.header-1-1 > h1 {
    font-size: 40px;
    font-weight: 700;
    padding: 15px 0;
    text-transform: capitalize;
    color: #505050;
}

div.header-1-1 > p {
    font-size: 22px;
    font-weight: 300;
    color: #7E7E7E;
}

div.header-1-1 > img {
    max-width: 650px;
    height: auto;
    margin: 0 auto;
}

div.header-cats-carousel {
    width: 90%;
    margin: 0 auto;
}

div.header-cats-carousel > .owl-stage-outer > .owl-stage {
    padding: 50px 0;
}

div.owl-item > div.category-item > a > figure > img {
    max-width: 160px;
    height: auto;
    margin: 0 auto;
    border-radius: 100%;
    box-shadow: 0 0 35px #00000015;
    transition: .35s;
}

div.owl-item > div.category-item > a > figure > img:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px #00000025;
}

div.owl-item > div.category-item > a > figure > figcaption > h3 {
    text-align: center;
    font-size: 16px;
    color: #7E7E7E;
    margin-top: 25px;
}


/* ----------------------------------------------- */
                /* Delivery Information */
/* ----------------------------------------------- */

div.delivery-1 {
    background-color: #505050;
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 75px;
    margin: 200px 0;
}

div.delivery-1-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.delivery-1-1 > img {
    max-width: 60px;
    height: auto;
}

div.delivery-1-1 > p {
    font-size: 27px;
    color: white;
    font-weight: 400;
    margin-left: 15px;
}

div.delivery-1-1:last-child > img {
    max-width: 280px;
    height: 280px;
    object-fit: contain;
    border-radius: 100%;
}


/* ----------------------------------------------- */
                /* Featured Products */
/* ----------------------------------------------- */

div.featured-1-1 {
    text-align: center;
    margin-bottom: 50px;
}

div.featured-1-1 > h1 {
    font-size: 48px;
    color: #7E7E7E;
    font-weight: 800;
}

div.featured-1-1 > p {
    font-size: 20px;
    color: #7E7E7E;
}

div.featured-1-2 {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

div.featured-1-2 > div.featured-products  div.product-slide {
    height: 500px;
    border-radius: 20px;
    border: 1px solid #C4AE82;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    padding: 10px;
    margin: 30px;
}

div.featured-1-2 > div.featured-products  div.product-slide > a {
    color: black;
}

div.featured-1-2 > div.featured-products  div.product-slide > a > div.slide-image {
    background-color: white;
    border-radius: 20px;
    padding: 20px;
    position: relative;
}

div.featured-1-2 > div.featured-products  div.product-slide > a > div.slide-image > span.sale-badge {
    position: absolute;
    top: 0;
    left: 25px;
    background: green;
    color: white;
    padding: 10px;
    font-weight: 700;
}

div.featured-1-2 > div.featured-products  div.product-slide > a > div.slide-image > span.sale-badge:before {
    content: 'SALE ';
    font-weight: 300;
}


div.featured-1-2 > div.featured-products  div.product-slide > a > div.slide-image > img {
    max-width: 260px;
    height: 260px;
    object-fit: contain;
    margin: 0 auto;
}

div.featured-1-2 > div.featured-products  div.product-slide > a > div.slide-meta > h5 {
    font-size: 16px;
    color: #7E7E7E;
    text-align: center;
    text-wrap: wrap;
}


div.featured-1-2 > div.featured-products  div.product-slide > a > div.slide-meta > p {
    font-size: 24px;
    margin-top: 15px;
    font-weight: 600;
    color: #7E7E7E;
}

div.featured-1-2 > div.featured-products  div.product-slide > a > div.slide-meta ins {
    text-decoration: none !important;
    color: darkgreen;
}

div.featured-1-2 > div.featured-products  div.product-slide > a > div.slide-meta del {
    font-size: 18px;
    color: darkred;
    font-weight: 300;
}






/* ----------------------------------------------- */
                /* Suggested Products */
/* ----------------------------------------------- */

div.product-suggestion {
    width: 85%;
    margin: 125px auto;
}

div.product-suggestion a {
    color: black !important;
}

div.suggestion-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

div.suggestion-1-1:nth-child(1) {
    flex: 2;
}

div.suggestion-1-1:nth-child(2) {
    flex: 3;
}

div.suggestion-1-1 > h1 {
    font-size: 48px;
    font-weight: 700;
    color: #505050;
}

div.suggestion-1-1 > span:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px 0;
}

div.suggestion-1-1 > span:nth-child(2) > strong {
    font-size: 48px;
    font-weight: 700;
    color: #C4AE82;
    margin: 0;
    padding: 0;
    margin-right: 15px;
}

div.suggestion-1-1 > span:nth-child(2) > p {
    color: #7E7E7E;
}

div.suggestion-1-1 > span:nth-child(3) > strong {
    color: #7E7E7E;
}

div.suggestion-1-1 > span:nth-child(3) > p {
    color: #7E7E7E;
}

div.suggestion-1-1 > span:nth-child(4) {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px 0;
    gap: 50px;
}

div.suggestion-1-1 > span:nth-child(4) > span {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.suggestion-1-1 > span:nth-child(4) > span > img {
    margin-right: 5px;
    max-width: 25px;
    height: auto;
}

div.suggestion-1-1 > span:nth-child(4) > span > p {
    color: #C4AE82;
}

div.suggestion-1-1:nth-child(2) > img {
    max-width: 600px;
    height: auto;
    margin: 0 auto;
}





/* ----------------------------------------------- */
                /* Additional Category */
/* ----------------------------------------------- */


div.featured-category-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: 0 auto;
    gap: 25px;
}


div.featured-category-1-1:nth-child(1) > img {
    max-width: 670px;
    height: auto;
    max-height: 670px;
    object-fit: contain;
    transition: .35s ease-in-out;
}

div.featured-category-1-1:nth-child(1) > img:hover {
    transform: scale(1.015);
}

div.featured-category-1-1:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

div.featured-category-1-1:nth-child(2) > span:nth-child(1) {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: start;
    margin-bottom: 10px;
}

div.featured-category-1-1:nth-child(2) > span:nth-child(1) > img {
    max-width: 125px;
    height: auto;
    max-height: 125px;
    object-fit: contain;
}

div.featured-category-1-1:nth-child(2) > span:nth-child(1) > h2 {
    font-size: 85px;
    color: #C4AE82;
    font-weight: 700;
    margin: 0;
    line-height: 0;
    margin-left: 35px;
}

div.featured-category-1-1:nth-child(2) > span:nth-child(2) > p {
    color: #7E7E7E;
    margin: 35px 0;
}

div.featured-category-1-1:nth-child(2) > a {
    background-color: #C4AE82;
    color: white;
    font-weight: 500;
    text-transform: capitalize ;
    padding: 15px 30px;
    border-radius: 10px;
}

div.featured-category-1-1:nth-child(2) > a:hover {
    background-color: #e4cea4;
}

div.featured-category-1-1:nth-child(2) > a > img {
    max-width: 20px;
    height: auto;
    margin-left: 10px;
    transition: .35s;
}


/* ----------------------------------------------- */
                    /* Brands */
/* ----------------------------------------------- */


div.brands-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: 100px auto;
    padding: 50px 0;
}

div.brands-1 > div.brands-1-1 {
    width: 25%;
    padding: 0 25px;
}

div.brands-1 > div.brands-1-1 > h1 {
    font-size: 40px;
    font-weight: 600;
    color: #7E7E7E;
}

div.brands-carousel {
    width: 75%;
}

div.brand-slide > a > img {
    max-width: 150px;
    max-height: 150px;
    height: auto;
    object-fit: contain;
}

div.brand-slide > a > p {
    display: none;
}


/* ----------------------------------------------- */
                    /* Social Media */
/* ----------------------------------------------- */

div.social {
    background-color: #2E2E2E;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 150px;
    gap: 25px;
}

div.social > h1 {
    color: white;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 34px;
    margin: 0;
    padding: 0;
    line-height: 0;
    margin-right: 50px;
}

div.social > a > img {
    max-width: 50px;
    height: auto;
    max-height: 50px;
    object-fit: contain;
}



/* ----------------------------------------------- */
                    /* Footer */
/* ----------------------------------------------- */

footer {
    background-color: #C4AE82;
    padding: 50px 100px;
}

div.footer-info {
    padding: 25px 0;
    text-align: center;
    width: 75%;
    margin: 0 auto;
}

div.footer-info > a > img {
    max-width: 750px;
    height: auto;
}

div.footer-info > p {
    color: white;
    margin-top: 50px;
}

div.footer-contact {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 35px 0;
    gap: 15px;
}

div.footer-contact > a {
    color: white;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 30px;
    border-radius: 15px;
}

div.footer-contact > a:hover {
    background-color: #e4cea4;
}

div.footer-contact > a > img {
    max-width: 40px;
    height: auto;
    margin: 0;
    padding: 0;
}

div.footer-contact > a > p {
    color: white;
    margin-left: 10px;
    font-weight: 500;
}

div.footer-payment {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 35px 0;
}

div.footer-payment > p {
    color: white;
    font-weight: 500;
    font-size: 20px;
    margin-right: 15px;
}


div.footer-payment > img {
    max-width: 50px;
    height: auto;
    max-height: 50px;
    object-fit: contain;
}

ul#footer-menu {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    gap: 30px;
    padding-top: 45px;
}

ul#footer-menu > li > a {
    color: #505050;
    text-transform: uppercase;
}

ul#footer-menu > li > a:hover {
    text-decoration: underline;
}

footer > p.footer-copy {
    text-align: center;
    color: white;
    padding: 35px;
}




/* ----------------------------------------------- */
                    /* Blog Page  */
/* ----------------------------------------------- */

div.blog-container-1 {
    padding: 50px 0;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: center;
    gap: 25px;
    width: 90%;
    margin: 50px auto;
}

article.blog-container-1-1 > a {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    height: 425px;
    color: black;
}

article.blog-container-1-1 > a > div.blog-container-1-1-1 {
    width: 100%;
    height: 100%;
}

article.blog-container-1-1 > a > div.blog-container-1-1-1 > div.blog-image, article.blog-container-1-1 > a > div.blog-container-1-1-1 > div.blog-image > img {
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
}

article.blog-container-1-1 > a > div.blog-container-1-1-2 {
    margin-top: 20px;
    width: 100%;
}

article.blog-container-1-1 > a > div.blog-container-1-1-2 > p:last-child {
    background: #505050;
    color: white;
    padding: 15px;
    width: 100%;
}

article.blog-container-1-1:hover > a > div.blog-container-1-1-2 > p:last-child {
    background: #C4AE82;
    color: white;
}

article.blog-container-1-1 > a > div.blog-container-1-1-2 > h3 {
    color: #505050;
    font-weight: 800;
    font-size: 1.1rem;
    text-transform: uppercase;
}

article.blog-container-1-1 > a > div.blog-container-1-1-2 > p {
    margin: 10px 0;
    color: gray;
}

section.blog-post-header-background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 200px;
    vertical-align: center;
}

section.blog-post-header-background-image > h1 {
    color: white;
    text-shadow: 0 0 5px black;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
    height: 100%;
    align-content: center;
}

div.blog-post-container {
    width: 90%;
    margin: 0 auto;
    padding: 75px 0;
}

article.blog-post-container-1 > div.blog-post-container-1-1 {
    display: flex;
    flex-direction: row;
    gap: 25px;
    color: gray;
}

article.blog-post-container-1 > div.blog-post-container-1-1 > p {
    
}

article.blog-post-container-1 > div.blog-post-container-1-1 > p a {
    color: #505050;
    font-weight: bold;
}

.blog-post-header-background-image img {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}



/* ==========================================================
   Archive Page
   ========================================================== */

div.archive-container-1 {
    padding: 50px 0;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: center;
    gap: 25px;
    width: 90%;
    margin: 50px auto;
}

article.archive-container-1-1 > a {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    height: 425px;
    color: black;
}

article.archive-container-1-1 > a > div.archive-container-1-1-1 {
    width: 100%;
    height: 100%;
}

article.archive-container-1-1 > a > div.archive-container-1-1-1 > div.archive-image, article.archive-container-1-1 > a > div.archive-container-1-1-1 > div.archive-image > img {
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
}

article.archive-container-1-1 > a > div.archive-container-1-1-2 {
    margin-top: 20px;
    width: 100%;
}

article.archive-container-1-1 > a > div.archive-container-1-1-2 > p:last-child {
    background: #505050;
    color: white;
    padding: 15px;
    width: 100%;
}

article.archive-container-1-1:hover > a > div.archive-container-1-1-2 > p:last-child {
    background: #C4AE82;
    color: white;
}

article.blog-container-1-1 > a > div.blog-container-1-1-2 > h3 {
    color: #505050;
    font-weight: 800;
    font-size: 1.1rem;
    text-transform: uppercase;
}

article.archive-container-1-1 > a > div.archive-container-1-1-2 > p {
    margin: 10px 0;
    color: gray;
}

section.blog-post-header-background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 200px;
    vertical-align: center;
}

section.archive-post-header-background-image > h1 {
    color: white;
    text-shadow: 0 0 5px black;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
    height: 100%;
    align-content: center;
}

div.archive-post-container {
    width: 90%;
    margin: 0 auto;
    padding: 75px 0;
}

article.archive-post-container-1 > div.archive-post-container-1-1 {
    display: flex;
    flex-direction: row;
    gap: 25px;
    color: gray;
}

article.archive-post-container-1 > div.archive-post-container-1-1 > p a {
    color: #505050;
    font-weight: bold;
}

.archive-post-header-background-image img {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}



/* ----------------------------------------------- */
                    /* Extra  */
/* ----------------------------------------------- */


div.wp-pages {
    padding: 50px 25px;
}

div.wp-pages > div#title {
    margin-bottom: 30px;
}




/* ----------------------------------------------- */
                /* Comments in Blog  */
/* ----------------------------------------------- */

:root {
  --cmt-bg: #ffffff;
  --cmt-soft: #f8fafc;
  --cmt-border: #e5e7eb;
  --cmt-text: #111827;
  --cmt-muted: #6b7280;
  --cmt-link: #2563eb;
  --cmt-link-hover: #1d4ed8;
  --cmt-accent: #0ea5e9;
  --cmt-danger: #dc2626;
  --cmt-success: #16a34a;
  --cmt-radius: 14px;
  --cmt-shadow: 0 10px 30px rgba(0,0,0,.06);
  --cmt-gap: 14px;
  --cmt-indent: 18px;
  --cmt-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

.comments-area {
  font-family: var(--cmt-font);
  color: var(--cmt-text);
  margin: 28px auto;
  background: var(--cmt-bg);
}

#comments-title {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  margin: 0 0 12px;
}

.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Comment card */
.comment-list > li,
.comment-list .children > li {
  background: var(--cmt-bg);
  border: 1px solid var(--cmt-border);
  border-radius: var(--cmt-radius);
  box-shadow: var(--cmt-shadow);
  padding: 14px;
  margin: 0 0 12px;
}

/* Avatar + meta row */
.comment-body {
  display: block;
}

.comment-body > footer {
    padding: 25px;
    border-radius: 15px;
}

.comment-author .avatar {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: block;
}

.comment-author .fn,
.comment-author .says {
  font-size: .95rem;
  font-weight: 600;
  margin-right: 6px;
}

.comment-author.vcard {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.comment-metadata {
  font-size: .85rem;
  color: var(--cmt-muted);
  margin-top: 2px;
}

.comment-metadata a {
  color: var(--cmt-muted);
  text-decoration: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
  color: var(--cmt-link);
  text-decoration: underline;
}

/* Comment content */
.comment-content {
  grid-column: 1 / -1; /* span full width under avatar on mobile */
  margin-top: 4px;
  line-height: 1.6;
  padding: 25px;
}
.comment-content p { margin: 0 0 .75rem; }

/* Actions */
.reply,
.comment-actions {
  grid-column: 2 / -1;
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.reply > a {
    padding: 10px 30px;
    border: 1px solid gray;
    border-radius: 10px;
}

.comment-reply-link,
.comment-edit-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 35px;
  font-size: .9rem;
  text-decoration: none;
  border: 1px solid var(--cmt-border);
  border-radius: 5px;
  background: var(--cmt-soft);
  color: var(--cmt-link);
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.comment-reply-link:hover,
.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-edit-link:focus {
  background: #eef2ff;
  border-color: #e0e7ff;
  color: var(--cmt-link-hover);
  outline: none;
}

/* Nesting */
.children {
  list-style: none;
  margin: 10px 0 0 var(--cmt-indent);
  padding: 0;
  border-left: 2px dashed var(--cmt-border);
}
.children > li {
  margin-top: 10px;
}

/* Pagination */
.navigation,
.comment-navigation,
.comments-area .pagination,
.comments-area .nav-links {
  margin: 16px 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.page-numbers, .nav-previous a, .nav-next a {
  text-decoration: none;
  color: var(--cmt-link);
}
.page-numbers.current {
  background: var(--cmt-soft);
  border: 1px solid var(--cmt-border);
  padding: 4px 10px;
  border-radius: 8px;
}

/* No comments */
.no-comments {
  margin: 14px 0;
  color: var(--cmt-muted);
}

/* ===========================
   Comment form
   =========================== */
.comment-respond {
  margin-top: 22px;
  padding: 16px;
  border: 1px solid var(--cmt-border);
  border-radius: var(--cmt-radius);
  box-shadow: var(--cmt-shadow);
  background: var(--cmt-bg);
}

.comment-reply-title {
  font-size: clamp(1.1rem, 2.2vw, 1.25rem);
  font-weight: 700;
  margin: 0 0 8px;
}

.comment-form {
  display: grid;
  gap: var(--cmt-gap);
}

/* Name/Email/URL fields */
.comment-form-author,
.comment-form-email,
.comment-form-url {
  display: grid;
  gap: 6px;
}

.comment-form label {
  font-size: .9rem;
  color: var(--cmt-muted);
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  border: 1px solid var(--cmt-border);
  border-radius: 12px;
  padding: 10px 12px;
  font: inherit;
  background: var(--cmt-soft);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.comment-form textarea {
  min-height: 120px;
  resize: vertical;
}

.comment-form input:focus,
.comment-form textarea:focus {
  outline: none;
  border-color: var(--cmt-link);
  box-shadow: 0 0 0 3px rgba(37,99,235,.12);
  background: #fff;
}

/* Cookies consent + notes */
.comment-form-cookies-consent,
.comment-notes {
  color: var(--cmt-muted);
  font-size: .9rem;
}

/* Submit button */
.comment-form .form-submit {
  margin-top: 6px;
}
.comment-form .submit {
  appearance: none;
  border: 1px solid gray;
  background: #505050;
  color: white;
  padding: 10px 35px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 600;
  transition: transform .06s ease, background .2s ease, border-color .2s ease;
}
.comment-form .submit:hover,
.comment-form .submit:focus {
  background: var(--cmt-link-hover);
  border-color: var(--cmt-link-hover);
  outline: none;
}
.comment-form .submit:active {
  transform: translateY(1px);
}

/* Error/success messages (common plugin classes) */
.comment-awaiting-moderation {
  display: inline-block;
  margin-top: 6px;
  padding: 6px 10px;
  background: #ecfccb;
  color: #3f6212;
  border: 1px solid #d9f99d;
  border-radius: 999px;
  font-size: .85rem;
}

/* ===========================
   Responsive tweaks
   =========================== */
@media (min-width: 600px) {
  .comment-body {
    grid-template-columns: 48px 1fr;
  }
  .comment-author .avatar {
    width: 48px;
    height: 48px;
  }
  .children {
    margin-left: calc(var(--cmt-indent) + 12px);
  }

  .comment-form {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }
  .comment-form-author,
  .comment-form-email {
    grid-column: span 1;
  }
  .comment-form-url {
    grid-column: span 2;
  }
  .comment-form-comment {
    grid-column: span 2;
  }
  .form-submit {
    grid-column: span 2;
    justify-self: start;
  }
}

@media (min-width: 900px) {
  .comments-area {
    max-width: 100%;
  }
}




/* ==========================================================
   Vars (brand palette)
   ========================================================== */
:root{
  --apf-dark:#505050;     /* brand gray */
  --apf-accent:#C4AE82;   /* brand gold */
  --apf-text:#111827;
  --apf-muted:#6b7280;
  --apf-bg:#ffffff;
  --apf-soft:#f8fafc;
  --apf-border:#e5e7eb;
  --apf-radius:12px;
  --apf-shadow:0 10px 30px rgba(0,0,0,.06);
}

/* ==========================================================
   Author page header (title + bio + socials)
   ========================================================== */
header.archive-screen-reader-text{
  width: min(1120px, 92%);
  margin: 22px auto 0;
  padding: 0;
}
header.archive-screen-reader-text h1{
  margin: 0 0 6px;
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--apf-dark);
}
header.archive-screen-reader-text .screen-reader-text{
  color: var(--apf-muted);
  font-size: 1rem;
  line-height: 1.55;
}

/* Visible author header block */
.author-header{
  width: min(1120px, 92%);
  margin: 14px auto 0;
}
.author-header-inner{
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 14px 16px;
  padding: 16px;
  border: 1px solid var(--apf-border);
  border-radius: var(--apf-radius);
  background: #505050;
  box-shadow: var(--apf-shadow);
  align-items: start;
}

/* Avatar */
.author-avatar-wrap{ position: relative; }
.author-avatar{
  width: 64px; height: 64px; border-radius: 999px; display: block;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}
.author-avatar-wrap::after{
  content:"";
  position:absolute; right:-2px; bottom:-2px;
  width: 16px; height:16px; border-radius:999px;
  background: var(--apf-accent);
  border: 2px solid var(--apf-soft);
}

/* Name + bio */
.author-meta{ display: grid; gap: 8px; color: white; }
.author-name{
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
  color: white;
  font-size: clamp(1.05rem, 2vw, 1.3rem);
}
.author-bio{
  margin: 0;
  color: var(--apf-muted);
  line-height: 1.6;
}

/* Social/website/RSS links */
.author-links{
  display:flex; flex-wrap:wrap; gap:8px 10px;
  list-style:none; padding:0; margin: 2px 0 0;
}
.author-links li{ margin:0; }
.author-links a{
  --btn-bg:#fff; --btn-br:var(--apf-border); --btn-tx:#2563eb;
  display:inline-flex; align-items:center; gap:8px;
  text-decoration:none; color:var(--btn-tx);
  background:var(--btn-bg); border:1px solid var(--btn-br);
  padding:8px 12px; border-radius:999px; font-weight:600;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .06s ease;
}
.author-links a:hover,
.author-links a:focus{
  --btn-bg:#eef2ff; --btn-br:#dbeafe; --btn-tx:#1d4ed8;
  outline:none;
}
.author-links a:active{ transform: translateY(1px); }

/* ==========================================================
   Archive list on author page (reuses your archive-* classes)
   ========================================================== */
section.archive-container{ width: 100%; }
section.archive-container-1{
  padding: 24px 0 8px;
  display: grid; gap: 22px;
  grid-template-columns: 1fr;
  width: min(1120px, 92%); margin: 0 auto;
}
@media (min-width: 640px){
  section.archive-container-1{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (min-width: 980px){
  section.archive-container-1{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

section.archive-container-1-1{
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

section.archive-container-1-1 > a{
  display:grid; grid-template-rows:auto 1fr;
  height:100%; color:inherit; text-decoration:none;
}
section.archive-container-1-1 > a:focus-visible{
  box-shadow: 0 0 0 3px rgba(196,174,130,.35);
  outline:none;
}

/* Thumbnail */
section.archive-container-1-1-1{ position: relative; }
section.archive-image,
section.archive-image > img{
  width:100%; height:auto; aspect-ratio:16/10;
  object-fit:cover; background-size:cover; background-position:center; background-repeat:no-repeat;
  border-radius:10px; transition: transform .4s ease;
}
section.archive-container-1-1:hover section.archive-image{ transform: scale(1.035); }
section.archive-image > img{
  position:absolute !important; width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important; overflow:hidden !important;
  clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important;
}

/* Card content */
section.archive-container-1-1-2{
  padding: 12px 12px 14px;
  display:grid; gap:8px;
}
section.archive-container-1-1-2 h3{
  color: var(--apf-dark); font-weight:800; text-transform:uppercase;
  font-size:1.05rem; line-height:1.25; margin:2px 0 4px;
}
section.archive-container-1-1-2 p{ margin:0; color: var(--apf-muted); line-height:1.55; }
section.archive-container-1-1-2 p:first-of-type{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
section.archive-container-1-1-2 p:last-of-type{
  margin-top: 8px; background: var(--apf-dark); color:#fff;
  padding: 12px; width:100%; border-radius:8px; text-transform:uppercase;
  letter-spacing:.02em; font-weight:700;
  transition: background .2s ease, color .2s ease, transform .06s ease;
}
section.archive-container-1-1:hover section.archive-container-1-1-2 p:last-of-type{
  background: var(--apf-accent); color:#1a1a1a;
}
section.archive-container-1-1-2 p:last-of-type:active{ transform: translateY(1px); }

/* Pagination */
section.archive-page-numbers{
  max-width:1120px; margin:16px auto 36px; padding:0 16px;
  display:flex; justify-content:center;
}
section.archive-page-numbers .page-numbers{
  display:inline-flex; gap:8px; flex-wrap:wrap; align-items:center;
  list-style:none; padding:0; margin:0;
}
section.archive-page-numbers a,
section.archive-page-numbers span{
  display:inline-block; min-width:38px; padding:8px 12px; text-align:center;
  border:1px solid var(--apf-border); border-radius:12px; background:#fff; color:var(--apf-text);
  text-decoration:none; transition: background .15s ease, color .15s ease, border-color .15s ease;
}
section.archive-page-numbers a:hover{ background:var(--apf-soft); color:var(--apf-dark); border-color:#dfe3e8; }
section.archive-page-numbers .current{
  background: var(--apf-accent); border-color: var(--apf-accent); color:#1a1a1a; font-weight:800;
}

/* ==========================================================
   Small screens
   ========================================================== */
@media (max-width: 480px){
  .author-header-inner{ grid-template-columns: 56px 1fr; gap: 12px; padding: 14px; }
  .author-avatar{ width:56px; height:56px; }
  .author-links a{ padding:7px 10px; font-size:.95rem; }
  section.archive-container-1-1-2 h3{ font-size:1rem; }
}

/* ==========================================================
   Dark mode (optional)
   ========================================================== */
@media (prefers-color-scheme: dark){
  :root{
    --apf-bg:#0f172a;
    --apf-soft:#0b1221;
    --apf-border:#253046;
    --apf-text:#e5e7eb;
    --apf-muted:#a3adc2;
  }
  .author-header-inner{
    background: var(--apf-soft);
    border-color: var(--apf-border);
  }
  .author-links a{
    --btn-bg:#0f172a; --btn-br:var(--apf-border); --btn-tx:#93c5fd;
  }

  section.archive-page-numbers a,
  section.archive-page-numbers span{
    background: var(--apf-bg);
    border-color: var(--apf-border);
    color: var(--apf-text);
  }
}







/* ----------------------------------------------- */
            /* Seasonal Treats Page  */
/* ----------------------------------------------- */

main.seasonal-treats {
    width: 90%;
    margin: 0 auto;
    padding: 100px 0;
}

main.seasonal-treats > div.seasonal-treats-header {
    padding: 25px 0;
    text-align: center;
}

main.seasonal-treats > div.seasonal-treats-header > img {
    width: 90%;
    max-height: 600px;
    object-fit: contain;
    border-radius: 15px;
    margin-bottom: 75px;
}

main.seasonal-treats > ul {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    align-items: end;
    justify-content: center;
    gap: 15px;
    list-style-type: none;
}

main.seasonal-treats > ul > li {
    text-align: center;
    margin: 10px;
}

main.seasonal-treats > ul > li > a {
    color: gray;
    display: block;
    height: 100%;
}

main.seasonal-treats > ul > li > a > img {
    width: 100%;
    max-width: 300px;
    max-height: 300px;
    object-fit: contain;
    margin-bottom: 20px;
}

main.seasonal-treats > ul > li > a > h2 {
    font-size: 1rem;
    font-weight: 300;
}

    
main.seasonal-treats > ul > li > a > span.price > span > bdi {
    font-size: 1.3rem;
    color: darkgreen;
}
    
main.seasonal-treats > ul > li > a.add_to_cart_button {
    margin-top: 15px;
}





/* ----------------------------------------------- */
            /* Contact Page  */
/* ----------------------------------------------- */


main.contact-us {
    padding: 125px 0;
    width: 100%;
    margin: 50px auto;
}

div#get-in-touch-1 {
    width: 90%;
    justify-content: center;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 40% 50%;
}

div#get-in-touch-1 > form {
    padding: 25px;
}

div#get-in-touch-1 > form > h1 {
    font-weight: 800;
    color: #C4AE82;
}

div#get-in-touch-1 > form > p {
    color: gray;
    padding-top: 15px;
}

div#get-in-touch-1-1-1 {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 15px;
    padding: 25px 0;
}

::placeholder {
    color:  #b5b5b5;
}

div#get-in-touch-1-1-1 > input, div#get-in-touch-1-1-1 > textarea, div#get-in-touch-1-1-1 > select {
    padding: 10px;
    border: 1px solid #b5b5b5;
    outline: none;
    border-radius: 2.5px;
}


div#get-in-touch-1-1-1 > button {
    border-style: none;
    padding: 15px;
    background: #505050;
    color: white;
    font-weight: 500;
}

div#get-in-touch-1-1-1 > button:hover {
    background: #C4AE82;
    cursor: pointer;
}

div#get-in-touch-2 {
    padding: 25px;
    align-content: center;
}

div#get-in-touch-2 > div {
    display: grid;
    grid-template-columns: 25% 75%;
    background: #505050;
    color: white;
    padding: 15px;
    margin: 10px 0;
}

div#get-in-touch-2 > div > a {
    text-decoration: none;
    color: white;
}

div#get-in-touch-2 > div > div > a {
    margin-right: 15px;
    text-decoration: none;
    color: white;
    vertical-align: middle;
}

div#get-in-touch-2 > div > div > a > img {
    max-width: 25px;
    height: 25px;
    object-fit: contain;
    margin-left: 3px;
    vertical-align: bottom;
}

div#get-in-touch-2 > iframe {
    padding: 10px;
    background: #505050;
}

/* Inline status container */
.form-a-status {
  margin-top: 12px;
  display: flex;
  align-items: center;
  min-height: 44px;
}

.form-a-status .notice {
  display: grid;
  width: 100%;
  grid-template-columns: 28px auto;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(20,20,20,0.06);
  font-size: 14px;
  line-height: 1.35;
}

.form-a-status .notice .icon {
  width: 22px;
  height: 22px;
}

.form-a-status .notice.success {
  background: #f1fff6;
  border: 1px solid #c6f3d1;
  color: #135c22;
}

.form-a-status .notice.error {
  background: #fff5f5;
  border: 1px solid #ffd6d6;
  color: #7a1111;
}

.form-a-status .notice .content strong {
  font-weight: 600;
}

.form-a-status.is-pending {
  color: #666;
}

.form-a-status .spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #bdbdbd;
  border-top-color: transparent;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  animation: spin 0.8s linear infinite;
  vertical-align: middle;
}

@keyframes spin { to { transform: rotate(360deg); } }

.no-js-fallback { margin-top: 16px; }



div#company-information {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    display: none;
}

div#company-information > p {
    color: #b5b5b5;
}