/* arreklam.net — menü çubuğu kategori paneli (paket 1.7.0). Sadece CSS animasyonu, ek kütüphane yok. */
.menubar .container,.menubar > div{position:relative}
.menu-item-wrap.arm-wrap{position:static}
.arm-panel{position:absolute;left:0;right:0;top:100%;margin-top:0;z-index:60;display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;
  background:#fff;border:1px solid #ece8e0;border-radius:22px;padding:18px;box-shadow:0 30px 60px -20px rgba(18,17,16,.22);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.995);transform-origin:top center;pointer-events:none;
  transition:opacity .22s ease,transform .26s cubic-bezier(.2,.7,.2,1),visibility 0s linear .26s}
.arm-wrap::after{display:none}
.arm-wrap.arm-acik>.arm-panel,.arm-wrap:focus-within>.arm-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.arm-vitrin{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;border-radius:16px;overflow:hidden;padding:20px;color:#fff;text-decoration:none;
  background:radial-gradient(120% 90% at 100% 0%,#2a2620 0%,#121110 60%)}
.arm-vitrin img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transform:scale(1.04);transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .4s}
.arm-vitrin::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,17,16,0) 30%,rgba(18,17,16,.92) 100%)}
.arm-vitrin>span{position:relative;z-index:1}
.arm-vitrin-ust{font-size:12px;font-weight:700;letter-spacing:.04em;color:#CDB27C;margin-bottom:6px}
.arm-vitrin-ad{font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.arm-vitrin-alt{font-size:12.5px;color:rgba(255,255,255,.7);margin-top:6px}
.arm-vitrin-ok{position:absolute!important;right:16px;bottom:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(205,178,124,.6);display:flex;align-items:center;justify-content:center;color:#CDB27C;transition:background .25s,color .25s,transform .25s}
.arm-vitrin-ok svg{width:18px;height:18px}
.arm-vitrin:hover img{transform:scale(1.1);opacity:.7}
.arm-vitrin:hover .arm-vitrin-ok{background:#CDB27C;color:#121110;transform:rotate(45deg)}
.arm-sag{display:flex;flex-direction:column;min-width:0}
.arm-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:4px 4px 14px;border-bottom:1px solid #f0ece4;margin-bottom:14px}
.arm-bas b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#121110}
.arm-bas span{font-size:12.5px;color:#8a847a}
.arm-bas a{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:#7A6236;text-decoration:none;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#F7F1E6;transition:background .2s}
.arm-bas a:hover{background:#efe4cf}
.arm-bas a svg{width:13px;height:13px;transition:transform .2s}.arm-bas a:hover svg{transform:translateX(3px)}
.arm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.arm-kart{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:14px;border:1px solid #f0ece4;background:#fcfbf8;text-decoration:none;color:#121110;
  font-size:13.5px;font-weight:700;line-height:1.25;transition:border-color .2s,background .2s,transform .2s;opacity:0;transform:translateY(6px)}
.arm-wrap.arm-acik .arm-kart,.arm-wrap:focus-within .arm-kart{animation:armGir .35s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0) * 28ms + 60ms)}
@keyframes armGir{to{opacity:1;transform:none}}
.arm-kart:hover{border-color:#CDB27C;background:#fff}
.arm-g{flex:0 0 56px;width:56px;height:56px;border-radius:10px;background:#f3f1ec;overflow:hidden;display:block}
.arm-g img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.arm-kart:hover .arm-g img{transform:scale(1.08)}
.arm-ad{min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.arm-alt{display:flex;gap:18px;flex-wrap:wrap;margin-top:auto;padding-top:14px;font-size:12px;color:#6F6A62;font-weight:600}
.arm-alt span{display:inline-flex;align-items:center;gap:6px}
.arm-alt span::before{content:"";width:6px;height:6px;border-radius:50%;background:#A3844F}
@media (prefers-reduced-motion:reduce){.arm-panel,.arm-kart,.arm-vitrin img{transition:none;animation:none!important;opacity:1;transform:none}}

/* Açık panelde menü başlığı vurgulu kalsın */
.arm-wrap.arm-acik>.menu-item{color:#121110}
.arm-wrap.arm-acik>.menu-item::before{width:60%!important;left:20%!important}
/* Dar ekranlarda menü taşmasın: kargo rozeti gizlenir */
@media (max-width:1439px){.menubar .arnav-kargo{display:none}.menubar .arnav-kargo+*{margin-left:auto}}