/* Offers heading, category controls and group placement only.
   Shared ui.css/background.blade.php owns the background; sf-ui--section owns section spacing.
   Products use the default shared card/media/purchase sources without overrides. */
.sfui-related-products--offers {
  --sfui-offer-accent: #f3bd45;
  --sfui-offer-border: rgba(255,255,255,.24);
  --sfui-offer-inner-radius: var(--sfui-space-9);
}
.sfui-offers__surface { display:grid; gap:22px; min-width:0; }
.sfui-offers__header, .sfui-offers__tabs { --sfui-font:var(--sfui-font-system); font-family:var(--sfui-font); color:#fff; line-height:normal; }
.sfui-offers__header { display:flex; justify-content:space-between; align-items:flex-end; gap:var(--sfui-space-24); padding:0 var(--sfui-space-2); }
.sfui-offers__heading { display:flex; align-items:flex-start; gap:var(--sfui-space-14); min-width:0; }
.sfui-offers__mark { width:var(--sfui-space-4); height:52px; flex:none; margin-top:var(--sfui-space-2); border-radius:var(--sfui-control-radius); background:var(--sfui-offer-accent); box-shadow:0 0 18px rgba(243,189,69,.3); }
.sfui-offers__heading h2 { font-size:clamp(30px,2.2vw,42px); line-height:1.04; font-weight:900; letter-spacing:-.035em; text-shadow:0 8px 26px rgba(0,0,0,.34); }
.sfui-offers__heading p { margin-top:var(--sfui-space-8); color:rgba(240,244,252,.84); font-size:var(--sfui-size-copy); line-height:var(--sfui-line-label); font-weight:500; }
.sfui-offers__link { display:inline-flex; justify-content:center; align-items:center; gap:var(--sfui-space-8); min-height:42px; padding:0 15px; border:var(--sfui-border-width) solid rgba(255,255,255,.14); border-radius:var(--sfui-button-radius); background:rgba(28,38,58,.8); color:rgba(245,248,255,.9); font-size:var(--sfui-size-label); font-weight:var(--sfui-weight-bold); line-height:1; backdrop-filter:blur(12px); }
.sfui-offers__link:hover { background:rgba(20,27,43,.9); border-color:rgba(243,189,69,.56); }
.sfui-offers__inner { display:grid; gap:var(--sfui-space-18); min-width:0; }
.sfui-offers__tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sfui-space-10); width:min(100%,860px); }
.sfui-choice--offer { display:flex; align-items:center; justify-content:flex-start; gap:var(--sfui-space-10); min-width:0; min-height:58px; margin:0; padding:var(--sfui-space-8) 13px; border:var(--sfui-border-width) solid var(--sfui-offer-border); border-radius:var(--sfui-offer-inner-radius); background:rgba(39,52,78,.86); color:rgba(245,248,255,.88); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); backdrop-filter:blur(12px); transition:background var(--sfui-motion-duration),border-color var(--sfui-motion-duration); }
.sfui-choice--offer:hover { border-color:color-mix(in srgb,var(--sfui-offer-accent) 58%,transparent); background:rgba(48,63,93,.96); }
.sfui-choice--offer:is([aria-selected=true],[aria-pressed=true]) { border-color:color-mix(in srgb,var(--sfui-offer-accent) 82%,white); background:color-mix(in srgb,var(--sfui-offer-accent) 22%,rgba(36,48,72,.96)); color:#fff; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sfui-offer-accent) 12%,transparent),0 8px 22px rgba(0,0,0,.18); }
.sfui-choice--offer:focus-visible { outline-color:var(--sfui-offer-accent); outline-offset:var(--sfui-space-3); }
.sfui-choice--offer .sfui-choice__label { min-width:0; overflow:hidden; font-size:var(--sfui-size-caption); font-weight:800; line-height:var(--sfui-line-price); letter-spacing:.025em; text-overflow:ellipsis; white-space:nowrap; }
.sfui-offers__grid, .sfui-offers__group { min-width:0; }
.sfui-offers__group[hidden] { display:none; }
.sfui-offers__dialog-host { padding:0; }
@media (min-width:768px) { .sfui-related-products--offers:not([data-offers-ready]) .sfui-offers__group:nth-child(2) { display:none; } }
@media (min-width:768px) and (max-width:1199.98px) { .sfui-offers__tabs { width:100%; } }
@media (max-width:767.98px) {
  .sfui-related-products--offers {
    --sfui-offer-inner-radius:var(--sfui-space-8);
  }
  .sfui-offers__header { display:none; }
  .sfui-offers__inner { gap:var(--sfui-space-12); }
  .sfui-offers__tabs { gap:var(--sfui-space-8); width:100%; }
  .sfui-choice--offer, .sfui-choice--offer:is([aria-selected=true],[aria-pressed=true]) { min-height:48px; height:48px; justify-content:center; gap:0; padding:var(--sfui-space-4); border-radius:var(--sfui-space-4); background:color-mix(in srgb,#ffba41 10%,transparent); border-color:#ffba41; box-shadow:none; }
  .sfui-choice--offer .sfui-choice__label { display:none; }
  .sfui-offers__grid { display:grid; gap:var(--sfui-space-8); }
}
@media (prefers-reduced-motion:reduce) { .sfui-choice--offer { transition:none; } }