.product-categories{position:relative;isolation:isolate;overflow:hidden;padding:74px 0 42px;background:radial-gradient(ellipse at 50% 45%,#faf5ed,#efe4d5);color:#382718;scroll-margin-top:110px}
.product-categories:before{content:'';position:absolute;z-index:-1;width:1300px;height:700px;left:10%;top:-620px;border:1px solid #b4967380;border-radius:50%;transform:rotate(-31deg);pointer-events:none}
.category-leaf-shadow{position:absolute;z-index:-1;width:380px;height:460px;background:url('../img/icons/leaf-shadow.svg') center/contain no-repeat;filter:blur(7px);opacity:.15;pointer-events:none}
.category-leaf-shadow.top{right:-160px;top:-210px;transform:rotate(-30deg)}
.category-leaf-shadow.bottom{left:-170px;bottom:-150px;transform:rotate(25deg);opacity:.2;filter:blur(10px)}
.category-wrap{width:88%;max-width:1560px;margin:auto}
.category-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:42px}
.category-heading h2{font-family:var(--font-heading);font-weight:600;font-size:clamp(30px,3vw,44px);line-height:1.7;margin:0 0 10px;color:#352416}
.category-subtitle{display:flex;align-items:center;gap:20px;font-size:15px;color:#9f8368;line-height:2}
.category-subtitle:after{content:'';width:130px;height:1px;background:#b29577}
.category-signature{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0;font-size:11px;color:#9b7958;min-width:130px}
.category-signature span{font:500 10px var(--font-body);letter-spacing:6px;direction:ltr}
.category-signature:after{content:'دسته‌بندی محصولات';font-size:11px;font-weight:600;order:2}
.category-signature i{display:block;width:1px;height:43px;background:#b29577}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;direction:rtl}
.category-card{min-width:0;display:block;perspective:1000px;color:#3d2a1b}
.category-frame{position:relative;border-radius:var(--arch-left,50%) var(--arch-right,50%) 12px 12px / var(--arch-height,46%) var(--arch-height,46%) 12px 12px;transform:translate3d(var(--move-x,0px),var(--move-y,0px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .55s cubic-bezier(.2,.7,.25,1),border-radius .65s cubic-bezier(.2,.7,.25,1);transform-origin:center;isolation:isolate}
.category-frame:before{content:'';position:absolute;inset:-5px -4px 2px 4px;border:1px solid #b89a7580;border-radius:inherit;z-index:-1;transition:border-color .35s}
.category-image{aspect-ratio:1/1.02;overflow:hidden;border-radius:inherit;background:#e1d4c2}
.category-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%;transform:scale(1.015) translate3d(var(--image-x,0px),var(--image-y,0px),0);transition:transform .65s cubic-bezier(.2,.7,.25,1)}
.category-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:ltr;padding:21px 5px 0}
.category-caption h3{direction:rtl;font:600 clamp(15px,1.5vw,23px)/1.8 var(--font-heading);margin:0;position:relative;flex:1;padding-bottom:10px}
.category-caption h3:after{content:'';position:absolute;bottom:0;left:0;right:5%;height:1px;background:#b89a758c;transition:background .3s}
.category-arrow{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #b29577;border-radius:50%;color:#5d4029;transition:background .3s,color .3s,transform .3s;order:2}
.category-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.category-card:focus-visible{outline:2px solid #8e6741;outline-offset:10px;border-radius:35px}
.category-card:hover .category-arrow,.category-card:focus-visible .category-arrow{background:#63472e;color:#fff4e5;transform:translateX(2px)}
.category-card:hover .category-caption h3:after,.category-card:focus-visible .category-caption h3:after{background:#8e6741}
.category-all{width:max-content;margin:31px auto 0;display:flex;flex-direction:column;align-items:center;gap:8px;color:#8e7052;font-size:12px;font-weight:600;position:relative}
.category-all:before,.category-all:after{content:'';width:1px;height:28px;background:#b29577}
.category-all .category-arrow{order:0;width:39px;height:39px;margin-top:6px;color:#493421;border-color:#7a6048}
.category-all:hover .category-arrow{background:#63472e;color:#fff4e5;transform:translateY(2px)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.category-card:hover .category-frame{--arch-left:44%;--arch-right:56%;--arch-height:50%}.category-card.is-tracking .category-frame{transition:transform .15s ease-out,border-radius .35s ease-out}.category-card:hover .category-image img{transform:scale(1.04) translate3d(var(--image-x,0px),var(--image-y,0px),0)}.category-card:hover .category-frame:before{border-color:#997047c4}}
@media(min-width:768px) and (max-width:1100px){.category-wrap{width:90%}.category-grid{gap:23px}.category-caption{padding-top:16px;gap:8px}.category-caption h3{font-size:16px}.category-arrow{width:31px;height:31px}.category-heading h2{font-size:34px}.category-subtitle{font-size:13px}.category-subtitle:after{width:90px}}
@media(max-width:767px){.product-categories{padding:45px 0 30px}.category-wrap{width:88%}.category-heading{align-items:start;gap:15px;margin-bottom:30px}.category-heading h2{font-size:27px;margin-bottom:6px}.category-subtitle{font-size:11px;gap:9px}.category-subtitle:after{width:35px}.category-signature{min-width:70px;gap:12px;margin-top:7px}.category-signature span{font-size:8px;letter-spacing:3px}.category-signature i{height:27px}.category-signature:after{font-size:8px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.category-caption{padding:13px 1px 0;gap:7px;align-items:start}.category-caption h3{font-size:14px;line-height:1.7;min-height:47px;padding-bottom:8px}.category-arrow{width:28px;height:28px;margin-top:2px}.category-arrow svg{width:16px;height:16px}.category-all{margin-top:25px;font-size:11px}.category-all:before,.category-all:after{height:22px}.category-leaf-shadow.top{right:-220px;top:-220px;opacity:.1}.category-leaf-shadow.bottom{width:260px;height:320px;left:-160px;bottom:-150px;opacity:.12}}
@media(max-width:360px){.category-heading h2{font-size:23px}.category-caption h3{font-size:12px}.category-grid{gap:20px 15px}.category-arrow{width:25px;height:25px}.category-signature{min-width:60px}.category-signature:after{font-size:7px}}
@media(prefers-reduced-motion:reduce){.category-frame,.category-image img,.category-frame:before,.category-arrow,.category-caption h3:after{transition:none}.category-frame{transform:none!important}.category-card:hover .category-arrow,.category-all:hover .category-arrow{transform:none}}