.cuisines-gallery-page {background: #f7f4ef}
@media (min-width: 769px) {body.cuisines-gallery-page.page-content.with-header .main-content,
body.cuisines-gallery-page.page-content.with-header.with-footer .main-content {overflow: visible}}
.cuisines-gallery-container {width: 100%;min-width: 0;font-family: var(--font-family-base);color: var(--color-text-primary)}
.cuisines-gallery-container :focus-visible {outline: 2px solid #e67e22;outline-offset: 2px}
.cuisine-badge {display: inline-flex;align-items: center;gap: 4px;padding: 3px 9px;border-radius: 999px;font-size: 0.7rem;font-weight: 700;line-height: 1.4;white-space: nowrap}
.cuisine-badge svg {width: 12px;height: 12px;flex-shrink: 0}
.cuisine-badge-genre {background: rgba(255, 255, 255, 0.92);color: #9a3412;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)}
.cuisine-badge-fish {background: #eef6ff;color: #1d4ed8;min-width: 0;max-width: 100%}
.cuisine-badge-fish svg {width: 14px;height: 14px}
.cuisine-badge-price {background: rgba(255, 251, 235, 0.95);color: #854d0e;border: 1px solid #fde68a}
.cuisine-badge-new {background: #c2410c;color: #fff;letter-spacing: 0.06em}
.cuisines-hero {position: relative;overflow: hidden;background: linear-gradient(120deg, #0f172a 0%, #1a2b4a 55%, #2a3f66 100%);color: #fff}
.cuisines-hero::before {content: "";position: absolute;width: 520px;height: 520px;right: -140px;top: -260px;border-radius: 50%;background: radial-gradient(circle, rgba(230, 126, 34, 0.28), rgba(230, 126, 34, 0) 65%);pointer-events: none}
.cuisines-hero-inner {position: relative;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 560px);gap: 44px;align-items: center;max-width: 1180px;margin: 0 auto;padding: 44px 32px 40px}
.cuisines-hero-inner-single {grid-template-columns: minmax(0, 1fr)}
.cuisines-hero-copy {min-width: 0}
.cuisines-hero-eyebrow {display: inline-flex;align-items: center;gap: 8px;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;color: #fdba74;margin-bottom: 10px}
.cuisines-hero-eyebrow svg {width: 16px;height: 16px}
.cuisines-hero h1 {margin: 0 0 10px;font-size: clamp(1.8rem, 3vw, 2.4rem);line-height: 1.25;font-weight: 800;letter-spacing: -0.01em;color: #fff;overflow-wrap: anywhere}
.cuisines-hero h1 em {font-style: normal;color: #fdba74}
.cuisines-hero-lead {margin: 0 0 18px;color: rgba(255, 255, 255, 0.78);font-size: 0.95rem;max-width: 46ch;overflow-wrap: anywhere}
.cuisines-hero-search {display: flex;align-items: center;gap: 8px;max-width: 460px;padding: 6px 6px 6px 14px;border-radius: 999px;background: #fff;color: var(--color-text-primary);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25)}
.cuisines-hero-search > svg {width: 18px;height: 18px;color: var(--color-text-muted);flex-shrink: 0}
.cuisines-hero-search input {flex: 1;min-width: 0;max-width: 100%;box-sizing: border-box;border: 0;outline: 0;font-size: 0.92rem;font-family: inherit;background: transparent;color: inherit}
.cuisines-hero-search input::-webkit-search-cancel-button {cursor: pointer}
.cuisines-hero-search button {flex-shrink: 0;border: 0;border-radius: 999px;padding: 9px 16px;background: #c2410c;color: #fff;font-family: inherit;font-weight: 700;font-size: 0.85rem;cursor: pointer}
.cuisines-hero-search button:hover {background: #9a3412}
.cuisines-hero-hints {display: flex;gap: 6px;flex-wrap: wrap;align-items: center;margin-top: 10px;font-size: 0.75rem;color: rgba(255, 255, 255, 0.6)}
.cuisines-hero-hints a {color: rgba(255, 255, 255, 0.85);text-decoration: none;padding: 2px 10px;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.25)}
.cuisines-hero-hints a:hover {background: rgba(255, 255, 255, 0.12)}
.cuisines-hero-stats {display: flex;gap: 22px;margin-top: 20px;flex-wrap: wrap}
.cuisines-hero-stat b {display: block;font-size: 1.3rem;font-weight: 800;line-height: 1.1}
.cuisines-hero-stat span {font-size: 0.72rem;color: rgba(255, 255, 255, 0.65)}
.cuisines-featured {display: grid;grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);grid-template-rows: 1fr 1fr;gap: 10px;min-width: 0}
.cuisines-fcard {position: relative;display: block;width: 100%;min-width: 0;border-radius: 16px;overflow: hidden;text-decoration: none;color: #fff;background: #1e293b;box-shadow: 0 14px 34px rgba(0, 0, 0, 0.4)}
.cuisines-fcard-main {grid-row: 1 / 3;aspect-ratio: 1 / 1}
.cuisines-fcard-sub {min-height: 0}
.cuisines-fcard-img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}
.cuisines-fcard:hover .cuisines-fcard-img {transform: scale(1.04)}
.cuisines-fcard-cap {position: absolute;left: 0;right: 0;bottom: 0;padding: 40px 14px 12px;background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.78));min-width: 0}
.cuisines-fcard-cap small {display: inline-flex;align-items: center;gap: 4px;font-size: 0.66rem;letter-spacing: 0.08em;color: #fdba74;font-weight: 700;margin-bottom: 3px}
.cuisines-fcard-cap small svg {width: 11px;height: 11px}
.cuisines-fcard-cap strong {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 1rem;font-weight: 800;line-height: 1.3;overflow-wrap: anywhere}
.cuisines-fcard-who {display: flex;align-items: center;gap: 6px;margin-top: 5px;font-size: 0.72rem;color: rgba(255, 255, 255, 0.85);min-width: 0}
.cuisines-fcard-who span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cuisines-fcard-avatar {width: 22px;height: 22px;border-radius: 50%;object-fit: cover;flex-shrink: 0}
.cuisines-fcard-sub .cuisines-fcard-cap {padding: 26px 12px 9px}
.cuisines-fcard-sub .cuisines-fcard-cap strong {font-size: 0.82rem;-webkit-line-clamp: 1}
.cuisines-fcard-sub .cuisines-fcard-who {display: none}
.cuisines-hero-compact {background: linear-gradient(120deg, #0f172a 0%, #1a2b4a 60%, #1e3a5f 100%);color: #fff}
.cuisines-hero-compact-inner {display: flex;align-items: center;gap: 22px;max-width: 1180px;margin: 0 auto;padding: 22px 32px}
.cuisines-hero-compact-icon {flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 84px;height: 84px;border-radius: 50%;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.15);color: #fdba74}
.cuisines-hero-compact-icon svg {width: 46px;height: 46px}
.cuisines-hero-compact-body {flex: 1;min-width: 0}
.cuisines-hero-crumb {display: flex;gap: 6px;align-items: center;font-size: 0.74rem;color: rgba(255, 255, 255, 0.6);margin-bottom: 4px;min-width: 0}
.cuisines-hero-crumb a {color: inherit;text-decoration: none}
.cuisines-hero-crumb svg {width: 12px;height: 12px;flex-shrink: 0}
.cuisines-hero-crumb span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cuisines-hero-compact h1 {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin: 0;font-size: clamp(1.4rem, 2.4vw, 1.9rem);font-weight: 800;color: #fff;overflow-wrap: anywhere}
.cuisines-hero-count {font-size: 0.8rem;font-weight: 700;padding: 3px 10px;border-radius: 999px;background: rgba(253, 186, 116, 0.18);color: #fdba74}
.cuisines-hero-season {display: inline-flex;align-items: center;gap: 4px;font-size: 0.72rem;font-weight: 700;padding: 3px 10px;border-radius: 999px;background: rgba(34, 197, 94, 0.18);color: #86efac}
.cuisines-hero-season svg {width: 12px;height: 12px}
.cuisines-hero-compact-body > p {margin: 6px 0 0;font-size: 0.85rem;color: rgba(255, 255, 255, 0.75);overflow-wrap: anywhere}
.cuisines-hero-search-compact {margin-top: 10px;max-width: 420px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25)}
.cuisines-hero-compact-actions {flex-shrink: 0;display: flex;flex-direction: column;gap: 8px;align-items: flex-end}
.cuisines-btn-ghost {display: inline-flex;align-items: center;gap: 6px;min-height: 38px;padding: 0 14px;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.3);background: rgba(255, 255, 255, 0.06);color: #fff;font-size: 0.8rem;font-weight: 600;text-decoration: none;white-space: nowrap}
.cuisines-btn-ghost:hover {background: rgba(255, 255, 255, 0.14)}
.cuisines-btn-ghost svg {width: 14px;height: 14px}
.cuisines-hero-related {display: flex;gap: 6px;flex-wrap: wrap;align-items: center;font-size: 0.72rem;color: rgba(255, 255, 255, 0.6)}
.cuisines-hero-related a {color: #fdba74;text-decoration: none}
.cuisines-gallery-sticky {position: sticky;top: 0;z-index: 10;background: rgba(247, 244, 239, 0.94);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid #e8e2d8}
@media (min-width: 769px) {.cuisines-gallery-sticky {top: 61px}}
.cuisines-gallery-sticky-inner {display: flex;align-items: center;gap: 10px;max-width: 1180px;margin: 0 auto;padding: 10px 32px}
.cuisines-chips-wrap {position: relative;flex: 1;min-width: 0}
.cuisines-chips-wrap::after {content: "";position: absolute;top: 0;bottom: 0;right: 0;width: 36px;background: linear-gradient(90deg, rgba(247, 244, 239, 0), rgba(247, 244, 239, 0.95));pointer-events: none}
.cuisines-chips {display: flex;gap: 8px;overflow-x: auto;scrollbar-width: none;padding: 2px 36px 2px 2px}
.cuisines-chips::-webkit-scrollbar {display: none}
.cuisines-chips .cuisines-chip {flex-shrink: 0;display: inline-flex;align-items: center;gap: 6px;min-height: 40px;padding: 0 14px;border-radius: 999px;border: 1px solid var(--color-border);background: #fff;color: var(--color-text-secondary);font-family: inherit;font-size: 0.85rem;font-weight: 600;text-decoration: none;cursor: pointer;white-space: nowrap;box-shadow: none;transition: background 0.15s, border-color 0.15s}
.cuisines-chips .cuisines-chip:hover {border-color: #cbd5e1;background: #fff;color: var(--color-text-primary)}
.cuisines-chips .cuisines-chip svg {width: 15px;height: 15px;color: #e67e22}
.cuisines-chips .cuisines-chip.active,
.cuisines-chips .cuisines-chip.active:hover {background: #1a2b4a;border-color: #1a2b4a;color: #fff;box-shadow: none}
.cuisines-chips .cuisines-chip.active svg {color: #fdba74}
.cuisines-chip-count {font-size: 0.7rem;font-weight: 700;color: #94a3b8}
.cuisines-chips .cuisines-chip.active .cuisines-chip-count {color: rgba(255, 255, 255, 0.65)}
.cuisines-chips .cuisines-chip-fish,
.cuisines-chips .cuisines-chip-fish:hover {background: linear-gradient(135deg, #c2410c, #9a3412);border-color: transparent;color: #fff;padding-right: 6px}
.cuisines-chips .cuisines-chip-fish svg {color: #fff}
.cuisines-chip-fish i {display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;background: rgba(255, 255, 255, 0.25);margin-left: 2px}
.cuisines-chips .cuisines-chip-fish i svg {width: 11px;height: 11px}
.cuisines-sort-wrap {position: relative;flex-shrink: 0}
.cuisines-sort {display: inline-flex;align-items: center;gap: 6px;min-height: 40px;padding: 0 12px;border-radius: 10px;border: 1px solid var(--color-border);background: #fff;font-family: inherit;font-size: 0.82rem;font-weight: 600;color: var(--color-text-secondary);cursor: pointer;white-space: nowrap}
.cuisines-sort svg {width: 15px;height: 15px}
.cuisines-sort-menu {display: none;position: absolute;right: 0;top: calc(100% + 6px);min-width: 200px;padding: 6px;background: #fff;border: 1px solid var(--color-border);border-radius: 12px;box-shadow: var(--shadow-md);z-index: 12}
.cuisines-sort-wrap.is-open .cuisines-sort-menu {display: block}
.cuisines-sort-menu button {display: flex;align-items: center;gap: 8px;width: 100%;border: 0;background: transparent;padding: 9px 10px;border-radius: 8px;font-family: inherit;font-size: 0.85rem;color: var(--color-text-secondary);cursor: pointer;text-align: left}
.cuisines-sort-menu button:hover {background: #f8fafc}
.cuisines-sort-menu button.is-active {color: #9a3412;background: #fff7ed;font-weight: 700}
.cuisines-sort-menu button small {margin-left: auto;font-size: 0.68rem;color: #94a3b8}
.cuisines-gallery-main {max-width: 1180px;margin: 0 auto;padding: 22px 32px 48px}
.cuisines-sec-head {display: flex;align-items: baseline;justify-content: space-between;gap: 12px;margin: 6px 0 12px}
.cuisines-sec-head h2 {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;margin: 0;font-size: 1.05rem;font-weight: 800;color: #1a2b4a;overflow-wrap: anywhere}
.cuisines-sec-head h2 svg {width: 20px;height: 20px;color: #e67e22;flex-shrink: 0}
.cuisines-sec-head h2 small {font-size: 0.78rem;font-weight: 600;color: var(--color-text-muted)}
.cuisines-fish-strip {display: flex;gap: 10px;overflow-x: auto;scrollbar-width: none;padding: 8px 2px 10px;margin-bottom: 18px}
.cuisines-fish-strip::-webkit-scrollbar {display: none}
.cuisines-fish-pill {position: relative;flex-shrink: 0;display: inline-flex;align-items: center;gap: 8px;padding: 5px 14px 5px 5px;border-radius: 999px;background: #fff;border: 1px solid var(--color-border);text-decoration: none;font-size: 0.82rem;font-weight: 700;color: var(--color-text-primary);transition: border-color 0.15s, transform 0.15s}
.cuisines-fish-pill:hover {border-color: #cbd5e1;transform: translateY(-1px)}
.cuisines-fish-pill i {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;flex-shrink: 0;background: linear-gradient(135deg, #cffafe, #06b6d4 55%, #0e7490);color: #fff}
.cuisines-fish-pill i svg {width: 20px;height: 20px}
.cuisines-fish-count {font-size: 0.7rem;color: var(--color-text-muted);font-weight: 600}
.cuisines-fish-season {position: absolute;top: -7px;left: 8px;font-size: 0.58rem;font-weight: 800;letter-spacing: 0.06em;padding: 1px 6px;border-radius: 999px;background: #16a34a;color: #fff}
.cuisine-gallery-grid[data-style="magazine"] {grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;padding: 0}
.cuisine-gallery-grid[data-style="magazine"] .cuisine-gallery-item {display: flex;flex-direction: column;min-width: 0;background: #fff;border-radius: 16px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 6px 18px rgba(26, 43, 74, 0.06);transition: transform 0.25s ease, box-shadow 0.25s ease}
.cuisine-gallery-grid[data-style="magazine"] .cuisine-gallery-item:hover {transform: translateY(-3px);box-shadow: 0 10px 28px rgba(230, 126, 34, 0.18)}
.cuisine-gallery-grid[data-style="magazine"] .cuisine-gallery-item:focus-visible {outline-offset: 3px}
.cuisine-card-img {position: relative;aspect-ratio: 4 / 3;overflow: hidden;background: #e4e6eb}
.cuisine-card-img img,
.cuisine-card-img .cuisine-gallery-no-image {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}
.cuisine-gallery-grid[data-style="magazine"] .cuisine-gallery-item:hover .cuisine-card-img img {transform: scale(1.05)}
.cuisine-card-badges {position: absolute;top: 10px;left: 10px;display: flex;gap: 6px;max-width: calc(100% - 20px)}
.cuisine-card-img .cuisine-badge-price {position: absolute;top: 10px;right: 10px}
.cuisine-card-body {display: flex;flex-direction: column;gap: 8px;padding: 12px 14px;min-width: 0}
.cuisine-card-title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin: 0;font-size: 0.98rem;font-weight: 700;line-height: 1.4;color: var(--color-text-primary);overflow-wrap: anywhere}
.cuisine-gallery-grid[data-style="magazine"] .cuisine-gallery-item:hover .cuisine-card-title {color: #c2410c}
.cuisine-card-row {display: flex;align-items: center;justify-content: space-between;gap: 8px;min-width: 0}
.cuisine-card-row .cuisine-badge-fish {overflow: hidden;text-overflow: ellipsis}
.cuisine-card-grade,
.cuisine-card-time {display: inline-flex;align-items: center;gap: 4px;flex-shrink: 0;font-size: 0.74rem;font-weight: 700;color: var(--color-text-muted);white-space: nowrap}
.cuisine-card-grade svg,
.cuisine-card-time svg {width: 14px;height: 14px}
.cuisine-card-grade svg {color: #d97706}
.cuisine-card-user {display: inline-flex;align-items: center;gap: 6px;min-width: 0;font-size: 0.75rem;color: var(--color-text-muted)}
.cuisine-card-user > span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cuisine-card-user time {flex-shrink: 0;color: #94a3b8}
.cuisine-card-avatar {width: 22px;height: 22px;border-radius: 50%;object-fit: cover;flex-shrink: 0}
.cuisine-card-skeleton {background: #fff;border-radius: 16px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05)}
.cuisine-card-skeleton-img,
.cuisine-card-skeleton-line {background: linear-gradient(90deg, #eee 25%, #f6f6f6 50%, #eee 75%);background-size: 200% 100%;animation: cuisine-card-shimmer 1.4s infinite}
.cuisine-card-skeleton-img {aspect-ratio: 4 / 3}
.cuisine-card-skeleton-body {display: flex;flex-direction: column;gap: 8px;padding: 12px 14px 14px}
.cuisine-card-skeleton-line {height: 12px;border-radius: 6px}
.cuisine-card-skeleton-line.w60 {width: 60%}
.cuisine-card-skeleton-line.w40 {width: 40%}
@keyframes cuisine-card-shimmer {to {background-position: -200% 0}}
@media (prefers-reduced-motion: reduce) {.cuisine-card-skeleton-img,
.cuisine-card-skeleton-line {animation: none}}
.cuisines-gallery-more {margin-top: 26px;text-align: center}
.cuisines-gallery-more button {display: inline-flex;align-items: center;gap: 8px;min-height: 46px;padding: 0 32px;border-radius: 999px;border: 1.5px solid #1a2b4a;background: transparent;color: #1a2b4a;font-family: inherit;font-weight: 700;font-size: 0.9rem;cursor: pointer}
.cuisines-gallery-more button:hover {background: rgba(26, 43, 74, 0.06)}
.cuisines-gallery-more button svg {width: 16px;height: 16px}
.cuisines-gallery-more-note {margin: 8px 0 0;font-size: 0.72rem;color: #94a3b8}
.cuisines-gallery-empty {display: flex;flex-direction: column;align-items: center;gap: 10px;padding: 48px 24px;text-align: center;background: #fff;border-radius: 16px;border: 1px dashed var(--color-border)}
.cuisines-gallery-empty > svg {width: 52px;height: 52px;color: #e67e22;opacity: 0.5}
.cuisines-gallery-empty h3 {margin: 4px 0 0;font-size: 1rem;color: var(--color-text-primary)}
.cuisines-gallery-empty p {margin: 0;font-size: 0.86rem;color: var(--color-text-muted);overflow-wrap: anywhere}
.cuisines-gallery-empty-links {display: flex;gap: 8px;flex-wrap: wrap;justify-content: center;margin-top: 6px}
.cuisines-gallery-empty-links a {text-decoration: none;font-size: 0.8rem;font-weight: 700;padding: 8px 14px;border-radius: 999px;border: 1px solid #fed7aa;background: #fff7ed;color: #9a3412}
.cuisines-gallery-cta {position: relative;overflow: hidden;display: flex;align-items: center;justify-content: space-between;gap: 20px;margin: 36px 0 0;padding: 30px 28px;border-radius: 20px;background: linear-gradient(135deg, #fef3e2 0%, #fde9d0 100%)}
.cuisines-gallery-cta::after {content: "";position: absolute;right: -60px;bottom: -80px;width: 220px;height: 220px;border-radius: 50%;background: rgba(230, 126, 34, 0.12);pointer-events: none}
.cuisines-gallery-cta-body {position: relative;min-width: 0}
.cuisines-gallery-cta-title {margin: 0 0 6px;font-size: 1.15rem;color: #1a2b4a}
.cuisines-gallery-cta-text {margin: 0;max-width: 56ch;font-size: 0.88rem;color: var(--color-text-secondary);overflow-wrap: anywhere}
.cuisines-gallery-cta-actions {position: relative;display: flex;gap: 10px;flex-shrink: 0;flex-wrap: wrap}
.cuisines-gallery-cta-button {display: inline-flex;align-items: center;gap: 8px;padding: 12px 24px;border-radius: 24px;background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);color: #fff;font-size: 0.92rem;font-weight: 700;text-decoration: none;white-space: nowrap;box-shadow: 0 2px 8px rgba(230, 126, 34, 0.35);transition: transform 0.2s ease, box-shadow 0.2s ease}
.cuisines-gallery-cta-button:hover {transform: translateY(-1px);box-shadow: 0 4px 12px rgba(230, 126, 34, 0.45)}
@media (max-width: 1000px) {.cuisines-hero-inner {grid-template-columns: minmax(0, 1fr) minmax(0, 380px);gap: 24px}
.cuisines-hero-inner-single {grid-template-columns: minmax(0, 1fr)}
.cuisines-hero h1 {font-size: 1.6rem}
.cuisines-featured {grid-template-columns: 1fr 1fr;grid-template-rows: auto auto}
.cuisines-fcard-main {grid-column: 1 / 3;grid-row: 1;aspect-ratio: 16 / 9}
.cuisines-fcard-sub {aspect-ratio: 4 / 3}
.cuisines-fcard-sub .cuisines-fcard-cap {padding-bottom: 8px}
.cuisine-gallery-grid[data-style="magazine"] {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px}}
@media (max-width: 760px) {.cuisines-hero-inner {grid-template-columns: 1fr;gap: 20px;padding: 26px 20px 24px}
.cuisines-hero-br {display: none}
.cuisines-featured {display: flex;gap: 10px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;margin: 0 -20px;padding: 0 20px 4px;scroll-padding-inline: 20px}
.cuisines-featured::-webkit-scrollbar {display: none}
.cuisines-fcard,
.cuisines-fcard-main,
.cuisines-fcard-sub {flex: 0 0 78%;scroll-snap-align: start;aspect-ratio: 16 / 10;grid-row: auto;border-radius: 14px;box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35)}
.cuisines-fcard-sub .cuisines-fcard-cap {padding: 40px 14px 12px}
.cuisines-fcard-sub .cuisines-fcard-cap strong {font-size: 1rem;-webkit-line-clamp: 2}
.cuisines-fcard-sub .cuisines-fcard-who {display: flex}
.cuisines-fcard:only-child {flex-basis: 100%}
.cuisines-hero-compact-inner {padding: 18px 20px;gap: 14px}
.cuisines-hero-compact-icon {width: 60px;height: 60px}
.cuisines-hero-compact-icon svg {width: 32px;height: 32px}
.cuisines-hero-compact-actions {display: none}
.cuisines-gallery-sticky-inner,
.cuisines-gallery-main {padding-left: 16px;padding-right: 16px}
.cuisines-hero-stats {gap: 16px}
.cuisines-gallery-cta {flex-direction: column;align-items: flex-start;padding: 24px 20px}}
@media (max-width: 480px) {.cuisines-hero-inner {padding: 20px 16px 22px;gap: 16px}
.cuisines-featured {margin: 0 -16px;padding: 0 16px 4px;scroll-padding-inline: 16px}
.cuisines-hero h1 {font-size: 1.5rem}
.cuisines-hero-lead {font-size: 0.86rem;margin-bottom: 14px}
.cuisines-hero-search {max-width: none;padding-left: 12px}
.cuisines-hero-search button {padding: 9px 12px}
.cuisines-hero-hints,
.cuisines-hero-stats {display: none}
.cuisines-hero-compact-inner {padding: 14px 16px}
.cuisines-hero-compact h1 {font-size: 1.25rem}
.cuisines-hero-compact-body > p {font-size: 0.8rem}
.cuisines-gallery-sticky-inner {padding: 8px 12px;gap: 8px}
.cuisines-chips .cuisines-chip {min-height: 38px;padding: 0 12px;font-size: 0.82rem}
.cuisines-chip-count {display: none}
.cuisines-chips .cuisines-chip.active .cuisines-chip-count {display: inline}
.cuisines-sort {padding: 0 10px}
.cuisines-sort > span {display: none}
.cuisines-gallery-main {padding: 16px 12px 40px}
.cuisines-sec-head h2 {font-size: 0.98rem}
.cuisines-fish-pill {padding: 4px 12px 4px 4px;font-size: 0.78rem}
.cuisines-fish-pill i {width: 28px;height: 28px}
.cuisine-gallery-grid[data-style="magazine"] {gap: 10px}
.cuisine-card-img {aspect-ratio: 1}
.cuisine-card-img .cuisine-badge-price {display: none}
.cuisine-card-body {padding: 9px 10px 10px;gap: 6px}
.cuisine-card-title {font-size: 0.85rem}
.cuisine-card-user time,
.cuisine-card-time {display: none}
.cuisines-gallery-cta {padding: 22px 18px;margin-top: 28px}
.cuisines-gallery-cta-title {font-size: 1.05rem}
.cuisines-gallery-cta-button {padding: 11px 18px;font-size: 0.86rem}}
.cuisine-show-container {max-width: 720px;margin: 0 auto;padding: 20px 16px 56px}
.cuisine-show-back {display: inline-flex;align-items: center;gap: 6px;margin: -4px 0 10px -10px;padding: 8px 14px 8px 10px;border-radius: 999px;font-size: 0.85rem;font-weight: 600;color: #65676b;text-decoration: none;transition: background 0.2s, color 0.2s}
.cuisine-show-back:hover {color: #1c1e21;background: rgba(0, 0, 0, 0.05)}
.cuisine-show-card {background: #fff;border-radius: 16px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 6px 20px rgba(0, 0, 0, 0.06)}
.cuisine-show-hero {position: relative;aspect-ratio: 4 / 3;background: #101418;overflow: hidden;display: flex;align-items: center;justify-content: center}
.cuisine-show-hero-blur {position: absolute;inset: 0;background-size: cover;background-position: center;filter: blur(24px) brightness(0.55);transform: scale(1.15)}
.cuisine-show-hero-image {position: relative;max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain}
.cuisine-show-body {padding: 20px}
.cuisine-show-title {font-size: 1.5rem;font-weight: 800;color: #1c1e21;margin: 0 0 10px;line-height: 1.35;overflow-wrap: anywhere}
.cuisine-show-meta a {text-decoration: none}
.cuisine-show-meta {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-bottom: 10px;min-width: 0}
.cuisine-show-meta:last-of-type {padding-bottom: 0}
.cuisine-show-author {display: inline-flex;align-items: center;gap: 6px;font-size: 0.82rem;font-weight: 600;color: #65676b;text-decoration: none;min-width: 0;overflow-wrap: anywhere}
.cuisine-show-author:hover {color: #1c1e21}
.cuisine-show-author img {border-radius: 50%;flex-shrink: 0}
.cuisine-show-date {font-size: 0.78rem;color: #8a8d91}
.cuisine-show-section {margin-bottom: 28px}
.cuisine-show-section:last-child {margin-bottom: 0}
.cuisine-show-heading {display: flex;align-items: center;gap: 9px;font-size: 1rem;font-weight: 700;color: #1c1e21;margin: 0 0 14px}
.cuisine-show-heading svg {width: 26px;height: 26px;padding: 5px;box-sizing: border-box;border-radius: 8px;background: #e67e22;color: #fff;flex-shrink: 0}
.cuisine-show-text {font-size: 0.92rem;color: #444;line-height: 1.8;margin: 0;white-space: pre-wrap;overflow-wrap: anywhere}
.cuisine-show-ingredients {list-style: none;margin: 0;padding: 0}
.cuisine-show-ingredients li {display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 10px 4px;border-bottom: 1px solid #f0f2f5;font-size: 0.9rem}
.cuisine-show-ingredients li:last-child {border-bottom: none}
.cuisine-show-ingredients .ingredient-name {color: #1c1e21;min-width: 0;overflow-wrap: anywhere}
.cuisine-show-ingredients .ingredient-amount {color: #475569;flex-shrink: 0;font-size: 0.8rem;font-weight: 600;background: #f1f5f9;border-radius: 999px;padding: 3px 11px}
.cuisine-show-report-link {display: flex;align-items: center;gap: 12px;padding: 12px;border: 1px solid #e4e6eb;border-radius: 12px;background: #fafbfc;text-decoration: none;color: inherit;transition: background 0.2s, border-color 0.2s}
.cuisine-show-report-link:hover {background: #f0f2f5;border-color: #d8dbe0}
.cuisine-show-report-link:hover .cuisine-show-report-arrow {color: #e67e22;transform: translateX(2px)}
.cuisine-show-report-thumb {width: 56px;height: 56px;border-radius: 8px;overflow: hidden;flex-shrink: 0;background: #e4e6eb}
.cuisine-show-report-thumb img {width: 100%;height: 100%;object-fit: cover;display: block}
.cuisine-show-report-info {flex: 1;min-width: 0}
.cuisine-show-report-name {font-size: 0.9rem;font-weight: 700;color: #1c1e21;margin: 0;overflow-wrap: anywhere}
.cuisine-show-report-sub {font-size: 0.78rem;color: #65676b;margin: 0}
.cuisine-show-report-arrow {color: #b0b3b8;flex-shrink: 0;transition: color 0.2s, transform 0.2s}
.cuisine-show-share {display: flex;align-items: center;gap: 10px;margin-top: 14px;padding-top: 14px;border-top: 1px dashed #e4e6eb}
.cuisine-show-share-label {font-size: 0.8rem;font-weight: 600;color: #65676b}
.cuisine-show-share-actions {display: inline-flex;gap: 8px}
.cuisine-show-share-button {display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;padding: 0;border: 1px solid #e4e6eb;border-radius: 50%;background: #fff;color: #65676b;cursor: pointer;transition: background 0.2s, color 0.2s}
.cuisine-show-share-button:hover {background: #f0f2f5;color: #1c1e21}
.cuisine-show-related {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px}
.cuisine-show-related-item {position: relative;aspect-ratio: 1;border-radius: 12px;overflow: hidden;text-decoration: none;display: block}
.cuisine-show-related-item:focus-visible {outline: 2px solid #e67e22;outline-offset: 2px}
.cuisine-show-related-item img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.25s ease}
.cuisine-show-related-item:hover img {transform: scale(1.05)}
.cuisine-show-related-title {position: absolute;left: 0;right: 0;bottom: 0;padding: 16px 8px 7px;background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.78));color: #fff;font-size: 0.75rem;font-weight: 600;line-height: 1.3;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.cuisine-show-related-more {display: inline-flex;align-items: center;gap: 4px;margin-top: 12px;font-size: 0.85rem;font-weight: 600;color: #d35400;text-decoration: none}
.cuisine-show-related-more::after {content: "\203A";font-size: 1rem;line-height: 1;transition: transform 0.2s}
.cuisine-show-related-more:hover::after {transform: translateX(2px)}
.cuisine-show-related-more:hover {text-decoration: underline}
.cuisine-owner-bar {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;background: #fff;border: 1px solid var(--color-border, #e2e8f0);border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);padding: 10px 14px;margin-bottom: 14px}
.cuisine-sibling-nav {display: flex;align-items: center;gap: 6px}
.cuisine-sibling-label {font-size: 0.8125rem;font-weight: 700;color: var(--color-text-secondary, #475569);white-space: nowrap}
.cuisine-sibling-button {display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;border: 1px solid var(--color-border, #e2e8f0);background: #fff;color: var(--color-text-secondary, #475569);text-decoration: none}
.cuisine-sibling-button:hover {background: var(--color-bg-secondary, #f1f5f9)}
.cuisine-sibling-button.is-disabled {opacity: 0.35;pointer-events: none}
.cuisine-owner-actions {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;margin-left: auto}
.cuisine-owner-icon-button {display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 50%;border: 1px solid var(--color-border, #e2e8f0);background: #fff;color: var(--color-text-secondary, #475569);text-decoration: none}
.cuisine-owner-icon-button:hover {background: var(--color-bg-secondary, #f1f5f9)}
.cuisine-owner-delete-button {color: #dc2626;border-color: #fecaca}
.cuisine-owner-delete-button:hover {background: #fef2f2}
.cuisine-owner-text-button {display: inline-flex;align-items: center;gap: 5px;font-size: 0.8125rem;font-weight: 700;color: #c2410c;background: #fff7ed;border: 1px solid #fed7aa;border-radius: 999px;padding: 7px 13px;text-decoration: none;white-space: nowrap}
.cuisine-owner-text-button:hover {background: #ffedd5}
.cuisine-private-banner {display: flex;align-items: flex-start;gap: 8px;background: #fefce8;border: 1px solid #fde047;border-radius: 12px;padding: 10px 14px;margin-bottom: 14px;font-size: 0.8125rem;color: #854d0e;line-height: 1.6}
.cuisine-private-banner svg {flex-shrink: 0;margin-top: 2px}
@media (max-width: 480px) {.cuisine-show-container {padding: 14px 12px 40px}
.cuisine-owner-bar {padding: 9px 12px}
.cuisine-owner-actions {margin-left: 0}
.cuisine-show-body {padding: 16px}
.cuisine-show-title {font-size: 1.25rem}
.cuisine-show-related {gap: 6px}}
.cuisine-recipe-meta {display: flex;gap: 8px;flex-wrap: wrap;margin: 2px 0 18px}
.cuisine-recipe-meta-badge {display: inline-flex;align-items: center;gap: 5px;font-size: 0.78rem;font-weight: 600;color: #9a3412;background: #fff7ed;border: 1px solid #fed7aa;border-radius: 999px;padding: 4px 12px}
.cuisine-recipe-meta-badge svg {color: #e67e22}
.cuisine-show-steps {list-style: none;counter-reset: cuisine-show-step;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 14px}
.cuisine-show-step {counter-increment: cuisine-show-step;position: relative;padding-left: 38px;line-height: 1.8;color: #334155;overflow-wrap: anywhere;min-width: 0}
.cuisine-show-step::before {content: counter(cuisine-show-step);position: absolute;left: 0;top: 2px;display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;border-radius: 50%;background: #fff7ed;border: 1.5px solid #e67e22;color: #c2410c;font-size: 0.8125rem;font-weight: 700}