/* Circular category navigation with subtle red fire dividers */
.category-tabs{position:relative;display:flex;gap:18px;padding:22px 8px 25px;overflow-x:auto;border-bottom:1px solid #c7ac7626;scrollbar-width:thin;scrollbar-color:#aa8e55 transparent;scroll-snap-type:x proximity}
.category-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;flex:1 0 102px;max-width:122px;gap:12px;padding:6px 4px;background:transparent!important;border:0!important;box-shadow:none!important;text-transform:none;letter-spacing:0;color:#d8cdb7;font-size:12px;min-height:120px;scroll-snap-align:start}
.category-tabs button:not(:last-child)::after{content:"";position:absolute;right:-19px;top:18px;width:24px;height:42px;background:radial-gradient(circle at 50% 60%,#e0281655 0%,transparent 70%),url("/secret/web/kraliyet/assets/flame-red.svg") center/15px 22px no-repeat;opacity:.45;pointer-events:none;animation:redFireBetween 3.6s ease-in-out infinite}
.category-tabs button:nth-child(even):not(:last-child)::after{animation-delay:1.8s}
.category-tabs button::before{content:"";position:absolute;top:2px;left:50%;width:92px;height:92px;transform:translateX(-50%) scale(.88);border-radius:50%;background:radial-gradient(circle,#e22b194d 0%,#9e180c21 52%,transparent 74%);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.category-tabs button:hover::before,.category-tabs button[aria-pressed=true]::before{opacity:1;transform:translateX(-50%) scale(1.08)}
.category-icon{position:relative;z-index:1;width:76px;height:76px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:#292620;background:#f2ecdf;box-shadow:0 6px 18px #0006;transition:background .25s,color .25s,transform .25s,box-shadow .3s}
.category-icon svg{width:44px;height:44px;pointer-events:none}
.category-label{position:relative;z-index:1;line-height:1.4;text-align:center;font-weight:600}
.category-tabs button[aria-pressed=true]{color:#f2cfa0}
.category-tabs button[aria-pressed=true] .category-icon{background:radial-gradient(circle at 50% 30%,#dfba72 0%,#b8893c 100%);color:#231b10;box-shadow:0 0 24px #d9281866,0 8px 20px #0008}
.category-tabs button:hover .category-icon{transform:translateY(-3px);box-shadow:0 0 20px #d928184d,0 8px 18px #0007}
.category-tabs button:focus-visible{outline:none}
@keyframes redFireBetween{0%,100%{opacity:.22;transform:translateY(2px) scale(.92)}50%{opacity:.62;transform:translateY(-3px) scale(1.08)}}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}
.calendar-heading strong{text-transform:capitalize;font-size:16px;color:#e5d2b0}
.calendar-heading button{width:44px;min-height:44px;background:#22201c;border:1px solid #c9ae7244}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.calendar-weekdays{font-size:11px;color:#ac9b7e;margin-bottom:10px}
.calendar-days button{min-height:42px;padding:4px;background:#1b1916;border:1px solid #c9ae7226;color:#e9dcc7;font-size:13px}
.calendar-days button[aria-pressed=true]{background:#b72c21;border-color:#b72c21;color:#fff}
.calendar-days button:disabled{opacity:.25}
.minute-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.minute-picker-grid button{min-height:44px;background:#1b1916;border:1px solid #c9ae7226;color:#e9dcc7;font-size:14px}
.minute-picker-grid button[aria-pressed=true]{background:#b72c21;border-color:#b72c21;color:#fff}
.guests-picker-grid small{display:block;font-size:10px;line-height:1.5;color:inherit;font-weight:400}
@media(max-width:760px){.category-tabs{gap:12px;margin-left:-5px;margin-right:-5px;padding:19px 5px 20px}.category-tabs button{flex:0 0 87px;max-width:none;min-height:105px;font-size:11px;padding:4px 2px;gap:10px}.category-tabs button:not(:last-child)::after{right:-15px;top:15px;width:16px;height:34px}.category-icon{width:67px;height:67px}.category-icon svg{width:39px;height:39px}.calendar-heading strong{font-size:14px}.calendar-days{gap:4px}.calendar-days button{min-height:39px;font-size:12px}}