.df-store .el-reels{max-width:1060px;padding-top:24px;padding-bottom:48px;scroll-margin-top:calc(var(--header-height,72px) + 16px)}
.df-store .el-reels-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.df-store .el-reels-heading h2{margin:4px 0 0;font-size:clamp(29px,3vw,40px);line-height:1.15;color:#f3e5d0}
.df-store .el-reels-heading .df-eyebrow{margin:0!important}
.df-store .el-reels-motion{flex-shrink:0;min-height:44px;padding:8px 13px;border:1px solid #897250;border-radius:6px;background:#25211c;color:#eddbb7;font:inherit;font-size:14px;cursor:pointer;transition:background .18s,border-color .18s}
.df-store .el-reels-motion[hidden]{display:none}
.df-store .el-reels-motion:hover{background:#332c23;border-color:#cdb585}
.df-store .el-reels-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:8px 2px 12px;outline-offset:4px}
.df-store .el-reel{margin:0;min-width:0;overflow:hidden;border:1px solid #65533f;border-radius:12px;background:#25211d;box-shadow:0 8px 24px #0003;transition:opacity .26s ease-out,transform .26s cubic-bezier(.2,.7,.25,1),border-color .2s;transition-delay:var(--reel-delay,0ms)}
.df-store .el-reel.is-waiting{opacity:0;transform:translateY(10px)}
.df-store .el-reel-media{aspect-ratio:9/16;overflow:hidden;background:#25211d}
.df-store .el-reel video{display:block;width:100%;height:100%;object-fit:contain}
.df-store .el-reels-nav{display:none}
.df-store .el-reels :is(button,a,.el-reels-track):focus-visible{outline:2px solid #e2c991;outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.df-store .el-reel:not(.is-waiting):hover{transform:translateY(-4px);border-color:#c3a56c;transition-delay:0ms}}
@media(max-width:749px){
  .df-store .el-reels{padding-top:16px;padding-bottom:32px;overflow:hidden}
  .df-store .el-reels-heading{gap:12px;margin-bottom:14px}
  .df-store .el-reels-heading h2{font-size:30px}
  .df-store .el-reels-motion{font-size:13px;padding:8px 10px}
  .df-store .el-reels-track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78vw,280px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-20px;padding-right:20px;scroll-padding-left:2px}
  .df-store .el-reels-track::-webkit-scrollbar{display:none}
  .df-store .el-reel{scroll-snap-align:start;transition-delay:0ms}
  .df-store .el-reels-nav{display:flex;align-items:center;justify-content:center}
  .df-store .el-reels-nav>div{display:flex;gap:2px}
  .df-store .el-reels-nav button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
  .df-store .el-reels-nav button span{width:7px;height:7px;border-radius:50%;background:#75654f;transition:width .18s,background .18s}
  .df-store .el-reels-nav button[aria-current=true] span{width:22px;border-radius:5px;background:#d1b985}
}
@media(prefers-reduced-motion:reduce){.df-store .el-reel,.df-store .el-reel.is-waiting{opacity:1;transform:none;transition:none}.df-store .el-reels-track{scroll-behavior:auto}}
