/* Teesside.Deals V2.0.41 - brands index deal rail */

/* Keep the browse page in a deliberate reading order. */
.v2-brand-index-page>.v2-breadcrumb{order:1}
.v2-brand-index-page>.brand-index-hero{order:2}
.v2-brand-index-page>.brand-deal-rail-section{order:3}
.v2-brand-index-page>.brand-index-list-section{order:4}
.v2-brand-index-page>.brand-index-guide{order:5}

.v2-brand-index-page .brand-deal-rail-section{min-width:0;max-width:100%;overflow:hidden;padding-bottom:10px}
.v2-brand-index-page .brand-index-list-section{padding-top:10px}
.v2-brand-index-page .brand-deal-rail-heading{align-items:center}
.v2-brand-index-page .brand-deal-rail-toggle{flex:0 0 auto;min-height:34px;padding:7px 11px;border:1px solid var(--brand-line);border-radius:999px;background:#fff;color:#607080;font:inherit;font-size:.62rem;font-weight:800;cursor:pointer}
.v2-brand-index-page .brand-deal-rail-toggle:hover{border-color:#efc1b5;background:#fff8f5;color:var(--brand-coral)}
.v2-brand-index-page .brand-deal-rail-shell{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden}
.v2-brand-index-page .brand-deal-rail-shell:after{content:"";position:absolute;z-index:2;top:0;right:0;width:34px;height:calc(100% - 5px);background:linear-gradient(90deg,rgba(247,249,251,0),rgba(247,249,251,.94));pointer-events:none}
.v2-brand-index-page .brand-deal-rail{display:flex;width:100%;max-width:100%;min-width:0;align-items:stretch;gap:11px;overflow-x:auto;overflow-y:hidden;padding:2px 34px 5px 1px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth}
.v2-brand-index-page .brand-deal-rail::-webkit-scrollbar{display:none}
.v2-brand-index-page .brand-deal-rail-card{flex:0 0 clamp(326px,35vw,400px);align-self:stretch;height:auto;min-height:0;scroll-snap-align:start;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.v2-brand-index-page .brand-deal-rail-card:hover{transform:translateY(-2px);border-color:#e1c0b8;box-shadow:0 12px 28px rgba(11,29,52,.07)}
.v2-brand-index-page .brand-deal-rail-card .brand-deal-media{display:block;aspect-ratio:16/9.8}
.v2-brand-index-page .brand-deal-rail-card .brand-deal-body{display:flex;flex:1 1 auto;flex-direction:column;height:auto;min-height:0;padding:14px}
.v2-brand-index-page .brand-deal-rail-card .brand-deal-body h3{display:-webkit-box;overflow:hidden;margin:0 0 6px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.v2-brand-index-page .brand-deal-rail-card .brand-deal-summary{display:-webkit-box;overflow:hidden;height:auto;min-height:0;margin:0;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.v2-brand-index-page .brand-deal-rail-card .brand-deal-metrics{margin-top:auto;padding-top:10px}
.v2-brand-index-page .brand-deal-rail-summary{display:flex;width:100%;max-width:100%;min-width:0;align-items:center;justify-content:space-between;gap:8px;min-height:42px;margin-top:10px;padding:9px 11px;border:1px solid #e3e8ed;border-radius:12px;background:#fff;color:var(--brand-ink);font-size:.64rem;font-weight:800}
.v2-brand-index-page .brand-deal-rail-summary>span:first-child{display:flex;min-width:0;align-items:center;gap:6px;flex-wrap:wrap;overflow-wrap:anywhere}
.v2-brand-index-page .brand-deal-rail-summary>.ui-icon{flex:0 0 auto;color:#9aa5af}

@media(max-width:620px){
  .v2-brand-index-page .brand-deal-rail-section{padding-bottom:5px}
  .v2-brand-index-page .brand-index-list-section{padding-top:5px}
  .v2-brand-index-page .brand-deal-rail-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
  .v2-brand-index-page .brand-deal-rail-heading>div{min-width:0}
  .v2-brand-index-page .brand-deal-rail-toggle{min-height:31px;padding:6px 9px;font-size:.56rem}
  .v2-brand-index-page .brand-deal-rail{gap:9px;padding-right:30px}
  .v2-brand-index-page .brand-deal-rail-card{flex-basis:min(92vw,356px)}
  .v2-brand-index-page .brand-deal-rail-card .brand-deal-media{aspect-ratio:16/10.35}
  .v2-brand-index-page .brand-deal-rail-card .brand-deal-body{padding:12px 13px 13px}
  .v2-brand-index-page .brand-deal-rail-card .brand-deal-metrics{padding-top:9px}
  .v2-brand-index-page .brand-deal-rail-summary{min-height:40px;margin-top:9px;padding:8px 9px;font-size:.59rem}
  .v2-brand-index-page .brand-deal-rail-shell:after{width:20px}
}

@media(max-width:390px){
  .v2-brand-index-page .brand-deal-rail-card{flex-basis:min(93vw,348px)}
}

@media(prefers-reduced-motion:reduce){
  .v2-brand-index-page .brand-deal-rail{scroll-behavior:auto}
}