.bgp-home {
  --bgp-black:#181614;
  --bgp-gold:#9b7950;
  --bgp-cream:#f5f0e8;
  background:#f8f6f2;
  color:var(--bgp-black);
  width:100%;
  overflow:hidden;
  font-family:Arial,Helvetica,sans-serif;
}

.bgp-home * {box-sizing:border-box}

.bgp-home h1,
.bgp-home h2,
.bgp-collection strong {
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
}

.bgp-hero {
  min-height:650px;
  display:grid;
  grid-template-columns:46% 54%;
  position:relative;
  background:#ede4d7;
}

.bgp-hero-content {
  position:relative;
  z-index:2;
  padding:115px 5vw 110px 7vw;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.bgp-kicker {
  font-size:10px;
  letter-spacing:3px;
  font-weight:700;
  color:var(--bgp-gold);
}

.bgp-hero h1 {
  font-size:clamp(46px,5.2vw,82px);
  line-height:1.04;
  letter-spacing:-2px;
  margin:24px 0;
}

.bgp-hero-content>p {
  font-size:15px;
  line-height:1.9;
  max-width:410px;
  color:#5b5751;
}

.bgp-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:25px;
  margin-top:30px;
}

.bgp-button {
  display:inline-flex;
  gap:32px;
  background:#171614;
  color:white!important;
  padding:18px 27px;
  text-decoration:none!important;
  font-size:12px;
  letter-spacing:.5px;
}

