@import url('products.css?v=1.3.4');
.fs-promotions {box-sizing: border-box; width: 100%; margin: 36px 0; color: #202c3c; font-family: inherit;}
.fs-promotions *, .fs-promotions *::before, .fs-promotions *::after {box-sizing: border-box;}
.fs-promotions__heading {display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 24px;}
.fs-promotions__heading h2 {margin: 0; color: #202c3c; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.2; font-weight: 700;}
.fs-promotions__heading p {margin: 9px 0 0; color: #7e8b9e; font-size: 15px; line-height: 1.5;}
.fs-promotions__all {flex-shrink: 0; align-self: center; color: #173bde; font-size: 14px; font-weight: 600; text-decoration: none;}
.fs-promotions__filters {display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 20px;}
.fs-promotions__filter {padding: 9px 18px; border: 1px solid #e3e9f6; border-radius: 24px; background: #fff; color: #38475e; font: inherit; font-size: 13px; line-height: 1.3; cursor: pointer;}
.fs-promotions__filter.is-active {background: #173bde; border-color: #173bde; color: #fff;}
.fs-promotions__grid {display: grid; grid-template-columns: repeat(var(--fs-promotions-columns, 3), minmax(0, 1fr)); gap: 20px;}
.fs-promotions__campaign {position:relative;display: flex; flex-direction: column; min-width: 0; padding: 27px; border-radius: 20px; background: #e6efff;box-shadow:inset 0 0 0 1px rgba(27,40,57,.035); transition: transform 400ms cubic-bezier(.22,1,.36,1), box-shadow 400ms cubic-bezier(.22,1,.36,1);}
.fs-promotions__campaign--mint {background: #e4f3f1;}
.fs-promotions__campaign--lilac {background: #eee8ff;}
.fs-promotions__campaign--peach {background: #fff0e4;}
.fs-promotions__copy {display: contents;}
.fs-promotions__footer {margin-top: auto; order: 1;}
.fs-promotions__labels {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 24px; margin-bottom: 22px;}
.fs-promotions__eyebrow {color: #66778e; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;}
.fs-promotions__badge {display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 10px 18px; border-radius: 8px; background: #ffe2e7; color: #cf2341; font-size: 16px; line-height: 1.25; font-weight: 800; white-space: nowrap;}
.fs-promotions__campaign h3 {margin: 0; max-width: 90%; color: #202c3c; font-size: clamp(22px, 2.1vw, 30px); font-weight: 700; line-height: 1.2; overflow-wrap: anywhere;}
.fs-promotions__campaign p {margin: 14px 0 12px; color: #7b8a9f; font-size: 14px; line-height: 1.5;}
.fs-promotions__image {display: flex; align-items: center; justify-content: center; aspect-ratio: 1.6; width: 100%; margin: 14px 0;}
.fs-promotions__image img {display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform 550ms cubic-bezier(.22,1,.36,1);}
.fs-promotions__action > span[aria-hidden] {display: inline-block; transition: transform 240ms ease;}
.fs-promotions__campaign:focus-within {box-shadow: 0 10px 28px rgba(32, 44, 60, .12);}
@media (hover: hover) and (pointer: fine) {
  .fs-promotions__campaign:hover {transform: translateY(-2px); box-shadow:inset 0 0 0 1px rgba(45,95,168,.15),0 10px 24px -10px rgba(27,40,57,.22);}
  .fs-promotions__campaign:hover .fs-promotions__image img {transform: translateY(-3px) scale(1.03);}
  .fs-promotions__campaign:hover .fs-promotions__action > span[aria-hidden] {transform: translateX(4px);}
}
@media (prefers-reduced-motion: reduce) {
  .fs-promotions__campaign, .fs-promotions__image img, .fs-promotions__action > span[aria-hidden] {transition: none;}
  .fs-promotions__campaign:hover, .fs-promotions__campaign:hover .fs-promotions__image img, .fs-promotions__campaign:hover .fs-promotions__action > span[aria-hidden] {transform: none;}
}
.fs-promotions__action {display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 45px; margin-top: auto; padding: 12px; border-radius: 9px; background: #fff; color: #173bde; font-size: 14px; font-weight: 600; text-decoration: none;}
.fs-promotions__action::after {content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;}
.fs-promotions__action:focus-visible::after {outline:2px solid #2d5fa8;outline-offset:-3px;}
.fs-promotions__all {text-underline-offset:4px;}
.fs-promotions__all:hover {text-decoration:underline;}
.fs-promotions__intro {display: flex; flex-direction: column; min-width: 0; padding: 28px 22px; border-radius: 18px; background: #173bde; color: #fff;}
.fs-promotions__intro > span {font-size: 11px; color: #cbd7ff; text-transform: uppercase; letter-spacing: .06em;}
.fs-promotions__intro h3 {margin: 20px 0 15px; font-size: clamp(24px, 2vw, 32px); color: #fff; font-weight: 700; line-height: 1.2; overflow-wrap: anywhere;}
.fs-promotions__intro p {color: #cbd7ff; font-size: 13px; line-height: 1.5;}
.fs-promotions__intro a {display: block; margin-top: auto; padding: 13px 10px; border-radius: 9px; background: #fff; color: #173bde; font-size: 13px; font-weight: 600; text-align: center; text-decoration: none;}
.fs-promotions [hidden] {display: none !important;}
.fs-promotions__empty {padding: 25px; border-radius: 12px; background: #fff;}
.fs-promotions__status {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap;}
.fs-promotions a:focus-visible, .fs-promotions button:focus-visible {outline: 3px solid #6584ff; outline-offset: 3px;}
@media(max-width: 991px) {
  .fs-promotions__grid {gap: 14px;}
  .fs-promotions__campaign {padding: 20px;}
  .fs-promotions--products .fs-promotions__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media(max-width: 600px) {
  .fs-promotions {margin: 28px 0;}
  .fs-promotions__heading {gap: 12px; margin-bottom: 18px;}
  .fs-promotions__heading p {font-size: 12px;}
  .fs-promotions__all {font-size: 12px; max-width: 35%; text-align: right; flex-shrink: 1;}
  .fs-promotions__grid {grid-template-columns: minmax(0, 1fr); gap: 12px;}
  .fs-promotions__campaign {position: relative; min-height: 215px; padding: 20px;}
  .fs-promotions__labels {width: 57%; margin-bottom: 12px; flex-wrap: wrap; gap: 8px;}
  .fs-promotions__campaign h3 {max-width: 58%; font-size: 21px;}
  .fs-promotions__campaign p {max-width: 57%; font-size: 12px; margin-top: 10px;}
  .fs-promotions__image {position: absolute; top: 35px; right: 14px; width: 38%; height: 135px; margin: 0;}
  .fs-promotions__action {align-self: flex-start; background: transparent; padding: 12px 0 0; font-size: 12px; justify-content: flex-start; max-width: 60%;}
  .fs-promotions__filter {padding: 9px 13px; font-size: 12px;}
  .fs-promotions__intro {grid-column: 1 / -1; padding: 22px;}
  .fs-promotions__intro h3 {margin-top: 10px; font-size: 26px; max-width: 90%;}
  .fs-promotions__intro a {margin-top: 15px;}
}
.fs-promotions--featured .fs-promotions__grid {grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; gap: 16px;}
.fs-promotions--featured .fs-promotions__campaign {position: relative; min-height: 200px; padding: 26px; overflow: hidden;}
.fs-promotions--featured .fs-promotions__campaign--blue {background: #e5ecff;}
.fs-promotions--featured .fs-promotions__campaign--mint {background: #e6f2f3;}
.fs-promotions--featured .fs-promotions__campaign--lilac {background: #f0eaff;}
.fs-promotions--featured .fs-promotions__copy {display: grid; flex: 1; grid-template-columns: max-content minmax(0, 1fr); align-content: center; column-gap: 14px; row-gap: 10px; width: 56%;}
.fs-promotions--featured .fs-promotions__labels {display: contents;}
.fs-promotions--featured .fs-promotions__eyebrow {grid-column: 1 / -1; order: 0; font-size: 10px;}
.fs-promotions--featured .fs-promotions__campaign h3 {grid-column: 1 / -1; order: 1; max-width: 100%; font-size: clamp(20px, 1.9vw, 28px);}
.fs-promotions--featured .fs-promotions__campaign p {grid-column: 1 / -1; order: 2; margin: 0; font-size: 12px;}
.fs-promotions--featured .fs-promotions__badge {order: 3; align-self: center; justify-self: start;}
.fs-promotions--featured .fs-promotions__footer {order: 4; align-self: center; margin-top: 0;}
.fs-promotions--featured .fs-promotions__action {display: inline-flex; background: transparent; margin: 0; min-height: 32px; padding: 0;}
.fs-promotions--featured .fs-promotions__campaign:not(.is-featured) .fs-promotions__action-text {position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
.fs-promotions--featured .fs-promotions__campaign .fs-promotions__image {position: absolute; right: 22px; top: 18%; width: 38%; height: 64%; margin: 0;}
.fs-promotions--featured .fs-promotions__campaign.is-featured {grid-row: span 2; min-height: 416px; padding: 30px;}
.fs-promotions--featured .is-featured .fs-promotions__copy {display: flex; width: 100%; align-items: flex-start; flex-direction: column;}
.fs-promotions--featured .is-featured .fs-promotions__labels {display: flex; flex-direction: column; align-items: flex-start; width: auto; gap: 12px; min-height: 0; margin-bottom: 20px;}
.fs-promotions--featured .is-featured .fs-promotions__badge {align-self: flex-start;}
.fs-promotions--featured .is-featured h3 {max-width: 95%; color: #173bde; font-size: clamp(28px, 2.8vw, 40px);}
.fs-promotions--featured .is-featured p {max-width: 75%; margin-top: 14px; font-size: 13px;}
.fs-promotions--featured .is-featured .fs-promotions__footer {align-self: flex-start; margin-top: auto; max-width: 47%; padding-top: 40px;}
.fs-promotions--featured .is-featured .fs-promotions__note {max-width: 100%; font-size: 11px; margin: 0 0 12px;}
.fs-promotions--featured .is-featured .fs-promotions__action {max-width: 100%; padding: 11px 15px; min-height: 42px; border-radius: 7px; background: #173bde; color: #fff; font-size: 12px;}
.fs-promotions--featured .is-featured .fs-promotions__image {top: auto; bottom: 22px; width: 44%; height: 45%;}
.fs-promotions--featured[data-fs-visible-cards="1"] .is-featured {grid-column: 1 / -1; grid-row: auto;}
.fs-promotions--featured[data-fs-visible-cards="2"] .fs-promotions__campaign:not(.is-featured) {grid-row: span 2;}
@media(max-width: 767px) {
  .fs-promotions--featured .fs-promotions__grid {grid-template-columns: minmax(0, 1fr); gap: 12px;}
  .fs-promotions--featured .fs-promotions__campaign {min-height: 190px; padding: 22px;}
  .fs-promotions--featured .fs-promotions__campaign.is-featured {grid-row: auto; min-height: 370px; padding: 24px;}
  .fs-promotions--featured .is-featured .fs-promotions__footer {max-width: 50%;}
  .fs-promotions--featured .is-featured .fs-promotions__action {padding: 11px 10px; gap: 8px; font-size: 11px;}
  .fs-promotions--featured .is-featured .fs-promotions__image {right: 14px; bottom: 20px; width: 43%; height: 36%;}
  .fs-promotions--featured .fs-promotions__copy {width: 58%;}
  .fs-promotions--featured .fs-promotions__campaign:not(.is-featured) .fs-promotions__image {right: 14px; width: 34%;}
  .fs-promotions--featured .fs-promotions__campaign h3 {font-size: 22px;}
  .fs-promotions--featured .is-featured h3 {font-size: 29px;}
  .fs-promotions--featured[data-fs-visible-cards="2"] .fs-promotions__campaign:not(.is-featured) {grid-row: auto;}
}
/* Figma 2027 campaign proportions. Data, filtering and manager-selected cards are unchanged. */
.fs-promotions__heading h2 {font-size:28px;font-weight:600;color:#1b2839;}
.fs-promotions__all,.fs-promotions__action {color:#2d5fa8;}
.fs-promotions__heading p {color:#657285;font-size:13px;}
.fs-promotions__filter {border-radius:12px;}
.fs-promotions__filter.is-active {background:#2d5fa8;border-color:#2d5fa8;}
.fs-promotions--featured .fs-promotions__grid {grid-template-columns:1.5fr 1fr;gap:16px;}
.fs-promotions--featured .fs-promotions__campaign {min-height:154px;padding:22px;border-radius:18px;}
.fs-promotions--featured .fs-promotions__copy {width:57%;}
.fs-promotions--featured .fs-promotions__campaign h3 {font-size:21px;font-weight:600;color:#1b2839;overflow-wrap:normal;}
.fs-promotions--featured .fs-promotions__badge {min-height:28px;padding:6px 12px;font-size:12px;font-weight:700;}
.fs-promotions--featured .fs-promotions__campaign.is-featured {min-height:324px;padding:30px;}
.fs-promotions--featured .is-featured .fs-promotions__copy {width:55%;}
.fs-promotions--featured .is-featured h3 {font-size:32px;max-width:100%;color:#1b2839;}
.fs-promotions--featured .is-featured p {max-width:100%;font-size:13px;}
.fs-promotions--featured .is-featured .fs-promotions__footer {max-width:100%;padding-top:24px;}
.fs-promotions--featured .is-featured .fs-promotions__action {background:#2d5fa8;border-radius:12px;font-size:12px;}
.fs-promotions--featured .is-featured .fs-promotions__image {right:4%;top:20%;bottom:auto;width:39%;height:60%;}
@media(min-width:992px) {
  .fs-promotions--featured .is-featured .fs-promotions__copy {width:100%;}
  .fs-promotions--featured .is-featured h3 {max-width:75%;text-wrap:balance;letter-spacing:-.02em;}
  .fs-promotions--featured .is-featured p,.fs-promotions--featured .is-featured .fs-promotions__footer {max-width:55%;}
  .fs-promotions--featured .is-featured .fs-promotions__note {max-width:100%;}
  .fs-promotions--featured .is-featured .fs-promotions__image {top:auto;bottom:24px;width:34%;height:45%;}
}
@media(max-width:767px) {
  .fs-promotions__heading h2 {font-size:22px;}
  .fs-promotions__heading p {font-size:12px;}
  .fs-promotions--featured .fs-promotions__grid {grid-template-columns:minmax(0,1fr);}
  .fs-promotions--featured .fs-promotions__campaign {min-height:180px;padding:20px;}
  .fs-promotions--featured .fs-promotions__campaign h3 {font-size:20px;}
  .fs-promotions--featured .fs-promotions__campaign.is-featured {min-height:0;padding:24px;}
  .fs-promotions--featured .is-featured .fs-promotions__copy {width:100%;}
  .fs-promotions--featured .is-featured h3 {font-size:28px;}
  .fs-promotions--featured .is-featured .fs-promotions__image {position:static;width:100%;height:160px;margin-top:18px;}
  .fs-promotions--featured .is-featured .fs-promotions__footer {padding-top:16px;max-width:100%;}
  .fs-promotions--featured .is-featured .fs-promotions__action {max-width:100%;font-size:12px;}
  .fs-promotions--products .fs-promotions__grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}