/* === MrChef Slider v3.2 === */
.slider-container { position: relative; width: 100%; overflow: hidden; background: #F4F3E3 !important; }
.mrchef-fade { opacity: 1 !important; visibility: visible !important; transition: none !important; }
.mrchef-preloader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; }
.spinner { width: 36px; height: 36px; border: 4px solid #EFECDB; border-top: 4px solid #5A1212; border-radius: 50%; animation: spin 0.9s linear infinite; }
@keyframes spin { 100% { transform: rotate(360deg); } }
.slider-wrapper { display: flex; transition: transform .6s ease-in-out; align-items: center; }
.slide { min-width: 100%; box-sizing: border-box; }
.slide img { width: 100%; height: auto; display: block; object-fit: cover; background-color: #F4F3E3; }
.slider-nav{display:flex;justify-content:center;align-items:center;gap:8px;background:rgba(245,240,230,0.95);border-radius:0 0 18px 18px;padding:6px 10px;margin-top:4px}
.slider-nav .custom-slider-button{all:unset;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#EFECDB;border:1.5px solid #EFECDB;color:#5A1212;font-size:15px;line-height:1;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,color .25s}
.slider-nav .custom-slider-button:hover{transform:scale(1.08);background:#5A1212;color:#EFECDB;box-shadow:0 0 6px rgba(90,18,18,0.25)}
.slider-nav .pause{width:26px;height:26px;font-size:14px}
.dots{display:flex;align-items:center;justify-content:center;gap:6px}
.dot{all:unset;display:block;width:6px;height:6px;border-radius:50%;background:transparent;border:1.5px solid #5A1212;transition:background .25s ease, transform .25s ease}
.dot.active{background:#5A1212;transform:scale(1.25)}
@media(max-width:480px){.slider-nav .custom-slider-button,.slider-nav .pause{width:22px;height:22px;font-size:13px}.dot{width:5px;height:5px}}