/* YAZD MOKAMEL SHOP — VERSION 7 CATEGORY IMAGES */
/* Real, custom-generated category visuals replace the animated SVG symbols. */
.category-tile{
  min-height:226px;
  padding:17px 14px;
  gap:11px;
  justify-content:center;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .35s ease;
}
.category-image{
  position:relative;
  z-index:2;
  order:1;
  display:block;
  width:112px;
  height:112px;
  flex:0 0 112px;
  border-radius:23px;
  object-fit:cover;
  object-position:center;
  mix-blend-mode:normal;
  opacity:1;
  mask-image:none;
  border:1px solid rgba(216,231,240,.9);
  background:#f2f8fc;
  box-shadow:0 10px 26px rgba(12,43,91,.11),inset 0 1px 0 rgba(255,255,255,.85);
  transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;
}
.category-tile--dam .category-image{border-color:#e2f0f7}
.category-tile--aqua .category-image{border-color:#d8f1f8}
.category-tile--poultry .category-image{border-color:#f5eddf}
.category-tile--premix .category-image{border-color:#e9f1dc}
.category-tile:hover .category-image{
  transform:translateY(-5px) scale(1.045) rotate(-1deg);
  box-shadow:0 16px 32px rgba(12,43,91,.16);
}
.category-tile__copy{position:relative;z-index:2}
.category-tile h3{font-size:14px;font-weight:800}
.category-tile p{font-size:8px;line-height:1.8}
.category-arrow{z-index:3}
html[data-theme="dark"] .category-image{
  border-color:rgba(180,205,225,.35);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
@media(max-width:900px){
  .category-tile{min-height:210px}
  .category-image{width:100px;height:100px;flex-basis:100px;border-radius:21px}
}
@media(max-width:560px){
  .category-tile{min-height:174px;padding:12px 8px;gap:7px}
  .category-image{width:78px;height:78px;flex-basis:78px;border-radius:17px}
  .category-tile h3{font-size:12px}
  .category-tile p{font-size:7px;line-height:1.65}
}
@media(max-width:360px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-tile{min-height:164px}
  .category-image{width:72px;height:72px;flex-basis:72px}
}
@media(prefers-reduced-motion:reduce){.category-image,.category-tile{transition:none!important}}