.cs-bogo[hidden], .cs-bogo [hidden], .cs-bogo-notice[hidden] { display: none !important; }
.cs-bogo { padding: clamp(48px, 7vw, 88px) 0; color: #f8f5ed; background: radial-gradient(900px 300px at 50% 0%, rgba(126, 35, 51, .48) 0%, transparent 80%), radial-gradient(1200px 520px at 50% -10%, #2a1414 0%, #0f1a2e 45%, #05080f 100%); }
.cs-bogo-inner { width: min(100% - 48px, 1440px); margin-inline: auto; }
.cs-bogo-header { max-width: 740px; margin: 0 auto 38px; text-align: center; }
.cs-bogo-eyebrow { display: inline-flex; align-items: center; margin: 0 0 15px; padding: 7px 13px; border: 1px solid rgba(222, 184, 93, .48); border-radius: 999px; color: #e7ca80; background: rgba(210, 164, 69, .1); font-size: 10px; font-weight: 760; letter-spacing: .16em; line-height: 1.2; text-transform: uppercase; }
.cs-site-shell .cs-bogo-header h2 { margin: 0; color: #e6c46d; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(32px, 5vw, 58px); font-weight: 780; letter-spacing: -.035em; line-height: 1.05; text-wrap: balance; }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
    .cs-site-shell .cs-bogo-header h2 { background: linear-gradient(180deg, #fff3c4, #ffd66b 45%, #d69a2a); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 4px 18px rgba(255, 190, 60, .25)); }
}
.cs-bogo-intro { margin: 15px 0 0; color: #c1c0bb; font-size: 15px; line-height: 1.6; }
.cs-bogo-countdown { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: #e8c66e; }
.cs-bogo-countdown > span { display: grid; min-width: 63px; min-height: 57px; justify-items: center; align-content: center; gap: 5px; border: 1px solid #2d2e30; border-radius: 8px; background: #191a1c; }
.cs-bogo-countdown strong { color: #fff; font-variant-numeric: tabular-nums; font-size: 23px; font-weight: 760; line-height: 1; }
.cs-bogo-countdown small { color: #a4a39f; font-size: 8px; font-weight: 700; letter-spacing: .14em; }
.cs-bogo-grid { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 15px; row-gap: 30px; align-items: stretch; }
.cs-bogo-card { position: relative; display: flex; flex: 0 1 calc((100% - 90px) / 7); min-width: 161px; max-width: 190px; min-height: 420px; flex-direction: column; border: 1px solid #292a2c; border-radius: 13px; color: #f3f0e8; background: linear-gradient(180deg, #1b1d24 0%, #151619 37%, #131416 75%); box-shadow: 0 8px 22px rgba(0, 0, 0, .26); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.cs-bogo-card[hidden] { display: none !important; }
.cs-bogo-badge { position: absolute; z-index: 2; top: -12px; left: 50%; max-width: calc(100% - 20px); padding: 7px 12px; border-radius: 999px; color: #fff; background: #d92838; box-shadow: 0 0 13px rgba(217, 40, 56, .34); font-size: 9px; font-weight: 800; letter-spacing: .045em; line-height: 1.1; text-align: center; white-space: nowrap; transform: translateX(-50%); }
.cs-bogo-image { display: flex; height: 165px; flex: 0 0 165px; align-items: center; justify-content: center; overflow: hidden; border-radius: 12px 12px 0 0; background: transparent; }
.cs-bogo-image img { display: block; width: 100%; height: 145px; object-fit: contain; transition: transform .3s ease; }
.cs-bogo-card-content { display: flex; min-width: 0; flex: 1; flex-direction: column; align-items: center; padding: 10px 13px 14px; text-align: center; }
.cs-site-shell .cs-bogo-title { margin: 0 0 12px; color: #f7f3e9; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 15px; font-weight: 680; line-height: 1.4; overflow-wrap: anywhere; }
.cs-site-shell .cs-bogo-title a { color: inherit; text-decoration: none; }
.cs-bogo-choices { width: 100%; min-width: 0; margin: 0 0 12px; padding: 0; border: 0; }
.cs-bogo-choice-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.cs-bogo-choice-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
.cs-bogo-choice { display: inline-flex; min-height: 28px; align-items: center; padding: 4px 8px; border: 1px solid #414246; border-radius: 8px; color: rgba(255,255,255,.8); background: rgba(255,255,255,.06); font-size: 11.52px; font-weight: 700; line-height: 1.55; cursor: pointer; transition: color .12s ease, border-color .12s ease, background-color .12s ease; }
.cs-bogo-choice-input:checked + .cs-bogo-choice { border-color: #fff; color: #171719; background: #fff; }
.cs-bogo-choice-input:focus-visible + .cs-bogo-choice { outline: 3px solid #e5c56e; outline-offset: 3px; }
.cs-bogo-choice-input:disabled + .cs-bogo-choice { color: #737478; border-color: #303135; background: #191a1c; cursor: not-allowed; }
.cs-bogo-choice-input:disabled + .cs-bogo-choice > :first-child { text-decoration: line-through; }
.cs-bogo-sold-out { color: #a5a4a0; font-size: 9px; font-weight: 500; }
.cs-bogo-pricing { width: 100%; margin-top: auto; padding-top: 3px; text-align: center; }
.cs-bogo-pricing p { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 5px; margin: 0; line-height: 1.4; }
.cs-bogo-regular { color: #aaa9a4; font-size: 11px; }
.cs-bogo-regular del { color: #969590; font-size: 12px; }
.cs-bogo-deal { margin-top: 7px !important; color: #e4c36b; font-size: 10px; font-weight: 700; }
.cs-bogo-deal > span { font-size: 10px; letter-spacing: .07em; }
.cs-bogo-deal strong { font-size: 19px; font-weight: 800; line-height: 1.15; }
.cs-bogo-saving { justify-content: center !important; margin-top: 6px !important; color: #67c78c; font-size: 10px; font-weight: 650; }
.cs-bogo-saving strong { font-size: 12px; font-weight: 760; }
.cs-bogo-status { min-height: 0; margin: 7px 0 0; color: #ff9ca3; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.cs-site-shell .cs-bogo-details,
.cs-site-shell .cs-bogo-add { display: flex; width: 100%; min-width: 0; min-height: 43px; align-items: center; justify-content: center; margin: auto 0 0; padding: 9px 10px; border: 0; border-radius: 999px; color: #fff; background: #d92838; font: inherit; font-size: 11px; font-weight: 760; line-height: 1.25; text-align: center; text-decoration: none; cursor: pointer; }
.cs-site-shell .cs-bogo-details:hover, .cs-site-shell .cs-bogo-details:focus-visible,
.cs-site-shell .cs-bogo-add:hover:enabled, .cs-site-shell .cs-bogo-add:focus-visible:enabled { color: #fff; background: #f03a4a; }
.cs-site-shell .cs-bogo-add:disabled { opacity: .62; cursor: not-allowed; }
.cs-site-shell .cs-bogo-add.is-unavailable:disabled { border: 1px solid rgba(255, 255, 255, .15); color: rgba(255, 255, 255, .5); background: rgba(255, 255, 255, .1); box-shadow: none; opacity: 1; cursor: not-allowed; }
.cs-bogo-more-wrap { display: flex; justify-content: center; margin-top: 28px; }
.cs-site-shell .cs-bogo-more { min-height: 44px; padding: 10px 19px; border: 1px solid #c6a84f; border-radius: 999px; color: #e6c46d; background: transparent; font: inherit; font-size: 12px; font-weight: 720; cursor: pointer; }
.cs-site-shell .cs-bogo-more:hover, .cs-site-shell .cs-bogo-more:focus-visible { color: #090909; background: #e6c46d; }
.cs-bogo-empty { margin: 0; padding: 28px 18px; border: 1px dashed #45464a; border-radius: 9px; color: #c2c0ba; text-align: center; }
.cs-bogo-notice { margin: 0; padding: 14px 24px; color: #f5e6b8; background: #17130b; font-size: 14px; text-align: center; }
.cs-bogo :focus-visible { outline: 3px solid #e5c56e; outline-offset: 3px; }

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .cs-bogo-card:hover { z-index: 1; transform: translateY(-4px) scale(1.012); border-color: #b99a4e; box-shadow: 0 17px 34px rgba(204, 167, 80, .14); }
    .cs-bogo-card:hover .cs-bogo-image img { transform: scale(1.045); }
    .cs-site-shell .cs-bogo-title a:hover { color: #e6c46d; }
}
@media (prefers-reduced-motion: reduce) {
    .cs-bogo-card, .cs-bogo-image img, .cs-bogo-choice { transition: none !important; }
    .cs-bogo-card:hover, .cs-bogo-card:hover .cs-bogo-image img { transform: none !important; }
}
@media (max-width: 1200px) { .cs-bogo-grid { column-gap: 13px; } }
@media (max-width: 900px) { .cs-bogo-grid { column-gap: 13px; } }
@media (max-width: 600px) {
    .cs-bogo { padding: 42px 0; }
    .cs-bogo-inner { width: calc(100% - 32px); }
    .cs-bogo-header { margin-bottom: 26px; }
    .cs-bogo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 10px; row-gap: 32px; }
    .cs-bogo-card { min-width: 0; max-width: none; }
    .cs-bogo-card-content { padding: 11px 9px 10px; }
    .cs-site-shell .cs-bogo-title { margin-bottom: 9px; font-size: 12px; }
    .cs-bogo-choice-list { gap: 5px; }
    .cs-bogo-deal strong { font-size: 16px; }
    .cs-bogo-regular { font-size: 9px; }
    .cs-bogo-regular del { font-size: 10px; }
    .cs-site-shell .cs-bogo-details, .cs-site-shell .cs-bogo-add { min-height: 42px; padding-inline: 6px; font-size: 10px; }
}