.bgp-button:hover {background:#9b7950;color:white!important}

.bgp-text-link {
  font-size:12px;
  color:#171614!important;
  text-decoration:none!important;
  border-bottom:1px solid #968b7b;
  padding-bottom:7px;
}

.bgp-hero-image {
  min-height:650px;
  background:linear-gradient(125deg,#b9a48d,#e8ded1 55%,#93806e);
  background-size:cover;
  background-position:center 25%;
}

.bgp-hero-caption {
  position:absolute;
  bottom:25px;
  right:34px;
  color:#fff;
  font-family:Georgia,serif;
  font-size:12px;
  line-height:1.7;
  letter-spacing:3px;
  text-align:right;
}

.bgp-marquee {
  width:100%;
  overflow:hidden;
}

.bgp-marquee-dark {
  background:#171614;
  color:#fff;
}

.bgp-marquee-light {
  background:#e9dfd0;
  color:#514331;
}

.bgp-marquee-track {
  display:flex;
  width:max-content;
  animation:bgp-scroll 36s linear infinite;
}

.bgp-marquee-light .bgp-marquee-track {
  animation-direction:reverse;
  animation-duration:42s;
}

.bgp-marquee-set {
  display:flex;
  flex:none;
  align-items:center;
  gap:30px;
  padding:17px 30px 17px 0;
  white-space:nowrap;
}

.bgp-marquee span {
  font-size:10px;
  font-weight:700;
  letter-spacing:2.7px;
}

.bgp-marquee b {
  color:#b99a69;
  font-size:12px;
  font-weight:400;
}

@keyframes bgp-scroll {
  from {transform:translateX(0)}
  to {transform:translateX(-50%)}
}

.bgp-marquee:hover .bgp-marquee-track {
  animation-play-state:paused;
}

.bgp-collections {
  padding:95px 3vw 90px;
}

.bgp-section-heading {
  text-align:center;
  margin-bottom:45px;
}

.bgp-section-heading h2,
.bgp-story h2 {
  font-size:clamp(36px,4vw,60px);
  line-height:1.15;
  margin:14px 0;
}

.bgp-section-heading p {
  font-size:14px;
  color:#77716b;
}

.bgp-collection-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.bgp-collection {
  height:460px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  color:white!important;
  text-decoration:none!important;
  background:#9d8b7a;
  background-size:cover;
  background-position:center;
  transition:background-size .3s;
}

.bgp-bags {background-color:#918077}
.bgp-shoes {background-color:#a99b8b}
.bgp-accessories {background-color:#776457}
.bgp-arrivals {background-color:#b2a18c}

.bgp-collection:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.72),transparent 65%);
  transition:background .3s;
}

.bgp-collection:hover:before {
  background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.12));
}

.bgp-collection-content {
  padding:26px;
  width:100%;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.bgp-collection strong {
  font-size:34px;
  line-height:1.1;
}

.bgp-collection small {
  font-size:9px;
  letter-spacing:2px;
}

.bgp-collection-content>span {
  font-size:10px;
  letter-spacing:2px;
  margin-top:18px;
}

.bgp-story {
  background:#eae3d8;
  padding:110px 20px;
  text-align:center;
}

.bgp-story p {
  font-size:15px;
  line-height:1.9;
  color:#6a625a;
  max-width:540px;
  margin:20px auto 30px;
}

.bgp-story-link {
  color:#201d19!important;
  text-decoration:none!important;
  font-size:11px;
  letter-spacing:2px;
  border-bottom:1px solid #9b7950;
  padding-bottom:10px;
}

.bgp-service {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  text-align:center;
  background:#faf8f5;
  padding:35px 3vw;
}

.bgp-service>div {
  padding:15px 20px;
  border-right:1px solid #dfd7cb;
  display:flex;
  flex-direction:column;
  gap:9px;
}

.bgp-service>div:last-child {border:0}

.bgp-service strong {
  font-size:10px;
  letter-spacing:1.4px;
}

.bgp-service span {
  font-size:12px;
  color:#898078;
}

@media(max-width:900px) {
  .bgp-hero {grid-template-columns:1fr}
  .bgp-hero-image {
    min-height:400px;
    grid-row:1;
  }
  .bgp-hero-content {
    padding:50px 6vw 65px;
  }
  .bgp-hero h1 {
    font-size:clamp(43px,7vw,65px);
  }
  .bgp-hero-caption {
    top:350px;
    bottom:auto;
    right:20px;
  }
  .bgp-collection-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bgp-collection {height:420px}
}

@media(max-width:600px) {
  .bgp-hero-image {min-height:340px}
  .bgp-hero-caption {top:286px}
  .bgp-hero-content {padding:40px 22px 55px}
  .bgp-hero h1 {font-size:45px;letter-spacing:-1px}
  .bgp-collections {padding:65px 12px}
  .bgp-collection-grid {gap:8px}
  .bgp-collection {height:280px}
  .bgp-collection-content {padding:14px}
  .bgp-collection strong {font-size:25px}
  .bgp-collection small {font-size:8px;letter-spacing:1px}
  .bgp-service {grid-template-columns:1fr}
  .bgp-service>div {
    border-right:0;
    border-bottom:1px solid #dfd7cb;
  }
  .bgp-service>div:last-child {border-bottom:0}
}

@media(prefers-reduced-motion:reduce) {
  .bgp-marquee-track {animation:none}
}

/* BG PREMIUM EDITORIAL IMAGES - 2026 */

.bgp-home .bgp-hero-image {
    background-image: url('/wp-content/uploads/2026/10/hero-editorial1.webp');
    background-size: cover;
    background-position: center 32%;
}

.bgp-home .bgp-bags {
    background-image: url('/wp-content/uploads/2026/10/bags-editorial1.webp');
}

.bgp-home .bgp-shoes {
    background-image: url('/wp-content/uploads/2026/10/footwear-editorial1.webp');
}

.bgp-home .bgp-accessories {
    background-image: url('/wp-content/uploads/bg-premium/bg-belts-editorial-v2.webp');
}

.bgp-home .bgp-arrivals {
    background-image: url('/wp-content/uploads/bg-premium/bg-jewelry-editorial-v2.webp');
}

.bgp-home .bgp-collection {
    background-size: cover;
    background-position: center;
}

.bgp-home .bgp-collection-content {
    text-shadow: 0 2px 12px rgba(0,0,0,.25);
}

@media (max-width: 900px) {
    .bgp-home .bgp-hero-image {
        background-position: center 25%;
    }
}


/* BG PREMIUM PREVIEW LAYOUT FIX */

/* Kadence page title */
body:is(.page-id-16052, .page-id-7419) .entry-header,
body:is(.page-id-16052, .page-id-7419) .entry-hero,
body:is(.page-id-16052, .page-id-7419) .page-header {
    display: none !important;
}

/* Full width content */
body:is(.page-id-16052, .page-id-7419) .site-content,
body:is(.page-id-16052, .page-id-7419) .content-bg,
body:is(.page-id-16052, .page-id-7419) .site-main,
body:is(.page-id-16052, .page-id-7419) .entry-content {
    background: #f8f6f2 !important;
}

body:is(.page-id-16052, .page-id-7419) .site-container,
body:is(.page-id-16052, .page-id-7419) .content-container,
body:is(.page-id-16052, .page-id-7419) .content-wrap,
body:is(.page-id-16052, .page-id-7419) .entry-content-wrap {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body:is(.page-id-16052, .page-id-7419) .content-area,
body:is(.page-id-16052, .page-id-7419) .site-main,
body:is(.page-id-16052, .page-id-7419) article {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-home {
    width: 100%;
    max-width: none;
}

/* Hero layout */
body:is(.page-id-16052, .page-id-7419) .bgp-hero {
    display: grid;
    grid-template-columns: minmax(0, 47%) minmax(0, 53%);
    min-height: 650px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-hero-content {
    min-width: 0;
    padding: 85px 4vw 85px 5vw;
}

body:is(.page-id-16052, .page-id-7419) .bgp-hero h1 {
    font-size: clamp(42px, 4.7vw, 76px);
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

/* Category grid */
body:is(.page-id-16052, .page-id-7419) .bgp-collection-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100%;
}

body:is(.page-id-16052, .page-id-7419) .bgp-collection {
    min-width: 0;
    width: 100%;
    height: 450px;
    margin: 0;
}

body:is(.page-id-16052, .page-id-7419) .bgp-collections {
    padding: 85px 3vw;
}

/* Responsive */
@media (max-width: 900px) {
    body:is(.page-id-16052, .page-id-7419) .bgp-hero {
        grid-template-columns: 1fr;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-collection-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-hero-content {
        padding: 55px 6vw;
    }
}

@media (max-width: 600px) {
    body:is(.page-id-16052, .page-id-7419) .bgp-collection-grid {
        gap: 8px !important;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-collection {
        height: 290px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-collections {
        padding: 60px 12px;
    }
}


/* PREMIUM CATEGORY IMAGE REFINEMENT */

body:is(.page-id-16052, .page-id-7419) .bgp-collection {
    height: 440px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    align-items: flex-end;
}

body:is(.page-id-16052, .page-id-7419) .bgp-collection::before {
    background: linear-gradient(
        to top,
        rgba(0,0,0,.68) 0%,
        rgba(0,0,0,.22) 25%,
        rgba(0,0,0,0) 55%
    ) !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-collection:hover::before {
    background: linear-gradient(
        to top,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.25) 30%,
        transparent 65%
    ) !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-collection-content {
    padding: 22px;
    gap: 7px;
    background: transparent !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-collection strong {
    font-size: 31px;
    color: #fff;
}

body:is(.page-id-16052, .page-id-7419) .bgp-collection small,
body:is(.page-id-16052, .page-id-7419) .bgp-collection-content > span {
    color: #fff;
}

/* Individual image positions */

body:is(.page-id-16052, .page-id-7419) .bgp-bags {
    background-position: center 30%;
}

body:is(.page-id-16052, .page-id-7419) .bgp-shoes {
    background-position: center 48%;
}

body:is(.page-id-16052, .page-id-7419) .bgp-accessories {
    background-position: center 40%;
}

body:is(.page-id-16052, .page-id-7419) .bgp-arrivals {
    background-position: center 25%;
}

@media(max-width:600px) {
    body:is(.page-id-16052, .page-id-7419) .bgp-collection {
        height: 320px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-collection-content {
        padding: 13px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-collection strong {
        font-size: 24px;
    }
}


/* PREMIUM EDITORIAL CATEGORY PHOTOS V3 */

body:is(.page-id-16052, .page-id-7419) .bgp-home .bgp-bags {
    background-image: url('/wp-content/uploads/2026/10/bgp-bags-v21.webp') !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-home .bgp-shoes {
    background-image: url('/wp-content/uploads/2026/10/bgp-footwear-v21.webp') !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-home .bgp-accessories {
    background-image: url('/wp-content/uploads/bg-premium/bg-belts-editorial-v2.webp') !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-home .bgp-arrivals {
    background-image: url('/wp-content/uploads/bg-premium/bg-jewelry-editorial-v2.webp') !important;
}

/* Full photo presentation */

body:is(.page-id-16052, .page-id-7419) .bgp-home .bgp-collection {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-home .bgp-collection::before {
    background: linear-gradient(
        to top,
        rgba(0,0,0,.55) 0%,
        rgba(0,0,0,.12) 30%,
        transparent 60%
    ) !important;
}


/* BG PREMIUM EDITORIAL STORY */

body:is(.page-id-16052, .page-id-7419) .bgp-story-editorial {
    display: grid;
    grid-template-columns: 40% 38% 22%;
    align-items: center;
    gap: 0;
    padding: 75px 4%;
    background: #f8f6f2;
}

body:is(.page-id-16052, .page-id-7419) .bgp-story-photo {
    position: relative;
    overflow: hidden;
}

body:is(.page-id-16052, .page-id-7419) .bgp-story-photo-main {
    height: 580px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-story-photo-detail {
    height: 390px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-story-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body:is(.page-id-16052, .page-id-7419) .bgp-story-copy {
    padding: 30px 9%;
}

body:is(.page-id-16052, .page-id-7419) .bgp-story-copy h2 {
    font-family: Georgia, serif;
    font-size: clamp(34px, 3.1vw, 53px);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -1px;
    margin: 20px 0;
}

body:is(.page-id-16052, .page-id-7419) .bgp-story-copy p {
    font-size: 14px;
    line-height: 1.9;
    color: #766f68;
    margin-bottom: 30px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-story-photo-detail > span {
    display: block;
    margin-top: 15px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 2px;
    color: #9b7950;
}

@media (max-width: 900px) {
    body:is(.page-id-16052, .page-id-7419) .bgp-story-editorial {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
        padding: 50px 5%;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-story-photo-main {
        height: 480px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-story-copy {
        padding: 20px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-story-photo-detail {
        display: none;
    }
}

@media (max-width: 600px) {
    body:is(.page-id-16052, .page-id-7419) .bgp-story-editorial {
        grid-template-columns: 1fr;
        padding: 35px 16px 65px;
        gap: 25px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-story-photo-main {
        height: 440px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-story-copy {
        padding: 15px 5px;
    }
}



/* PREMIUM CAMPAIGN */

body:is(.page-id-16052, .page-id-7419) .bgp-campaign {
    min-height: 510px;
    display: flex;
    align-items: center;
    padding: 75px 7%;
    color: #fff;
    background-image:
      linear-gradient(90deg,
        rgba(16,12,10,.74),
        rgba(16,12,10,.32) 48%,
        transparent 80%),
      var(--bgp-campaign-image);
    background-size: cover;
    background-position: center;
}

body:is(.page-id-16052, .page-id-7419) .bgp-campaign-inner {
    max-width: 570px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-campaign-inner > span {
    color: #eed7b4;
    font-size: 11px;
    letter-spacing: 3px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-campaign h2 {
    font-family: Georgia, serif;
    font-size: clamp(45px,5vw,78px);
    font-weight: 400;
    line-height: 1.08;
    color: white;
    margin: 20px 0;
}

body:is(.page-id-16052, .page-id-7419) .bgp-campaign p {
    font-size: 16px;
    color: #f4e9dd;
    margin-bottom: 30px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-campaign a {
    display: inline-block;
    padding: 17px 24px;
    border: 1px solid rgba(255,255,255,.8);
    color: white !important;
    font-size: 11px;
    letter-spacing: 1.8px;
    text-decoration: none !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-campaign a:hover {
    background: white;
    color: #171614 !important;
}

/* PREMIUM FOOTER */

body:is(.page-id-16052, .page-id-7419) .bgp-footer {
    background: #f2ede6;
    color: #302b25;
    padding: 78px 5% 25px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
    gap: 45px;
    padding-bottom: 65px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-brand h2 {
    font-family: Georgia, serif;
    font-size: 28px;
    letter-spacing: 3px;
    font-weight: 400;
    color: #84633d;
    margin: 0 0 22px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-brand p {
    max-width: 270px;
    font-size: 13px;
    line-height: 1.9;
    color: #726960;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-brand > span {
    display: block;
    margin-top: 25px;
    font-size: 9px;
    letter-spacing: 2px;
    color: #9a7950;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer h3 {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin: 0 0 25px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer nav,
body:is(.page-id-16052, .page-id-7419) .bgp-footer-company {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer a {
    font-size: 12px;
    line-height: 1.6;
    color: #756e65 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer a:hover {
    color: #9b7950 !important;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-company strong {
    font-size: 13px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-company p {
    margin: 0;
    font-size: 12px;
    line-height: 1.8;
    color: #756e65;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 24px;
    border-top: 1px solid #dcd2c5;
    font-size: 11px;
    color: #8b8175;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-bottom nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

/* Hide original Kadence footer on preview */
body:is(.page-id-16052, .page-id-7419) #colophon {
    display: none !important;
}

/* TABLET */

@media(max-width:900px) {
    body:is(.page-id-16052, .page-id-7419) .bgp-footer-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 42px 24px;
    }
}

/* MOBILE */

@media(max-width:600px) {
    body:is(.page-id-16052, .page-id-7419) .bgp-campaign {
        min-height: 430px;
        padding: 65px 24px;
        background-position: 42% center;
        background-image:
          linear-gradient(90deg,
            rgba(16,12,10,.75),
            rgba(16,12,10,.35)),
          var(--bgp-campaign-image);
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-footer {
        padding: 55px 24px 25px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-footer-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 38px 18px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-footer-brand,
    body:is(.page-id-16052, .page-id-7419) .bgp-footer-company {
        grid-column: 1 / -1;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* PREMIUM CAMPAIGN IMAGE OPTIMIZATION */

body:is(.page-id-16052, .page-id-7419) .bgp-campaign {
    min-height: 360px;
    padding: 65px 7%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

body:is(.page-id-16052, .page-id-7419) .bgp-campaign h2 {
    font-size: clamp(42px, 4.5vw, 68px);
}

/* FOOTER READABILITY */

body:is(.page-id-16052, .page-id-7419) .bgp-footer a {
    font-size: 14px;
    line-height: 1.7;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-company p,
body:is(.page-id-16052, .page-id-7419) .bgp-footer-brand p {
    font-size: 14px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer h3 {
    font-size: 12px;
}

body:is(.page-id-16052, .page-id-7419) .bgp-footer-bottom {
    font-size: 12px;
}

/* MOBILE */

@media (max-width: 600px) {
    body:is(.page-id-16052, .page-id-7419) .bgp-campaign {
        min-height: 400px;
        padding: 50px 24px;
        background-position: 42% center;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-footer a {
        font-size: 13px;
    }
}


/* HIGH QUALITY CAMPAIGN IMAGE */

body:is(.page-id-16052, .page-id-7419) .bgp-campaign {
    --bgp-campaign-image:
      url('/wp-content/uploads/2026/10/bg-premium-campaign-hq.webp') !important;
}


/* BG PREMIUM ORIGINAL PNG CAMPAIGN FIX */

body:is(.page-id-16052, .page-id-7419) .bgp-campaign {
    --bgp-campaign-image:
      url('/wp-content/uploads/bg-premium/bg-premium-campaign-original.png') !important;
}


/* BG PREMIUM MOBILE REFINEMENT */

@media (max-width: 600px) {

    /* Hero text spacing */

    body:is(.page-id-16052, .page-id-7419) .bgp-hero-content {
        padding: 32px 20px 42px !important;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-hero h1 {
        font-size: clamp(36px, 10vw, 45px);
        line-height: 1.08;
        margin: 16px 0;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-actions {
        margin-top: 24px;
        gap: 15px;
    }

    /* Campaign text readability */

    body:is(.page-id-16052, .page-id-7419) .bgp-campaign {
        min-height: 430px;
        align-items: flex-end;
        padding: 35px 22px;
        background-position: 58% center;
        background-image:
          linear-gradient(
            to top,
            rgba(15, 12, 10, .86) 0%,
            rgba(15, 12, 10, .38) 43%,
            rgba(15, 12, 10, .04) 85%
          ),
          var(--bgp-campaign-image);
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-campaign-inner {
        max-width: 100%;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-campaign h2 {
        font-size: 39px;
        line-height: 1.1;
        margin: 12px 0;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-campaign p {
        font-size: 13px;
        margin-bottom: 20px;
    }

    body:is(.page-id-16052, .page-id-7419) .bgp-campaign a {
        padding: 14px 18px;
        font-size: 10px;
    }

    /* Prevent horizontal overflow */

    body:is(.page-id-16052, .page-id-7419) .bgp-home {
        max-width: 100%;
        overflow-x: clip;
    }
}


/* BG PREMIUM LIVE DESKTOP CATEGORY GRID FIX */

@media (min-width: 901px) {

    body.page-id-7419 .bgp-home .bgp-collection-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        width: 100% !important;
    }

    body.page-id-7419 .bgp-home .bgp-collection {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 460px !important;
        margin: 0 !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    body.page-id-7419 .bgp-home .bgp-collection-grid > a {
        float: none !important;
        position: relative !important;
    }

}


/* BG PREMIUM OPTIMIZED CAMPAIGN */

body:is(.page-id-7419, .page-id-16052) .bgp-campaign {
    --bgp-campaign-image:
      url('/wp-content/uploads/bg-premium/bg-premium-campaign-optimized.webp') !important;
}

/* BG HEADER SUBMENU GAP FIX */
@media (min-width: 1025px) {
  #masthead .header-navigation .sub-menu {
    transform: translateY(-30px) !important;
  }
}


/* BG DESKTOP CART ICON SIZE */
@media (min-width: 1025px) {
    #main-header .header-cart-button .kadence-svg-iconset svg {
        width: 24px !important;
        height: 24px !important;
    }

    #main-header .header-cart-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}
