/* YAZD MOKAMEL SHOP — VERSION 6 PATCH */
@font-face{font-family:"Liana";src:url("../fonts/liana-thin.woff2") format("woff2");font-style:normal;font-weight:100;font-display:swap}
@font-face{font-family:"Liana";src:url("../fonts/liana-extralight.woff2") format("woff2");font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:"Liana";src:url("../fonts/liana-light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Liana";src:url("../fonts/liana-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Liana";src:url("../fonts/liana-medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Liana";src:url("../fonts/liana-semibold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Liana";src:url("../fonts/liana-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Liana";src:url("../fonts/liana-extrabold.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Liana";src:url("../fonts/liana-black.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}

/* Force the bundled Liana family across all components and responsive breakpoints. */
html,body,body *{font-family:"Liana",Tahoma,sans-serif!important;font-synthesis:none}
button,input,select,textarea{font-family:"Liana",Tahoma,sans-serif!important}

/* Replace category product photos with a lightweight, animated 3D-inspired motif. */
.category-tile{position:relative;isolation:isolate;overflow:hidden;min-height:188px;gap:8px;padding:14px 12px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease}
.category-tile:before{z-index:-1;opacity:.45}
.category-tile:hover{transform:translateY(-5px);box-shadow:0 17px 36px rgba(12,43,91,.10)}
.category-tile__copy{order:2;width:100%;align-items:center;gap:4px;padding:0;text-align:center}
.category-tile h3{font-size:14px;font-weight:800}
.category-tile p{font-size:8px;line-height:1.8}
.category-art{--art-accent:#8fbd3d;--art-soft:rgba(143,189,61,.13);position:relative;order:1;display:grid;place-items:center;width:88px;height:88px;flex:none;perspective:500px;isolation:isolate}
.category-art:before{content:"";position:absolute;inset:13px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.98),var(--art-soft) 58%,rgba(255,255,255,0) 76%);box-shadow:inset 0 1px 9px rgba(255,255,255,.8),0 8px 19px rgba(20,48,77,.08);transform:translateZ(10px)}
.category-art__halo{position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--art-accent) 32%,transparent);border-radius:50%;box-shadow:0 0 0 7px color-mix(in srgb,var(--art-accent) 7%,transparent),inset 0 0 18px color-mix(in srgb,var(--art-accent) 8%,transparent);animation:categoryHalo 5.5s ease-in-out infinite}
.category-art__orbit{position:absolute;border:1px solid color-mix(in srgb,var(--art-accent) 36%,transparent);border-radius:50%;transform-style:preserve-3d}
.category-art__orbit--one{inset:1px 14px;transform:rotate(38deg);animation:categoryOrbit 8s linear infinite}
.category-art__orbit--two{inset:13px 0;transform:rotate(-42deg);border-style:dashed;opacity:.65;animation:categoryOrbit 12s linear infinite reverse}
.category-art__symbol{position:relative;z-index:2;width:53px;height:53px;overflow:visible;fill:rgba(255,255,255,.24);stroke:var(--art-accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 4px color-mix(in srgb,var(--art-accent) 20%,transparent));transform:translateZ(28px);animation:categoryFloat 4.8s ease-in-out infinite}
.category-art__spark{position:absolute;z-index:3;width:6px;height:6px;border-radius:50%;background:var(--art-accent);box-shadow:0 0 0 4px var(--art-soft),0 0 12px color-mix(in srgb,var(--art-accent) 45%,transparent)}
.category-art__spark--one{top:12px;right:14px;animation:categorySpark 3.2s ease-in-out infinite}
.category-art__spark--two{bottom:13px;left:15px;width:4px;height:4px;animation:categorySpark 3.8s ease-in-out -1.5s infinite}
.category-art--dam{--art-accent:#78a934;--art-soft:rgba(143,189,61,.16)}
.category-art--aqua{--art-accent:#42a6c8;--art-soft:rgba(66,166,200,.15)}
.category-art--poultry{--art-accent:#c69a37;--art-soft:rgba(198,154,55,.16)}
.category-art--premix{--art-accent:#8aaf48;--art-soft:rgba(138,175,72,.16)}
.category-tile--aqua .category-art__symbol{fill:rgba(92,190,220,.12)}
.category-tile--poultry .category-art__symbol{fill:rgba(225,184,88,.12)}
.category-tile--premix .category-art__symbol{fill:rgba(159,196,92,.12)}
.category-arrow{z-index:4}
html[data-theme="dark"] .category-art:before{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),var(--art-soft) 58%,rgba(255,255,255,0) 76%);box-shadow:inset 0 1px 9px rgba(255,255,255,.1),0 8px 19px rgba(0,0,0,.18)}
html[data-theme="dark"] .category-art__symbol{filter:drop-shadow(0 5px 5px rgba(0,0,0,.25))}

@keyframes categoryFloat{0%,100%{transform:translate3d(0,1px,28px) rotateY(-5deg)}50%{transform:translate3d(0,-5px,34px) rotateY(6deg)}}
@keyframes categoryOrbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes categoryHalo{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.04);opacity:1}}
@keyframes categorySpark{0%,100%{transform:scale(.75);opacity:.55}50%{transform:scale(1.25);opacity:1}}

/* The former LET'S TALK promotional banner is intentionally removed in V6. */
@media(max-width:900px){.category-art{width:80px;height:80px}.category-art__symbol{width:49px;height:49px}}
@media(max-width:560px){.category-tile{min-height:145px;padding:11px 7px;gap:5px}.category-art{width:68px;height:68px}.category-art:before{inset:10px}.category-art__halo{inset:5px}.category-art__orbit--one{inset:1px 11px}.category-art__orbit--two{inset:10px 0}.category-art__symbol{width:42px;height:42px}.category-art__spark--one{top:9px;right:10px}.category-art__spark--two{bottom:9px;left:10px}.category-tile h3{font-size:12px}.category-tile p{font-size:7px}}
@media(prefers-reduced-motion:reduce){.category-art__halo,.category-art__orbit,.category-art__symbol,.category-art__spark{animation:none!important}}