.category-reels{position:relative;padding:86px 0 110px;background:radial-gradient(circle at 14% 8%,rgba(104,87,231,.16),transparent 30%),linear-gradient(180deg,#f7f9ff 0%,#eef5ff 100%);overflow:hidden}.category-reels:before{content:"REELS";position:absolute;right:-36px;top:18px;font:900 170px/.8 Manrope,sans-serif;letter-spacing:-.08em;color:rgba(31,60,128,.045);pointer-events:none}.reels-shell{position:relative;z-index:1;width:min(1160px,calc(100% - 56px))!important;max-width:none!important;margin:0 auto!important}.reels-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}.reels-head h2{margin:10px 0 0;font:900 clamp(42px,4.7vw,80px)/.92 Manrope,sans-serif;letter-spacing:-.07em;color:#111a33}.reels-head p{margin:0;max-width:420px;color:#536282;font:600 16px/1.65 Manrope,sans-serif}.reels-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reel-card{position:relative;width:100%;height:clamp(430px,38vw,560px);border-radius:30px;overflow:hidden;isolation:isolate;background:var(--reel-bg,#172958);box-shadow:0 24px 58px rgba(20,38,86,.16);border:1px solid rgba(255,255,255,.62);transform:translateZ(0);transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s ease,filter .34s ease}.reel-card:hover,.reel-card:focus-visible{transform:translateY(-10px) scale(1.014);box-shadow:0 34px 78px rgba(20,38,86,.24);filter:saturate(1.08)}.reel-card video{display:none!important}.reel-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;background:#e9edf5;padding:0;filter:none;transform:none}.reel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,28,.02) 0%,rgba(5,12,35,.08) 42%,rgba(5,12,35,.72) 100%),radial-gradient(circle at 50% 20%,rgba(255,255,255,.26),transparent 32%);z-index:-1}.reel-card:after{content:"";position:absolute;inset:-50% -120%;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.32) 50%,transparent 62%);transform:translateX(-55%) rotate(8deg);animation:reelSweep 6s ease-in-out infinite;pointer-events:none;opacity:.45}.reel-rice{--reel-bg:#d39a38}.reel-spices{--reel-bg:#e90883}.reel-drinks{--reel-bg:#203a83}.reel-frozen{--reel-bg:#d8c8b7}.reel-sauces{--reel-bg:#b71f3b}.reel-misc{--reel-bg:#6148c9}.reel-flour{--reel-bg:#d8b76a}.reel-oils{--reel-bg:#173f84}.reel-dry{--reel-bg:#8b4c20}.reel-copy{position:absolute;left:22px;right:18px;bottom:24px;display:flex;flex-direction:column;gap:10px;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.35)}.reel-copy small{display:none!important}.reel-copy strong{font:900 clamp(30px,2.25vw,46px)/.86 Manrope,sans-serif;letter-spacing:-.08em;text-transform:uppercase}.reel-copy em{font-style:normal;display:inline-flex;align-items:center;gap:7px;width:max-content;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:#152347;text-shadow:none;font:900 11px/1 Manrope,sans-serif;opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease}.reel-card:hover .reel-copy em,.reel-card:focus-visible .reel-copy em{opacity:1;transform:translateY(0)}.reel-number{position:absolute;left:18px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#172958;font:900 12px Manrope,sans-serif;box-shadow:0 12px 28px rgba(0,0,0,.14)}@keyframes reelSweep{0%,45%,100%{transform:translateX(-55%) rotate(8deg);opacity:0}58%{opacity:.45}72%{transform:translateX(55%) rotate(8deg);opacity:0}}@media(max-width:900px){.category-reels{padding:66px 0 90px}.reels-shell{width:calc(100% - 32px)!important}.reels-head{align-items:flex-start;flex-direction:column}.reels-head p{max-width:680px}.reels-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reel-card{height:clamp(360px,64vw,520px);border-radius:26px}.reel-copy strong{font-size:34px}}@media(max-width:560px){.category-reels{padding:58px 0 76px}.reels-shell{width:calc(100% - 20px)!important}.reels-head{margin-bottom:24px}.reels-head h2{font-size:44px}.reels-head p{font-size:14px}.reels-track{grid-template-columns:1fr;gap:16px}.reel-card{height:430px;border-radius:24px}.reel-copy{left:16px;right:14px;bottom:18px}.reel-copy strong{font-size:30px}.reel-copy em{opacity:1;transform:none}.reel-number{left:14px;top:14px}}@media(prefers-reduced-motion:reduce){.reel-card,.reel-card:after,.reel-copy em{animation:none!important;transition:none!important}}
.category-images-only .reel-card:after{display:none!important;animation:none!important}
.category-images-only .reel-card{background:linear-gradient(180deg,#f8f9fc 0%,#eef2f7 100%)!important}
.category-images-only .reel-card:before{background:linear-gradient(180deg,rgba(13,25,51,.02) 0%,rgba(13,25,51,.08) 48%,rgba(7,15,34,.78) 100%)!important}
.category-images-only .reel-card>img{transition:transform .28s ease!important}
.category-images-only .reel-card:hover>img{transform:scale(1.025)!important}
@media(max-width:560px){.category-images-only .reel-card>img{padding:0;object-fit:cover}}

.category-images-only .reel-card>img{
  width:100%!important;
  height:100%!important;
  inset:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
}
.category-images-only .reel-card{
  background:#121a2d!important;
}


/* 2026-10-02: keep full category artwork visible */
body[data-page="home"] .category-images-only .reel-card>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:10px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:linear-gradient(180deg,#eef2f8 0%,#e5eaf3 100%)!important;
  border-radius:inherit!important;
}
body[data-page="home"] .category-images-only .reel-card{
  background:linear-gradient(180deg,#eef2f8 0%,#e5eaf3 100%)!important;
}
body[data-page="home"] .category-images-only .reel-copy{
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  z-index:5!important;
}
body[data-page="home"] .category-images-only .reel-copy strong{
  max-width:100%!important;
  font-size:clamp(28px,2.05vw,40px)!important;
  line-height:.92!important;
  letter-spacing:-.065em!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:560px){
  body[data-page="home"] .category-images-only .reel-card>img{padding:8px!important;object-fit:contain!important}
  body[data-page="home"] .category-images-only .reel-copy strong{font-size:28px!important}
}


/* 2026-10-02: poster-safe category card framing v2 */
body[data-page="home"] .category-images-only .reel-card{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:.72!important;
  overflow:hidden!important;
}
body[data-page="home"] .category-images-only .reel-card>img{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:6px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
body[data-page="home"] .category-images-only .reel-card:hover>img,
body[data-page="home"] .category-images-only .reel-card:focus-visible>img{
  transform:none!important;
}
body[data-page="home"] .category-images-only .reel-copy{
  left:16px!important;
  right:16px!important;
  bottom:16px!important;
}
body[data-page="home"] .category-images-only .reel-copy strong{
  font-size:clamp(26px,2vw,38px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
}
@media(max-width:900px){
  body[data-page="home"] .category-images-only .reel-card{aspect-ratio:.72!important}
}
@media(max-width:560px){
  body[data-page="home"] .category-images-only .reel-card{height:auto!important;aspect-ratio:.72!important}
  body[data-page="home"] .category-images-only .reel-card>img{padding:5px!important;object-fit:contain!important}
}


/* 2026-10-02: 500x500 category cards with bottom tabs */
body[data-page="home"] .category-reels .reels-shell{
  width:min(1600px,calc(100% - 48px))!important;
  max-width:none!important;
}
body[data-page="home"] .category-images-only .reels-track{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(420px,500px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:28px!important;
}
body[data-page="home"] .category-images-only .reel-card{
  width:500px!important;
  max-width:100%!important;
  height:500px!important;
  min-height:500px!important;
  aspect-ratio:1/1!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#eef2f8!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 20px 48px rgba(20,38,86,.14)!important;
}
body[data-page="home"] .category-images-only .reel-card:before{
  display:none!important;
}
body[data-page="home"] .category-images-only .reel-card>img{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:auto!important;
  width:100%!important;
  height:408px!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:27px 27px 0 0!important;
  background:#eef2f8!important;
  transform:none!important;
  z-index:0!important;
}
body[data-page="home"] .category-images-only .reel-card:hover>img,
body[data-page="home"] .category-images-only .reel-card:focus-visible>img{
  transform:none!important;
}
body[data-page="home"] .category-images-only .reel-copy{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:92px!important;
  padding:16px 18px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:linear-gradient(135deg,#111d3b 0%,#1b2c55 100%)!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  text-shadow:none!important;
  z-index:6!important;
}
body[data-page="home"] .category-images-only .reel-copy strong{
  min-width:0!important;
  max-width:290px!important;
  margin:0!important;
  font:900 27px/1 Manrope,sans-serif!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase!important;
  overflow-wrap:anywhere!important;
}
body[data-page="home"] .category-images-only .reel-copy em{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:155px!important;
  margin:0!important;
  padding:10px 13px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#17264a!important;
  font:900 10px/1 Manrope,sans-serif!important;
  font-style:normal!important;
  white-space:nowrap!important;
  opacity:1!important;
  transform:none!important;
  text-shadow:none!important;
}
body[data-page="home"] .category-images-only .reel-number{
  top:16px!important;
  left:16px!important;
  z-index:8!important;
  width:40px!important;
  height:40px!important;
}
@media(max-width:1100px){
  body[data-page="home"] .category-images-only .reels-track{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="home"] .category-images-only .reel-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    height:calc(100% - 88px)!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    height:88px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    font-size:24px!important;
  }
}
@media(max-width:650px){
  body[data-page="home"] .category-reels .reels-shell{
    width:calc(100% - 20px)!important;
  }
  body[data-page="home"] .category-images-only .reels-track{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body[data-page="home"] .category-images-only .reel-card{
    width:100%!important;
    max-width:500px!important;
    margin:0 auto!important;
    aspect-ratio:1/1!important;
    border-radius:24px!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    height:calc(100% - 86px)!important;
    border-radius:23px 23px 0 0!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    height:86px!important;
    padding:14px 14px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    max-width:58%!important;
    font-size:22px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy em{
    max-width:138px!important;
    padding:9px 11px!important;
    font-size:9px!important;
  }
}


/* 2026-10-02: fitted square category cards v3 */
body[data-page="home"] .category-images-only .reel-card{
  box-sizing:border-box!important;
  width:500px!important;
  height:500px!important;
  min-height:500px!important;
  aspect-ratio:1!important;
  padding:0!important;
  border-radius:24px!important;
  background:#14264d!important;
  border:1px solid rgba(18,37,76,.08)!important;
  box-shadow:0 16px 38px rgba(20,38,86,.13)!important;
}
body[data-page="home"] .category-images-only .reel-card>img{
  box-sizing:border-box!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:100%!important;
  height:422px!important;
  padding:0!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:23px 23px 0 0!important;
  background:transparent!important;
  z-index:1!important;
}
body[data-page="home"] .category-images-only .reel-copy{
  box-sizing:border-box!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:78px!important;
  padding:0 18px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-radius:0 0 23px 23px!important;
  border:0!important;
  background:#172a55!important;
  z-index:7!important;
}
body[data-page="home"] .category-images-only .reel-copy strong{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  font:900 25px/1 Manrope,sans-serif!important;
  letter-spacing:-.045em!important;
  white-space:normal!important;
}
body[data-page="home"] .category-images-only .reel-copy em{
  flex:0 0 auto!important;
  margin:0!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#17264a!important;
  font:900 10px/1 Manrope,sans-serif!important;
  opacity:1!important;
  transform:none!important;
  white-space:nowrap!important;
}
body[data-page="home"] .category-images-only .reel-number{
  top:14px!important;
  left:14px!important;
  z-index:9!important;
}
@media(max-width:1100px){
  body[data-page="home"] .category-images-only .reel-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    height:calc(100% - 74px)!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    height:74px!important;
    padding:0 15px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    font-size:22px!important;
  }
}
@media(max-width:650px){
  body[data-page="home"] .category-images-only .reel-card{
    width:100%!important;
    max-width:500px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    height:calc(100% - 72px)!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    height:72px!important;
    padding:0 13px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    font-size:20px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy em{
    padding:8px 10px!important;
    font-size:9px!important;
  }
}


/* 2026-10-02: keep 3 category tiles across on small laptops */
@media (max-width:1100px) and (min-width:701px){
  body[data-page="home"] .category-images-only .reels-track{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
  body[data-page="home"] .category-images-only .reel-card{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    height:calc(100% - 68px)!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    height:68px!important;
    padding:0 12px!important;
    gap:8px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    max-width:62%!important;
    font-size:18px!important;
    line-height:1!important;
  }
  body[data-page="home"] .category-images-only .reel-copy em{
    max-width:118px!important;
    padding:8px 9px!important;
    font-size:8px!important;
  }
  body[data-page="home"] .category-images-only .reel-number{
    width:34px!important;
    height:34px!important;
    top:11px!important;
    left:11px!important;
    font-size:10px!important;
  }
}
@media (max-width:700px){
  body[data-page="home"] .category-images-only .reels-track{
    grid-template-columns:1fr!important;
  }
}


/* 2026-10-02: force exactly 3 category tiles on laptop and desktop */
@media (min-width:701px){
  body[data-page="home"] .category-reels .reels-shell{
    width:min(1600px,calc(100% - 32px))!important;
    max-width:none!important;
  }
  body[data-page="home"] .category-images-only .reels-track{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:18px!important;
    width:100%!important;
    justify-content:stretch!important;
    align-items:start!important;
  }
  body[data-page="home"] .category-images-only .reel-card{
    width:100%!important;
    max-width:500px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    justify-self:center!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    height:calc(100% - 72px)!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    height:72px!important;
    padding:0 13px!important;
    gap:8px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    min-width:0!important;
    max-width:60%!important;
    font-size:clamp(16px,1.45vw,24px)!important;
    line-height:1!important;
  }
  body[data-page="home"] .category-images-only .reel-copy em{
    flex:0 0 auto!important;
    max-width:122px!important;
    padding:8px 10px!important;
    font-size:8px!important;
  }
}
@media (max-width:700px){
  body[data-page="home"] .category-images-only .reels-track{
    grid-template-columns:1fr!important;
  }
}


/* 2026-10-02 DESKTOP category artwork full-fit restore */
@media(min-width:701px){
  body[data-page="home"] .category-images-only .reel-card{
    background:#172a55!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    box-sizing:border-box!important;
    width:100%!important;
    height:calc(100% - 72px)!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
    background:transparent!important;
    border-radius:22px 22px 0 0!important;
    transform:none!important;
  }
}


/* 2026-10-02 Miscellaneous premium Fried Onion cover */
@media(min-width:701px){
  body[data-page="home"] .category-images-only .reel-card[href="miscellaneous.html"]>img{
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
    background:#6b0c38!important;
  }
}
@media(max-width:700px){
  body[data-page="home"] .category-images-only .reel-card[href="miscellaneous.html"]>img{
    width:100%!important;
    height:auto!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#6b0c38!important;
  }
}


/* 2026-10-02 DESKTOP tiles 30 percent smaller */
@media(min-width:1101px){
  body[data-page="home"] .category-reels .reels-shell{
    width:min(1180px,calc(100% - 48px))!important;
  }
  body[data-page="home"] .category-images-only .reels-track{
    grid-template-columns:repeat(3,minmax(0,350px))!important;
    justify-content:center!important;
    gap:18px!important;
  }
  body[data-page="home"] .category-images-only .reel-card{
    width:100%!important;
    max-width:350px!important;
    aspect-ratio:1/1!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    height:calc(100% - 54px)!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    height:54px!important;
    padding:0 10px!important;
    gap:7px!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    max-width:62%!important;
    font-size:17px!important;
    line-height:1!important;
  }
  body[data-page="home"] .category-images-only .reel-copy em{
    max-width:104px!important;
    padding:7px 9px!important;
    font-size:7px!important;
  }
  body[data-page="home"] .category-images-only .reel-number{
    width:31px!important;
    height:31px!important;
    top:10px!important;
    left:10px!important;
    font-size:9px!important;
  }
}


/* 2026-10-03 FINAL no-crop home category tiles */
@media(min-width:701px){
  body[data-page="home"] .category-images-only .reel-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#172a55!important;
  }
  body[data-page="home"] .category-images-only .reel-card>img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    flex:0 0 auto!important;
    padding:0!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:inherit!important;
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important;
    transform:none!important;
    background:transparent!important;
    z-index:1!important;
  }
  body[data-page="home"] .category-images-only .reel-copy{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    flex:0 0 54px!important;
    padding:0 12px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    background:#172a55!important;
    border-radius:0!important;
    z-index:3!important;
  }
  body[data-page="home"] .category-images-only .reel-copy strong{
    font-size:17px!important;
    line-height:1!important;
    max-width:64%!important;
  }
  body[data-page="home"] .category-images-only .reel-number{
    z-index:4!important;
  }
}


/* 2026-10-03 TRUE no-crop category media */
body[data-page="home"] .category-images-only .reel-card{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#172a55!important;
}
body[data-page="home"] .category-images-only .reel-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  background:#e9edf4!important;
  border-radius:22px 22px 0 0!important;
  isolation:isolate!important;
}
body[data-page="home"] .category-images-only .reel-media:before{
  content:""!important;
  position:absolute!important;
  inset:-5%!important;
  background-image:var(--tile-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(14px) saturate(.9)!important;
  transform:scale(1.08)!important;
  opacity:.38!important;
  z-index:0!important;
}
body[data-page="home"] .category-images-only .reel-media:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:rgba(238,242,248,.18)!important;
  z-index:1!important;
  pointer-events:none!important;
}
body[data-page="home"] .category-images-only .reel-media>img{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  z-index:2!important;
  background:transparent!important;
}
body[data-page="home"] .category-images-only .reel-card>img{display:none!important}
@media(max-width:700px){
  body[data-page="home"] .category-images-only .reel-media{border-radius:16px 16px 0 0!important}
}

/* 2026-10-22: white side patches for #07 Frozen / Chicken Tikka Samosa */
body[data-page="home"] .category-reels .reel-card[href="frozen.html"] .reel-media:after {
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  display:block!important;
  border:2px solid #fff!important;
  border-radius:18px 18px 2px 2px!important;
  box-sizing:border-box!important;
  background:linear-gradient(90deg,
    rgba(255,255,255,.98) 0px,
    rgba(255,255,255,.98) 8px,
    rgba(255,255,255,.62) 11px,
    transparent 16px,
    transparent calc(100% - 16px),
    rgba(255,255,255,.62) calc(100% - 11px),
    rgba(255,255,255,.98) calc(100% - 8px),
    rgba(255,255,255,.98) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)!important;
  z-index:5!important;
  pointer-events:none!important;
}