/* Cupiditas design pass 1: a calmer editorial frame and clearer price story. */
:root{--zand-shadow:0 14px 34px #20351d10;--zand-shadow-hover:0 18px 35px #20351d17}
.top{background:linear-gradient(105deg,#e4efc6,#edf3db 52%,#dce9ba);color:#36543a;text-wrap:balance}
.top #priceSyncStatus{display:inline-flex;align-items:center;gap:7px;margin-inline-start:5px;padding:3px 10px;border:1px solid #809b5c38;border-radius:999px;background:#ffffff59;font-weight:600}
.top #priceSyncStatus:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#668b45;box-shadow:0 0 0 3px #668b4520}
.catalog-hero{min-height:370px;border-color:#56775d;background:radial-gradient(ellipse at 15% 100%,#a7c86720,transparent 40%),radial-gradient(ellipse at 100% 0%,#d8f08018,transparent 36%),linear-gradient(120deg,#234a34,#326647 76%,#2a5a3d);box-shadow:0 20px 46px #20351d1b}
.catalog-hero:before{width:500px;height:500px;inset:auto auto -285px -155px;box-shadow:0 0 0 34px #d8f0800b,0 0 0 82px #d8f08006}
.hero-title{max-width:590px;font-size:clamp(32px,4vw,49px);line-height:1.48}
.hero-copy>p{max-width:540px}
.hero-meta{gap:8px;margin-top:20px}
.hero-meta>span{padding:6px 10px;border:1px solid #ffffff1c;border-radius:999px;background:#ffffff09}
.hero-meta>span:before{width:6px;height:6px;box-shadow:0 0 0 3px #c8dd931a}
.hero-meta .hero-formula{border-color:#d8f08040;background:#d8f08012;color:#f1f6e7}
.hero-visual{min-height:278px;border-color:#ffffff2c;background:radial-gradient(circle at 50% 48%,#ffffff20 0 25%,transparent 26%),linear-gradient(145deg,#ffffff12,#ffffff04)}
.hero-visual:before{animation:zand-soft-float 6s ease-in-out infinite}
.hero-visual:after{border-style:dashed;opacity:.7;animation:zand-soft-orbit 24s linear infinite}
.hero-stamp{box-shadow:0 7px 18px #10251a28}
.hero-link{min-height:50px}
.hero-link-primary{box-shadow:0 4px 0 #183a29,0 11px 22px #10251a35}
@keyframes zand-soft-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.035)}}
@keyframes zand-soft-orbit{to{transform:rotate(342deg) scaleY(.72)}}

/* Cupiditas design pass 2: keep the requested liquid drop as the category selector's visual anchor. */
.category-sidebar{padding:18px 15px;border-color:color-mix(in srgb,var(--green) 20%,var(--line));box-shadow:var(--zand-shadow),inset 0 1px 0 #ffffffb8}
.category-sidebar .head{margin-bottom:16px}
.category-sidebar .head h2{letter-spacing:-.02em}
.category-sidebar .cats{gap:8px;scrollbar-color:color-mix(in srgb,var(--green) 28%,var(--line)) transparent;scrollbar-width:thin}
.category-sidebar .cat{min-height:78px;padding-inline:12px;border-radius:20px}
.category-sidebar .cat b{transition:color .2s ease,transform .25s cubic-bezier(.22,.8,.22,1)}
.category-sidebar .cat.active b{transform:translateX(-2px)}
.category-sidebar .cat.active .count{background:var(--shade);color:white;box-shadow:0 3px 8px #20351d20}
.category-sidebar .cat .icon{overflow:hidden}
.category-sidebar .liquid-surface{stroke-width:1.25;filter:drop-shadow(0 7px 12px #20351d18)}
.category-sidebar .liquid-bead{stroke-width:1.5}
.category-sidebar .cat:focus-visible{outline-offset:3px}
.category-sidebar .cat:focus-visible .icon{box-shadow:0 0 0 3px var(--surface),0 0 0 6px color-mix(in srgb,var(--green) 60%,var(--lime))}
@media(hover:hover){.category-sidebar .cat:not(.active):hover .count{background:color-mix(in srgb,var(--tint) 22%,var(--surface));color:var(--shade)}}

/* Cupiditas design pass 3: product imagery, price states, and compact mobile browsing. */
#products{scroll-margin-top:20px}
#products .item{border-color:color-mix(in srgb,var(--green) 11%,var(--line));box-shadow:0 7px 20px #20351d0b}
#products .item:hover{border-color:color-mix(in srgb,var(--green) 24%,var(--line));box-shadow:var(--zand-shadow-hover)}
#products .art{background:radial-gradient(circle at 52% 48%,color-mix(in srgb,var(--tint) 36%,white) 0,transparent 66%),linear-gradient(150deg,#fffefa,#f4f4ed)}
#products .art:before{width:174px;height:174px;top:-88px;right:-26px;border-style:dashed;opacity:.72}
#products .art:after{content:"";position:absolute;z-index:0;inset-inline:17%;bottom:14px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--shade) 24%,transparent),transparent)}
#products .art .photo{z-index:1}
#products .tag{border:1px solid #365b3c20;background:#fffef1ed;color:#38563b;box-shadow:0 3px 9px #20351d12}
#products .detail h3{letter-spacing:-.015em}
#products .unit{color:var(--muted)}
#products .price{min-width:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--green) 12%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--green) 4%,var(--surface));font-weight:800}
#products .price-ready{border-color:color-mix(in srgb,var(--green) 19%,var(--line))}
#products .price-quote{border-style:dashed;background:color-mix(in srgb,var(--lime) 10%,var(--surface));color:var(--muted)}
#products .price small{font-weight:500}
#products .quote{border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));background:var(--green);color:#fff;border-radius:14px;box-shadow:0 3px 0 color-mix(in srgb,var(--green) 70%,#101c14);font-weight:800}
#products .quote:hover{background:color-mix(in srgb,var(--green) 88%,#183725);transform:translateY(-1px)}
#products .quote:active{transform:translateY(1px);box-shadow:0 1px 0 color-mix(in srgb,var(--green) 70%,#101c14)}
#products .quote:focus-visible,.hero-link:focus-visible,.account-link:focus-visible,.theme-switch:focus-visible,#list:focus-visible,.sort:focus-visible,.clear:focus-visible{outline:3px solid #96be68;outline-offset:3px}
:root[data-theme="dark"] .top{background:linear-gradient(105deg,#283a2e,#304334 55%,#26372b);color:#dcebab}
:root[data-theme="dark"] .top #priceSyncStatus{background:#1e2b23;border-color:#566c4c;color:#e0ebce}
:root[data-theme="dark"] #products .item{border-color:var(--line);box-shadow:0 7px 20px #0003}
:root[data-theme="dark"] #products .art{background:radial-gradient(circle at 52% 48%,color-mix(in srgb,var(--tint) 32%,#26332a) 0,transparent 67%),linear-gradient(150deg,#222d25,#1e2822)}
:root[data-theme="dark"] #products .tag{border-color:#607455;background:#26352a;color:#e0ebce}
:root[data-theme="dark"] #products .price{border-color:#45574a;background:#243128}
:root[data-theme="dark"] #products .price-quote{background:#2b352b;color:#c0cdbd}
:root[data-theme="dark"] #products .quote{border-color:#668363;background:#426b4a;color:#f5f7ef;box-shadow:0 3px 0 #1a2b20}
@media(max-width:740px){.catalog-hero{min-height:0}.category-sidebar{padding:15px 11px}.category-sidebar .cats{scrollbar-width:thin;scroll-padding-inline:8px}.category-sidebar .cat{min-height:74px}}
@media(max-width:600px){.catalog-hero{padding:20px 18px}.hero-title{font-size:clamp(28px,7.2vw,36px)}.hero-meta{display:flex;gap:6px;margin-top:14px}.hero-meta>span{font-size:9px;padding:5px 8px}.hero-visual{min-height:190px}.category-sidebar{border-radius:23px}.category-sidebar .cats{padding-block:8px 12px}.category-sidebar .cat{flex-basis:178px;min-height:70px}.category-sidebar .cat.active b{transform:none}#products .grid{grid-template-columns:1fr;gap:12px}#products .item{display:grid;grid-template-columns:minmax(116px,38%) minmax(0,1fr);min-height:196px}#products .art{grid-column:1;grid-row:1;min-height:196px;height:auto}#products .detail{grid-column:2;min-width:0;padding:12px}#products .detail h3{font-size:14px;line-height:1.55;margin:4px 0}#products .bottom{gap:7px;padding-top:8px}#products .price{padding:8px 9px;font-size:15px}#products .price small{font-size:9px;line-height:1.65}#products .quote{min-height:38px;font-size:10px;padding-inline:8px}}
@media(max-width:380px){#products .item{display:flex;min-height:0}#products .art{height:155px;min-height:155px}#products .detail{padding:12px}#products .price{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-visual:before,.hero-visual:after{animation:none!important}.category-sidebar .cat b{transition:none!important}.catalog-hero:hover .hero-illustration{transform:none!important}}

/* Cupiditas design pass 4: keep the liquid category rail on the physical right while preserving Persian RTL. */
@media(min-width:741px){
  .catalog-layout{direction:rtl}
  .catalog-layout>.category-sidebar{grid-column:1;direction:rtl}
  .catalog-layout>#products{grid-column:2;direction:rtl}
  .category-sidebar .cats,.category-sidebar .cat{direction:rtl}
}
@media(max-width:740px){
  .catalog-layout{direction:rtl}
  .category-sidebar .cats,.category-sidebar .cat{direction:rtl}
}

/* Editorial grocery hero photography */
.hero-visual{overflow:hidden;isolation:isolate;background:#183c2a!important}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center;z-index:-1;filter:saturate(.92) contrast(1.03)}
.hero-visual:before{z-index:0;pointer-events:none}
.hero-visual:after{z-index:0;pointer-events:none}
.hero-stamp{z-index:1}
@media(max-width:740px){.hero-photo{object-position:42% center}}

/* Keep the photograph unobstructed and navigation legible in night mode */
.hero-visual:before,.hero-visual:after{display:none}
:root[data-theme="dark"] .navlinks{color:#c2d0c3}
.navlinks a:focus-visible{outline:2px solid #d8f080;outline-offset:4px;border-radius:4px}