body.phone-mode {
  --max: min(100%, 520px) !important;
  --ipad-card-bg-fixed: #0b0a09;
  --ipad-card-border-fixed: rgba(255, 255, 255, 0.115);
  --ipad-card-title-fixed: #f4eee4;
  --ipad-card-body-fixed: #b8ad9e;
  --ipad-card-subtle-fixed: #807465;
  --ipad-card-gold-fixed: #f0d8a8;
  --ipad-chip-bg-fixed: rgba(200, 166, 106, 0.09);
  --ipad-chip-border-fixed: rgba(200, 166, 106, 0.28);
  --ipad-chip-text-fixed: #ead0a0;
  --phone-edge: clamp(14px, 4vw, 20px);
  --phone-card-radius: 22px;
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: radial-gradient(circle at 14% 0%, rgba(200, 166, 106, 0.2), transparent 32%),
    radial-gradient(circle at 88% 4%, rgba(92, 60, 32, 0.24), transparent 34%),
    linear-gradient(180deg, #0b0806 0%, #050505 100%) !important;
}

body.phone-mode.is-landing .ipad-content,
body.phone-mode.is-landing .content-frame,
body.phone-mode.is-landing .phone-content {
  display: none !important;
}

body.phone-mode.ipad-detail .ipad-hero,
body.phone-mode.ipad-detail .phone-hero,
body.phone-mode.ipad-detail .hero,
body.phone-mode.ipad-detail .ipad-nav,
body.phone-mode.ipad-detail .phone-nav,
body.phone-mode.ipad-detail .quick-nav,
body.phone-mode.ipad-detail .landing-ops-grid {
  display: none !important;
}

body.phone-mode.ipad-detail .ipad-content,
body.phone-mode.ipad-detail .content-frame,
body.phone-mode.ipad-detail .phone-content {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.phone-mode::before {
  background-size: 36px 36px !important;
  opacity: 0.62 !important;
}

body.phone-mode .page-shell {
  width: 100% !important;
  max-width: var(--max) !important;
  min-height: 100svh !important;
  margin: 0 auto !important;
  padding: calc(18px + env(safe-area-inset-top)) var(--phone-edge) calc(26px + env(safe-area-inset-bottom)) !important;
}

body.phone-mode .ipad-hero,
body.phone-mode .quick-nav,
body.phone-mode .content-frame,
body.phone-mode .bottom-order,
body.phone-mode .site-footer,
body.phone-mode .landing-ops-grid {
  width: 100% !important;
  max-width: 100% !important;
}

body.phone-mode .ipad-hero {
  padding: 18px 0 16px !important;
  text-align: left !important;
}

body.phone-mode .eyebrow {
  display: inline-flex !important;
  justify-content: flex-start !important;
  margin: 0 0 10px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
}

body.phone-mode .eyebrow::before {
  width: 22px !important;
}

body.phone-mode .hero h1 {
  font-size: clamp(34px, 11.2vw, 48px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.07em !important;
  text-align: left !important;
}

body.phone-mode .hero h1 span {
  color: var(--ipad-card-gold-fixed) !important;
  -webkit-text-fill-color: var(--ipad-card-gold-fixed) !important;
}

body.phone-mode .hero-copy {
  max-width: 100% !important;
  margin: 14px 0 0 !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  text-align: left !important;
}

body.phone-mode .hero-copy-ko,
body.phone-mode .hero-copy-en {
  text-align: left !important;
}

body.phone-mode .hero-copy-en {
  margin-top: 5px !important;
  font-size: 11px !important;
  line-height: 1.44 !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 8px 0 12px !important;
}

body.phone-mode:not(.ipad-detail) .ipad-nav,
body.phone-mode:not(.ipad-detail) .phone-nav {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 12px 0 14px !important;
}

body.phone-mode .landing-ops-card,
body.phone-mode .nav-button {
  min-height: 96px !important;
  padding: 17px 18px !important;
  border-radius: var(--phone-card-radius) !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.22) !important;
}

body.phone-mode .landing-ops-card.has-illustration,
body.phone-mode .nav-button.has-nav-illustration {
  grid-template-columns: minmax(0, 1fr) 72px !important;
  gap: 13px !important;
}

body.phone-mode .landing-ops-visual,
body.phone-mode .nav-visual {
  width: 72px !important;
  height: 72px !important;
  border-radius: 16px !important;
}

body.phone-mode .landing-ops-kicker,
body.phone-mode .nav-button .nav-kicker {
  margin-bottom: 6px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.08em !important;
}

body.phone-mode .landing-ops-title,
body.phone-mode .nav-button .label {
  font-size: 19px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.04em !important;
}

body.phone-mode .landing-ops-desc,
body.phone-mode .nav-button .desc {
  margin-top: 7px !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
}

body.phone-mode .bottom-order {
  margin: 12px 0 0 !important;
  padding: 14px 14px !important;
  border-radius: 18px !important;
  line-height: 1.48 !important;
}

body.phone-mode .bottom-order-ko,
body.phone-mode .bottom-order-en {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

body.phone-mode .bottom-order-ko {
  font-size: 13px !important;
}

body.phone-mode .bottom-order-en {
  margin-top: 4px !important;
  font-size: 10px !important;
}

body.phone-mode:not(.ipad-detail) .site-footer {
  min-height: 118px !important;
  margin-top: 14px !important;
}

body.phone-mode:not(.ipad-detail) .site-footer::before {
  top: 10px !important;
  left: 10px !important;
  right: 10px !important;
  font-size: 13px !important;
  line-height: 1.52 !important;
  word-break: keep-all !important;
}

body.phone-mode:not(.ipad-detail) .site-footer::after {
  top: 58px !important;
  left: 10px !important;
  right: 10px !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

body.phone-mode.ipad-detail .ipad-content,
body.phone-mode.ipad-detail .content-frame {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100svh - 34px) !important;
  margin-top: 0 !important;
  padding: 18px 14px 22px !important;
  border-radius: 24px !important;
  background: radial-gradient(circle at 12% 0%, rgba(200, 166, 106, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.04) !important;
}

body.phone-mode .detail-head,
body.phone-mode.ipad-detail .detail-head,
body.phone-mode .whisky-detail-head,
body.phone-mode .tasting-detail-head {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: start !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

body.phone-mode .section-kicker {
  margin-bottom: 7px !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
}

body.phone-mode .section-title,
body.phone-mode.ipad-detail .section-title {
  font-size: clamp(25px, 7vw, 34px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.06em !important;
}

body.phone-mode .section-copy {
  margin-top: 8px !important;
  max-width: 100% !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body.phone-mode .back-button {
  min-height: 36px !important;
  padding: 0 13px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

body.phone-mode .card-grid,
body.phone-mode .food-card-grid,
body.phone-mode .cocktail-grid,
body.phone-mode .whisky-grid,
body.phone-mode .tasting-grid,
body.phone-mode .drinks-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  align-items: stretch !important;
}

body.phone-mode .ipad-content .card-grid > article,
body.phone-mode .content-frame .card-grid > article,
body.phone-mode .ipad-content article.mini-card,
body.phone-mode .content-frame article.mini-card,
body.phone-mode .ipad-content article {
  min-height: 0 !important;
  height: auto !important;
  padding: 16px 15px 17px !important;
  border-radius: 18px !important;
}

body.phone-mode .ipad-content article h3,
body.phone-mode .content-frame article h3,
body.phone-mode .ipad-content article.mini-card h3 {
  font-size: 16px !important;
  line-height: 1.32 !important;
}

body.phone-mode .ipad-content article p,
body.phone-mode .content-frame article p,
body.phone-mode .ipad-content article.mini-card p {
  font-size: 13px !important;
  line-height: 1.52 !important;
}

body.phone-mode .filter-row,
body.phone-mode .whisky-category-filter,
body.phone-mode .whisky-taste-filter,
body.phone-mode .tasting-filter-row,
body.phone-mode .food-filter-row,
body.phone-mode .cocktail-filter-row,
body.phone-mode .drinks-filter-row {
  position: sticky !important;
  top: calc(env(safe-area-inset-top) + 8px) !important;
  z-index: 30 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  max-width: none !important;
  margin: 12px -14px 12px !important;
  padding: 8px 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body.phone-mode .filter-row::-webkit-scrollbar,
body.phone-mode .whisky-category-filter::-webkit-scrollbar,
body.phone-mode .whisky-taste-filter::-webkit-scrollbar {
  display: none !important;
}

body.phone-mode .filter-chip {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.phone-mode .tag-row {
  gap: 6px !important;
  margin-top: 10px !important;
}

body.phone-mode .tag {
  min-height: 25px !important;
  padding: 0 8px !important;
  font-size: 10.5px !important;
}

body.phone-mode .ipad-content article > .price-row,
body.phone-mode .content-frame article > .price-row,
body.phone-mode .ipad-content article.mini-card > .price-row,
body.phone-mode .content-frame article.mini-card > .price-row {
  padding-top: 12px !important;
  gap: 10px !important;
  align-items: flex-end !important;
}

body.phone-mode .ipad-content article > .price-row > .price-label,
body.phone-mode .content-frame article > .price-row > .price-label {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.phone-mode .ipad-content article > .price-row > .price-value,
body.phone-mode .content-frame article > .price-row > .price-value,
body.phone-mode .price-row > .price-value {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

body.phone-mode section[aria-label="Today’s Menu"] .today-menu-board {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 14px !important;
  min-height: auto !important;
  grid-auto-rows: auto !important;
}

body.phone-mode section[aria-label="Today’s Menu"] .today-menu-board .today-info-card,
body.phone-mode section[aria-label="Today’s Menu"] .today-menu-board .today-poster-card {
  min-height: 0 !important;
  height: auto !important;
  padding: 15px !important;
  overflow: hidden !important;
}

body.phone-mode section[aria-label="Today’s Menu"] .today-menu-board .today-info-card h3 {
  margin-bottom: 10px !important;
  gap: 7px !important;
  font-size: 16px !important;
}

body.phone-mode section[aria-label="Today’s Menu"] .today-menu-board .today-info-card .title-en {
  font-size: 0.68em !important;
}

body.phone-mode section[aria-label="Today’s Menu"] .today-menu-board .today-poster-button {
  margin-top: 8px !important;
  border-radius: 14px !important;
}

body.phone-mode section[aria-label="Today’s Menu"] .today-menu-board .today-poster-button img {
  aspect-ratio: 3 / 1 !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.phone-mode section[aria-label="Today’s Menu"] .today-menu-board .today-poster-expand-badge {
  width: 28px !important;
  height: 28px !important;
  right: 8px !important;
  top: 8px !important;
  font-size: 14px !important;
}

body.phone-mode section[aria-label="Today’s Menu"] .today-menu-board .today-poster-fallback {
  margin-top: 8px !important;
  padding: 16px 14px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-board,
body.phone-mode section[aria-label="Event"] .event-board {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 14px !important;
  min-height: auto !important;
  grid-auto-rows: auto !important;
}

body.phone-mode section[aria-label="Notice"] .notice-card,
body.phone-mode section[aria-label="Notice"] .notice-board .today-info-card,
body.phone-mode section[aria-label="Event"] .event-board .today-info-card,
body.phone-mode section[aria-label="Event"] .event-board .event-compact-card {
  min-height: 0 !important;
  height: auto !important;
  padding: 16px 15px !important;
  overflow: visible !important;
}

body.phone-mode section[aria-label="Notice"] .notice-card-body,
body.phone-mode section[aria-label="Event"] .event-board .event-card-body {
  display: grid !important;
  grid-template-columns: 1fr !important;
  row-gap: 14px !important;
  padding-top: 14px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-board .today-info-card h3,
body.phone-mode section[aria-label="Event"] .event-board .today-info-card h3 {
  padding-bottom: 10px !important;
  margin-bottom: 0 !important;
  gap: 7px !important;
  font-size: 16px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-board .today-info-card .title-en,
body.phone-mode section[aria-label="Event"] .event-board .today-info-card .title-en {
  font-size: 0.68em !important;
}

body.phone-mode section[aria-label="Notice"] .notice-row,
body.phone-mode section[aria-label="Event"] .event-board .event-info-row {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  row-gap: 2px !important;
  align-items: start !important;
}

body.phone-mode section[aria-label="Notice"] .notice-label,
body.phone-mode section[aria-label="Event"] .event-board .event-info-label {
  width: auto !important;
  min-width: 0 !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  white-space: normal !important;
}

body.phone-mode section[aria-label="Notice"] .notice-value,
body.phone-mode section[aria-label="Notice"] .notice-subvalue,
body.phone-mode section[aria-label="Event"] .event-board .event-info-value {
  font-size: 12px !important;
  line-height: 1.48 !important;
}

body.phone-mode section[aria-label="Notice"] .notice-subvalue {
  grid-column: 2 !important;
  margin-top: 2px !important;
  font-size: 11px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-card-copy,
body.phone-mode section[aria-label="Event"] .event-board .event-info-list {
  gap: 8px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-visual,
body.phone-mode section[aria-label="Notice"] .notice-stack,
body.phone-mode section[aria-label="Event"] .event-board .event-card-visual {
  justify-self: start !important;
}

body.phone-mode section[aria-label="Notice"] .notice-plain-visual,
body.phone-mode section[aria-label="Event"] .event-board .event-card-visual {
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  border-radius: 16px !important;
  transform: none !important;
}

body.phone-mode section[aria-label="Notice"] .notice-polaroid-card,
body.phone-mode section[aria-label="Notice"] .notice-facility-card {
  --notice-visual-width: 128px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-stack {
  width: 128px !important;
  height: 142px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-polaroid-photo,
body.phone-mode section[aria-label="Notice"] .notice-facility-icon-card {
  width: 104px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-polaroid-photo-front {
  top: 18px !important;
  left: 22px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-facility-icon-front {
  top: 8px !important;
  left: 0 !important;
}

body.phone-mode section[aria-label="Notice"] .notice-facility-icon-back {
  top: 24px !important;
  left: 24px !important;
}

body.phone-mode .mini-card.has-menu-image .menu-card-top-row,
body.phone-mode .cocktail-card.has-cocktail-image .cocktail-top-row,
body.phone-mode .whisky-card.has-whisky-image .whisky-top-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 100px !important;
  gap: 11px !important;
  align-items: start !important;
}

body.phone-mode .menu-image-wrap,
body.phone-mode .tasting-image-wrap,
body.phone-mode .food-image-wrap,
body.phone-mode .drinks-image-wrap,
body.phone-mode .cocktail-card .cocktail-image-wrap,
body.phone-mode .whisky-card .whisky-image-wrap {
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  border-radius: 13px !important;
  margin: 0 0 18px 0 !important;
  justify-self: end !important;
  align-self: start !important;
}

body.phone-mode .menu-image-wrap img,
body.phone-mode .tasting-image-wrap img,
body.phone-mode .food-image-wrap img,
body.phone-mode .drinks-image-wrap img,
body.phone-mode .cocktail-card .cocktail-image-wrap img,
body.phone-mode .whisky-card .whisky-image-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.phone-mode .image-expand-badge,
body.phone-mode .mini-card .image-expand-button .image-expand-badge,
body.phone-mode .whisky-card .image-expand-button.whisky-image-wrap .image-expand-badge,
body.phone-mode .cocktail-card .image-expand-button.cocktail-image-wrap .image-expand-badge {
  width: 24px !important;
  height: 24px !important;
  top: -4px !important;
  right: -4px !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  font-size: 13px !important;
}

body.phone-mode .image-expand-button:hover .image-expand-badge {
  transform: scale(1.04) !important;
}

body.phone-mode .whisky-category-filter + .whisky-taste-filter,
body.phone-mode .whisky-taste-filter {
  margin-top: -4px !important;
}

body.phone-mode .whisky-card .tag-row,
body.phone-mode .cocktail-tag-block .tag-row {
  justify-content: flex-start !important;
}

body.phone-mode .whisky-price-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
}

body.phone-mode .whisky-price-row.has-bottle-only {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.phone-mode .whisky-shot-price-placeholder {
  display: block !important;
  min-width: 1px !important;
}

body.phone-mode .whisky-price-unit,
body.phone-mode .whisky-price-amount {
  display: block !important;
  line-height: 1.24 !important;
}

body.phone-mode .whisky-price-unit {
  font-size: 10px !important;
  opacity: 0.78 !important;
}

body.phone-mode .whisky-price-amount {
  font-size: 14px !important;
  white-space: nowrap !important;
}

body.phone-mode .whisky-category-divider,
body.phone-mode .cocktail-category-divider,
body.phone-mode .drinks-category-divider,
body.phone-mode .food-category-divider {
  margin: 12px 0 0 !important;
}

body.phone-mode .tasting-title-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  row-gap: 8px !important;
}

body.phone-mode .tasting-header-note {
  display: block !important;
  width: 100% !important;
  padding: 10px 12px !important;
  border-radius: 15px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.phone-mode .title-with-en {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

body.phone-mode .en-toggle-button {
  flex: 0 0 auto !important;
  min-width: 32px !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
}

body.phone-mode .menu-desc-en {
  margin-top: 8px !important;
  font-size: 12px !important;
  line-height: 1.48 !important;
}

body.phone-mode .image-lightbox,
body.phone-mode .image-lightbox {
  padding: calc(18px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom)) !important;
}

body.phone-mode .image-lightbox-panel,
body.phone-mode .image-lightbox-panel {
  width: min(94vw, 520px) !important;
  max-height: 88svh !important;
  padding: 12px !important;
  border-radius: 22px !important;
}

body.phone-mode .image-lightbox-img,
body.phone-mode .image-lightbox-img {
  max-height: 74svh !important;
  border-radius: 16px !important;
}

body.phone-mode .image-lightbox-title,
body.phone-mode .image-lightbox-title {
  font-size: 13px !important;
  line-height: 1.42 !important;
}

body.phone-mode .image-lightbox-close,
body.phone-mode .image-lightbox-close {
  top: 8px !important;
  right: 8px !important;
  width: 34px !important;
  height: 34px !important;
  font-size: 22px !important;
}

@media (max-width: 380px) {
body.phone-mode {
  --phone-edge: 12px;
}

body.phone-mode .landing-ops-card.has-illustration,
  body.phone-mode .nav-button.has-nav-illustration {
  grid-template-columns: minmax(0, 1fr) 64px !important;
}

body.phone-mode .landing-ops-visual,
  body.phone-mode .nav-visual {
  width: 64px !important;
  height: 64px !important;
}

body.phone-mode .mini-card.has-menu-image .menu-card-top-row,
  body.phone-mode .cocktail-card.has-cocktail-image .cocktail-top-row,
  body.phone-mode .whisky-card.has-whisky-image .whisky-top-row {
  grid-template-columns: minmax(0, 1fr) 88px !important;
}

body.phone-mode .menu-image-wrap,
  body.phone-mode .tasting-image-wrap,
  body.phone-mode .food-image-wrap,
  body.phone-mode .drinks-image-wrap,
  body.phone-mode .cocktail-card .cocktail-image-wrap,
  body.phone-mode .whisky-card .whisky-image-wrap {
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
}

body.phone-mode section[aria-label="Notice"] .notice-row,
  body.phone-mode section[aria-label="Event"] .event-board .event-info-row {
  grid-template-columns: 70px minmax(0, 1fr) !important;
  column-gap: 8px !important;
}
}

body.phone-mode:not(.ipad-detail) .ipad-hero {
  padding: 10px 0 12px !important;
}

body.phone-mode:not(.ipad-detail) .eyebrow {
  display: none !important;
}

body.phone-mode:not(.ipad-detail) .hero h1 {
  margin: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  line-height: 1.02 !important;
  letter-spacing: -0.075em !important;
  white-space: nowrap !important;
}

body.phone-mode:not(.ipad-detail) .hero h1 span {
  display: block !important;
  font-size: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.phone-mode:not(.ipad-detail) .hero h1 span br {
  display: none !important;
}

body.phone-mode:not(.ipad-detail) .hero h1 span::before {
  content: "라운지 엠 메뉴 가이드";
  display: block;
  font-size: clamp(31px, 8.6vw, 38px);
  line-height: 1.04;
  letter-spacing: -0.075em;
  white-space: nowrap;
  color: var(--ipad-card-gold-fixed);
  -webkit-text-fill-color: var(--ipad-card-gold-fixed);
}

body.phone-mode:not(.ipad-detail) .hero-copy {
  margin-top: 12px !important;
  font-size: 13.5px !important;
  line-height: 1.56 !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy-en {
  margin-top: 4px !important;
  font-size: 10.5px !important;
  line-height: 1.38 !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-grid {
  gap: 9px !important;
  margin: 7px 0 10px !important;
}

body.phone-mode:not(.ipad-detail) .ipad-nav,
body.phone-mode:not(.ipad-detail) .phone-nav {
  gap: 9px !important;
  margin: 10px 0 12px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-card,
body.phone-mode:not(.ipad-detail) .nav-button {
  min-height: 88px !important;
  padding: 14px 16px !important;
  border-radius: 21px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-card.has-illustration,
body.phone-mode:not(.ipad-detail) .nav-button.has-nav-illustration {
  grid-template-columns: minmax(0, 1fr) 66px !important;
  gap: 12px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-visual,
body.phone-mode:not(.ipad-detail) .nav-visual {
  width: 66px !important;
  height: 66px !important;
  border-radius: 15px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-kicker,
body.phone-mode:not(.ipad-detail) .nav-button .nav-kicker {
  margin-bottom: 5px !important;
  font-size: 9.5px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-title,
body.phone-mode:not(.ipad-detail) .nav-button .label {
  font-size: 18px !important;
  line-height: 1.18 !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-desc,
body.phone-mode:not(.ipad-detail) .nav-button .desc {
  margin-top: 6px !important;
  font-size: 11.5px !important;
  line-height: 1.38 !important;
}

body.phone-mode .page-shell {
  padding-bottom: calc(108px + env(safe-area-inset-bottom)) !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .hero h1 span::before {
  font-size: clamp(28px, 8.2vw, 32px);
  letter-spacing: -0.08em;
}

body.phone-mode:not(.ipad-detail) .landing-ops-card.has-illustration,
  body.phone-mode:not(.ipad-detail) .nav-button.has-nav-illustration {
  grid-template-columns: minmax(0, 1fr) 60px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-visual,
  body.phone-mode:not(.ipad-detail) .nav-visual {
  width: 60px !important;
  height: 60px !important;
}
}

body.phone-mode:not(.ipad-detail) .hero h1 {
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .hero h1 span::before {
  content: "라운지 엠 - 메뉴 가이드" !important;
  font-size: clamp(29px, 7.7vw, 34px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.065em !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-desc,
body.phone-mode:not(.ipad-detail) .nav-button .desc {
  margin-top: 7px !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  letter-spacing: -0.025em !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-card,
body.phone-mode:not(.ipad-detail) .nav-button {
  min-height: 96px !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .hero h1 span::before {
  font-size: clamp(26px, 7.2vw, 30px) !important;
  letter-spacing: -0.07em !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-desc,
  body.phone-mode:not(.ipad-detail) .nav-button .desc {
  font-size: 13.2px !important;
  line-height: 1.45 !important;
}
}

body.phone-mode:not(.ipad-detail) .landing-ops-desc,
body.phone-mode:not(.ipad-detail) .nav-button .desc {
  font-size: 16.6px !important;
  line-height: 1.42 !important;
  letter-spacing: -0.03em !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .landing-ops-desc,
  body.phone-mode:not(.ipad-detail) .nav-button .desc {
  font-size: 15.8px !important;
  line-height: 1.4 !important;
}
}

body.phone-mode.ipad-detail .bottom-order,
body.phone-mode.ipad-detail .ipad-bottom-order,
body.phone-mode.ipad-detail .phone-bottom-order {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  z-index: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 calc(18px + env(safe-area-inset-bottom)) !important;
  padding: 15px 14px !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

body.phone-mode.ipad-detail .bottom-order-ko,
body.phone-mode.ipad-detail .bottom-order-en {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

body.phone-mode.ipad-detail .bottom-order-ko,
body.phone-mode.ipad-detail .phone-bottom-order {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.025em !important;
}

body.phone-mode.ipad-detail .bottom-order-en {
  margin-top: 6px !important;
  font-size: 11.5px !important;
  line-height: 1.42 !important;
}

body.phone-mode.ipad-detail .site-footer,
body.phone-mode.ipad-detail .phone-footer {
  display: none !important;
}

body.phone-mode.ipad-detail .page-shell {
  padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;
}

body.phone-mode.ipad-detail .ipad-content,
body.phone-mode.ipad-detail .content-frame,
body.phone-mode.ipad-detail .phone-content {
  margin-bottom: 0 !important;
  padding-bottom: 22px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 10px 0 12px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-card,
body.phone-mode:not(.ipad-detail) .landing-ops-card.has-illustration {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  grid-template-columns: none !important;
  min-height: 74px !important;
  padding: 12px 7px !important;
  border-radius: 18px !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-visual,
body.phone-mode:not(.ipad-detail) .landing-ops-desc {
  display: none !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-kicker {
  margin: 0 0 6px !important;
  font-size: 8.5px !important;
  line-height: 1.05 !important;
  letter-spacing: 0.12em !important;
  white-space: nowrap !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-title {
  font-size: 15.5px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.06em !important;
  white-space: nowrap !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .landing-ops-grid {
  gap: 7px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-card,
  body.phone-mode:not(.ipad-detail) .landing-ops-card.has-illustration {
  min-height: 68px !important;
  padding: 11px 5px !important;
  border-radius: 16px !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-kicker {
  font-size: 7.7px !important;
  letter-spacing: 0.1em !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-title {
  font-size: 14px !important;
  letter-spacing: -0.07em !important;
}
}

body.phone-mode:not(.ipad-detail) .ipad-nav,
body.phone-mode:not(.ipad-detail) .phone-nav,
body.phone-mode:not(.ipad-detail) .quick-nav {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 12px 0 14px !important;
}

body.phone-mode:not(.ipad-detail) .nav-button,
body.phone-mode:not(.ipad-detail) .nav-button.has-nav-illustration {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 52px !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 104px !important;
  padding: 14px 12px !important;
  border-radius: 20px !important;
  text-align: left !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-kicker {
  margin: 0 0 7px !important;
  font-size: 8.5px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.13em !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .label {
  font-size: 16.2px !important;
  line-height: 1.14 !important;
  letter-spacing: -0.065em !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .desc {
  display: none !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-visual {
  justify-self: end !important;
  align-self: center !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 14px !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .ipad-nav,
  body.phone-mode:not(.ipad-detail) .phone-nav,
  body.phone-mode:not(.ipad-detail) .quick-nav {
  gap: 8px !important;
}

body.phone-mode:not(.ipad-detail) .nav-button,
  body.phone-mode:not(.ipad-detail) .nav-button.has-nav-illustration {
  grid-template-columns: minmax(0, 1fr) 46px !important;
  gap: 7px !important;
  min-height: 96px !important;
  padding: 12px 10px !important;
  border-radius: 18px !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-kicker {
  font-size: 7.5px !important;
  letter-spacing: 0.1em !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .label {
  font-size: 14.5px !important;
  letter-spacing: -0.07em !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-visual {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 13px !important;
}
}

body.phone-mode:not(.ipad-detail) .site-footer,
body.phone-mode:not(.ipad-detail) .phone-footer {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.phone-mode:not(.ipad-detail) .site-footer::before,
body.phone-mode:not(.ipad-detail) .site-footer::after,
body.phone-mode:not(.ipad-detail) .phone-footer::before,
body.phone-mode:not(.ipad-detail) .phone-footer::after {
  content: none !important;
  display: none !important;
}

body.phone-mode:not(.ipad-detail) .page-shell {
  padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
}

body.phone-mode:not(.ipad-detail) .bottom-order,
body.phone-mode:not(.ipad-detail) .ipad-bottom-order,
body.phone-mode:not(.ipad-detail) .phone-bottom-order {
  margin-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy,
body.phone-mode:not(.ipad-detail) .hero-copy-ko {
  font-size: 16.2px !important;
  line-height: 1.58 !important;
  letter-spacing: -0.02em !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy-en {
  margin-top: 5px !important;
  font-size: 14.5px !important;
  line-height: 1.42 !important;
  letter-spacing: 0.005em !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-kicker,
body.phone-mode:not(.ipad-detail) .nav-button .nav-kicker {
  font-size: 11.2px !important;
  line-height: 1.08 !important;
  letter-spacing: 0.115em !important;
}

body.phone-mode:not(.ipad-detail) .landing-ops-visual img,
body.phone-mode:not(.ipad-detail) .nav-button .nav-visual img {
  opacity: 1 !important;
  filter: brightness(1.36) saturate(1.2) contrast(1.42) drop-shadow(0 0 5px rgba(214, 163, 83, 0.18)) !important;
}

body.phone-mode:not(.ipad-detail) .bottom-order-ko,
body.phone-mode:not(.ipad-detail) .phone-bottom-order {
  font-size: 14.3px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.02em !important;
}

body.phone-mode:not(.ipad-detail) .bottom-order-en {
  font-size: 11.3px !important;
  line-height: 1.42 !important;
}

body.phone-mode.ipad-detail .bottom-order-ko,
body.phone-mode.ipad-detail .phone-bottom-order {
  font-size: 15.8px !important;
  line-height: 1.5 !important;
}

body.phone-mode.ipad-detail .bottom-order-en {
  font-size: 12.8px !important;
  line-height: 1.42 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .landing-ops-kicker,
  body.phone-mode:not(.ipad-detail) .nav-button .nav-kicker {
  font-size: 10.2px !important;
  letter-spacing: 0.09em !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy,
  body.phone-mode:not(.ipad-detail) .hero-copy-ko {
  font-size: 15.2px !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy-en {
  font-size: 13.6px !important;
}
}

body.phone-mode:not(.ipad-detail) .hero-copy,
body.phone-mode:not(.ipad-detail) .hero-copy-ko {
  font-size: 14.9px !important;
  line-height: 1.58 !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy-en {
  font-size: 15.8px !important;
  line-height: 1.42 !important;
}

body.phone-mode .hero-qr-highlight {
  font-weight: 780 !important;
  color: rgba(238, 213, 154, 0.98) !important;
  -webkit-text-fill-color: rgba(238, 213, 154, 0.98) !important;
  text-shadow: 0 0 10px rgba(214, 163, 83, 0.12);
}

body.phone-mode:not(.ipad-detail) .landing-ops-title-notice {
  letter-spacing: 0.08em !important;
}

body.phone-mode.ipad-detail .app-detail-head,
body.phone-mode.ipad-detail .detail-head.app-detail-head,
body.phone-mode.ipad-detail .whisky-detail-head.app-detail-head,
body.phone-mode.ipad-detail .tasting-detail-head.app-detail-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  grid-template-columns: none !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

body.phone-mode.ipad-detail .detail-title-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-top: 1px !important;
}

body.phone-mode.ipad-detail .back-button.back-icon-button {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: -2px 0 0 -4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(245, 236, 220, 0.96) !important;
  -webkit-text-fill-color: rgba(245, 236, 220, 0.96) !important;
  font-size: 32px !important;
  font-weight: 520 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

body.phone-mode.ipad-detail .back-button.back-icon-button:active,
body.phone-mode.ipad-detail .back-button.back-icon-button:focus-visible {
  background: rgba(214, 188, 132, 0.12) !important;
  color: rgba(238, 213, 154, 1) !important;
  -webkit-text-fill-color: rgba(238, 213, 154, 1) !important;
  outline: none !important;
}

body.phone-mode.ipad-detail .whisky-title-row,
body.phone-mode.ipad-detail .tasting-title-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

body.phone-mode.ipad-detail .whisky-title-row .section-title,
body.phone-mode.ipad-detail .tasting-title-row .section-title {
  white-space: normal !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .back-button.back-icon-button {
  flex-basis: 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  font-size: 29px !important;
}
}

body.phone-mode.ipad-detail .phone-detail-head {
  display: block !important;
  margin-bottom: 16px !important;
}

body.phone-mode.ipad-detail .phone-detail-title-copy {
  width: 100% !important;
  min-width: 0 !important;
}

body.phone-mode.ipad-detail .phone-detail-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.phone-mode.ipad-detail .phone-detail-title-row .section-title {
  margin: 0 !important;
  min-width: 0 !important;
}

body.phone-mode.ipad-detail .phone-detail-title-row .back-button.back-icon-button {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 44px !important;
  min-width: 34px !important;
  min-height: 44px !important;
  margin: 0 0 0 -6px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(245, 236, 220, 0.96) !important;
  -webkit-text-fill-color: rgba(245, 236, 220, 0.96) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 44px !important;
  font-weight: 300 !important;
  line-height: 0.8 !important;
  letter-spacing: 0 !important;
  transform: translateY(-1px) !important;
}

body.phone-mode.ipad-detail .phone-detail-title-row .back-button.back-icon-button:active,
body.phone-mode.ipad-detail .phone-detail-title-row .back-button.back-icon-button:focus-visible {
  background: rgba(214, 188, 132, 0.1) !important;
  color: rgba(238, 213, 154, 1) !important;
  -webkit-text-fill-color: rgba(238, 213, 154, 1) !important;
  outline: none !important;
}

body.phone-mode.ipad-detail .phone-detail-title-row.whisky-title-row,
body.phone-mode.ipad-detail .phone-detail-title-row.tasting-title-row {
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}

body.phone-mode.ipad-detail .phone-detail-title-row.whisky-title-row .section-title,
body.phone-mode.ipad-detail .phone-detail-title-row.tasting-title-row .section-title {
  white-space: normal !important;
}

body.phone-mode.ipad-detail .tasting-detail-head .tasting-header-note {
  margin-top: 12px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .phone-detail-title-row .back-button.back-icon-button {
  flex-basis: 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  font-size: 41px !important;
  margin-left: -5px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .section-copy,
body.phone-mode.ipad-detail section[aria-label="Event"] .section-copy {
  font-size: 17px !important;
  line-height: 1.62 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-board .today-info-card h3,
body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .today-info-card h3 {
  font-size: 18.7px !important;
  line-height: 1.28 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-board .today-info-card .title-en,
body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .today-info-card .title-en {
  font-size: 0.72em !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-label,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-value,
body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-label,
body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-value {
  font-size: 14.7px !important;
  line-height: 1.52 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-subvalue {
  font-size: 13.7px !important;
  line-height: 1.48 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-row,
body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-row {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  column-gap: 12px !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-card-copy,
body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-list {
  gap: 10px !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-stack,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-stack,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-visual,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-visual {
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-card-visual {
  display: none !important;
}

body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-card-body {
  grid-template-columns: 1fr !important;
  row-gap: 0 !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail section[aria-label="Notice"] .section-copy,
  body.phone-mode.ipad-detail section[aria-label="Event"] .section-copy {
  font-size: 16.2px !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-board .today-info-card h3,
  body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .today-info-card h3 {
  font-size: 17.8px !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-label,
  body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-value,
  body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-label,
  body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-value {
  font-size: 14px !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-row,
  body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-row {
  grid-template-columns: 84px minmax(0, 1fr) !important;
  column-gap: 10px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-order-card .notice-plain-visual,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-early-card .notice-plain-visual {
  display: none !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-order-card .notice-card-body,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-early-card .notice-card-body {
  grid-template-columns: 1fr !important;
  row-gap: 0 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-card-body,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-card-body {
  grid-template-columns: 1fr !important;
  row-gap: 20px !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-stack,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-stack {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 310px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 8px auto 0 !important;
  transform: none !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-stack-button,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-stack-button {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  flex: 0 0 auto !important;
  transform: none !important;
  z-index: 1 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-stack-button:hover,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-stack-button:hover,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-stack-button:active,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-stack-button:active {
  transform: none !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-polaroid-photo,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-facility-icon-card {
  width: min(132px, 38vw) !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 22px !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-visual,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-visual {
  justify-self: center !important;
  align-self: center !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-stack,
  body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-stack {
  gap: 10px !important;
  max-width: 280px !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-polaroid-photo,
  body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-facility-icon-card {
  width: min(120px, 37vw) !important;
}
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-label,
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-value,
body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-label,
body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-value {
  font-size: 16px !important;
  line-height: 1.54 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-subvalue {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-facility-icon-front {
  order: 1 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-facility-card .notice-facility-icon-back {
  order: 2 !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-label,
  body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-value,
  body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-label,
  body.phone-mode.ipad-detail section[aria-label="Event"] .event-board .event-info-value {
  font-size: 15.3px !important;
  line-height: 1.54 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-subvalue {
  font-size: 14.4px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-description .whisky-guide-line {
  display: none !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-grid {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card {
  padding: 13px 13px 14px !important;
  border-radius: 17px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card.has-whisky-image .whisky-top-row {
  grid-template-columns: minmax(0, 1fr) 70px !important;
  gap: 10px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card .whisky-image-wrap {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  margin: 0 !important;
  border-radius: 12px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card h3.title-with-en {
  margin-bottom: 7px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card .whisky-description,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card .whisky-desc {
  margin-top: 0 !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card .menu-desc-ko {
  margin: 0 !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .card-grid.whisky-grid .mini-card.whisky-card .whisky-tag-block {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .card-grid.whisky-grid .mini-card.whisky-card .whisky-tag-block .tag-row {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  row-gap: 3px !important;
  white-space: normal !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .card-grid.whisky-grid .mini-card.whisky-card .whisky-tag-block .tag-row .tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(214, 188, 132, 0.92) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.92) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 640 !important;
  letter-spacing: -0.015em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .card-grid.whisky-grid .mini-card.whisky-card .whisky-tag-block .tag-row .tag + .tag::before {
  content: "·";
  display: inline-block;
  margin: 0 6px;
  color: rgba(214, 188, 132, 0.62);
  -webkit-text-fill-color: rgba(214, 188, 132, 0.62);
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row {
  padding-top: 8px !important;
  margin-top: 9px !important;
  gap: 8px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-unit {
  font-size: 13px !important;
  line-height: 1.18 !important;
  opacity: 0.86 !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-amount {
  font-size: 12px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.035em !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  gap: 6px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter + .whisky-taste-filter {
  margin-top: -7px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .filter-chip {
  min-height: 30px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-divider {
  margin: 8px 0 2px !important;
  min-height: 26px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-divider .whisky-category-label {
  padding: 5px 14px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card {
  padding: 12px 12px 13px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card.has-whisky-image .whisky-top-row {
  grid-template-columns: minmax(0, 1fr) 64px !important;
  gap: 9px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-card .whisky-image-wrap {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-unit {
  font-size: 12.4px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-amount {
  font-size: 11.4px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="테이스팅 세트"] .tasting-grid,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .cocktail-grid,
body.phone-mode.ipad-detail section[aria-label="와인 코냑 맥주 스피릿 소개"] .drinks-grid,
body.phone-mode.ipad-detail section[aria-label="푸드 페어링"] .food-card-grid {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

body.phone-mode.ipad-detail .tasting-card,
body.phone-mode.ipad-detail .cocktail-card,
body.phone-mode.ipad-detail .drinks-card,
body.phone-mode.ipad-detail .food-card {
  padding: 13px 13px 14px !important;
  border-radius: 17px !important;
}

body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row {
  grid-template-columns: minmax(0, 1fr) 70px !important;
  gap: 10px !important;
  align-items: start !important;
}

body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row {
  grid-template-columns: minmax(0, 1fr) 70px !important;
  gap: 10px !important;
  align-items: start !important;
}

body.phone-mode.ipad-detail .tasting-image-wrap,
body.phone-mode.ipad-detail .drinks-image-wrap,
body.phone-mode.ipad-detail .food-image-wrap,
body.phone-mode.ipad-detail .cocktail-image-wrap {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  margin: 0 !important;
  border-radius: 12px !important;
}

body.phone-mode.ipad-detail .tasting-card h3,
body.phone-mode.ipad-detail .cocktail-card h3,
body.phone-mode.ipad-detail .drinks-card h3,
body.phone-mode.ipad-detail .food-card h3 {
  margin-bottom: 7px !important;
}

body.phone-mode.ipad-detail .tasting-card .bilingual-description,
body.phone-mode.ipad-detail .cocktail-card .bilingual-description,
body.phone-mode.ipad-detail .drinks-card .bilingual-description,
body.phone-mode.ipad-detail .food-card .bilingual-description {
  margin-top: 0 !important;
}

body.phone-mode.ipad-detail .tasting-card .menu-desc-ko,
body.phone-mode.ipad-detail .cocktail-card .menu-desc-ko,
body.phone-mode.ipad-detail .drinks-card .menu-desc-ko,
body.phone-mode.ipad-detail .food-card .menu-desc-ko {
  margin: 0 !important;
}

body.phone-mode.ipad-detail section[aria-label="테이스팅 세트"] .tasting-description .tasting-guide-line,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .cocktail-description .cocktail-guide-line {
  display: none !important;
}

body.phone-mode.ipad-detail .tasting-tag-block,
body.phone-mode.ipad-detail .cocktail-tag-block,
body.phone-mode.ipad-detail .drinks-tag-block,
body.phone-mode.ipad-detail .food-card > .tag-row {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
}

body.phone-mode.ipad-detail .tasting-tag-block .tag-row,
body.phone-mode.ipad-detail .cocktail-tag-block .tag-row,
body.phone-mode.ipad-detail .drinks-tag-block .tag-row,
body.phone-mode.ipad-detail .food-card > .tag-row {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  row-gap: 3px !important;
  white-space: normal !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

body.phone-mode.ipad-detail .tasting-tag-block .tag,
body.phone-mode.ipad-detail .cocktail-tag-block .tag,
body.phone-mode.ipad-detail .drinks-tag-block .tag,
body.phone-mode.ipad-detail .food-card > .tag-row .tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(214, 188, 132, 0.92) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.92) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 640 !important;
  letter-spacing: -0.015em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .tasting-tag-block .tag + .tag::before,
body.phone-mode.ipad-detail .cocktail-tag-block .tag + .tag::before,
body.phone-mode.ipad-detail .drinks-tag-block .tag + .tag::before,
body.phone-mode.ipad-detail .food-card > .tag-row .tag + .tag::before {
  content: "·";
  display: inline-block;
  margin: 0 6px;
  color: rgba(214, 188, 132, 0.62);
  -webkit-text-fill-color: rgba(214, 188, 132, 0.62);
}

body.phone-mode.ipad-detail .tasting-card .price-row,
body.phone-mode.ipad-detail .cocktail-card .price-row,
body.phone-mode.ipad-detail .drinks-card .price-row,
body.phone-mode.ipad-detail .food-card .price-row {
  padding-top: 8px !important;
  margin-top: 9px !important;
  gap: 8px !important;
}

body.phone-mode.ipad-detail .tasting-card .price-label,
body.phone-mode.ipad-detail .cocktail-card .price-label,
body.phone-mode.ipad-detail .drinks-card .price-label,
body.phone-mode.ipad-detail .food-card .price-label {
  font-size: 13px !important;
  line-height: 1.2 !important;
  opacity: 0.86 !important;
  min-width: 0 !important;
}

body.phone-mode.ipad-detail .tasting-card .price-value,
body.phone-mode.ipad-detail .cocktail-card .price-value,
body.phone-mode.ipad-detail .drinks-card .price-value,
body.phone-mode.ipad-detail .food-card .price-value {
  font-size: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.035em !important;
}

body.phone-mode.ipad-detail .tasting-filter-row,
body.phone-mode.ipad-detail .cocktail-filter-row,
body.phone-mode.ipad-detail .drinks-filter-row,
body.phone-mode.ipad-detail .food-filter-row {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  gap: 6px !important;
}

body.phone-mode.ipad-detail .tasting-filter-row .filter-chip,
body.phone-mode.ipad-detail .cocktail-filter-row .filter-chip,
body.phone-mode.ipad-detail .drinks-filter-row .filter-chip,
body.phone-mode.ipad-detail .food-filter-row .filter-chip {
  min-height: 30px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
}

body.phone-mode.ipad-detail .cocktail-category-divider,
body.phone-mode.ipad-detail .drinks-category-divider,
body.phone-mode.ipad-detail .food-category-divider {
  margin: 8px 0 2px !important;
  min-height: 26px !important;
}

body.phone-mode.ipad-detail .cocktail-category-divider .cocktail-category-label,
body.phone-mode.ipad-detail .drinks-category-divider .drinks-category-label,
body.phone-mode.ipad-detail .food-category-divider .food-category-label {
  padding: 5px 14px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

body.phone-mode.ipad-detail .food-category-divider .food-category-label-ko {
  display: none !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .tasting-card,
  body.phone-mode.ipad-detail .cocktail-card,
  body.phone-mode.ipad-detail .drinks-card,
  body.phone-mode.ipad-detail .food-card {
  padding: 12px 12px 13px !important;
}

body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row {
  grid-template-columns: minmax(0, 1fr) 64px !important;
  gap: 9px !important;
}

body.phone-mode.ipad-detail .tasting-image-wrap,
  body.phone-mode.ipad-detail .drinks-image-wrap,
  body.phone-mode.ipad-detail .food-image-wrap,
  body.phone-mode.ipad-detail .cocktail-image-wrap {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
}

body.phone-mode.ipad-detail .tasting-card .price-label,
  body.phone-mode.ipad-detail .cocktail-card .price-label,
  body.phone-mode.ipad-detail .drinks-card .price-label,
  body.phone-mode.ipad-detail .food-card .price-label {
  font-size: 12.4px !important;
}

body.phone-mode.ipad-detail .tasting-card .price-value,
  body.phone-mode.ipad-detail .cocktail-card .price-value,
  body.phone-mode.ipad-detail .drinks-card .price-value,
  body.phone-mode.ipad-detail .food-card .price-value {
  font-size: 11.4px !important;
}
}

body.phone-mode .phone-top-button {
  position: fixed;
  right: max(14px, calc(env(safe-area-inset-right) + 14px));
  bottom: calc(78px + env(safe-area-inset-bottom));
  z-index: 1200;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(214, 188, 132, 0.58);
  background: radial-gradient(circle at 50% 10%, rgba(214, 188, 132, 0.16), transparent 54%),
    rgba(8, 7, 6, 0.82);
  color: rgba(245, 224, 169, 0.96);
  -webkit-text-fill-color: rgba(245, 224, 169, 0.96);
  font-size: 22px;
  line-height: 1;
  font-weight: 520;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(0.96);
  transition: opacity 0.16s ease,
    transform 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease;
}

body.phone-mode .phone-top-button.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

body.phone-mode .phone-top-button:active {
  transform: translateY(1px) scale(0.97);
  border-color: rgba(245, 224, 169, 0.82);
  background: radial-gradient(circle at 50% 10%, rgba(214, 188, 132, 0.24), transparent 56%),
    rgba(18, 13, 9, 0.9);
}

body.phone-mode:not(.ipad-detail) .phone-top-button {
  display: none !important;
}

@media (max-width: 390px) {
body.phone-mode .phone-top-button {
  width: 42px;
  height: 42px;
  right: max(12px, calc(env(safe-area-inset-right) + 12px));
  bottom: calc(72px + env(safe-area-inset-bottom));
  font-size: 21px;
}
}

body.phone-mode .phone-top-button {
  bottom: calc(112px + env(safe-area-inset-bottom)) !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  z-index: 9999 !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.phone-mode .phone-top-button span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transform: translateY(-1px);
}

@media (max-width: 390px) {
body.phone-mode .phone-top-button {
  bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
}
}

body.phone-mode .phone-top-button {
  right: max(14px, calc(env(safe-area-inset-right) + 14px)) !important;
  bottom: calc(78px + env(safe-area-inset-bottom)) !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  font-size: 22px !important;
}

@media (max-width: 390px) {
body.phone-mode .phone-top-button {
  right: max(12px, calc(env(safe-area-inset-right) + 12px)) !important;
  bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 21px !important;
}
}

body.phone-mode.ipad-detail .price-unit-note {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: -6px 0 9px 0;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(214, 188, 132, 0.22);
  background: rgba(12, 9, 7, 0.56);
  color: rgba(214, 188, 132, 0.9);
  -webkit-text-fill-color: rgba(214, 188, 132, 0.9);
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 620;
  letter-spacing: -0.01em;
}

body.phone-mode.ipad-detail .price-row .price-value,
body.phone-mode.ipad-detail .whisky-price-row .whisky-price-amount {
  font-variant-numeric: tabular-nums;
}

body.phone-mode.ipad-detail .price-row .price-value::after {
  content: "";
}

body.phone-mode.ipad-detail .price-row:not(.whisky-price-row) .price-value,
body.phone-mode.ipad-detail .whisky-price-row .whisky-price-amount {
  color: rgba(245, 236, 220, 0.88);
  -webkit-text-fill-color: rgba(245, 236, 220, 0.88);
}

body.phone-mode .detail-title-inline,
body.phone-mode .phone-detail-title-row.detail-title-inline,
body.phone-mode .whisky-title-row.detail-title-inline,
body.phone-mode .tasting-title-row.detail-title-inline {
  display: flex !important;
  align-items: baseline !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
}

body.phone-mode .detail-title-inline .back-icon-button {
  flex: 0 0 auto !important;
  margin-right: 1px !important;
}

body.phone-mode .detail-inline-kicker {
  font-size: 14px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.11em !important;
  font-weight: 760 !important;
  transform: translateY(-1px);
}

body.phone-mode .whisky-category-divider {
  margin: 4px 0 0 !important;
  min-height: 21px !important;
}

body.phone-mode .whisky-category-divider .whisky-category-label {
  padding: 4px 13px !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

@media (max-width: 390px) {
body.phone-mode .detail-title-inline,
  body.phone-mode .phone-detail-title-row.detail-title-inline,
  body.phone-mode .whisky-title-row.detail-title-inline,
  body.phone-mode .tasting-title-row.detail-title-inline {
  gap: 8px !important;
}

body.phone-mode .detail-inline-kicker {
  font-size: 13.4px !important;
  letter-spacing: 0.1em !important;
}
}

body.phone-mode .detail-kicker-row {
  margin: 0 0 8px 0 !important;
  gap: 10px !important;
}

body.phone-mode .detail-kicker-row .price-unit-note {
  font-size: 12.4px !important;
  letter-spacing: -0.025em !important;
}

body.phone-mode .section-copy,
body.phone-mode .tasting-header-note {
  display: none !important;
}

body.ipad-mode .detail-head {
  gap: 16px !important;
}

body.ipad-mode .detail-head > div,
body.ipad-mode .phone-detail-title-copy,
body.ipad-mode .whisky-detail-main,
body.ipad-mode .tasting-detail-main {
  gap: 0 !important;
}

body.ipad-mode .detail-kicker-row {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.ipad-mode .detail-kicker-row .section-kicker,
body.ipad-mode .detail-head .section-kicker {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 760 !important;
  letter-spacing: 0.12em !important;
}

body.ipad-mode .detail-head .section-title,
body.ipad-mode .phone-detail-title-row .section-title,
body.ipad-mode .whisky-title-row .section-title,
body.ipad-mode .tasting-title-row .section-title {
  margin-top: 0 !important;
}

body.ipad-mode .detail-kicker-row .price-unit-note {
  display: none !important;
}

body.ipad-mode.ipad-detail .card-grid > .mini-card:first-child,
body.ipad-mode.ipad-detail .whisky-grid > .whisky-card:first-child,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card:first-child,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card:first-child,
body.ipad-mode.ipad-detail .food-card-grid > .food-card:first-child {
  position: relative !important;
}

body.ipad-mode.ipad-detail .whisky-grid > .whisky-card:first-child::before,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card:first-child::before,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child::before,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card:first-child::before,
body.ipad-mode.ipad-detail .food-card-grid > .food-card:first-child::before {
  content: "가격 단위: 천원";
  position: absolute;
  top: 18px;
  right: 22px;
  z-index: 4;
  color: rgba(207, 190, 154, 0.74);
  -webkit-text-fill-color: rgba(207, 190, 154, 0.74);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 560;
  letter-spacing: -0.025em;
  white-space: nowrap;
  pointer-events: none;
}

body.ipad-mode.ipad-detail .whisky-grid > .whisky-card.has-menu-image:first-child::before,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card.has-menu-image:first-child::before,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card.has-cocktail-image:first-child::before,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card.has-menu-image:first-child::before,
body.ipad-mode.ipad-detail .food-card-grid > .food-card.has-menu-image:first-child::before {
  top: 16px;
  right: 118px;
}

body.phone-mode .detail-head {
  gap: 12px !important;
  padding-top: 20px !important;
  padding-bottom: 22px !important;
}

body.phone-mode .detail-kicker-row {
  margin-bottom: 2px !important;
}

body.phone-mode .detail-kicker-row .section-kicker,
body.phone-mode .detail-head .section-kicker {
  font-size: 15px !important;
  line-height: 1.08 !important;
  letter-spacing: 0.12em !important;
}

body.phone-mode .phone-detail-title-row,
body.phone-mode .whisky-title-row,
body.phone-mode .tasting-title-row {
  margin-top: 0 !important;
}

body.phone-mode.ipad-detail .whisky-grid > .whisky-card:first-child::before,
body.phone-mode.ipad-detail .tasting-grid > .tasting-card:first-child::before,
body.phone-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child::before,
body.phone-mode.ipad-detail .drinks-grid > .drinks-card:first-child::before,
body.phone-mode.ipad-detail .food-card-grid > .food-card:first-child::before {
  top: 12px !important;
  right: 13px !important;
  font-size: 11.6px !important;
  line-height: 1.15 !important;
  opacity: 0.9;
}

body.phone-mode.ipad-detail .whisky-grid > .whisky-card.has-menu-image:first-child::before,
body.phone-mode.ipad-detail .tasting-grid > .tasting-card.has-menu-image:first-child::before,
body.phone-mode.ipad-detail .cocktail-grid > .cocktail-card.has-cocktail-image:first-child::before,
body.phone-mode.ipad-detail .drinks-grid > .drinks-card.has-menu-image:first-child::before,
body.phone-mode.ipad-detail .food-card-grid > .food-card.has-menu-image:first-child::before {
  top: 12px !important;
  right: 92px !important;
}

@media (max-width: 390px) {
body.phone-mode .detail-kicker-row .section-kicker,
  body.phone-mode .detail-head .section-kicker {
  font-size: 14.4px !important;
}

body.phone-mode.ipad-detail .whisky-grid > .whisky-card:first-child::before,
  body.phone-mode.ipad-detail .tasting-grid > .tasting-card:first-child::before,
  body.phone-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child::before,
  body.phone-mode.ipad-detail .drinks-grid > .drinks-card:first-child::before,
  body.phone-mode.ipad-detail .food-card-grid > .food-card:first-child::before {
  font-size: 11px !important;
}

body.phone-mode.ipad-detail .whisky-grid > .whisky-card.has-menu-image:first-child::before,
  body.phone-mode.ipad-detail .tasting-grid > .tasting-card.has-menu-image:first-child::before,
  body.phone-mode.ipad-detail .cocktail-grid > .cocktail-card.has-cocktail-image:first-child::before,
  body.phone-mode.ipad-detail .drinks-grid > .drinks-card.has-menu-image:first-child::before,
  body.phone-mode.ipad-detail .food-card-grid > .food-card.has-menu-image:first-child::before {
  right: 84px !important;
}
}

body.ipad-mode.ipad-detail .detail-head {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  margin-bottom: 12px !important;
}

body.ipad-mode.ipad-detail .detail-kicker-row {
  margin-bottom: 3px !important;
}

body.ipad-mode.ipad-detail .detail-head .section-title {
  line-height: 1.05 !important;
}

body.ipad-mode.ipad-detail .whisky-detail-head,
body.ipad-mode.ipad-detail .tasting-detail-head {
  margin-bottom: 12px !important;
}

body.ipad-mode.ipad-detail .whisky-detail-main,
body.ipad-mode.ipad-detail .tasting-detail-main {
  gap: 0 !important;
}

body.ipad-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row,
body.ipad-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row {
  position: relative !important;
  padding-top: 26px !important;
}

body.ipad-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row::before,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row::before,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row::before,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row::before,
body.ipad-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row::before {
  content: "가격 단위: 천원";
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 2;
  color: rgba(207, 190, 154, 0.72);
  -webkit-text-fill-color: rgba(207, 190, 154, 0.72);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 560;
  letter-spacing: -0.025em;
  white-space: nowrap;
  pointer-events: none;
}

body.phone-mode.ipad-detail .detail-head {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  margin-bottom: 8px !important;
}

body.phone-mode.ipad-detail .detail-kicker-row {
  margin-bottom: 2px !important;
  padding-left: 51px !important;
}

body.phone-mode.ipad-detail .detail-kicker-row .section-kicker {
  font-size: 15px !important;
  line-height: 1.08 !important;
}

body.phone-mode.ipad-detail .phone-detail-title-row,
body.phone-mode.ipad-detail .whisky-title-row,
body.phone-mode.ipad-detail .tasting-title-row {
  margin-top: 0 !important;
  column-gap: 8px !important;
  gap: 8px !important;
}

body.phone-mode.ipad-detail .phone-detail-title-row .section-title,
body.phone-mode.ipad-detail .whisky-title-row .section-title,
body.phone-mode.ipad-detail .tasting-title-row .section-title {
  line-height: 1.03 !important;
}

body.phone-mode.ipad-detail .filter-row:first-of-type,
body.phone-mode.ipad-detail .whisky-category-filter,
body.phone-mode.ipad-detail .tasting-filter-row {
  margin-top: 6px !important;
}

body.phone-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row,
body.phone-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row,
body.phone-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row,
body.phone-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row,
body.phone-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row {
  padding-top: 22px !important;
}

body.phone-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row::before,
body.phone-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row::before,
body.phone-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row::before,
body.phone-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row::before,
body.phone-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row::before {
  top: 3px !important;
  right: 0 !important;
  font-size: 11.3px !important;
  opacity: 0.92;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .detail-kicker-row {
  padding-left: 48px !important;
}

body.phone-mode.ipad-detail .detail-kicker-row .section-kicker {
  font-size: 14.4px !important;
}

body.phone-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row::before,
  body.phone-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row::before,
  body.phone-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row::before,
  body.phone-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row::before,
  body.phone-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row::before {
  font-size: 10.8px !important;
}
}

body.ipad-mode.ipad-detail .detail-head-stack,
body.ipad-mode.ipad-detail .detail-head.whisky-detail-head.detail-head-stack,
body.ipad-mode.ipad-detail .detail-head.tasting-detail-head.detail-head-stack {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  margin-bottom: 8px !important;
}

body.ipad-mode.ipad-detail .detail-title-cluster {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 8px !important;
  min-width: 0 !important;
}

body.ipad-mode.ipad-detail .detail-title-cluster-ipad {
  display: block !important;
}

body.ipad-mode.ipad-detail .detail-title-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ipad-mode.ipad-detail .detail-title-stack .detail-kicker-row {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ipad-mode.ipad-detail .detail-title-stack .section-kicker,
body.ipad-mode.ipad-detail .detail-kicker-row .section-kicker {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: 0.12em !important;
}

body.ipad-mode.ipad-detail .detail-title-stack .section-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.02 !important;
}

body.ipad-mode.ipad-detail .detail-title-stack .price-unit-note,
body.ipad-mode.ipad-detail .detail-kicker-row .price-unit-note {
  display: none !important;
}

body.ipad-mode.ipad-detail .whisky-title-row,
body.ipad-mode.ipad-detail .tasting-title-row,
body.ipad-mode.ipad-detail .phone-detail-title-row {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ipad-mode.ipad-detail .whisky-grid > .whisky-card:first-child::before,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card:first-child::before,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child::before,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card:first-child::before,
body.ipad-mode.ipad-detail .food-card-grid > .food-card:first-child::before {
  content: none !important;
  display: none !important;
}

body.ipad-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row,
body.ipad-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row {
  position: relative !important;
  padding-top: 24px !important;
}

body.ipad-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row::before,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row::before,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row::before,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row::before,
body.ipad-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row::before {
  content: "가격 단위: 천원";
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 2;
  color: rgba(207, 190, 154, 0.72);
  -webkit-text-fill-color: rgba(207, 190, 154, 0.72);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 560;
  letter-spacing: -0.025em;
  white-space: nowrap;
  pointer-events: none;
}

body.phone-mode.ipad-detail .detail-head-stack,
body.phone-mode.ipad-detail .detail-head.whisky-detail-head.detail-head-stack,
body.phone-mode.ipad-detail .detail-head.tasting-detail-head.detail-head-stack {
  padding-top: 11px !important;
  padding-bottom: 12px !important;
  margin-bottom: 6px !important;
}

body.phone-mode.ipad-detail .detail-title-cluster {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  column-gap: 6px !important;
  width: 100% !important;
}

body.phone-mode.ipad-detail .detail-title-stack {
  gap: 1px !important;
}

body.phone-mode.ipad-detail .detail-title-stack .section-kicker,
body.phone-mode.ipad-detail .detail-kicker-row .section-kicker {
  font-size: 15px !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
}

body.phone-mode.ipad-detail .detail-title-stack .section-title {
  line-height: 1 !important;
}

body.phone-mode.ipad-detail .filter-row:first-of-type,
body.phone-mode.ipad-detail .whisky-category-filter,
body.phone-mode.ipad-detail .tasting-filter-row {
  margin-top: 4px !important;
}

body.phone-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row,
body.phone-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row,
body.phone-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row,
body.phone-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row,
body.phone-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row {
  padding-top: 21px !important;
}

body.phone-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row::before,
body.phone-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row::before,
body.phone-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row::before,
body.phone-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row::before,
body.phone-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row::before {
  top: 2px !important;
  right: 0 !important;
  font-size: 11.2px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .detail-title-cluster {
  grid-template-columns: 39px minmax(0, 1fr) !important;
  column-gap: 5px !important;
}

body.phone-mode.ipad-detail .detail-title-stack .section-kicker,
  body.phone-mode.ipad-detail .detail-kicker-row .section-kicker {
  font-size: 14.4px !important;
}
}

body.ipad-mode.ipad-detail .whisky-grid > .whisky-card:first-child::before,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card:first-child::before,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child::before,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card:first-child::before,
body.ipad-mode.ipad-detail .food-card-grid > .food-card:first-child::before,
body.ipad-mode.ipad-detail .whisky-grid > .whisky-card:first-child .whisky-price-row::before,
body.ipad-mode.ipad-detail .tasting-grid > .tasting-card:first-child .price-row::before,
body.ipad-mode.ipad-detail .cocktail-grid > .cocktail-card:first-child .price-row::before,
body.ipad-mode.ipad-detail .drinks-grid > .drinks-card:first-child .price-row::before,
body.ipad-mode.ipad-detail .food-card-grid > .food-card:first-child .price-row::before {
  content: none !important;
  display: none !important;
}

body.phone-mode.ipad-detail .price-unit-inline-note {
  display: block !important;
  width: 100% !important;
  margin: 2px 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: right !important;
  color: rgba(207, 190, 154, 0.72) !important;
  -webkit-text-fill-color: rgba(207, 190, 154, 0.72) !important;
  font-size: 11.2px !important;
  line-height: 1.15 !important;
  font-weight: 560 !important;
  letter-spacing: -0.025em !important;
  pointer-events: none !important;
}

body.phone-mode.ipad-detail .price-unit-inline-note + .price-row,
body.phone-mode.ipad-detail .price-unit-inline-note + .whisky-price-row {
  padding-top: 6px !important;
}

body.phone-mode.ipad-detail .whisky-tag-block .tag-row,
body.phone-mode.ipad-detail .tasting-tag-block .tag-row,
body.phone-mode.ipad-detail .cocktail-tag-block .tag-row,
body.phone-mode.ipad-detail .drinks-tag-block .tag-row,
body.phone-mode.ipad-detail .food-card > .tag-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 0 !important;
  row-gap: 3px !important;
  text-align: left !important;
}

body.phone-mode.ipad-detail .whisky-tag-block .tag,
body.phone-mode.ipad-detail .tasting-tag-block .tag,
body.phone-mode.ipad-detail .cocktail-tag-block .tag,
body.phone-mode.ipad-detail .drinks-tag-block .tag,
body.phone-mode.ipad-detail .food-card > .tag-row .tag {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .whisky-tag-block .tag + .tag::before,
body.phone-mode.ipad-detail .tasting-tag-block .tag + .tag::before,
body.phone-mode.ipad-detail .cocktail-tag-block .tag + .tag::before,
body.phone-mode.ipad-detail .drinks-tag-block .tag + .tag::before,
body.phone-mode.ipad-detail .food-card > .tag-row .tag + .tag::before {
  content: "·" !important;
  display: inline-block !important;
  margin: 0 5px !important;
  color: rgba(214, 188, 132, 0.58) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.58) !important;
}

body.phone-mode.ipad-detail .detail-head-stack,
body.phone-mode.ipad-detail .detail-head.whisky-detail-head.detail-head-stack,
body.phone-mode.ipad-detail .detail-head.tasting-detail-head.detail-head-stack {
  padding-top: 6px !important;
  padding-bottom: 9px !important;
  margin-bottom: 4px !important;
}

body.phone-mode.ipad-detail .detail-title-stack {
  gap: 0 !important;
}

body.phone-mode.ipad-detail .detail-title-stack .section-kicker,
body.phone-mode.ipad-detail .detail-kicker-row .section-kicker {
  line-height: 0.96 !important;
}

body.phone-mode.ipad-detail .detail-title-stack .section-title {
  line-height: 0.98 !important;
}

body.phone-mode.ipad-detail .card-grid {
  margin-top: 0 !important;
}

body.phone-mode.ipad-detail .whisky-category-divider,
body.phone-mode.ipad-detail .cocktail-category-divider,
body.phone-mode.ipad-detail .drinks-category-divider,
body.phone-mode.ipad-detail .food-category-divider {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  min-height: 18px !important;
}

body.phone-mode.ipad-detail .whisky-category-divider .whisky-category-label,
body.phone-mode.ipad-detail .cocktail-category-divider .cocktail-category-label,
body.phone-mode.ipad-detail .drinks-category-divider .drinks-category-label,
body.phone-mode.ipad-detail .food-category-divider .food-category-label {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

body.phone-mode.ipad-detail .tag-row .price-unit-inline-note {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: auto !important;
  padding-left: 10px !important;
  color: rgba(207, 190, 154, 0.72) !important;
  -webkit-text-fill-color: rgba(207, 190, 154, 0.72) !important;
  font-size: 11.2px !important;
  line-height: 1.35 !important;
  font-weight: 560 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  transform: translateY(-1px);
}

body.phone-mode.ipad-detail .price-unit-inline-note.is-fallback-note {
  display: block !important;
  width: 100% !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: right !important;
  color: rgba(207, 190, 154, 0.72) !important;
  -webkit-text-fill-color: rgba(207, 190, 154, 0.72) !important;
  font-size: 11.2px !important;
  line-height: 1.15 !important;
  font-weight: 560 !important;
  letter-spacing: -0.025em !important;
  pointer-events: none !important;
}

body.phone-mode.ipad-detail .tag-row .price-unit-inline-note + .price-row,
body.phone-mode.ipad-detail .tag-row .price-unit-inline-note + .whisky-price-row {
  padding-top: inherit !important;
}

body.phone-mode.ipad-detail .price-unit-inline-note.is-fallback-note + .price-row,
body.phone-mode.ipad-detail .price-unit-inline-note.is-fallback-note + .whisky-price-row {
  padding-top: 6px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .tag-row .price-unit-inline-note,
  body.phone-mode.ipad-detail .price-unit-inline-note.is-fallback-note {
  font-size: 10.8px !important;
}
}

body.phone-mode.ipad-detail .tag-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.phone-mode.ipad-detail .tag-row .price-unit-inline-note:not(.is-fallback-note) {
  width: auto !important;
  max-width: none !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-left: 8px !important;
  padding-right: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
  line-height: 1.35 !important;
  transform: translateY(-1px);
}

body.phone-mode.ipad-detail .tag-row .price-unit-inline-note:not(.is-fallback-note)::before,
body.phone-mode.ipad-detail .tag-row .price-unit-inline-note:not(.is-fallback-note)::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .tag-row .price-unit-inline-note:not(.is-fallback-note) {
  font-size: 10.4px !important;
  padding-left: 6px !important;
}
}

body.phone-mode.ipad-detail .tag-row .price-unit-inline-note:not(.is-fallback-note) {
  font-size: 10.2px !important;
  opacity: 0.78 !important;
  font-weight: 520 !important;
  padding-left: 7px !important;
}

body.phone-mode.ipad-detail .price-unit-inline-note.is-fallback-note {
  font-size: 10.2px !important;
  opacity: 0.78 !important;
  font-weight: 520 !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .tag-row .price-unit-inline-note:not(.is-fallback-note),
  body.phone-mode.ipad-detail .price-unit-inline-note.is-fallback-note {
  font-size: 9.8px !important;
  padding-left: 5px !important;
}
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 8px !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row > .tag-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 0 !important;
  row-gap: 3px !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(207, 190, 154, 0.72) !important;
  -webkit-text-fill-color: rgba(207, 190, 154, 0.72) !important;
  font-size: 10.2px !important;
  line-height: 1.25 !important;
  font-weight: 520 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
  opacity: 0.78 !important;
  pointer-events: none !important;
  transform: translateY(-1px);
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-fallback-row {
  grid-template-columns: 1fr auto !important;
  margin-top: 7px !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-fallback-row > .price-unit-inline-note {
  grid-column: 2 !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row + .price-row,
body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row + .whisky-price-row {
  padding-top: 7px !important;
  margin-top: 7px !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  column-gap: 7px !important;
  row-gap: 5px !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-abv-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(214, 188, 132, 0.42) !important;
  background: rgba(20, 15, 10, 0.42) !important;
  color: rgba(214, 188, 132, 0.9) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.9) !important;
  font-size: 11.4px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  transform: translateY(-1px);
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line {
  column-gap: 6px !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-abv-badge {
  min-height: 22px !important;
  padding: 0 8px !important;
  font-size: 10.8px !important;
}
}

body.phone-mode.ipad-detail .tag-row .price-unit-inline-note {
  display: none !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.phone-mode.ipad-detail .whisky-tag-block,
body.phone-mode.ipad-detail .tasting-tag-block,
body.phone-mode.ipad-detail .cocktail-tag-block,
body.phone-mode.ipad-detail .drinks-tag-block {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row > .tag-row {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  align-content: center !important;
  gap: 0 !important;
  row-gap: 2px !important;
  text-align: left !important;
  white-space: normal !important;
  line-height: 1.34 !important;
  overflow: visible !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row > .tag-row .tag {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(214, 188, 132, 0.92) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.92) !important;
  font-size: 11px !important;
  line-height: 1.34 !important;
  font-weight: 640 !important;
  letter-spacing: -0.015em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row > .tag-row .tag + .tag::before {
  content: "·" !important;
  display: inline-block !important;
  margin: 0 5px !important;
  color: rgba(214, 188, 132, 0.58) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.58) !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(207, 190, 154, 0.72) !important;
  -webkit-text-fill-color: rgba(207, 190, 154, 0.72) !important;
  font-size: 10.2px !important;
  line-height: 1.25 !important;
  font-weight: 520 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
  text-align: right !important;
  opacity: 0.78 !important;
  pointer-events: none !important;
  transform: translateY(-1px);
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row + .price-row,
body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row + .whisky-price-row {
  margin-top: 6px !important;
  padding-top: 7px !important;
}

body.phone-mode.ipad-detail .price-unit-inline-note.is-fallback-note {
  display: none !important;
}

body.phone-mode.ipad-detail .cocktail-card .card-meta-row.is-price-unit-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body.phone-mode.ipad-detail .cocktail-card .card-meta-row.is-price-unit-row > .tag-row {
  justify-content: flex-start !important;
  text-align: left !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row {
  column-gap: 6px !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row > .tag-row .tag {
  font-size: 10.6px !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row > .tag-row .tag + .tag::before {
  margin: 0 4px !important;
}

body.phone-mode.ipad-detail .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  font-size: 9.8px !important;
}
}

body.phone-mode.ipad-detail .mini-card.whisky-card,
body.phone-mode.ipad-detail .mini-card.tasting-card,
body.phone-mode.ipad-detail .mini-card.cocktail-card,
body.phone-mode.ipad-detail .mini-card.drinks-card,
body.phone-mode.ipad-detail .mini-card.food-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}

body.phone-mode.ipad-detail .card-bottom {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .card-bottom .whisky-tag-block,
body.phone-mode.ipad-detail .card-bottom .tasting-tag-block,
body.phone-mode.ipad-detail .card-bottom .cocktail-tag-block,
body.phone-mode.ipad-detail .card-bottom .drinks-tag-block {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  text-align: left !important;
}

body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row > .tag-row {
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  align-content: center !important;
  gap: 0 !important;
  row-gap: 2px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  line-height: 1.34 !important;
  overflow: visible !important;
}

body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row > .tag-row.is-empty-tag-row {
  min-width: 1px !important;
}

body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row > .tag-row .tag {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(214, 188, 132, 0.92) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.92) !important;
  font-size: 11px !important;
  line-height: 1.34 !important;
  font-weight: 640 !important;
  letter-spacing: -0.015em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row > .tag-row .tag + .tag::before {
  content: "·" !important;
  display: inline-block !important;
  margin: 0 5px !important;
  color: rgba(214, 188, 132, 0.58) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.58) !important;
}

body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(207, 190, 154, 0.72) !important;
  -webkit-text-fill-color: rgba(207, 190, 154, 0.72) !important;
  font-size: 10.2px !important;
  line-height: 1.25 !important;
  font-weight: 520 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
  text-align: right !important;
  opacity: 0.78 !important;
  pointer-events: none !important;
  transform: translateY(-1px);
}

body.phone-mode.ipad-detail .card-bottom > .price-row,
body.phone-mode.ipad-detail .card-bottom > .whisky-price-row {
  width: 100% !important;
  margin-top: 6px !important;
  padding-top: 7px !important;
}

body.phone-mode.ipad-detail .ipad-content article > .card-bottom > .price-row,
body.phone-mode.ipad-detail .content-frame article > .card-bottom > .price-row,
body.phone-mode.ipad-detail .ipad-content article.mini-card > .card-bottom > .price-row,
body.phone-mode.ipad-detail .content-frame article.mini-card > .card-bottom > .price-row {
  padding-top: 7px !important;
  gap: 10px !important;
  align-items: flex-end !important;
}

body.phone-mode.ipad-detail .cocktail-card .card-bottom .card-meta-row.is-price-unit-row > .tag-row {
  justify-content: flex-start !important;
  text-align: left !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row {
  column-gap: 6px !important;
}

body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row > .tag-row .tag {
  font-size: 10.6px !important;
}

body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row > .tag-row .tag + .tag::before {
  margin: 0 4px !important;
}

body.phone-mode.ipad-detail .card-bottom .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  font-size: 9.8px !important;
}
}

body.phone-mode.ipad-detail .mini-card.whisky-card,
body.phone-mode.ipad-detail .mini-card.tasting-card,
body.phone-mode.ipad-detail .mini-card.cocktail-card,
body.phone-mode.ipad-detail .mini-card.drinks-card,
body.phone-mode.ipad-detail .mini-card.food-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  min-height: 0 !important;
  height: auto !important;
}

body.phone-mode.ipad-detail .card-bottom .whisky-tag-block,
body.phone-mode.ipad-detail .card-bottom .tasting-tag-block,
body.phone-mode.ipad-detail .card-bottom .cocktail-tag-block,
body.phone-mode.ipad-detail .card-bottom .drinks-tag-block {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.phone-mode.ipad-detail .card-bottom {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row {
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  align-content: center !important;
  gap: 0 !important;
  row-gap: 1px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  line-height: 1.22 !important;
  overflow: visible !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(214, 188, 132, 0.92) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.92) !important;
  font-size: 11px !important;
  line-height: 1.22 !important;
  font-weight: 640 !important;
  letter-spacing: -0.015em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag + .tag::before {
  content: "·" !important;
  display: inline-block !important;
  margin: 0 3px !important;
  color: rgba(214, 188, 132, 0.58) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.58) !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(207, 190, 154, 0.72) !important;
  -webkit-text-fill-color: rgba(207, 190, 154, 0.72) !important;
  font-size: 10.2px !important;
  line-height: 1.2 !important;
  font-weight: 520 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
  text-align: right !important;
  opacity: 0.78 !important;
  pointer-events: none !important;
  transform: translateY(-1px);
}

body.phone-mode.ipad-detail .card-bottom > .price-row,
body.phone-mode.ipad-detail .card-bottom > .whisky-price-row {
  width: 100% !important;
  margin-top: 4px !important;
  padding-top: 5px !important;
  gap: 10px !important;
  align-items: flex-end !important;
}

body.phone-mode.ipad-detail .ipad-content article > .card-bottom > .price-row,
body.phone-mode.ipad-detail .content-frame article > .card-bottom > .price-row,
body.phone-mode.ipad-detail .ipad-content article.mini-card > .card-bottom > .price-row,
body.phone-mode.ipad-detail .content-frame article.mini-card > .card-bottom > .price-row {
  margin-top: 4px !important;
  padding-top: 5px !important;
}

body.phone-mode.ipad-detail .tag-row .price-unit-inline-note,
body.phone-mode.ipad-detail .price-unit-inline-note.is-fallback-note {
  display: none !important;
}

body.phone-mode.ipad-detail .cocktail-card .card-bottom {
  margin-top: 9px !important;
}

body.phone-mode.ipad-detail .cocktail-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row {
  justify-content: flex-start !important;
  text-align: left !important;
  row-gap: 1px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag {
  font-size: 10.6px !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag + .tag::before {
  margin: 0 3px !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  font-size: 9.8px !important;
}
}

body.phone-mode.ipad-detail .mini-card .card-main {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
body.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
body.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 70px !important;
  gap: 10px !important;
  align-items: start !important;
}

body.phone-mode.ipad-detail .mini-card .card-main.menu-card-top-row,
body.phone-mode.ipad-detail .mini-card .card-main.cocktail-top-row,
body.phone-mode.ipad-detail .mini-card .card-main.whisky-top-row {
  margin: 0 !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .mini-card .card-text-block,
body.phone-mode.ipad-detail .mini-card .menu-card-text-block,
body.phone-mode.ipad-detail .mini-card .cocktail-text-block,
body.phone-mode.ipad-detail .mini-card .whisky-text-block {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .card-main .menu-image-wrap,
body.phone-mode.ipad-detail .card-main .tasting-image-wrap,
body.phone-mode.ipad-detail .card-main .food-image-wrap,
body.phone-mode.ipad-detail .card-main .drinks-image-wrap,
body.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
body.phone-mode.ipad-detail .card-main .whisky-image-wrap {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  margin: 0 !important;
  justify-self: end !important;
  align-self: start !important;
  border-radius: 12px !important;
}

body.phone-mode.ipad-detail .mini-card .card-description {
  margin: 0 !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
body.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.48 !important;
  letter-spacing: -0.015em !important;
}

body.phone-mode.ipad-detail .mini-card .card-description .desc-line {
  line-height: inherit !important;
}

body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-en {
  margin-top: 7px !important;
  font-size: 12px !important;
  line-height: 1.46 !important;
}

body.phone-mode.ipad-detail .mini-card .card-text-block h3,
body.phone-mode.ipad-detail .mini-card .menu-card-text-block h3,
body.phone-mode.ipad-detail .mini-card .cocktail-text-block h3,
body.phone-mode.ipad-detail .mini-card .whisky-text-block h3 {
  margin-bottom: 7px !important;
}

body.phone-mode.ipad-detail .mini-card .card-bottom {
  margin-top: 8px !important;
}

body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row {
  grid-template-columns: minmax(0, 1fr) 70px !important;
  gap: 10px !important;
  align-items: start !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
  body.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
  body.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main,
  body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row {
  grid-template-columns: minmax(0, 1fr) 64px !important;
  gap: 9px !important;
}

body.phone-mode.ipad-detail .card-main .menu-image-wrap,
  body.phone-mode.ipad-detail .card-main .tasting-image-wrap,
  body.phone-mode.ipad-detail .card-main .food-image-wrap,
  body.phone-mode.ipad-detail .card-main .drinks-image-wrap,
  body.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
  body.phone-mode.ipad-detail .card-main .whisky-image-wrap {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
}
}

body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
body.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko {
  font-size: 14px !important;
  line-height: 1.48 !important;
}

body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-en {
  font-size: 14px !important;
  line-height: 1.46 !important;
}

body.phone-mode.ipad-detail .mini-card.whisky-card,
body.phone-mode.ipad-detail .mini-card.tasting-card,
body.phone-mode.ipad-detail .mini-card.cocktail-card,
body.phone-mode.ipad-detail .mini-card.drinks-card,
body.phone-mode.ipad-detail .mini-card.food-card {
  padding-top: 15px !important;
  padding-bottom: 14px !important;
}

body.phone-mode.ipad-detail .mini-card .card-bottom {
  margin-top: 3px !important;
}

body.phone-mode.ipad-detail .cocktail-card .card-bottom {
  margin-top: 3px !important;
}

body.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
body.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
body.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main,
body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row {
  grid-template-columns: minmax(0, 1fr) 64px !important;
  gap: 9px !important;
}

body.phone-mode.ipad-detail .card-main .menu-image-wrap,
body.phone-mode.ipad-detail .card-main .tasting-image-wrap,
body.phone-mode.ipad-detail .card-main .food-image-wrap,
body.phone-mode.ipad-detail .card-main .drinks-image-wrap,
body.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
body.phone-mode.ipad-detail .card-main .whisky-image-wrap {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
}

body.phone-mode.ipad-detail .mini-card .card-text-block h3,
body.phone-mode.ipad-detail .mini-card .menu-card-text-block h3,
body.phone-mode.ipad-detail .mini-card .cocktail-text-block h3,
body.phone-mode.ipad-detail .mini-card .whisky-text-block h3 {
  margin-bottom: 6px !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row {
  margin-top: 0 !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  line-height: 1.18 !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
  body.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
  body.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main,
  body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row {
  grid-template-columns: minmax(0, 1fr) 60px !important;
  gap: 8px !important;
}

body.phone-mode.ipad-detail .card-main .menu-image-wrap,
  body.phone-mode.ipad-detail .card-main .tasting-image-wrap,
  body.phone-mode.ipad-detail .card-main .food-image-wrap,
  body.phone-mode.ipad-detail .card-main .drinks-image-wrap,
  body.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
  body.phone-mode.ipad-detail .card-main .whisky-image-wrap {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
}
}

body.phone-mode.ipad-detail .card-grid > article,
body.phone-mode.ipad-detail .card-grid > .mini-card,
body.phone-mode.ipad-detail .mini-card.whisky-card,
body.phone-mode.ipad-detail .mini-card.tasting-card,
body.phone-mode.ipad-detail .mini-card.cocktail-card,
body.phone-mode.ipad-detail .mini-card.drinks-card,
body.phone-mode.ipad-detail .mini-card.food-card {
  min-height: 0 !important;
  height: auto !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
}

body.phone-mode.ipad-detail .mini-card .card-main,
body.phone-mode.ipad-detail .mini-card .whisky-top-row,
body.phone-mode.ipad-detail .mini-card .tasting-top-row,
body.phone-mode.ipad-detail .mini-card .menu-card-top-row,
body.phone-mode.ipad-detail .mini-card .cocktail-top-row,
body.phone-mode.ipad-detail .mini-card .drinks-top-row,
body.phone-mode.ipad-detail .mini-card .food-top-row {
  min-height: 0 !important;
  height: auto !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
  align-items: start !important;
}

body.phone-mode.ipad-detail .mini-card .card-text-block,
body.phone-mode.ipad-detail .mini-card .whisky-text-block,
body.phone-mode.ipad-detail .mini-card .tasting-text-block,
body.phone-mode.ipad-detail .mini-card .menu-card-text-block,
body.phone-mode.ipad-detail .mini-card .cocktail-text-block,
body.phone-mode.ipad-detail .mini-card .drinks-text-block,
body.phone-mode.ipad-detail .mini-card .food-text-block {
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;
}

body.phone-mode.ipad-detail .mini-card .card-description,
body.phone-mode.ipad-detail .mini-card .bilingual-description,
body.phone-mode.ipad-detail .mini-card .menu-desc-ko,
body.phone-mode.ipad-detail .mini-card .cocktail-desc-ko {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.phone-mode.ipad-detail .mini-card .menu-desc-en[hidden] {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .mini-card .menu-desc-en:not([hidden]) {
  display: block !important;
  height: auto !important;
  margin-top: 7px !important;
}

body.phone-mode.ipad-detail .mini-card .card-bottom {
  min-height: 0 !important;
  height: auto !important;
  margin-top: 2px !important;
  padding-top: 0 !important;
}

body.phone-mode.ipad-detail .whisky-tag-block,
body.phone-mode.ipad-detail .tasting-tag-block,
body.phone-mode.ipad-detail .cocktail-tag-block,
body.phone-mode.ipad-detail .drinks-tag-block,
body.phone-mode.ipad-detail .food-tag-block {
  min-height: 0 !important;
  height: auto !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.phone-mode.ipad-detail .mini-card .card-meta-row,
body.phone-mode.ipad-detail .mini-card .price-row,
body.phone-mode.ipad-detail .mini-card .whisky-price-row {
  min-height: 0 !important;
  height: auto !important;
}

body.phone-mode.ipad-detail .card-bottom > .price-row,
body.phone-mode.ipad-detail .card-bottom > .whisky-price-row,
body.phone-mode.ipad-detail .ipad-content article > .card-bottom > .price-row,
body.phone-mode.ipad-detail .content-frame article > .card-bottom > .price-row,
body.phone-mode.ipad-detail .ipad-content article.mini-card > .card-bottom > .price-row,
body.phone-mode.ipad-detail .content-frame article.mini-card > .card-bottom > .price-row {
  margin-top: 2px !important;
  padding-top: 4px !important;
}

body.phone-mode.ipad-detail .mini-card .menu-image-wrap,
body.phone-mode.ipad-detail .mini-card .tasting-image-wrap,
body.phone-mode.ipad-detail .mini-card .food-image-wrap,
body.phone-mode.ipad-detail .mini-card .drinks-image-wrap,
body.phone-mode.ipad-detail .mini-card .cocktail-image-wrap,
body.phone-mode.ipad-detail .mini-card .whisky-image-wrap {
  align-self: start !important;
  margin-bottom: 0 !important;
}

body.phone-mode.ipad-detail .mini-card:has(.menu-desc-en:not([hidden])),
body.phone-mode.ipad-detail .mini-card:has(.cocktail-desc-ko:not([hidden])) {
  min-height: 0 !important;
  height: auto !important;
}

body.phone-mode.ipad-detail .mini-card .card-bottom,
body.phone-mode.ipad-detail .cocktail-card .card-bottom {
  margin-top: 7px !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row {
  align-items: baseline !important;
  column-gap: 8px !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row {
  align-items: baseline !important;
  align-content: baseline !important;
  line-height: 1.24 !important;
  row-gap: 2px !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag {
  line-height: 1.24 !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  align-self: baseline !important;
  font-size: 11.2px !important;
  line-height: 1.24 !important;
  transform: none !important;
  opacity: 0.78 !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row {
  column-gap: 6px !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  font-size: 10.8px !important;
  line-height: 1.24 !important;
  transform: none !important;
}
}

body.phone-mode.ipad-detail .mini-card .card-bottom,
body.phone-mode.ipad-detail .cocktail-card .card-bottom {
  margin-top: 6px !important;
}

body.phone-mode.ipad-detail .card-bottom > .price-row,
body.phone-mode.ipad-detail .card-bottom > .whisky-price-row,
body.phone-mode.ipad-detail .ipad-content article > .card-bottom > .price-row,
body.phone-mode.ipad-detail .content-frame article > .card-bottom > .price-row,
body.phone-mode.ipad-detail .ipad-content article.mini-card > .card-bottom > .price-row,
body.phone-mode.ipad-detail .content-frame article.mini-card > .card-bottom > .price-row {
  margin-top: 3px !important;
  padding-top: 4px !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  font-size: 12.2px !important;
  line-height: 1.24 !important;
  transform: none !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  font-size: 11.8px !important;
  line-height: 1.24 !important;
  transform: none !important;
}
}

body.phone-mode.ipad-detail .whisky-price-row {
  align-items: baseline !important;
}

body.phone-mode.ipad-detail .whisky-price-row > .whisky-shot-price,
body.phone-mode.ipad-detail .whisky-price-row > .whisky-bottle-price {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .whisky-price-row .whisky-price-unit {
  display: inline !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
  opacity: 0.76 !important;
  letter-spacing: -0.03em !important;
}

body.phone-mode.ipad-detail .whisky-price-row .whisky-price-amount {
  display: inline !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .whisky-price-row.has-bottle-only > .whisky-bottle-price {
  justify-self: end !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .whisky-price-row > .whisky-shot-price,
  body.phone-mode.ipad-detail .whisky-price-row > .whisky-bottle-price,
  body.phone-mode.ipad-detail .whisky-price-row .whisky-price-unit,
  body.phone-mode.ipad-detail .whisky-price-row .whisky-price-amount {
  font-size: 14.4px !important;
}

body.phone-mode.ipad-detail .whisky-price-row > .whisky-shot-price,
  body.phone-mode.ipad-detail .whisky-price-row > .whisky-bottle-price {
  gap: 4px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 10px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.025em !important;
  color: rgba(245, 236, 220, 0.88) !important;
  -webkit-text-fill-color: rgba(245, 236, 220, 0.88) !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-shot-price {
  justify-self: start !important;
  text-align: left !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-bottle-price {
  justify-self: end !important;
  text-align: right !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-unit,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-amount {
  display: inline !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-unit {
  opacity: 0.76 !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-amount {
  opacity: 1 !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-shot-price-placeholder {
  display: block !important;
  visibility: hidden !important;
  width: 1px !important;
  min-width: 1px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell,
  body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-unit,
  body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-amount {
  font-size: 14.6px !important;
  line-height: 1.22 !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell {
  gap: 4px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-unit,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-amount {
  font-size: 13px !important;
  line-height: 1.22 !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell,
  body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-unit,
  body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-amount {
  font-size: 12.6px !important;
  line-height: 1.22 !important;
}
}

body.phone-mode.ipad-detail .detail-price-row,
body.phone-mode.ipad-detail .card-bottom > .detail-price-row,
body.phone-mode.ipad-detail .card-bottom > .price-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 3px !important;
  padding-top: 4px !important;
}

body.phone-mode.ipad-detail .detail-price-row > .detail-price-label,
body.phone-mode.ipad-detail .detail-price-row > .detail-price-value,
body.phone-mode.ipad-detail .detail-price-row > .price-label,
body.phone-mode.ipad-detail .detail-price-row > .price-value {
  font-size: 13px !important;
  line-height: 1.24 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .detail-price-row > .detail-price-value,
body.phone-mode.ipad-detail .detail-price-row > .price-value {
  text-align: right !important;
  justify-self: end !important;
  font-variant-numeric: tabular-nums !important;
}

body.phone-mode.ipad-detail .detail-price-row > .detail-price-label,
body.phone-mode.ipad-detail .detail-price-row > .price-label {
  color: rgba(238, 232, 220, 0.72) !important;
  -webkit-text-fill-color: rgba(238, 232, 220, 0.72) !important;
}

body.phone-mode.ipad-detail .detail-price-row > .detail-price-value,
body.phone-mode.ipad-detail .detail-price-row > .price-value {
  color: rgba(245, 236, 220, 0.88) !important;
  -webkit-text-fill-color: rgba(245, 236, 220, 0.88) !important;
}

body.phone-mode.ipad-detail .whisky-price-row.detail-price-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 10px !important;
}

body.phone-mode.ipad-detail .whisky-price-row.detail-price-row > .detail-price-cell,
body.phone-mode.ipad-detail .whisky-price-row.detail-price-row > .whisky-price-cell {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.24 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .whisky-price-row.detail-price-row > .whisky-shot-price {
  justify-self: start !important;
  text-align: left !important;
}

body.phone-mode.ipad-detail .whisky-price-row.detail-price-row > .whisky-bottle-price {
  justify-self: end !important;
  text-align: right !important;
}

body.phone-mode.ipad-detail .whisky-price-row.detail-price-row .whisky-price-unit,
body.phone-mode.ipad-detail .whisky-price-row.detail-price-row .whisky-price-amount {
  display: inline !important;
  font-size: 13px !important;
  line-height: 1.24 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

body.phone-mode.ipad-detail .whisky-price-row.detail-price-row .whisky-price-unit {
  opacity: 0.76 !important;
  color: rgba(238, 232, 220, 0.72) !important;
  -webkit-text-fill-color: rgba(238, 232, 220, 0.72) !important;
}

body.phone-mode.ipad-detail .whisky-price-row.detail-price-row .whisky-price-amount {
  opacity: 1 !important;
  color: rgba(245, 236, 220, 0.88) !important;
  -webkit-text-fill-color: rgba(245, 236, 220, 0.88) !important;
  font-variant-numeric: tabular-nums !important;
}

body.phone-mode.ipad-detail .whisky-price-row.detail-price-row > .whisky-shot-price-placeholder {
  display: block !important;
  visibility: hidden !important;
  width: 1px !important;
  min-width: 1px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .detail-price-row > .detail-price-label,
  body.phone-mode.ipad-detail .detail-price-row > .detail-price-value,
  body.phone-mode.ipad-detail .detail-price-row > .price-label,
  body.phone-mode.ipad-detail .detail-price-row > .price-value,
  body.phone-mode.ipad-detail .whisky-price-row.detail-price-row > .detail-price-cell,
  body.phone-mode.ipad-detail .whisky-price-row.detail-price-row > .whisky-price-cell,
  body.phone-mode.ipad-detail .whisky-price-row.detail-price-row .whisky-price-unit,
  body.phone-mode.ipad-detail .whisky-price-row.detail-price-row .whisky-price-amount {
  font-size: 12.6px !important;
  line-height: 1.24 !important;
}
}

body.phone-mode.ipad-detail .filter-scroll-shell {
  position: sticky !important;
  top: calc(env(safe-area-inset-top) + 8px) !important;
  z-index: 32 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #050403 !important;
  border-top: 1px solid rgba(210, 177, 105, 0.18) !important;
  border-bottom: 1px solid rgba(210, 177, 105, 0.18) !important;
}

body.phone-mode.ipad-detail .whisky-category-filter-shell {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}

body.phone-mode.ipad-detail .whisky-category-filter-shell + .whisky-taste-filter-shell {
  margin-top: -1px !important;
  margin-bottom: 8px !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell > .filter-row,
body.phone-mode.ipad-detail .filter-scroll-shell > .whisky-category-filter,
body.phone-mode.ipad-detail .filter-scroll-shell > .whisky-taste-filter,
body.phone-mode.ipad-detail .filter-scroll-shell > .tasting-filter-row,
body.phone-mode.ipad-detail .filter-scroll-shell > .food-filter-row,
body.phone-mode.ipad-detail .filter-scroll-shell > .cocktail-filter-row,
body.phone-mode.ipad-detail .filter-scroll-shell > .drinks-filter-row {
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell > .filter-row::-webkit-scrollbar {
  display: none !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell::after,
body.phone-mode.ipad-detail .filter-scroll-shell::before {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 42px !important;
  display: flex !important;
  align-items: center !important;
  z-index: 5 !important;
  pointer-events: none !important;
  color: rgba(216, 180, 106, 0.92) !important;
  font-size: 19px !important;
  line-height: 1 !important;
  opacity: 0 !important;
  transition: opacity 160ms ease !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell::after {
  content: "›" !important;
  right: 0 !important;
  justify-content: flex-end !important;
  padding-right: 7px !important;
  background: linear-gradient(90deg, rgba(5, 4, 3, 0), rgba(5, 4, 3, 0.9) 54%, #050403 100%) !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell::before {
  content: "‹" !important;
  left: 0 !important;
  justify-content: flex-start !important;
  padding-left: 7px !important;
  background: linear-gradient(90deg, #050403 0%, rgba(5, 4, 3, 0.9) 46%, rgba(5, 4, 3, 0)) !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell.has-right-hint::after,
body.phone-mode.ipad-detail .filter-scroll-shell.has-left-hint::before {
  opacity: 1 !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell > .filter-row {
  scroll-padding-left: 32px !important;
  scroll-padding-right: 32px !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell > .filter-row::before,
body.phone-mode.ipad-detail .filter-scroll-shell > .filter-row::after {
  content: "" !important;
  flex: 0 0 2px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .filter-scroll-shell .whisky-category-filter,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .filter-scroll-shell .whisky-taste-filter,
body.phone-mode.ipad-detail .filter-scroll-shell .tasting-filter-row,
body.phone-mode.ipad-detail .filter-scroll-shell .cocktail-filter-row,
body.phone-mode.ipad-detail .filter-scroll-shell .drinks-filter-row,
body.phone-mode.ipad-detail .filter-scroll-shell .food-filter-row {
  margin: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .filter-scroll-shell::after,
  body.phone-mode.ipad-detail .filter-scroll-shell::before {
  width: 36px !important;
  font-size: 18px !important;
}
}

body.phone-mode:not(.ipad-detail) .hero-copy-ko {
  display: inline !important;
}

body.phone-mode:not(.ipad-detail) .hero-en-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  height: 22px !important;
  margin-left: 7px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(216, 180, 106, 0.58) !important;
  border-radius: 999px !important;
  background: rgba(15, 11, 7, 0.34) !important;
  color: rgba(238, 213, 154, 0.96) !important;
  -webkit-text-fill-color: rgba(238, 213, 154, 0.96) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  vertical-align: 1px !important;
}

body.phone-mode:not(.ipad-detail) .hero-en-toggle.is-open {
  background: rgba(216, 180, 106, 0.15) !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy-en[hidden] {
  display: none !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy-en {
  display: block !important;
  margin-top: 7px !important;
  font-size: 13.2px !important;
  line-height: 1.42 !important;
  color: rgba(214, 202, 186, 0.68) !important;
  -webkit-text-fill-color: rgba(214, 202, 186, 0.68) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button,
body.phone-mode:not(.ipad-detail) .nav-button.has-nav-illustration,
body.phone-mode:not(.ipad-detail) .nav-button.no-nav-illustration {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 106px !important;
  padding: 15px 10px !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-visual {
  display: none !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-kicker {
  width: 100% !important;
  margin: 0 0 7px !important;
  font-size: 10.4px !important;
  line-height: 1.05 !important;
  letter-spacing: 0.14em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .label {
  width: 100% !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.055em !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .desc {
  display: block !important;
  width: 100% !important;
  margin-top: 8px !important;
  font-size: 10.8px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.035em !important;
  color: rgba(218, 207, 191, 0.68) !important;
  -webkit-text-fill-color: rgba(218, 207, 191, 0.68) !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .nav-button,
  body.phone-mode:not(.ipad-detail) .nav-button.has-nav-illustration,
  body.phone-mode:not(.ipad-detail) .nav-button.no-nav-illustration {
  min-height: 100px !important;
  padding: 13px 8px !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .nav-kicker {
  font-size: 9px !important;
  letter-spacing: 0.115em !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .label {
  font-size: 15.2px !important;
  letter-spacing: -0.065em !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .desc {
  margin-top: 7px !important;
  font-size: 9.9px !important;
  letter-spacing: -0.045em !important;
}
}

body.phone-mode:not(.ipad-detail) .nav-button .desc {
  font-size: 12.8px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.04em !important;
  color: rgba(222, 214, 202, 0.80) !important;
  -webkit-text-fill-color: rgba(222, 214, 202, 0.80) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button,
body.phone-mode:not(.ipad-detail) .nav-button.no-nav-illustration,
body.phone-mode:not(.ipad-detail) .nav-button.has-nav-illustration {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-color: rgba(216, 180, 106, 0.24) !important;
  background: radial-gradient(circle at 50% 0%, rgba(216, 180, 106, 0.055), transparent 46%),
    linear-gradient(180deg, rgba(24, 21, 18, 0.96), rgba(10, 9, 8, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(246, 226, 184, 0.055),
    0 14px 42px rgba(0, 0, 0, 0.25) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0.92 !important;
  background: radial-gradient(circle at 50% 35%, rgba(216, 180, 106, 0.08), transparent 58%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button::after {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  top: 0 !important;
  height: 1px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(238, 213, 154, 0.22), transparent) !important;
  opacity: 0.7 !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="whiskyShot"]::before {
  background: radial-gradient(circle at 18% 18%, rgba(216, 154, 67, 0.15), transparent 54%),
    radial-gradient(circle at 72% 92%, rgba(124, 75, 36, 0.12), transparent 58%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="tasting"]::before {
  background: radial-gradient(circle at 50% 12%, rgba(226, 190, 112, 0.14), transparent 55%),
    radial-gradient(circle at 50% 100%, rgba(92, 58, 28, 0.13), transparent 58%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="whiskyBottle"]::before {
  background: radial-gradient(circle at 82% 76%, rgba(148, 91, 38, 0.16), transparent 58%),
    radial-gradient(circle at 12% 8%, rgba(216, 180, 106, 0.06), transparent 52%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="cocktail"]::before {
  background: radial-gradient(circle at 50% 8%, rgba(177, 92, 52, 0.15), transparent 55%),
    radial-gradient(circle at 86% 86%, rgba(216, 180, 106, 0.07), transparent 54%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="drinks"]::before {
  background: radial-gradient(circle at 16% 82%, rgba(116, 48, 43, 0.13), transparent 56%),
    radial-gradient(circle at 78% 18%, rgba(216, 180, 106, 0.08), transparent 52%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="food"]::before {
  background: radial-gradient(circle at 76% 76%, rgba(174, 118, 55, 0.13), transparent 56%),
    radial-gradient(circle at 20% 20%, rgba(216, 180, 106, 0.07), transparent 52%) !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .nav-button .desc {
  font-size: 11.5px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.045em !important;
}
}

body.phone-mode:not(.ipad-detail) .hero-copy {
  margin-top: 16px !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy,
body.phone-mode:not(.ipad-detail) .hero-copy-ko {
  font-size: 16px !important;
  line-height: 1.52 !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .desc {
  font-size: 14.6px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.055em !important;
  color: rgba(230, 221, 207, 0.86) !important;
  -webkit-text-fill-color: rgba(230, 221, 207, 0.86) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button,
body.phone-mode:not(.ipad-detail) .nav-button.no-nav-illustration,
body.phone-mode:not(.ipad-detail) .nav-button.has-nav-illustration {
  border-color: rgba(216, 180, 106, 0.34) !important;
  background: radial-gradient(circle at 50% 0%, rgba(216, 180, 106, 0.095), transparent 48%),
    linear-gradient(180deg, rgba(29, 25, 20, 0.98), rgba(9, 8, 7, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(246, 226, 184, 0.10),
    inset 0 0 34px rgba(216, 180, 106, 0.035),
    0 15px 44px rgba(0, 0, 0, 0.30) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button::before {
  opacity: 1 !important;
  filter: saturate(1.12) brightness(1.08) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button::after {
  left: 14px !important;
  right: 14px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(238, 213, 154, 0.34), transparent) !important;
  opacity: 0.92 !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="whiskyShot"]::before {
  background: radial-gradient(circle at 18% 18%, rgba(226, 151, 58, 0.25), transparent 56%),
    radial-gradient(circle at 72% 92%, rgba(148, 88, 38, 0.20), transparent 60%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="tasting"]::before {
  background: radial-gradient(circle at 50% 12%, rgba(236, 199, 119, 0.24), transparent 57%),
    radial-gradient(circle at 50% 100%, rgba(120, 72, 31, 0.20), transparent 61%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="whiskyBottle"]::before {
  background: radial-gradient(circle at 82% 76%, rgba(174, 102, 42, 0.25), transparent 60%),
    radial-gradient(circle at 12% 8%, rgba(216, 180, 106, 0.12), transparent 54%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="cocktail"]::before {
  background: radial-gradient(circle at 50% 8%, rgba(190, 92, 48, 0.24), transparent 57%),
    radial-gradient(circle at 86% 86%, rgba(216, 180, 106, 0.13), transparent 56%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="drinks"]::before {
  background: radial-gradient(circle at 16% 82%, rgba(134, 50, 44, 0.22), transparent 58%),
    radial-gradient(circle at 78% 18%, rgba(216, 180, 106, 0.14), transparent 54%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="food"]::before {
  background: radial-gradient(circle at 76% 76%, rgba(188, 122, 50, 0.22), transparent 58%),
    radial-gradient(circle at 20% 20%, rgba(216, 180, 106, 0.13), transparent 54%) !important;
}

body.phone-mode:not(.ipad-detail) .bottom-order {
  margin-top: 14px !important;
  padding: 18px 16px !important;
  min-height: 0 !important;
}

body.phone-mode:not(.ipad-detail) .bottom-order-ko {
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.phone-mode:not(.ipad-detail) .bottom-order-en {
  display: none !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .hero-copy,
  body.phone-mode:not(.ipad-detail) .hero-copy-ko {
  font-size: 15px !important;
}

body.phone-mode:not(.ipad-detail) .nav-button .desc {
  font-size: 13px !important;
  letter-spacing: -0.06em !important;
}

body.phone-mode:not(.ipad-detail) .bottom-order-ko {
  font-size: 14px !important;
}
}

body.phone-mode:not(.ipad-detail) .ipad-hero,
body.phone-mode:not(.ipad-detail) .phone-hero {
  text-align: center !important;
  padding-top: 20px !important;
  padding-bottom: 15px !important;
}

body.phone-mode:not(.ipad-detail) .eyebrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: rgba(216, 180, 106, 0.92) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.92) !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  letter-spacing: 0.34em !important;
  font-weight: 760 !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .eyebrow::before,
body.phone-mode:not(.ipad-detail) .eyebrow::after {
  content: "" !important;
  display: inline-block !important;
  width: 34px !important;
  height: 1px !important;
  margin: 0 12px !important;
  background: linear-gradient(90deg, transparent, rgba(216, 180, 106, 0.52), transparent) !important;
  opacity: 0.82 !important;
}

body.phone-mode:not(.ipad-detail) .hero h1,
body.phone-mode:not(.ipad-detail) .landing-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

body.phone-mode:not(.ipad-detail) .hero h1 > span:not(.landing-title-main):not(.landing-title-sub) {
  display: contents !important;
}

body.phone-mode:not(.ipad-detail) .landing-title-main {
  display: block !important;
  color: rgba(247, 235, 213, 0.98) !important;
  -webkit-text-fill-color: rgba(247, 235, 213, 0.98) !important;
  font-size: clamp(38px, 11.6vw, 52px) !important;
  line-height: 0.92 !important;
  letter-spacing: 0.02em !important;
  font-weight: 820 !important;
  text-shadow: 0 0 22px rgba(216, 180, 106, 0.10),
    0 2px 10px rgba(0, 0, 0, 0.34) !important;
}

body.phone-mode:not(.ipad-detail) .landing-title-sub {
  display: block !important;
  margin-top: 10px !important;
  color: rgba(216, 180, 106, 0.90) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.90) !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.045em !important;
  font-weight: 650 !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy {
  text-align: center !important;
  margin-top: 18px !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy-ko,
body.phone-mode:not(.ipad-detail) .hero-copy-en {
  text-align: center !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .eyebrow {
  font-size: 10.5px !important;
  letter-spacing: 0.29em !important;
}

body.phone-mode:not(.ipad-detail) .eyebrow::before,
  body.phone-mode:not(.ipad-detail) .eyebrow::after {
  width: 28px !important;
  margin: 0 9px !important;
}

body.phone-mode:not(.ipad-detail) .landing-title-main {
  font-size: clamp(34px, 11.2vw, 47px) !important;
}

body.phone-mode:not(.ipad-detail) .landing-title-sub {
  font-size: 16.5px !important;
  margin-top: 9px !important;
}
}

body.phone-mode:not(.ipad-detail) .eyebrow {
  font-size: 14px !important;
  line-height: 1 !important;
  letter-spacing: 0.36em !important;
  font-weight: 780 !important;
}

body.phone-mode:not(.ipad-detail) .landing-title {
  font-size: 0 !important;
}

body.phone-mode:not(.ipad-detail) .landing-title-main {
  display: block !important;
  font-size: clamp(39px, 11.8vw, 54px) !important;
  line-height: 0.92 !important;
  letter-spacing: 0.025em !important;
}

body.phone-mode:not(.ipad-detail) .landing-title-sub {
  display: block !important;
  margin-top: 11px !important;
  font-size: 19px !important;
  line-height: 1.1 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .eyebrow {
  font-size: 12.5px !important;
  letter-spacing: 0.31em !important;
}

body.phone-mode:not(.ipad-detail) .landing-title-main {
  font-size: clamp(35px, 11.4vw, 49px) !important;
}

body.phone-mode:not(.ipad-detail) .landing-title-sub {
  font-size: 17px !important;
}
}

body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-main::before,
body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-main::after,
body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-sub::before,
body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-sub::after,
body.phone-mode:not(.ipad-detail) .landing-title .landing-title-main::before,
body.phone-mode:not(.ipad-detail) .landing-title .landing-title-main::after,
body.phone-mode:not(.ipad-detail) .landing-title .landing-title-sub::before,
body.phone-mode:not(.ipad-detail) .landing-title .landing-title-sub::after {
  content: none !important;
  display: none !important;
}

body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-main,
body.phone-mode:not(.ipad-detail) .landing-title .landing-title-main {
  display: block !important;
  color: rgba(247, 235, 213, 0.98) !important;
  -webkit-text-fill-color: rgba(247, 235, 213, 0.98) !important;
  font-size: clamp(39px, 11.8vw, 54px) !important;
  line-height: 0.92 !important;
  letter-spacing: 0.025em !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-sub,
body.phone-mode:not(.ipad-detail) .landing-title .landing-title-sub {
  display: block !important;
  margin-top: 11px !important;
  color: rgba(216, 180, 106, 0.90) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.90) !important;
  font-size: 19px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.045em !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-main,
  body.phone-mode:not(.ipad-detail) .landing-title .landing-title-main {
  font-size: clamp(35px, 11.4vw, 49px) !important;
}

body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-sub,
  body.phone-mode:not(.ipad-detail) .landing-title .landing-title-sub {
  font-size: 17px !important;
}
}

body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-main,
body.phone-mode:not(.ipad-detail) .landing-title .landing-title-main {
  font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 9.8vw, 42px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0.01em !important;
  font-weight: 700 !important;
  text-transform: none !important;
  color: rgba(247, 235, 213, 0.98) !important;
  -webkit-text-fill-color: rgba(247, 235, 213, 0.98) !important;
  text-shadow: 0 0 18px rgba(216, 180, 106, 0.10),
    0 2px 9px rgba(0, 0, 0, 0.34) !important;
}

body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-sub,
body.phone-mode:not(.ipad-detail) .landing-title .landing-title-sub {
  margin-top: 9px !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
}

body.phone-mode:not(.ipad-detail) .hero-copy {
  margin-top: 17px !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-main,
  body.phone-mode:not(.ipad-detail) .landing-title .landing-title-main {
  font-size: clamp(31px, 9.4vw, 38px) !important;
}

body.phone-mode:not(.ipad-detail) .hero h1.landing-title .landing-title-sub,
  body.phone-mode:not(.ipad-detail) .landing-title .landing-title-sub {
  font-size: 16.5px !important;
}
}

body.phone-mode:not(.ipad-detail) .landing-ops-title,
body.phone-mode:not(.ipad-detail) .landing-ops-title-notice {
  font-size: 17px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.055em !important;
  white-space: nowrap !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .landing-ops-title,
  body.phone-mode:not(.ipad-detail) .landing-ops-title-notice {
  font-size: 15.2px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.065em !important;
}
}

body.phone-mode:not(.ipad-detail) .landing-ops-card,
body.phone-mode:not(.ipad-detail) .landing-ops-card.has-illustration {
  min-height: 89px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .landing-ops-card,
  body.phone-mode:not(.ipad-detail) .landing-ops-card.has-illustration {
  min-height: 82px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
}

body.phone-mode:not(.ipad-detail) .bottom-order {
  padding: 20px 16px 18px !important;
}

body.phone-mode:not(.ipad-detail) .bottom-message-ko {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 15.4px !important;
  line-height: 1.45 !important;
  font-weight: 520 !important;
  letter-spacing: -0.035em !important;
  color: rgba(247, 240, 229, 0.94) !important;
  -webkit-text-fill-color: rgba(247, 240, 229, 0.94) !important;
}

body.phone-mode:not(.ipad-detail) .bottom-message-signature {
  display: block !important;
  width: 100% !important;
  margin-top: 7px !important;
  text-align: center !important;
  font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif !important;
  font-size: 12.8px !important;
  line-height: 1.2 !important;
  font-weight: 520 !important;
  letter-spacing: 0.035em !important;
  color: rgba(216, 180, 106, 0.78) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.78) !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .bottom-message-ko {
  font-size: 14.2px !important;
}

body.phone-mode:not(.ipad-detail) .bottom-message-signature {
  font-size: 12px !important;
}
}

body.phone-mode:not(.ipad-detail) .landing-ops-card,
body.phone-mode:not(.ipad-detail) .landing-ops-card.has-illustration {
  min-height: 80px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .landing-ops-card,
  body.phone-mode:not(.ipad-detail) .landing-ops-card.has-illustration {
  min-height: 74px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
}

body.phone-mode:not(.ipad-detail) .bottom-message-signature {
  font-size: 14.8px !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .bottom-message-signature {
  font-size: 14px !important;
}
}

body.phone-mode:not(.ipad-detail) .bottom-order {
  padding: 14px 14px 13px !important;
  margin-top: 12px !important;
}

body.phone-mode:not(.ipad-detail) .bottom-message-ko {
  line-height: 1.32 !important;
}

body.phone-mode:not(.ipad-detail) .bottom-message-signature {
  margin-top: 3px !important;
  line-height: 1.08 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .bottom-order {
  padding: 13px 12px 12px !important;
}

body.phone-mode:not(.ipad-detail) .bottom-message-signature {
  margin-top: 3px !important;
}
}

body.phone-mode.ipad-detail .bottom-order,
body.phone-mode.ipad-detail .ipad-bottom-order,
body.phone-mode.ipad-detail .phone-bottom-order {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order {
  display: block !important;
  visibility: visible !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 28px 0 24px !important;
  padding: 0 !important;
  border: 1px solid rgba(216, 180, 106, 0.38) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 18% 0%, rgba(216, 180, 106, 0.10), transparent 48%),
    linear-gradient(180deg, rgba(33, 28, 21, 0.74), rgba(14, 12, 10, 0.86)) !important;
  box-shadow: inset 0 1px 0 rgba(246, 226, 184, 0.08),
    0 14px 36px rgba(0, 0, 0, 0.20) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card,
body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card.has-illustration {
  min-height: 68px !important;
  height: 68px !important;
  padding: 10px 6px 9px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: visible !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card + .landing-ops-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 15px !important;
  bottom: 15px !important;
  width: 1px !important;
  background: linear-gradient(180deg, transparent, rgba(216, 180, 106, 0.36), transparent) !important;
  opacity: 0.88 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card::after {
  content: "" !important;
  position: absolute !important;
  left: 15% !important;
  right: 15% !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(238, 213, 154, 0.20), transparent) !important;
  opacity: 0.65 !important;
  pointer-events: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card:active,
body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card:hover {
  background: radial-gradient(circle at 50% 24%, rgba(216, 180, 106, 0.12), transparent 58%),
    rgba(216, 180, 106, 0.035) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card .landing-ops-kicker {
  display: block !important;
  margin: 0 0 6px !important;
  color: rgba(246, 226, 184, 0.92) !important;
  -webkit-text-fill-color: rgba(246, 226, 184, 0.92) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  letter-spacing: 0.22em !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card .landing-ops-title,
body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card .landing-ops-title-notice {
  display: block !important;
  color: rgba(248, 242, 232, 0.96) !important;
  -webkit-text-fill-color: rgba(248, 242, 232, 0.96) !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.055em !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-ops-grid {
  margin: 24px 0 21px !important;
  border-radius: 22px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card,
  body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card.has-illustration {
  min-height: 62px !important;
  height: 62px !important;
  padding: 9px 4px 8px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card .landing-ops-kicker {
  font-size: 9.6px !important;
  letter-spacing: 0.18em !important;
  margin-bottom: 5px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card .landing-ops-title,
  body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card .landing-ops-title-notice {
  font-size: 15.2px !important;
  letter-spacing: -0.065em !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-grid {
  margin: 24px 0 22px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card,
body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card.has-illustration {
  min-height: 58px !important;
  height: 58px !important;
  padding: 7px 6px 6px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card .landing-ops-kicker {
  margin-bottom: 4px !important;
  line-height: 1 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card .landing-ops-title,
body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card .landing-ops-title-notice {
  line-height: 1.05 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card + .landing-ops-card::before {
  top: 10px !important;
  bottom: 10px !important;
  width: 1px !important;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(246, 226, 184, 0.18),
    rgba(216, 180, 106, 0.72),
    rgba(246, 226, 184, 0.18),
    transparent
  ) !important;
  opacity: 1 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-ops-grid {
  margin: 22px 0 20px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card,
  body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card.has-illustration {
  min-height: 54px !important;
  height: 54px !important;
  padding: 6px 4px 5px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-card + .landing-ops-card::before {
  top: 9px !important;
  bottom: 9px !important;
}
}

body.phone-mode:not(.ipad-detail) .nav-button,
body.phone-mode:not(.ipad-detail) .nav-button.no-nav-illustration,
body.phone-mode:not(.ipad-detail) .nav-button.has-nav-illustration {
  border-color: rgba(216, 180, 106, 0.28) !important;
  background: radial-gradient(circle at 50% 0%, rgba(216, 180, 106, 0.052), transparent 50%),
    linear-gradient(180deg, rgba(25, 22, 18, 0.98), rgba(9, 8, 7, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(246, 226, 184, 0.075),
    inset 0 0 24px rgba(216, 180, 106, 0.018),
    0 13px 34px rgba(0, 0, 0, 0.27) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button::before {
  opacity: 0.72 !important;
  filter: saturate(0.92) brightness(0.90) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button::after {
  background: linear-gradient(90deg, transparent, rgba(238, 213, 154, 0.22), transparent) !important;
  opacity: 0.68 !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="whiskyShot"]::before {
  background: radial-gradient(circle at 18% 18%, rgba(226, 151, 58, 0.145), transparent 58%),
    radial-gradient(circle at 72% 92%, rgba(148, 88, 38, 0.115), transparent 62%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="tasting"]::before {
  background: radial-gradient(circle at 50% 12%, rgba(236, 199, 119, 0.14), transparent 58%),
    radial-gradient(circle at 50% 100%, rgba(120, 72, 31, 0.11), transparent 62%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="whiskyBottle"]::before {
  background: radial-gradient(circle at 82% 76%, rgba(174, 102, 42, 0.145), transparent 61%),
    radial-gradient(circle at 12% 8%, rgba(216, 180, 106, 0.07), transparent 56%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="cocktail"]::before {
  background: radial-gradient(circle at 50% 8%, rgba(190, 92, 48, 0.14), transparent 58%),
    radial-gradient(circle at 86% 86%, rgba(216, 180, 106, 0.075), transparent 58%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="drinks"]::before {
  background: radial-gradient(circle at 16% 82%, rgba(134, 50, 44, 0.13), transparent 60%),
    radial-gradient(circle at 78% 18%, rgba(216, 180, 106, 0.08), transparent 56%) !important;
}

body.phone-mode:not(.ipad-detail) .nav-button[data-page="food"]::before {
  background: radial-gradient(circle at 76% 76%, rgba(188, 122, 50, 0.13), transparent 60%),
    radial-gradient(circle at 20% 20%, rgba(216, 180, 106, 0.075), transparent 56%) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy {
  margin-top: 17px !important;
  margin-bottom: var(--landing-section-gap) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .page-shell {
  padding-bottom: calc(58px + env(safe-area-inset-bottom)) !important;
}

body.phone-mode:not(.ipad-detail).is-landing {
  --landing-section-gap: 20px;
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-hero,
body.phone-mode:not(.ipad-detail).is-landing .phone-hero,
body.phone-mode:not(.ipad-detail).is-landing .hero {
  padding-bottom: 0 !important;
  margin-bottom: var(--landing-section-gap) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy {
  margin-bottom: 0 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-grid {
  margin-top: 0 !important;
  margin-bottom: var(--landing-section-gap) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
body.phone-mode:not(.ipad-detail).is-landing .phone-nav,
body.phone-mode:not(.ipad-detail).is-landing .quick-nav {
  margin-top: 0 !important;
  margin-bottom: var(--landing-section-gap) !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing {
  --landing-section-gap: 18px;
}
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 13.4px !important;
  line-height: 1.38 !important;
  font-weight: 460 !important;
  letter-spacing: -0.04em !important;
  color: rgba(218, 207, 191, 0.72) !important;
  -webkit-text-fill-color: rgba(218, 207, 191, 0.72) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note strong {
  color: rgba(238, 213, 154, 0.98) !important;
  -webkit-text-fill-color: rgba(238, 213, 154, 0.98) !important;
  font-weight: 760 !important;
  text-shadow: 0 0 10px rgba(214, 163, 83, 0.10) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .quick-nav {
  margin-bottom: calc(var(--landing-section-gap) - 4px) !important;
}

body.phone-mode.ipad-detail .landing-help-note,
body.phone-mode:not(.is-landing) .landing-help-note {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-help-note {
  font-size: 12.6px !important;
  line-height: 1.35 !important;
  margin-bottom: 7px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note {
  font-size: 16px !important;
  line-height: 1.52 !important;
  letter-spacing: -0.04em !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-help-note {
  font-size: 15px !important;
  line-height: 1.5 !important;
}
}

body.phone-mode.ipad-detail {
  --detail-card-title-font: 17px;
  --detail-card-desc-font: 15px;
  --detail-card-tag-font: 12px;
  --detail-card-price-font: 14px;
  --detail-card-price-unit-font: 13.2px;
  --detail-card-abv-badge-font: 12.4px;
  --detail-card-en-toggle-font: 11px;
}

body.phone-mode.ipad-detail .mini-card h3,
body.phone-mode.ipad-detail .mini-card .title-with-en,
body.phone-mode.ipad-detail .mini-card .cocktail-title-line,
body.phone-mode.ipad-detail .mini-card .whisky-card-title,
body.phone-mode.ipad-detail .mini-card .tasting-card-title,
body.phone-mode.ipad-detail .mini-card .food-title,
body.phone-mode.ipad-detail .mini-card .drinks-title {
  font-size: var(--detail-card-title-font) !important;
  line-height: 1.32 !important;
}

body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
body.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko,
body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko-text,
body.phone-mode.ipad-detail .mini-card .card-description .desc-line,
body.phone-mode.ipad-detail .mini-card .card-description .cocktail-note-line,
body.phone-mode.ipad-detail .mini-card .card-description .cocktail-guide-line,
body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-en {
  font-size: var(--detail-card-desc-font) !important;
}

body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
body.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko {
  line-height: 1.48 !important;
}

body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-en {
  line-height: 1.46 !important;
}

body.phone-mode.ipad-detail .mini-card .en-toggle-button,
body.phone-mode.ipad-detail .mini-card .title-en-toggle {
  font-size: var(--detail-card-en-toggle-font) !important;
}

body.phone-mode.ipad-detail .mini-card .tag-row .tag,
body.phone-mode.ipad-detail .mini-card .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .card-grid.whisky-grid .mini-card.whisky-card .whisky-tag-block .tag-row .tag {
  font-size: var(--detail-card-tag-font) !important;
}

body.phone-mode.ipad-detail .detail-price-row > .detail-price-label,
body.phone-mode.ipad-detail .detail-price-row > .detail-price-value,
body.phone-mode.ipad-detail .detail-price-row > .price-label,
body.phone-mode.ipad-detail .detail-price-row > .price-value,
body.phone-mode.ipad-detail .price-row > .price-label,
body.phone-mode.ipad-detail .price-row > .price-value,
body.phone-mode.ipad-detail .whisky-price-row.detail-price-row > .detail-price-cell,
body.phone-mode.ipad-detail .whisky-price-row.detail-price-row > .whisky-price-cell,
body.phone-mode.ipad-detail .whisky-price-row.detail-price-row .whisky-price-unit,
body.phone-mode.ipad-detail .whisky-price-row.detail-price-row .whisky-price-amount,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-unit,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-price-row > .whisky-price-cell > .whisky-price-amount {
  font-size: var(--detail-card-price-font) !important;
}

body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
body.phone-mode.ipad-detail .mini-card .price-unit-inline-note,
body.phone-mode.ipad-detail .mini-card .price-unit-inline-note.is-fallback-note {
  font-size: var(--detail-card-price-unit-font) !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-abv-badge {
  font-size: var(--detail-card-abv-badge-font) !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail {
  --detail-card-title-font: 17px;
  --detail-card-desc-font: 15px;
  --detail-card-tag-font: 11.6px;
  --detail-card-price-font: 13.6px;
  --detail-card-price-unit-font: 12.8px;
  --detail-card-abv-badge-font: 11.8px;
  --detail-card-en-toggle-font: 11px;
}
}

body.phone-mode.ipad-detail .mini-card .menu-tags,
body.phone-mode.ipad-detail .mini-card .card-tags,
body.phone-mode.ipad-detail .mini-card .tag-list,
body.phone-mode.ipad-detail .mini-card .tags,
body.phone-mode.ipad-detail .mini-card .menu-tag,
body.phone-mode.ipad-detail .mini-card .tag,
body.phone-mode.ipad-detail .mini-card [class*="tag"] {
  font-size: 14px !important;
  line-height: 1.36 !important;
}

body.phone-mode.ipad-detail .mini-card .menu-tags,
body.phone-mode.ipad-detail .mini-card .card-tags,
body.phone-mode.ipad-detail .mini-card .tag-list,
body.phone-mode.ipad-detail .mini-card .tags {
  color: rgba(216, 180, 106, 0.94) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.94) !important;
  font-weight: 680 !important;
  letter-spacing: -0.035em !important;
}

body.phone-mode.ipad-detail .mini-card .price-unit-note,
body.phone-mode.ipad-detail .mini-card .price-note,
body.phone-mode.ipad-detail .mini-card .price-caption,
body.phone-mode.ipad-detail .mini-card .price-unit,
body.phone-mode.ipad-detail .mini-card [class*="price-unit"],
body.phone-mode.ipad-detail .mini-card [class*="price-note"] {
  color: rgba(232, 216, 176, 0.88) !important;
  -webkit-text-fill-color: rgba(232, 216, 176, 0.88) !important;
  opacity: 1 !important;
  font-weight: 520 !important;
}

body.phone-mode.ipad-detail .mini-card .price-value,
body.phone-mode.ipad-detail .mini-card .price-amount,
body.phone-mode.ipad-detail .mini-card [class*="price-value"],
body.phone-mode.ipad-detail .mini-card [class*="price-amount"] {
  color: inherit;
  -webkit-text-fill-color: inherit;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .mini-card .menu-tags,
  body.phone-mode.ipad-detail .mini-card .card-tags,
  body.phone-mode.ipad-detail .mini-card .tag-list,
  body.phone-mode.ipad-detail .mini-card .tags,
  body.phone-mode.ipad-detail .mini-card .menu-tag,
  body.phone-mode.ipad-detail .mini-card .tag,
  body.phone-mode.ipad-detail .mini-card [class*="tag"] {
  font-size: 13px !important;
  line-height: 1.34 !important;
}
}

body.phone-mode.ipad-detail .mini-card .card-meta-row .tag-row .tag {
  font-size: 16px !important;
  line-height: 1.34 !important;
  letter-spacing: -0.04em !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .mini-card .card-meta-row .tag-row .tag {
  font-size: 16px !important;
  line-height: 1.34 !important;
}
}

body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag {
  font-size: 12px !important;
  line-height: 1.36 !important;
  letter-spacing: -0.035em !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
  body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag {
  font-size: 12px !important;
  line-height: 1.36 !important;
}
}

body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row {
  font-size: 20px !important;
  line-height: 1.32 !important;
  letter-spacing: -0.045em !important;
}

body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span {
  font-size: 20px !important;
  line-height: 1.32 !important;
  letter-spacing: -0.045em !important;
}

body.phone-mode.ipad-detail .mini-card .card-bottom .menu-tags,
body.phone-mode.ipad-detail .mini-card .card-bottom .card-tags,
body.phone-mode.ipad-detail .mini-card .card-bottom .tag-list,
body.phone-mode.ipad-detail .mini-card .card-bottom .tags {
  font-size: 20px !important;
  line-height: 1.32 !important;
  letter-spacing: -0.045em !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
  body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
  body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
  body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
  body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
  body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
  body.phone-mode.ipad-detail .mini-card .card-bottom .menu-tags,
  body.phone-mode.ipad-detail .mini-card .card-bottom .card-tags,
  body.phone-mode.ipad-detail .mini-card .card-bottom .tag-list,
  body.phone-mode.ipad-detail .mini-card .card-bottom .tags {
  font-size: 20px !important;
  line-height: 1.32 !important;
}
}

body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row {
  font-size: 15px !important;
  line-height: 1.34 !important;
  letter-spacing: -0.04em !important;
}

body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span {
  font-size: 15px !important;
  line-height: 1.34 !important;
  letter-spacing: -0.04em !important;
}

body.phone-mode.ipad-detail .mini-card .card-bottom .menu-tags,
body.phone-mode.ipad-detail .mini-card .card-bottom .card-tags,
body.phone-mode.ipad-detail .mini-card .card-bottom .tag-list,
body.phone-mode.ipad-detail .mini-card .card-bottom .tags {
  font-size: 15px !important;
  line-height: 1.34 !important;
  letter-spacing: -0.04em !important;
}

body.phone-mode.ipad-detail .mini-card .card-bottom .price-unit-inline-note,
body.phone-mode.ipad-detail .mini-card .card-bottom .price-unit-note,
body.phone-mode.ipad-detail .mini-card .card-bottom .price-note,
body.phone-mode.ipad-detail .mini-card .card-bottom .price-caption,
body.phone-mode.ipad-detail .mini-card .card-bottom [class*="price-unit"],
body.phone-mode.ipad-detail .mini-card .card-bottom [class*="price-note"] {
  font-size: inherit;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
  body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
  body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
  body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
  body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
  body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .tag-row span,
  body.phone-mode.ipad-detail .mini-card .card-bottom .menu-tags,
  body.phone-mode.ipad-detail .mini-card .card-bottom .card-tags,
  body.phone-mode.ipad-detail .mini-card .card-bottom .tag-list,
  body.phone-mode.ipad-detail .mini-card .card-bottom .tags {
  font-size: 15px !important;
  line-height: 1.34 !important;
}
}

body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 590 !important;
  letter-spacing: -0.03em !important;
  color: rgba(242, 224, 184, 0.92) !important;
  -webkit-text-fill-color: rgba(242, 224, 184, 0.92) !important;
  opacity: 1 !important;
  text-shadow: 0 0 8px rgba(216, 180, 106, 0.10) !important;
  transform: none !important;
}

body.phone-mode.ipad-detail .mini-card .card-bottom .price-unit-inline-note {
  font-size: 14px !important;
  line-height: 1.28 !important;
  color: rgba(242, 224, 184, 0.92) !important;
  -webkit-text-fill-color: rgba(242, 224, 184, 0.92) !important;
  opacity: 1 !important;
  font-weight: 590 !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
  body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
  body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
  body.phone-mode.ipad-detail .mini-card .card-bottom .price-unit-inline-note {
  font-size: 14px !important;
  line-height: 1.28 !important;
  color: rgba(242, 224, 184, 0.92) !important;
  -webkit-text-fill-color: rgba(242, 224, 184, 0.92) !important;
  opacity: 1 !important;
}
}

body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
body.phone-mode.ipad-detail .mini-card .card-bottom .price-unit-inline-note {
  font-weight: 400 !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
  body.phone-mode.ipad-detail .mini-card .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
  body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
  body.phone-mode.ipad-detail .mini-card .card-bottom .price-unit-inline-note {
  font-weight: 400 !important;
}
}

body.phone-mode.ipad-detail .mini-card .whisky-price-unit,
body.phone-mode.ipad-detail .card-grid .mini-card .whisky-price-unit,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .whisky-price-unit {
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 400 !important;
  letter-spacing: -0.035em !important;
}

body.phone-mode.ipad-detail .mini-card .whisky-price-amount,
body.phone-mode.ipad-detail .card-grid .mini-card .whisky-price-amount,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .whisky-price-amount {
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
}

body.phone-mode.ipad-detail .mini-card .whisky-price-left .whisky-price-amount,
body.phone-mode.ipad-detail .mini-card .whisky-price-right .whisky-price-amount,
body.phone-mode.ipad-detail .mini-card .shot-price .whisky-price-amount,
body.phone-mode.ipad-detail .mini-card .bottle-price .whisky-price-amount {
  font-weight: 400 !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .mini-card .whisky-price-unit,
  body.phone-mode.ipad-detail .card-grid .mini-card .whisky-price-unit,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .whisky-price-unit {
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 400 !important;
}

body.phone-mode.ipad-detail .mini-card .whisky-price-amount,
  body.phone-mode.ipad-detail .card-grid .mini-card .whisky-price-amount,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .whisky-price-amount {
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 400 !important;
}
}

body.phone-mode.ipad-detail .mini-card .whisky-price-unit,
body.phone-mode.ipad-detail .card-grid .mini-card .whisky-price-unit,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .whisky-price-unit {
  color: rgba(238, 226, 205, 0.84) !important;
  -webkit-text-fill-color: rgba(238, 226, 205, 0.84) !important;
  opacity: 1 !important;
  text-shadow: 0 0 7px rgba(216, 180, 106, 0.08) !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .mini-card .whisky-price-unit,
  body.phone-mode.ipad-detail .card-grid .mini-card .whisky-price-unit,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .whisky-price-unit {
  color: rgba(238, 226, 205, 0.84) !important;
  -webkit-text-fill-color: rgba(238, 226, 205, 0.84) !important;
  opacity: 1 !important;
}
}

body.phone-mode.ipad-detail .mini-card .whisky-price-unit,
body.phone-mode.ipad-detail .card-grid .mini-card .whisky-price-unit,
body.phone-mode.ipad-detail .detail-card-grid .mini-card .whisky-price-unit {
  color: rgba(248, 238, 220, 0.94) !important;
  -webkit-text-fill-color: rgba(248, 238, 220, 0.94) !important;
  opacity: 1 !important;
  text-shadow: 0 0 8px rgba(216, 180, 106, 0.12) !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .mini-card .whisky-price-unit,
  body.phone-mode.ipad-detail .card-grid .mini-card .whisky-price-unit,
  body.phone-mode.ipad-detail .detail-card-grid .mini-card .whisky-price-unit {
  color: rgba(248, 238, 220, 0.94) !important;
  -webkit-text-fill-color: rgba(248, 238, 220, 0.94) !important;
  opacity: 1 !important;
}
}

body.phone-mode.ipad-detail .mini-card.tasting-card .detail-price-row .detail-price-label,
body.phone-mode.ipad-detail .tasting-grid .mini-card .detail-price-row .detail-price-label,
body.phone-mode.ipad-detail .mini-card.tasting-card .price-row .price-label,
body.phone-mode.ipad-detail .tasting-grid .mini-card .price-row .price-label {
  color: rgba(238, 226, 205, 0.88) !important;
  -webkit-text-fill-color: rgba(238, 226, 205, 0.88) !important;
  opacity: 1 !important;
  text-shadow: 0 0 8px rgba(216, 180, 106, 0.10) !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .mini-card.tasting-card .detail-price-row .detail-price-label,
  body.phone-mode.ipad-detail .tasting-grid .mini-card .detail-price-row .detail-price-label,
  body.phone-mode.ipad-detail .mini-card.tasting-card .price-row .price-label,
  body.phone-mode.ipad-detail .tasting-grid .mini-card .price-row .price-label {
  color: rgba(238, 226, 205, 0.88) !important;
  -webkit-text-fill-color: rgba(238, 226, 205, 0.88) !important;
  opacity: 1 !important;
}
}

body.phone-mode.ipad-detail .food-card-grid .mini-card.food-card .detail-price-row .detail-price-label,
body.phone-mode.ipad-detail .mini-card.food-card .detail-price-row .detail-price-label,
body.phone-mode.ipad-detail .mini-card.food-card .price-row .price-label {
  font-size: 15px !important;
  line-height: 1.34 !important;
  font-weight: 400 !important;
  letter-spacing: -0.035em !important;
  color: rgba(238, 226, 205, 0.88) !important;
  -webkit-text-fill-color: rgba(238, 226, 205, 0.88) !important;
  opacity: 1 !important;
  text-shadow: 0 0 8px rgba(216, 180, 106, 0.10) !important;
}

body.phone-mode.ipad-detail .food-card-grid .mini-card.food-card .detail-price-row .detail-price-value,
body.phone-mode.ipad-detail .mini-card.food-card .detail-price-row .detail-price-value,
body.phone-mode.ipad-detail .mini-card.food-card .price-row .price-value {
  font-size: inherit;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .food-card-grid .mini-card.food-card .detail-price-row .detail-price-label,
  body.phone-mode.ipad-detail .mini-card.food-card .detail-price-row .detail-price-label,
  body.phone-mode.ipad-detail .mini-card.food-card .price-row .price-label {
  font-size: 15px !important;
  line-height: 1.34 !important;
  color: rgba(238, 226, 205, 0.88) !important;
  -webkit-text-fill-color: rgba(238, 226, 205, 0.88) !important;
  opacity: 1 !important;
}
}

body.phone-mode.ipad-detail .food-card-grid .mini-card.food-card .detail-price-row .detail-price-label,
body.phone-mode.ipad-detail .mini-card.food-card .detail-price-row .detail-price-label,
body.phone-mode.ipad-detail .mini-card.food-card .price-row .price-label {
  font-size: 15px !important;
  line-height: 1.34 !important;
  color: rgba(238, 226, 205, 0.88) !important;
  -webkit-text-fill-color: rgba(238, 226, 205, 0.88) !important;
  opacity: 1 !important;
}

body.phone-mode.ipad-detail .filter-row .filter-chip,
body.phone-mode.ipad-detail .filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip,
body.phone-mode.ipad-detail .cocktail-filter-shell .filter-chip,
body.phone-mode.ipad-detail .tasting-filter-shell .filter-chip,
body.phone-mode.ipad-detail .food-filter-shell .filter-chip,
body.phone-mode.ipad-detail .drinks-filter-shell .filter-chip {
  font-size: 15px !important;
  line-height: 1.16 !important;
  letter-spacing: 0.045em !important;
}

body.phone-mode.ipad-detail .filter-row .filter-chip span,
body.phone-mode.ipad-detail .filter-row .filter-chip .filter-chip-en-only,
body.phone-mode.ipad-detail .filter-shell .filter-chip span,
body.phone-mode.ipad-detail .filter-shell .filter-chip .filter-chip-en-only {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.phone-mode.ipad-detail .filter-row .filter-chip {
  min-height: 39px !important;
  padding: 0 17px !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .filter-row .filter-chip,
  body.phone-mode.ipad-detail .filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .cocktail-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .tasting-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .food-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .drinks-filter-shell .filter-chip {
  font-size: 14px !important;
  line-height: 1.16 !important;
  letter-spacing: 0.035em !important;
}

body.phone-mode.ipad-detail .filter-row .filter-chip {
  min-height: 37px !important;
  padding: 0 15px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-divider,
body.phone-mode.ipad-detail .whisky-category-divider {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  min-height: 18px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-divider .whisky-category-label,
body.phone-mode.ipad-detail .whisky-category-divider .whisky-category-label {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-divider,
  body.phone-mode.ipad-detail .whisky-category-divider {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  min-height: 18px !important;
}
}

body.phone-mode.ipad-detail .page-header .section-kicker,
body.phone-mode.ipad-detail .detail-header .section-kicker,
body.phone-mode.ipad-detail .ipad-detail-header .section-kicker,
body.phone-mode.ipad-detail .detail-kicker-row .section-kicker {
  margin-bottom: 5px !important;
}

body.phone-mode.ipad-detail .detail-kicker-row {
  margin-bottom: 5px !important;
}

body.phone-mode.ipad-detail .page-header h1,
body.phone-mode.ipad-detail .page-header h2,
body.phone-mode.ipad-detail .detail-header h1,
body.phone-mode.ipad-detail .detail-header h2,
body.phone-mode.ipad-detail .ipad-detail-header h1,
body.phone-mode.ipad-detail .ipad-detail-header h2 {
  margin-top: 0 !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .page-header .section-kicker,
  body.phone-mode.ipad-detail .detail-header .section-kicker,
  body.phone-mode.ipad-detail .ipad-detail-header .section-kicker,
  body.phone-mode.ipad-detail .detail-kicker-row .section-kicker,
  body.phone-mode.ipad-detail .detail-kicker-row {
  margin-bottom: 4px !important;
}
}

body.phone-mode.ipad-detail .page-header .section-kicker,
body.phone-mode.ipad-detail .detail-header .section-kicker,
body.phone-mode.ipad-detail .ipad-detail-header .section-kicker,
body.phone-mode.ipad-detail .detail-kicker-row .section-kicker {
  margin-bottom: 2.5px !important;
}

body.phone-mode.ipad-detail .detail-kicker-row {
  margin-bottom: 2.5px !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .page-header .section-kicker,
  body.phone-mode.ipad-detail .detail-header .section-kicker,
  body.phone-mode.ipad-detail .ipad-detail-header .section-kicker,
  body.phone-mode.ipad-detail .detail-kicker-row .section-kicker,
  body.phone-mode.ipad-detail .detail-kicker-row {
  margin-bottom: 2px !important;
}
}

body.phone-mode.ipad-detail .cocktail-search-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 11px 0 10px !important;
}

body.phone-mode.ipad-detail .cocktail-search-input {
  width: 100% !important;
  height: 40px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(196, 155, 84, 0.50) !important;
  background: linear-gradient(180deg, rgba(31, 25, 18, 0.94), rgba(8, 7, 5, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.06),
    0 0 14px rgba(0, 0, 0, 0.16) !important;
  color: rgba(248, 238, 220, 0.94) !important;
  -webkit-text-fill-color: rgba(248, 238, 220, 0.94) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 420 !important;
  letter-spacing: -0.035em !important;
  padding: 0 42px 0 18px !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.phone-mode.ipad-detail .cocktail-search-input::placeholder {
  color: rgba(218, 199, 160, 0.62) !important;
  -webkit-text-fill-color: rgba(218, 199, 160, 0.62) !important;
}

body.phone-mode.ipad-detail .cocktail-search-input:focus {
  border-color: rgba(222, 184, 103, 0.86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.08),
    0 0 0 2px rgba(214, 180, 106, 0.10),
    0 0 16px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode.ipad-detail .cocktail-search-clear {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(196, 155, 84, 0.42) !important;
  background: rgba(15, 12, 8, 0.82) !important;
  color: rgba(238, 213, 154, 0.92) !important;
  -webkit-text-fill-color: rgba(238, 213, 154, 0.92) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .cocktail-empty-card {
  min-height: 128px !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .cocktail-search-wrap {
  margin: 9px 0 9px !important;
}

body.phone-mode.ipad-detail .cocktail-search-input {
  height: 38px !important;
  font-size: 14px !important;
  padding-left: 16px !important;
}
}

body.phone-mode.ipad-detail .cocktail-search-wrap .visually-hidden,
body.phone-mode.ipad-detail label.visually-hidden[for="cocktailSearchInput"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.phone-mode.ipad-detail .cocktail-search-wrap {
  gap: 0 !important;
}

body.phone-mode.ipad-detail .cocktail-search-input {
  background: linear-gradient(180deg, rgba(55, 40, 24, 0.88), rgba(25, 18, 12, 0.92)) !important;
  border-color: rgba(214, 180, 106, 0.58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.08),
    inset 0 -1px 0 rgba(0, 0, 0, 0.34),
    0 0 16px rgba(0, 0, 0, 0.12) !important;
  color: rgba(250, 242, 226, 0.96) !important;
  -webkit-text-fill-color: rgba(250, 242, 226, 0.96) !important;
}

body.phone-mode.ipad-detail .cocktail-search-input::placeholder {
  color: rgba(229, 205, 157, 0.70) !important;
  -webkit-text-fill-color: rgba(229, 205, 157, 0.70) !important;
}

body.phone-mode.ipad-detail .cocktail-search-input:focus {
  background: linear-gradient(180deg, rgba(66, 48, 28, 0.92), rgba(30, 21, 13, 0.94)) !important;
  border-color: rgba(232, 194, 111, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.10),
    0 0 0 2px rgba(214, 180, 106, 0.10),
    0 0 18px rgba(214, 160, 82, 0.16) !important;
}

body.phone-mode.ipad-detail .cocktail-search-clear {
  background: rgba(38, 27, 16, 0.88) !important;
  border-color: rgba(214, 180, 106, 0.50) !important;
  color: rgba(240, 218, 166, 0.96) !important;
  -webkit-text-fill-color: rgba(240, 218, 166, 0.96) !important;
}

body.phone-mode.ipad-detail .cocktail-filter-shell {
  margin-bottom: 5px !important;
}

body.phone-mode.ipad-detail .cocktail-search-wrap {
  position: relative !important;
  margin: 5px 0 11px !important;
}

body.phone-mode.ipad-detail .cocktail-search-icon {
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;
  transform: translateY(-51%) !important;
  z-index: 2 !important;
  color: rgba(238, 213, 154, 0.88) !important;
  -webkit-text-fill-color: rgba(238, 213, 154, 0.88) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  pointer-events: none !important;
}

body.phone-mode.ipad-detail .cocktail-search-input {
  height: 40px !important;
  padding-left: 47px !important;
  padding-right: 43px !important;
  background: linear-gradient(180deg, rgba(70, 50, 29, 0.92), rgba(38, 27, 16, 0.94)) !important;
  border-color: rgba(224, 187, 106, 0.66) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.11),
    inset 0 -1px 0 rgba(0, 0, 0, 0.30),
    0 0 15px rgba(214, 160, 82, 0.08) !important;
}

body.phone-mode.ipad-detail .cocktail-search-input::placeholder {
  color: rgba(236, 211, 164, 0.78) !important;
  -webkit-text-fill-color: rgba(236, 211, 164, 0.78) !important;
}

body.phone-mode.ipad-detail .cocktail-search-input:focus {
  background: linear-gradient(180deg, rgba(78, 56, 32, 0.94), rgba(43, 30, 17, 0.96)) !important;
  border-color: rgba(238, 199, 113, 0.90) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.13),
    0 0 0 2px rgba(214, 180, 106, 0.11),
    0 0 18px rgba(214, 160, 82, 0.18) !important;
}

body.phone-mode.ipad-detail .cocktail-search-clear {
  right: 10px !important;
  background: rgba(48, 33, 18, 0.90) !important;
  border-color: rgba(224, 187, 106, 0.56) !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .cocktail-filter-shell {
  margin-bottom: 4px !important;
}

body.phone-mode.ipad-detail .cocktail-search-wrap {
  margin: 4px 0 10px !important;
}

body.phone-mode.ipad-detail .cocktail-search-icon {
  left: 15px !important;
  font-size: 17px !important;
}

body.phone-mode.ipad-detail .cocktail-search-input {
  height: 38px !important;
  padding-left: 43px !important;
}
}

body.phone-mode.ipad-detail .cocktail-search-wrap {
  width: 82% !important;
  max-width: 620px !important;
  margin: 5px auto 11px !important;
}

body.phone-mode.ipad-detail .cocktail-search-icon {
  left: 18px !important;
  font-size: 32px !important;
  line-height: 1 !important;
  color: rgba(241, 218, 165, 0.92) !important;
  -webkit-text-fill-color: rgba(241, 218, 165, 0.92) !important;
  opacity: 1 !important;
}

body.phone-mode.ipad-detail .cocktail-search-input {
  height: 39px !important;
  padding-left: 55px !important;
  padding-right: 42px !important;
  background: linear-gradient(180deg, rgba(30, 25, 20, 0.58), rgba(14, 12, 10, 0.62)) !important;
  border-color: rgba(221, 184, 104, 0.64) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.07),
    inset 0 -1px 0 rgba(0, 0, 0, 0.20),
    0 0 10px rgba(214, 160, 82, 0.05) !important;
  color: rgba(250, 242, 226, 0.96) !important;
  -webkit-text-fill-color: rgba(250, 242, 226, 0.96) !important;
  font-size: 14px !important;
}

body.phone-mode.ipad-detail .cocktail-search-input::placeholder {
  color: rgba(232, 207, 160, 0.76) !important;
  -webkit-text-fill-color: rgba(232, 207, 160, 0.76) !important;
  font-size: 14px !important;
}

body.phone-mode.ipad-detail .cocktail-search-input:focus {
  background: linear-gradient(180deg, rgba(38, 30, 22, 0.68), rgba(18, 14, 10, 0.72)) !important;
  border-color: rgba(238, 199, 113, 0.86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.09),
    0 0 0 2px rgba(214, 180, 106, 0.10),
    0 0 14px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode.ipad-detail .cocktail-search-clear {
  right: 8px !important;
  width: 28px !important;
  height: 28px !important;
  background: rgba(24, 18, 12, 0.76) !important;
  border-color: rgba(221, 184, 104, 0.56) !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .cocktail-search-wrap {
  width: 86% !important;
  margin: 4px auto 10px !important;
}

body.phone-mode.ipad-detail .cocktail-search-icon {
  left: 16px !important;
  font-size: 29px !important;
}

body.phone-mode.ipad-detail .cocktail-search-input {
  height: 38px !important;
  padding-left: 50px !important;
  font-size: 13px !important;
}

body.phone-mode.ipad-detail .cocktail-search-input::placeholder {
  font-size: 13px !important;
}
}

body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 58px !important;
}

body.phone-mode.ipad-detail .phone-detail-head .back-button.back-icon-button {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  z-index: 3 !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

body.phone-mode.ipad-detail .phone-detail-head .detail-title-stack,
body.phone-mode.ipad-detail .phone-detail-head .whisky-detail-main,
body.phone-mode.ipad-detail .phone-detail-head .tasting-detail-main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 42px !important;
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}

body.phone-mode.ipad-detail .phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail .phone-detail-head .section-kicker,
body.phone-mode.ipad-detail .phone-detail-head .section-title {
  text-align: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.phone-mode.ipad-detail .phone-detail-head .detail-kicker-row {
  display: flex !important;
  width: 100% !important;
}

body.phone-mode.ipad-detail .phone-detail-head .section-title {
  display: block !important;
  width: 100% !important;
}

body.phone-mode.ipad-detail .whisky-detail-head .detail-title-stack,
body.phone-mode.ipad-detail .tasting-detail-head .detail-title-stack {
  align-items: center !important;
  text-align: center !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .phone-detail-head .detail-title-stack,
  body.phone-mode.ipad-detail .phone-detail-head .whisky-detail-main,
  body.phone-mode.ipad-detail .phone-detail-head .tasting-detail-main {
  padding: 0 38px !important;
}

body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster {
  min-height: 54px !important;
}
}

body.phone-mode.ipad-detail .drinks-search-wrap .visually-hidden,
body.phone-mode.ipad-detail label.visually-hidden[for="drinksSearchInput"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.phone-mode.ipad-detail .drinks-filter-shell {
  margin-bottom: 5px !important;
}

body.phone-mode.ipad-detail .drinks-search-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 82% !important;
  max-width: 620px !important;
  margin: 5px auto 11px !important;
}

body.phone-mode.ipad-detail .drinks-search-icon {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-51%) !important;
  z-index: 2 !important;
  color: rgba(241, 218, 165, 0.92) !important;
  -webkit-text-fill-color: rgba(241, 218, 165, 0.92) !important;
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  pointer-events: none !important;
}

body.phone-mode.ipad-detail .drinks-search-input {
  width: 100% !important;
  height: 39px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(221, 184, 104, 0.64) !important;
  background: linear-gradient(180deg, rgba(30, 25, 20, 0.58), rgba(14, 12, 10, 0.62)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.07),
    inset 0 -1px 0 rgba(0, 0, 0, 0.20),
    0 0 10px rgba(214, 160, 82, 0.05) !important;
  color: rgba(250, 242, 226, 0.96) !important;
  -webkit-text-fill-color: rgba(250, 242, 226, 0.96) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 420 !important;
  letter-spacing: -0.035em !important;
  padding: 0 42px 0 55px !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.phone-mode.ipad-detail .drinks-search-input::placeholder {
  color: rgba(232, 207, 160, 0.76) !important;
  -webkit-text-fill-color: rgba(232, 207, 160, 0.76) !important;
  font-size: 14px !important;
}

body.phone-mode.ipad-detail .drinks-search-input:focus {
  background: linear-gradient(180deg, rgba(38, 30, 22, 0.68), rgba(18, 14, 10, 0.72)) !important;
  border-color: rgba(238, 199, 113, 0.86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.09),
    0 0 0 2px rgba(214, 180, 106, 0.10),
    0 0 14px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode.ipad-detail .drinks-search-clear {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(221, 184, 104, 0.56) !important;
  background: rgba(24, 18, 12, 0.76) !important;
  color: rgba(240, 218, 166, 0.96) !important;
  -webkit-text-fill-color: rgba(240, 218, 166, 0.96) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .drinks-empty-card {
  min-height: 128px !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .drinks-filter-shell {
  margin-bottom: 4px !important;
}

body.phone-mode.ipad-detail .drinks-search-wrap {
  width: 86% !important;
  margin: 4px auto 10px !important;
}

body.phone-mode.ipad-detail .drinks-search-icon {
  left: 16px !important;
  font-size: 29px !important;
}

body.phone-mode.ipad-detail .drinks-search-input {
  height: 38px !important;
  padding-left: 50px !important;
  font-size: 13px !important;
}

body.phone-mode.ipad-detail .drinks-search-input::placeholder {
  font-size: 13px !important;
}
}

body.phone-mode.ipad-detail .whisky-search-wrap .visually-hidden,
body.phone-mode.ipad-detail label.visually-hidden[for="whiskySearchInput"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.phone-mode.ipad-detail .whisky-taste-filter-shell {
  margin-bottom: 5px !important;
}

body.phone-mode.ipad-detail .whisky-search-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 82% !important;
  max-width: 620px !important;
  margin: 5px auto 11px !important;
}

body.phone-mode.ipad-detail .whisky-search-icon {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-51%) !important;
  z-index: 2 !important;
  color: rgba(241, 218, 165, 0.92) !important;
  -webkit-text-fill-color: rgba(241, 218, 165, 0.92) !important;
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  pointer-events: none !important;
}

body.phone-mode.ipad-detail .whisky-search-input {
  width: 100% !important;
  height: 39px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(221, 184, 104, 0.64) !important;
  background: linear-gradient(180deg, rgba(30, 25, 20, 0.58), rgba(14, 12, 10, 0.62)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.07),
    inset 0 -1px 0 rgba(0, 0, 0, 0.20),
    0 0 10px rgba(214, 160, 82, 0.05) !important;
  color: rgba(250, 242, 226, 0.96) !important;
  -webkit-text-fill-color: rgba(250, 242, 226, 0.96) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 420 !important;
  letter-spacing: -0.035em !important;
  padding: 0 42px 0 55px !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.phone-mode.ipad-detail .whisky-search-input::placeholder {
  color: rgba(232, 207, 160, 0.76) !important;
  -webkit-text-fill-color: rgba(232, 207, 160, 0.76) !important;
  font-size: 14px !important;
}

body.phone-mode.ipad-detail .whisky-search-input:focus {
  background: linear-gradient(180deg, rgba(38, 30, 22, 0.68), rgba(18, 14, 10, 0.72)) !important;
  border-color: rgba(238, 199, 113, 0.86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.09),
    0 0 0 2px rgba(214, 180, 106, 0.10),
    0 0 14px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode.ipad-detail .whisky-search-clear {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(221, 184, 104, 0.56) !important;
  background: rgba(24, 18, 12, 0.76) !important;
  color: rgba(240, 218, 166, 0.96) !important;
  -webkit-text-fill-color: rgba(240, 218, 166, 0.96) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

body.phone-mode.ipad-detail .whisky-empty-card {
  min-height: 128px !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .whisky-taste-filter-shell {
  margin-bottom: 4px !important;
}

body.phone-mode.ipad-detail .whisky-search-wrap {
  width: 86% !important;
  margin: 4px auto 10px !important;
}

body.phone-mode.ipad-detail .whisky-search-icon {
  left: 16px !important;
  font-size: 29px !important;
}

body.phone-mode.ipad-detail .whisky-search-input {
  height: 38px !important;
  padding-left: 50px !important;
  font-size: 13px !important;
}

body.phone-mode.ipad-detail .whisky-search-input::placeholder {
  font-size: 13px !important;
}
}

body.phone-mode:not(.ipad-detail) .eyebrow {
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0.36em !important;
  font-weight: 780 !important;
}

body.phone-mode:not(.ipad-detail) .eyebrow::before,
body.phone-mode:not(.ipad-detail) .eyebrow::after {
  width: 42px !important;
  height: 1.5px !important;
  margin: 0 13px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(216, 180, 106, 0.68),
    transparent
  ) !important;
  opacity: 0.95 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .eyebrow {
  font-size: 14.5px !important;
  letter-spacing: 0.31em !important;
}

body.phone-mode:not(.ipad-detail) .eyebrow::before,
  body.phone-mode:not(.ipad-detail) .eyebrow::after {
  width: 34px !important;
  height: 1.5px !important;
  margin: 0 10px !important;
}
}

body.phone-mode:not(.ipad-detail) .landing-help-note strong,
body.phone-mode .landing-help-note strong {
  color: rgba(216, 180, 106, 0.96) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.96) !important;
  font-weight: 740 !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter-shell .filter-chip,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-category-filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip {
  font-size: 17px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.035em !important;
  min-height: 41px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter-shell .filter-chip,
  body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-category-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip {
  font-size: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.025em !important;
  min-height: 39px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter-shell .filter-chip,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-category-filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip {
  font-size: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
  min-height: 40px !important;
  padding-left: 17px !important;
  padding-right: 17px !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter-shell .filter-chip,
  body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-category-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip {
  font-size: 15px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.025em !important;
  min-height: 38px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter-shell .filter-chip,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-category-filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip {
  font-size: 15px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
  min-height: 39px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter-shell .filter-chip,
  body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-category-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip {
  font-size: 14px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.025em !important;
  min-height: 37px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter-shell .filter-chip,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-category-filter-shell .filter-chip,
body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip {
  font-size: 14px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.025em !important;
  min-height: 37px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter-shell .filter-chip span,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter-shell .filter-chip span,
body.phone-mode.ipad-detail .whisky-category-filter-shell .filter-chip span,
body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip span {
  font-size: inherit !important;
  line-height: inherit !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-filter-shell .filter-chip,
  body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-taste-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-category-filter-shell .filter-chip,
  body.phone-mode.ipad-detail .whisky-taste-filter-shell .filter-chip {
  font-size: 13px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
  min-height: 36px !important;
  padding-left: 13px !important;
  padding-right: 13px !important;
}
}

body.phone-mode:not(.ipad-detail) .hero-copy-ko .hero-qr-highlight,
body.phone-mode .hero-copy-ko .hero-qr-highlight {
  color: rgba(216, 180, 106, 0.96) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.96) !important;
  font-weight: 760 !important;
}

body.phone-mode:not(.ipad-detail) .hero-en-toggle {
  font-size: 12px !important;
  line-height: 1 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .hero-en-toggle {
  font-size: 11px !important;
  line-height: 1 !important;
}
}

body.phone-mode:not(.ipad-detail) .hero-en-toggle {
  margin-left: 8px !important;
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  font-weight: 740 !important;
  border-color: rgba(226, 188, 105, 0.82) !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.66), rgba(34, 24, 14, 0.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.13),
    0 0 8px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode:not(.ipad-detail) .hero-en-toggle:focus-visible {
  outline: 1px solid rgba(238, 199, 113, 0.92) !important;
  outline-offset: 2px !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .hero-en-toggle {
  margin-left: 7px !important;
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  border-color: rgba(226, 188, 105, 0.82) !important;
}
}

body.phone-mode.ipad-detail .mini-card .en-toggle-button,
body.phone-mode.ipad-detail .mini-card .title-en-toggle {
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  font-weight: 740 !important;
  border: 1px solid rgba(226, 188, 105, 0.82) !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.66), rgba(34, 24, 14, 0.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.13),
    0 0 8px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode.ipad-detail .mini-card .en-toggle-button.is-active,
body.phone-mode.ipad-detail .mini-card .title-en-toggle.is-active {
  color: rgba(255, 235, 188, 1) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 1) !important;
  border-color: rgba(238, 199, 113, 0.92) !important;
  background: linear-gradient(180deg, rgba(92, 63, 30, 0.72), rgba(44, 30, 15, 0.78)) !important;
}

body.phone-mode.ipad-detail .mini-card .en-toggle-button:focus-visible,
body.phone-mode.ipad-detail .mini-card .title-en-toggle:focus-visible {
  outline: 1px solid rgba(238, 199, 113, 0.92) !important;
  outline-offset: 2px !important;
}

body.phone-mode.ipad-detail .cocktail-search-wrap,
body.phone-mode.ipad-detail .whisky-search-wrap,
body.phone-mode.ipad-detail .drinks-search-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 86% !important;
  max-width: 660px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.phone-mode.ipad-detail .cocktail-search-input,
body.phone-mode.ipad-detail .whisky-search-input,
body.phone-mode.ipad-detail .drinks-search-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.phone-mode.ipad-detail .cocktail-search-clear,
body.phone-mode.ipad-detail .whisky-search-clear,
body.phone-mode.ipad-detail .drinks-search-clear {
  right: 47px !important;
}

body.phone-mode.ipad-detail .search-en-toggle {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: var(--detail-card-en-toggle-font, 11px) !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  font-weight: 740 !important;
  border: 1px solid rgba(226, 188, 105, 0.82) !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.66), rgba(34, 24, 14, 0.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.13),
    0 0 8px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode.ipad-detail .search-en-toggle.is-active {
  color: rgba(255, 235, 188, 1) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 1) !important;
  border-color: rgba(238, 199, 113, 0.92) !important;
  background: linear-gradient(180deg, rgba(92, 63, 30, 0.72), rgba(44, 30, 15, 0.78)) !important;
}

body.phone-mode.ipad-detail .search-en-note {
  width: 86% !important;
  max-width: 660px !important;
  margin: -3px auto 11px !important;
  padding: 0 44px 0 10px !important;
  color: rgba(226, 207, 170, 0.72) !important;
  -webkit-text-fill-color: rgba(226, 207, 170, 0.72) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .cocktail-search-wrap,
  body.phone-mode.ipad-detail .whisky-search-wrap,
  body.phone-mode.ipad-detail .drinks-search-wrap {
  width: 90% !important;
  gap: 6px !important;
}

body.phone-mode.ipad-detail .search-en-toggle {
  min-width: 32px !important;
  height: 27px !important;
  padding: 0 7px !important;
  font-size: var(--detail-card-en-toggle-font, 11px) !important;
}

body.phone-mode.ipad-detail .cocktail-search-clear,
  body.phone-mode.ipad-detail .whisky-search-clear,
  body.phone-mode.ipad-detail .drinks-search-clear {
  right: 43px !important;
}

body.phone-mode.ipad-detail .search-en-note {
  width: 90% !important;
  margin-top: -2px !important;
  padding-right: 40px !important;
  font-size: 11.4px !important;
}
}

body.phone-mode.ipad-detail .search-en-note {
  display: block !important;
  width: fit-content !important;
  max-width: 86% !important;
  margin: 2px auto 12px !important;
  padding: 6px 13px 6px !important;
  border: 1px solid rgba(226, 188, 105, 0.58) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.56), rgba(34, 24, 14, 0.64)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.10),
    0 0 8px rgba(214, 160, 82, 0.10) !important;
  color: rgba(244, 220, 166, 0.92) !important;
  -webkit-text-fill-color: rgba(244, 220, 166, 0.92) !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  text-align: center !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .search-en-note {
  max-width: 90% !important;
  margin: 2px auto 11px !important;
  padding: 5px 11px !important;
  font-size: 12.6px !important;
  line-height: 1.25 !important;
}
}

body.phone-mode.ipad-detail .search-en-note {
  display: block !important;
  width: 86% !important;
  max-width: 660px !important;
  margin: -3px auto 11px !important;
  padding: 0 44px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(190, 146, 82, 0.96) !important;
  -webkit-text-fill-color: rgba(190, 146, 82, 0.96) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 520 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
}

body.phone-mode.ipad-detail .search-en-note[hidden] {
  display: none !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .search-en-note {
  width: 90% !important;
  margin-top: -2px !important;
  padding-right: 40px !important;
  font-size: 12.4px !important;
  line-height: 1.35 !important;
  color: rgba(190, 146, 82, 0.96) !important;
  -webkit-text-fill-color: rgba(190, 146, 82, 0.96) !important;
}
}

body.phone-mode.ipad-detail .search-en-note {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .search-en-note {
  font-size: 13.4px !important;
  line-height: 1.35 !important;
}
}

body.phone-mode.ipad-detail .search-en-note {
  font-size: 15px !important;
  line-height: 1.35 !important;
}

@media (max-width: 380px) {
body.phone-mode.ipad-detail .search-en-note {
  font-size: 14.4px !important;
  line-height: 1.35 !important;
}
}

body.phone-mode:not(.ipad-detail) .landing-help-note {
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
}

body.phone-mode:not(.ipad-detail) .landing-help-note-ko {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail) .landing-help-note .landing-help-en-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  height: 22px !important;
  margin-left: 8px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(226, 188, 105, 0.82) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.66), rgba(34, 24, 14, 0.72)) !important;
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  font-size: 10px !important;
  font-weight: 740 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  vertical-align: 1px !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.13),
    0 0 8px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode:not(.ipad-detail) .landing-help-note .landing-help-en-toggle.is-open {
  color: rgba(255, 235, 188, 1) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 1) !important;
  border-color: rgba(238, 199, 113, 0.92) !important;
  background: linear-gradient(180deg, rgba(92, 63, 30, 0.72), rgba(44, 30, 15, 0.78)) !important;
}

body.phone-mode:not(.ipad-detail) .landing-help-note-en[hidden] {
  display: none !important;
}

body.phone-mode:not(.ipad-detail) .landing-help-note-en {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(190, 146, 82, 0.96) !important;
  -webkit-text-fill-color: rgba(190, 146, 82, 0.96) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 520 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail) .landing-help-note {
  font-size: 13px !important;
  line-height: 1.48 !important;
}

body.phone-mode:not(.ipad-detail) .landing-help-note .landing-help-en-toggle {
  min-width: 28px !important;
  height: 21px !important;
  margin-left: 7px !important;
  padding: 0 7px !important;
  font-size: 9.5px !important;
}

body.phone-mode:not(.ipad-detail) .landing-help-note-en {
  font-size: 12.4px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note {
  text-align: center !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
  letter-spacing: -0.04em !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-ko {
  display: inline !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-ko strong {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note .landing-help-en-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  height: 22px !important;
  margin-left: 8px !important;
  padding: 0 8px !important;
  vertical-align: 1px !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-help-note {
  font-size: 14px !important;
  line-height: 1.48 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note .landing-help-en-toggle {
  min-width: 28px !important;
  height: 21px !important;
  margin-left: 7px !important;
  padding: 0 7px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note strong,
body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-ko strong {
  color: rgba(216, 180, 106, 0.96) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.96) !important;
  font-weight: 760 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note strong,
body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-ko strong,
body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko .hero-qr-highlight {
  text-shadow: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko {
  color: rgba(214, 202, 186, 0.72) !important;
  -webkit-text-fill-color: rgba(214, 202, 186, 0.72) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko .hero-qr-highlight {
  color: rgba(216, 180, 106, 0.96) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.96) !important;
  font-weight: 760 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko .hero-en-toggle {
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko {
  font-size: 15px !important;
  line-height: 1.48 !important;
  letter-spacing: -0.04em !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko .hero-qr-highlight {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko .hero-en-toggle {
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko {
  font-size: 14px !important;
  line-height: 1.48 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko .hero-en-toggle {
  font-size: 9.5px !important;
  line-height: 1 !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order {
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-order-ko,
body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-ko {
  display: inline !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-en-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  height: 22px !important;
  margin-left: 8px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(226, 188, 105, 0.82) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.66), rgba(34, 24, 14, 0.72)) !important;
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  font-size: 10px !important;
  font-weight: 740 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  vertical-align: 1px !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.13),
    0 0 8px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-en-toggle.is-open {
  color: rgba(255, 235, 188, 1) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 1) !important;
  border-color: rgba(238, 199, 113, 0.92) !important;
  background: linear-gradient(180deg, rgba(92, 63, 30, 0.72), rgba(44, 30, 15, 0.78)) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-en[hidden] {
  display: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-en {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(190, 146, 82, 0.96) !important;
  -webkit-text-fill-color: rgba(190, 146, 82, 0.96) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 520 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-en-toggle {
  min-width: 28px !important;
  height: 21px !important;
  margin-left: 7px !important;
  padding: 0 7px !important;
  font-size: 9.5px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-en {
  font-size: 12.4px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-en {
  color: rgba(190, 146, 82, 0.96) !important;
  -webkit-text-fill-color: rgba(190, 146, 82, 0.96) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 520 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .hero-copy-en {
  font-size: 12.4px !important;
  line-height: 1.35 !important;
}
}

body.phone-mode .image-lightbox-title-stack,
body.phone-mode .image-lightbox-title-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 100% !important;
  margin-top: 12px !important;
  text-align: center !important;
}

body.phone-mode .image-lightbox-title-ko,
body.phone-mode .image-lightbox-title-ko {
  display: block !important;
  color: rgba(244, 232, 212, 0.92) !important;
  -webkit-text-fill-color: rgba(244, 232, 212, 0.92) !important;
  font-size: 15px !important;
  line-height: 1.32 !important;
  font-weight: 640 !important;
  letter-spacing: -0.035em !important;
}

body.phone-mode .image-lightbox-title-en,
body.phone-mode .image-lightbox-title-en {
  display: block !important;
  color: rgba(190, 146, 82, 0.96) !important;
  -webkit-text-fill-color: rgba(190, 146, 82, 0.96) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 520 !important;
  letter-spacing: -0.01em !important;
}

@media (max-width: 380px) {
body.phone-mode .image-lightbox-title-ko,
  body.phone-mode .image-lightbox-title-ko {
  font-size: 14px !important;
}

body.phone-mode .image-lightbox-title-en,
  body.phone-mode .image-lightbox-title-en {
  font-size: 12.4px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link,
body.phone-mode:not(.ipad-detail) .bottom-message-signature.master-greeting-link {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 8px auto 0 !important;
  display: block !important;
  color: rgba(190, 146, 82, 0.84) !important;
  -webkit-text-fill-color: rgba(190, 146, 82, 0.84) !important;
  font: inherit !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: color 160ms ease, opacity 160ms ease, transform 160ms ease !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:hover,
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:focus-visible {
  color: rgba(216, 180, 106, 0.96) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.96) !important;
  outline: none !important;
}

body.phone-mode .master-greeting-modal,
body.phone-mode .master-greeting-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom)) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 160ms ease !important;
}

body.phone-mode .master-greeting-modal.is-visible,
body.phone-mode .master-greeting-modal.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.phone-mode .master-greeting-backdrop,
body.phone-mode .master-greeting-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 18%, rgba(130, 92, 40, 0.20), transparent 40%),
    rgba(0, 0, 0, 0.72) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

body.phone-mode .master-greeting-panel,
body.phone-mode .master-greeting-panel {
  position: relative !important;
  width: min(92vw, 420px) !important;
  max-height: 82svh !important;
  overflow: auto !important;
  border-radius: 24px !important;
  border: 1px solid rgba(216, 180, 106, 0.34) !important;
  background: radial-gradient(circle at 50% 0%, rgba(216, 180, 106, 0.12), transparent 42%),
    linear-gradient(160deg, rgba(18, 13, 8, 0.98), rgba(34, 24, 14, 0.96)) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 235, 190, 0.08) !important;
  padding: 28px 24px 26px !important;
  text-align: center !important;
}

body.phone-mode .master-greeting-close,
body.phone-mode .master-greeting-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(216, 180, 106, 0.36) !important;
  background: rgba(16, 11, 7, 0.72) !important;
  color: rgba(244, 220, 166, 0.96) !important;
  -webkit-text-fill-color: rgba(244, 220, 166, 0.96) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.phone-mode .master-greeting-title,
body.phone-mode .master-greeting-title {
  margin: 4px 36px 18px !important;
  color: rgba(216, 180, 106, 0.98) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.98) !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
  font-weight: 720 !important;
  letter-spacing: -0.035em !important;
}

body.phone-mode .master-greeting-profile {
  position: relative !important;
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 14px !important;
  border-radius: 50% !important;
  border: 3px solid rgba(226, 188, 105, 0.96) !important;
  background: rgba(12, 9, 6, 0.72) !important;
  box-shadow: 0 0 0 2px rgba(72, 49, 21, 0.95),
    inset 0 1px 0 rgba(255, 236, 190, 0.18),
    0 0 14px rgba(226, 188, 105, 0.22),
    0 10px 26px rgba(0, 0, 0, 0.38) !important;
  overflow: visible !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.phone-mode .master-greeting-profile-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.phone-mode .master-greeting-profile-expand {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
  z-index: 3 !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(230, 194, 116, 0.94) !important;
  background: radial-gradient(circle at 35% 25%, rgba(92, 62, 28, 0.9), rgba(18, 13, 8, 0.96) 72%) !important;
  color: rgba(255, 235, 188, 0.98) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 0.98) !important;
  box-shadow: 0 0 0 2px rgba(13, 9, 5, 0.72),
    0 0 10px rgba(226, 188, 105, 0.28),
    0 5px 12px rgba(0, 0, 0, 0.34) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.phone-mode .master-greeting-profile-expand:active {
  transform: scale(0.96) !important;
}

body.phone-mode .master-greeting-profile-expand:focus-visible {
  outline: 2px solid rgba(255, 230, 170, 0.72) !important;
  outline-offset: 3px !important;
}

body.phone-mode .master-greeting-profile:focus-visible {
  outline: 2px solid rgba(255, 230, 170, 0.64) !important;
  outline-offset: 6px !important;
}

body.phone-mode .master-greeting-content,
body.phone-mode .master-greeting-content {
  color: rgba(232, 220, 202, 0.84) !important;
  -webkit-text-fill-color: rgba(232, 220, 202, 0.84) !important;
  font-size: 14.5px !important;
  line-height: 1.72 !important;
  font-weight: 420 !important;
  letter-spacing: -0.045em !important;
  word-break: keep-all !important;
}

body.phone-mode .master-greeting-content p,
body.phone-mode .master-greeting-content p {
  margin: 0 0 15px !important;
}

body.phone-mode .master-greeting-content p:last-child,
body.phone-mode .master-greeting-content p:last-child {
  margin-bottom: 0 !important;
}

body.phone-mode .master-greeting-signature,
body.phone-mode .master-greeting-signature {
  margin-top: 18px !important;
  color: rgba(190, 146, 82, 0.96) !important;
  -webkit-text-fill-color: rgba(190, 146, 82, 0.96) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
}

body.phone-mode .welcome-notice-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom)) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 160ms ease !important;
}

body.phone-mode .welcome-notice-modal.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.phone-mode .welcome-notice-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 18%, rgba(130, 92, 40, 0.20), transparent 40%),
    rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

body.phone-mode .welcome-notice-panel {
  position: relative !important;
  width: min(92vw, 400px) !important;
  max-height: 82svh !important;
  overflow: auto !important;
  border-radius: 24px !important;
  border: 1px solid rgba(216, 180, 106, 0.34) !important;
  background: radial-gradient(circle at 50% 0%, rgba(216, 180, 106, 0.12), transparent 42%),
    linear-gradient(160deg, rgba(18, 13, 8, 0.98), rgba(34, 24, 14, 0.96)) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 235, 190, 0.08) !important;
  padding: 30px 24px 24px !important;
  text-align: center !important;
}

body.phone-mode .welcome-notice-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(216, 180, 106, 0.36) !important;
  background: rgba(16, 11, 7, 0.72) !important;
  color: rgba(244, 220, 166, 0.96) !important;
  -webkit-text-fill-color: rgba(244, 220, 166, 0.96) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.phone-mode .welcome-notice-eyebrow {
  margin: 6px 30px 16px !important;
  color: rgba(216, 180, 106, 0.98) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.98) !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.phone-mode .welcome-notice-body {
  margin: 0 0 14px !important;
  color: rgba(245, 236, 220, 0.92) !important;
  -webkit-text-fill-color: rgba(245, 236, 220, 0.92) !important;
  font-size: 15.5px !important;
  line-height: 1.6 !important;
  font-weight: 480 !important;
  letter-spacing: -0.02em !important;
}

body.phone-mode .welcome-notice-subtext {
  margin-bottom: 22px !important;
  color: rgba(232, 220, 202, 0.74) !important;
  -webkit-text-fill-color: rgba(232, 220, 202, 0.74) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

body.phone-mode .welcome-notice-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
}

body.phone-mode .welcome-notice-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(78%, 260px) !important;
  min-height: 50px !important;
  padding: 12px 16px !important;
  border-radius: 15px !important;
  font-size: 15px !important;
  font-weight: 720 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.phone-mode .welcome-notice-button-primary {
  border: 1px solid rgba(226, 188, 105, 0.5) !important;
  background: linear-gradient(160deg, rgba(226, 188, 105, 0.96), rgba(178, 138, 68, 0.96)) !important;
  color: rgba(20, 14, 8, 0.96) !important;
  -webkit-text-fill-color: rgba(20, 14, 8, 0.96) !important;
}

body.phone-mode .welcome-notice-button-secondary {
  border: 1px solid rgba(214, 188, 132, 0.28) !important;
  background: rgba(214, 188, 132, 0.08) !important;
  color: rgba(245, 236, 220, 0.92) !important;
  -webkit-text-fill-color: rgba(245, 236, 220, 0.92) !important;
}

body.phone-mode .welcome-notice-button:active {
  transform: scale(0.97) !important;
}

@media (max-width: 380px) {
body.phone-mode .master-greeting-panel,
  body.phone-mode .master-greeting-panel {
  width: min(94vw, 390px) !important;
  padding: 26px 20px 24px !important;
  border-radius: 22px !important;
}

body.phone-mode .master-greeting-title,
  body.phone-mode .master-greeting-title {
  font-size: 18px !important;
}

body.phone-mode .master-greeting-content,
  body.phone-mode .master-greeting-content {
  font-size: 13.8px !important;
  line-height: 1.68 !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link,
body.phone-mode:not(.ipad-detail) .bottom-message-signature.master-greeting-link {
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  color: rgba(216, 180, 106, 0.96) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.96) !important;
  font-weight: 620 !important;
  letter-spacing: 0.045em !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  text-decoration-color: rgba(216, 180, 106, 0.62) !important;
  text-shadow: 0 0 8px rgba(214, 160, 82, 0.18) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:hover,
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:focus-visible,
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:active {
  color: rgba(245, 216, 154, 1) !important;
  -webkit-text-fill-color: rgba(245, 216, 154, 1) !important;
  text-decoration-color: rgba(245, 216, 154, 0.88) !important;
  text-shadow: 0 0 10px rgba(214, 160, 82, 0.26),
    0 0 18px rgba(214, 160, 82, 0.12) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link,
  body.phone-mode:not(.ipad-detail) .bottom-message-signature.master-greeting-link {
  font-size: 12.8px !important;
  text-underline-offset: 3.5px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link .master-greeting-link-label,
body.phone-mode:not(.ipad-detail) .bottom-message-signature.master-greeting-link .master-greeting-link-label {
  color: rgba(245, 216, 154, 1) !important;
  -webkit-text-fill-color: rgba(245, 216, 154, 1) !important;
  font-weight: 720 !important;
  letter-spacing: -0.02em !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:hover .master-greeting-link-label,
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:focus-visible .master-greeting-link-label,
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:active .master-greeting-link-label {
  color: rgba(255, 235, 188, 1) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 1) !important;
}

body.phone-mode .master-greeting-title,
body.phone-mode .master-greeting-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin: 4px 36px 19px !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
}

body.phone-mode .master-greeting-content,
body.phone-mode .master-greeting-content {
  font-size: 15.5px !important;
  line-height: 1.72 !important;
}

body.phone-mode .master-greeting-signature,
body.phone-mode .master-greeting-signature {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.phone-mode .master-greeting-en-toggle,
body.phone-mode .master-greeting-en-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 34px !important;
  height: 26px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(226, 188, 105, 0.82) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.66), rgba(34, 24, 14, 0.72)) !important;
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  font-size: 11px !important;
  font-weight: 740 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.13),
    0 0 8px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode .master-greeting-en-toggle.is-open,
body.phone-mode .master-greeting-en-toggle.is-open {
  color: rgba(255, 235, 188, 1) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 1) !important;
  border-color: rgba(238, 199, 113, 0.92) !important;
  background: linear-gradient(180deg, rgba(92, 63, 30, 0.72), rgba(44, 30, 15, 0.78)) !important;
}

body.phone-mode .master-greeting-content[hidden],
body.phone-mode .master-greeting-content[hidden] {
  display: none !important;
}

body.phone-mode .master-greeting-content-en,
body.phone-mode .master-greeting-content-en {
  letter-spacing: -0.02em !important;
}

@media (max-width: 380px) {
body.phone-mode .master-greeting-title,
  body.phone-mode .master-greeting-title {
  font-size: 19px !important;
  gap: 8px !important;
}

body.phone-mode .master-greeting-content,
  body.phone-mode .master-greeting-content {
  font-size: 14.8px !important;
  line-height: 1.68 !important;
}

body.phone-mode .master-greeting-signature,
  body.phone-mode .master-greeting-signature {
  font-size: 13.4px !important;
}

body.phone-mode .master-greeting-en-toggle,
  body.phone-mode .master-greeting-en-toggle {
  min-width: 32px !important;
  height: 24px !important;
  padding: 0 7px !important;
  font-size: 10.5px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link .master-greeting-link-en-badge,
body.phone-mode:not(.ipad-detail) .bottom-message-signature.master-greeting-link .master-greeting-link-en-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 20px !important;
  margin-left: 7px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(226, 188, 105, 0.82) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.66), rgba(34, 24, 14, 0.72)) !important;
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  font-size: 9.5px !important;
  font-weight: 740 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  vertical-align: 2px !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.13),
    0 0 8px rgba(214, 160, 82, 0.12) !important;
  text-decoration: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link .master-greeting-chip-chevron,
body.phone-mode:not(.ipad-detail) .bottom-message-signature.master-greeting-link .master-greeting-chip-chevron {
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  margin-left: 5px !important;
  border-top: 1.4px solid currentColor !important;
  border-right: 1.4px solid currentColor !important;
  transform: rotate(45deg) translateY(-1px) !important;
  flex: 0 0 auto !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:hover .master-greeting-link-en-badge,
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:focus-visible .master-greeting-link-en-badge,
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link:active .master-greeting-link-en-badge {
  color: rgba(255, 235, 188, 1) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 1) !important;
  border-color: rgba(238, 199, 113, 0.92) !important;
  background: linear-gradient(180deg, rgba(92, 63, 30, 0.72), rgba(44, 30, 15, 0.78)) !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link .master-greeting-link-en-badge,
  body.phone-mode:not(.ipad-detail) .bottom-message-signature.master-greeting-link .master-greeting-link-en-badge {
  min-width: 27px !important;
  height: 19px !important;
  margin-left: 6px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
}
}

body.phone-mode .master-greeting-title,
body.phone-mode .master-greeting-title {
  font-size: 21px !important;
  line-height: 1.25 !important;
}

body.phone-mode .master-greeting-content,
body.phone-mode .master-greeting-content {
  font-size: 16.5px !important;
  line-height: 1.72 !important;
}

body.phone-mode .master-greeting-signature,
body.phone-mode .master-greeting-signature {
  font-size: 17px !important;
  line-height: 1.35 !important;
}

@media (max-width: 380px) {
body.phone-mode .master-greeting-title,
  body.phone-mode .master-greeting-title {
  font-size: 20px !important;
}

body.phone-mode .master-greeting-content,
  body.phone-mode .master-greeting-content {
  font-size: 15.8px !important;
  line-height: 1.68 !important;
}

body.phone-mode .master-greeting-signature,
  body.phone-mode .master-greeting-signature {
  font-size: 16.4px !important;
}
}

body.phone-mode.ipad-detail .cocktail-search-input,
body.phone-mode.ipad-detail .whisky-search-input,
body.phone-mode.ipad-detail .drinks-search-input {
  font-size: 16px !important;
  line-height: 1.25 !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

body.phone-mode.ipad-detail .cocktail-search-input:focus,
body.phone-mode.ipad-detail .whisky-search-input:focus,
body.phone-mode.ipad-detail .drinks-search-input:focus {
  font-size: 16px !important;
  transform: none !important;
}

body.phone-mode.ipad-detail .cocktail-search-input::placeholder,
body.phone-mode.ipad-detail .whisky-search-input::placeholder,
body.phone-mode.ipad-detail .drinks-search-input::placeholder {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

body.phone-mode.ipad-detail input[type="search"].cocktail-search-input,
body.phone-mode.ipad-detail input[type="search"].whisky-search-input,
body.phone-mode.ipad-detail input[type="search"].drinks-search-input {
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.phone-mode.ipad-detail .ipad-content,
body.phone-mode.ipad-detail .content-frame,
body.phone-mode.ipad-detail .phone-content {
  background: #0b0a09 !important;
  background-image: none !important;
  background-color: #0b0a09 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.phone-mode.ipad-detail .card-grid > article,
body.phone-mode.ipad-detail .ipad-content article,
body.phone-mode.ipad-detail .content-frame article,
body.phone-mode.ipad-detail article.mini-card,
body.phone-mode.ipad-detail .mini-card,
body.phone-mode.ipad-detail .cocktail-card,
body.phone-mode.ipad-detail .whisky-card,
body.phone-mode.ipad-detail .drinks-card,
body.phone-mode.ipad-detail .food-card,
body.phone-mode.ipad-detail .tasting-card {
  border: 1px solid var(--ipad-card-border-fixed) !important;
  background: var(--ipad-card-bg-fixed) !important;
  background-color: var(--ipad-card-bg-fixed) !important;
  background-image: none !important;
  color: var(--ipad-card-title-fixed) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
}

body.phone-mode .image-expand-button,
body.phone-mode .mini-card .image-expand-button,
body.phone-mode .mini-card .image-expand-button.whisky-image-wrap,
body.phone-mode .mini-card .image-expand-button.cocktail-image-wrap,
body.phone-mode .mini-card .image-expand-button.menu-image-wrap,
body.phone-mode .whisky-card .image-expand-button.whisky-image-wrap,
body.phone-mode .cocktail-card .image-expand-button.cocktail-image-wrap {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  line-height: 0 !important;
  overflow: visible !important;
  position: relative !important;
  pointer-events: auto !important;
  cursor: zoom-in !important;
  z-index: 2 !important;
}

body.phone-mode .image-expand-button img,
body.phone-mode .mini-card .image-expand-button img,
body.phone-mode .whisky-card .image-expand-button.whisky-image-wrap img,
body.phone-mode .cocktail-card .image-expand-button.cocktail-image-wrap img {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: #0b0a09 !important;
  box-shadow: none !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

body.phone-mode.ipad-detail .menu-image-wrap,
body.phone-mode.ipad-detail .tasting-image-wrap,
body.phone-mode.ipad-detail .food-image-wrap,
body.phone-mode.ipad-detail .drinks-image-wrap,
body.phone-mode.ipad-detail .cocktail-image-wrap,
body.phone-mode.ipad-detail .whisky-image-wrap {
  background: #0b0a09 !important;
  background-color: #0b0a09 !important;
  box-shadow: none !important;
}

body.phone-mode.is-lightbox-open {
  overflow: hidden !important;
  touch-action: none !important;
}

body.phone-mode .image-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: calc(18px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom)) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 160ms ease, visibility 160ms ease !important;
}

body.phone-mode .image-lightbox.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.phone-mode .image-lightbox-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.86) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

body.phone-mode .image-lightbox-panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(94vw, 520px) !important;
  max-height: 88svh !important;
  margin: 0 auto !important;
  padding: 12px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  background: rgba(13, 10, 8, 0.96) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.62) !important;
  overflow: hidden !important;
}

body.phone-mode .image-lightbox-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 74svh !important;
  object-fit: contain !important;
  border-radius: 16px !important;
  background: #050403 !important;
}

body.phone-mode .image-lightbox-title {
  margin: 10px 38px 0 6px !important;
  color: rgba(248, 238, 214, 0.92) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  letter-spacing: -0.01em !important;
}

body.phone-mode .image-lightbox-close {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 2 !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.58) !important;
  color: #fff4dc !important;
  font-size: 22px !important;
  line-height: 30px !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
}

body.phone-mode .image-lightbox-close:focus-visible {
  outline: 2px solid rgba(212, 175, 55, 0.85) !important;
  outline-offset: 2px !important;
}

body.phone-mode .image-expand-button,
body.phone-mode [data-lightbox-image] {
  cursor: zoom-in !important;
  touch-action: manipulation !important;
}

body.phone-mode .mini-card.has-menu-image .menu-card-top-row,
body.phone-mode .cocktail-card.has-cocktail-image .cocktail-top-row,
body.phone-mode .whisky-card.has-whisky-image .whisky-top-row,
body.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
body.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
body.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main,
body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row,
body.phone-mode.ipad-detail .whisky-card.has-whisky-image .whisky-top-row {
  grid-template-columns: minmax(0, 1fr) 110px !important;
  gap: 12px !important;
}

body.phone-mode .menu-image-wrap,
body.phone-mode .tasting-image-wrap,
body.phone-mode .food-image-wrap,
body.phone-mode .drinks-image-wrap,
body.phone-mode .cocktail-card .cocktail-image-wrap,
body.phone-mode .whisky-card .whisky-image-wrap,
body.phone-mode.ipad-detail .card-main .menu-image-wrap,
body.phone-mode.ipad-detail .card-main .tasting-image-wrap,
body.phone-mode.ipad-detail .card-main .food-image-wrap,
body.phone-mode.ipad-detail .card-main .drinks-image-wrap,
body.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
body.phone-mode.ipad-detail .card-main .whisky-image-wrap,
body.phone-mode.ipad-detail .mini-card .menu-image-wrap,
body.phone-mode.ipad-detail .mini-card .tasting-image-wrap,
body.phone-mode.ipad-detail .mini-card .food-image-wrap,
body.phone-mode.ipad-detail .mini-card .drinks-image-wrap,
body.phone-mode.ipad-detail .mini-card .cocktail-image-wrap,
body.phone-mode.ipad-detail .mini-card .whisky-image-wrap {
  width: 110px !important;
  height: 110px !important;
  min-width: 110px !important;
  border-radius: 14px !important;
}

body.phone-mode .image-expand-badge,
body.phone-mode .mini-card .image-expand-button .image-expand-badge,
body.phone-mode .whisky-card .image-expand-button.whisky-image-wrap .image-expand-badge,
body.phone-mode .cocktail-card .image-expand-button.cocktail-image-wrap .image-expand-badge {
  width: 27px !important;
  height: 27px !important;
  top: -5px !important;
  right: -5px !important;
}

@media (max-width: 390px) {
body.phone-mode .mini-card.has-menu-image .menu-card-top-row,
  body.phone-mode .cocktail-card.has-cocktail-image .cocktail-top-row,
  body.phone-mode .whisky-card.has-whisky-image .whisky-top-row,
  body.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
  body.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
  body.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main,
  body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row,
  body.phone-mode.ipad-detail .whisky-card.has-whisky-image .whisky-top-row {
  grid-template-columns: minmax(0, 1fr) 96px !important;
  gap: 10px !important;
}

body.phone-mode .menu-image-wrap,
  body.phone-mode .tasting-image-wrap,
  body.phone-mode .food-image-wrap,
  body.phone-mode .drinks-image-wrap,
  body.phone-mode .cocktail-card .cocktail-image-wrap,
  body.phone-mode .whisky-card .whisky-image-wrap,
  body.phone-mode.ipad-detail .card-main .menu-image-wrap,
  body.phone-mode.ipad-detail .card-main .tasting-image-wrap,
  body.phone-mode.ipad-detail .card-main .food-image-wrap,
  body.phone-mode.ipad-detail .card-main .drinks-image-wrap,
  body.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
  body.phone-mode.ipad-detail .card-main .whisky-image-wrap,
  body.phone-mode.ipad-detail .mini-card .menu-image-wrap,
  body.phone-mode.ipad-detail .mini-card .tasting-image-wrap,
  body.phone-mode.ipad-detail .mini-card .food-image-wrap,
  body.phone-mode.ipad-detail .mini-card .drinks-image-wrap,
  body.phone-mode.ipad-detail .mini-card .cocktail-image-wrap,
  body.phone-mode.ipad-detail .mini-card .whisky-image-wrap {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
}
}

body.phone-mode .detail-search-wrap .visually-hidden,
body.phone-mode label.visually-hidden[for="foodSearchInput"],
body.phone-mode label.visually-hidden[for="tastingSearchInput"],
body.phone-mode.ipad-detail .detail-search-wrap .visually-hidden,
body.phone-mode.ipad-detail label.visually-hidden[for="foodSearchInput"],
body.phone-mode.ipad-detail label.visually-hidden[for="tastingSearchInput"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.phone-mode .detail-search-wrap,
body.phone-mode.ipad-detail .detail-search-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 88% !important;
  max-width: 660px !important;
  margin: 7px auto 15px !important;
}

body.phone-mode .detail-search-icon,
body.phone-mode.ipad-detail .detail-search-icon {
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;
  transform: translateY(-51%) !important;
  z-index: 2 !important;
  color: rgba(241, 218, 165, 0.92) !important;
  -webkit-text-fill-color: rgba(241, 218, 165, 0.92) !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  pointer-events: none !important;
}

body.phone-mode .detail-search-input,
body.phone-mode.ipad-detail .detail-search-input {
  width: 100% !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(221, 184, 104, 0.66) !important;
  background: linear-gradient(180deg, rgba(30, 25, 20, 0.62), rgba(12, 10, 8, 0.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.07),
    inset 0 -1px 0 rgba(0, 0, 0, 0.24),
    0 0 10px rgba(214, 160, 82, 0.06) !important;
  color: rgba(250, 242, 226, 0.96) !important;
  -webkit-text-fill-color: rgba(250, 242, 226, 0.96) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 460 !important;
  letter-spacing: -0.035em !important;
  padding: 0 43px 0 52px !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.phone-mode .detail-search-input::placeholder,
body.phone-mode.ipad-detail .detail-search-input::placeholder {
  color: rgba(232, 207, 160, 0.76) !important;
  -webkit-text-fill-color: rgba(232, 207, 160, 0.76) !important;
  font-size: 14px !important;
}

body.phone-mode .detail-search-input:focus,
body.phone-mode.ipad-detail .detail-search-input:focus {
  background: linear-gradient(180deg, rgba(38, 30, 22, 0.70), rgba(18, 14, 10, 0.76)) !important;
  border-color: rgba(238, 199, 113, 0.88) !important;
  box-shadow: inset 0 1px 0 rgba(255, 235, 190, 0.09),
    0 0 0 2px rgba(214, 180, 106, 0.10),
    0 0 14px rgba(214, 160, 82, 0.12) !important;
}

body.phone-mode .detail-search-clear,
body.phone-mode.ipad-detail .detail-search-clear {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(221, 184, 104, 0.56) !important;
  background: rgba(24, 18, 12, 0.78) !important;
  color: rgba(240, 218, 166, 0.96) !important;
  -webkit-text-fill-color: rgba(240, 218, 166, 0.96) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

body.phone-mode .detail-search-clear[hidden],
body.phone-mode.ipad-detail .detail-search-clear[hidden] {
  display: none !important;
}

@media (max-width: 390px) {
body.phone-mode .detail-search-wrap,
  body.phone-mode.ipad-detail .detail-search-wrap {
  width: 90% !important;
  margin-top: 6px !important;
  margin-bottom: 13px !important;
}

body.phone-mode .detail-search-input,
  body.phone-mode.ipad-detail .detail-search-input {
  height: 40px !important;
  font-size: 13px !important;
  padding-left: 49px !important;
}

body.phone-mode .detail-search-input::placeholder,
  body.phone-mode.ipad-detail .detail-search-input::placeholder {
  font-size: 13px !important;
}

body.phone-mode .detail-search-icon,
  body.phone-mode.ipad-detail .detail-search-icon {
  left: 16px !important;
  font-size: 28px !important;
}
}

body.phone-mode.ipad-detail .detail-title-cluster {
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  column-gap: 6px !important;
  align-items: center !important;
  width: 100% !important;
}

body.phone-mode.ipad-detail .detail-title-cluster .back-button.back-icon-button {
  grid-column: 1 !important;
}

body.phone-mode.ipad-detail .detail-title-stack,
body.phone-mode.ipad-detail .whisky-detail-main,
body.phone-mode.ipad-detail .tasting-detail-main {
  grid-column: 2 !important;
  width: 100% !important;
  justify-self: center !important;
  align-items: center !important;
  text-align: center !important;
}

body.phone-mode.ipad-detail .detail-title-stack .detail-kicker-row,
body.phone-mode.ipad-detail .detail-kicker-row,
body.phone-mode.ipad-detail .detail-title-stack .section-kicker,
body.phone-mode.ipad-detail .detail-kicker-row .section-kicker,
body.phone-mode.ipad-detail .detail-title-stack .section-title {
  width: 100% !important;
  text-align: center !important;
  justify-content: center !important;
}

body.phone-mode .detail-search-wrap,
body.phone-mode.ipad-detail .detail-search-wrap {
  margin: 7px auto 15px !important;
}

body.phone-mode .detail-search-icon,
body.phone-mode.ipad-detail .detail-search-icon {
  font-size: 32px !important;
}

body.phone-mode .detail-search-input,
body.phone-mode.ipad-detail .detail-search-input {
  font-size: 16px !important;
  letter-spacing: -0.04em !important;
}

body.phone-mode .detail-search-input::placeholder,
body.phone-mode.ipad-detail .detail-search-input::placeholder {
  color: rgba(246, 224, 184, 0.88) !important;
  -webkit-text-fill-color: rgba(246, 224, 184, 0.88) !important;
  font-size: 16px !important;
}

body.phone-mode.ipad-detail .whisky-category-divider,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-divider,
body.phone-mode.ipad-detail .cocktail-category-divider,
body.phone-mode.ipad-detail .drinks-category-divider,
body.phone-mode.ipad-detail .food-category-divider {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  min-height: 18px !important;
}

body.phone-mode.ipad-detail .whisky-category-divider .whisky-category-label,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-divider .whisky-category-label,
body.phone-mode.ipad-detail .cocktail-category-divider .cocktail-category-label,
body.phone-mode.ipad-detail .drinks-category-divider .drinks-category-label,
body.phone-mode.ipad-detail .food-category-divider .food-category-label {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

@media (max-width: 390px) {
body.phone-mode .detail-search-input,
  body.phone-mode.ipad-detail .detail-search-input,
  body.phone-mode .detail-search-input::placeholder,
  body.phone-mode.ipad-detail .detail-search-input::placeholder {
  font-size: 16px !important;
}

body.phone-mode .detail-search-icon,
  body.phone-mode.ipad-detail .detail-search-icon {
  font-size: 32px !important;
}
}

body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .detail-head.whisky-detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .detail-head.tasting-detail-head.phone-detail-head .detail-title-cluster {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 72px !important;
  box-sizing: border-box !important;
}

body.phone-mode.ipad-detail .phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .back-button.back-icon-button {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  z-index: 5 !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

body.phone-mode.ipad-detail .phone-detail-head .detail-title-stack,
body.phone-mode.ipad-detail .phone-detail-head .whisky-detail-main,
body.phone-mode.ipad-detail .phone-detail-head .tasting-detail-main,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-stack,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .whisky-detail-main,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .tasting-detail-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 58px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  grid-column: auto !important;
  justify-self: auto !important;
}

body.phone-mode.ipad-detail .phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail .phone-detail-head .section-kicker,
body.phone-mode.ipad-detail .phone-detail-head .section-title,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .section-kicker,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .section-title {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  justify-content: center !important;
}

body.phone-mode.ipad-detail .phone-detail-head .section-kicker,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .section-kicker {
  text-indent: 0.12em !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .phone-detail-head .detail-title-stack,
  body.phone-mode.ipad-detail .phone-detail-head .whisky-detail-main,
  body.phone-mode.ipad-detail .phone-detail-head .tasting-detail-main,
  body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-stack,
  body.phone-mode.ipad-detail .detail-head.phone-detail-head .whisky-detail-main,
  body.phone-mode.ipad-detail .detail-head.phone-detail-head .tasting-detail-main {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .detail-head.whisky-detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .detail-head.tasting-detail-head.phone-detail-head .detail-title-cluster {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) 56px !important;
  column-gap: 0 !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 72px !important;
  box-sizing: border-box !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-cluster::after,
body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster::after {
  content: "" !important;
  display: block !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 56px !important;
  height: 1px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail .phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail .detail-head.whisky-detail-head.phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail .detail-head.tasting-detail-head.phone-detail-head .back-button.back-icon-button {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  z-index: 5 !important;
}

body.phone-mode.ipad-detail .detail-title-spacer {
  display: block !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 56px !important;
  min-width: 56px !important;
  height: 1px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-stack,
body.phone-mode.ipad-detail .phone-detail-head .detail-title-stack,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .whisky-detail-main,
body.phone-mode.ipad-detail .phone-detail-head .whisky-detail-main,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .tasting-detail-main,
body.phone-mode.ipad-detail .phone-detail-head .tasting-detail-main {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail .phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .section-kicker,
body.phone-mode.ipad-detail .phone-detail-head .section-kicker,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .section-title,
body.phone-mode.ipad-detail .phone-detail-head .section-title {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  justify-content: center !important;
  text-indent: 0 !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .section-kicker,
body.phone-mode.ipad-detail .phone-detail-head .section-kicker {
  letter-spacing: 0.22em !important;
  text-indent: 0 !important;
}

body.phone-mode.ipad-detail section[aria-label="테이스팅 세트"] .tasting-grid,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .cocktail-grid,
body.phone-mode.ipad-detail section[aria-label="와인 코냑 맥주 스피릿 소개"] .drinks-grid,
body.phone-mode.ipad-detail section[aria-label="푸드 페어링"] .food-card-grid,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-grid,
body.phone-mode.ipad-detail .whisky-grid,
body.phone-mode.ipad-detail .card-grid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 0 !important;
}

body.phone-mode.ipad-detail .detail-search-wrap {
  margin-top: 7px !important;
  margin-bottom: 15px !important;
}

body.phone-mode.ipad-detail .whisky-category-divider,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-divider,
body.phone-mode.ipad-detail .cocktail-category-divider,
body.phone-mode.ipad-detail .drinks-category-divider,
body.phone-mode.ipad-detail .food-category-divider {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  min-height: 18px !important;
  width: 100% !important;
}

body.phone-mode.ipad-detail .whisky-category-divider .whisky-category-label,
body.phone-mode.ipad-detail section[aria-label="위스키 샷 보틀 안내"] .whisky-category-divider .whisky-category-label,
body.phone-mode.ipad-detail .cocktail-category-divider .cocktail-category-label,
body.phone-mode.ipad-detail .drinks-category-divider .drinks-category-label,
body.phone-mode.ipad-detail .food-category-divider .food-category-label {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  line-height: 1 !important;
}

body.phone-mode.ipad-detail .whisky-category-divider + .mini-card,
body.phone-mode.ipad-detail .cocktail-category-divider + .mini-card,
body.phone-mode.ipad-detail .drinks-category-divider + .mini-card,
body.phone-mode.ipad-detail .food-category-divider + .mini-card,
body.phone-mode.ipad-detail .whisky-category-divider + article,
body.phone-mode.ipad-detail .cocktail-category-divider + article,
body.phone-mode.ipad-detail .drinks-category-divider + article,
body.phone-mode.ipad-detail .food-category-divider + article {
  margin-top: 0 !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail .detail-head.whisky-detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail .detail-head.tasting-detail-head.phone-detail-head .detail-title-cluster {
  grid-template-columns: 52px minmax(0, 1fr) 52px !important;
}

body.phone-mode.ipad-detail .detail-title-spacer,
  body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-cluster::after,
  body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster::after {
  width: 52px !important;
  min-width: 52px !important;
}
}

.recommendation-reason-box {
  width: 100%;
  box-sizing: border-box;
  margin-top: 11px;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(216, 180, 106, 0.28);
  background: linear-gradient(135deg, rgba(216, 180, 106, 0.10), rgba(64, 42, 20, 0.12));
}

.recommendation-reason-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 6px;
  line-height: 1.22;
}

.recommendation-reason-title {
  color: rgba(245, 238, 224, 0.82);
  font-size: 13.5px;
  font-weight: 750;
  letter-spacing: -0.012em;
  white-space: nowrap;
}

.recommendation-label-list {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.recommendation-gold-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 2px 8px 1px;
  border-radius: 999px;
  border: 1px solid rgba(218, 184, 112, 0.70);
  background: linear-gradient(180deg, rgba(213, 178, 105, 0.34), rgba(113, 79, 34, 0.42));
  color: #f6dfad;
  font-size: 11px;
  font-weight: 760;
  letter-spacing: -0.01em;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 239, 191, 0.16);
}

.recommendation-reason-copy {
  margin: 0;
  color: rgba(246, 240, 230, 0.88);
  font-size: 13px;
  line-height: 1.52;
  letter-spacing: -0.01em;
}

body.phone-mode.ipad-detail .recommendation-reason-box {
  width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 10px;
  padding: 10px 11px;
  border-radius: 13px;
}

body.phone-mode.ipad-detail .recommendation-reason-title {
  font-size: 13px;
}

body.phone-mode.ipad-detail .recommendation-gold-label {
  min-height: 18px;
  padding: 2px 7px 1px;
  font-size: 10.5px;
}

body.phone-mode.ipad-detail .recommendation-reason-copy {
  font-size: 12.5px;
  line-height: 1.5;
}

body.phone-mode.ipad-detail .recommendation-reason-box,
body.phone-mode .recommendation-reason-box {
  padding: 13px 14px !important;
}

body.phone-mode.ipad-detail .recommendation-reason-head,
body.phone-mode .recommendation-reason-head {
  gap: 9px !important;
  margin-bottom: 8px !important;
}

body.phone-mode.ipad-detail .recommendation-reason-title,
body.phone-mode .recommendation-reason-title {
  font-size: 15px !important;
  font-weight: 820 !important;
  letter-spacing: -0.018em !important;
}

body.phone-mode.ipad-detail .recommendation-gold-label,
body.phone-mode .recommendation-gold-label {
  min-height: 23px !important;
  padding: 3px 9px 2px !important;
  font-size: 12.5px !important;
  font-weight: 780 !important;
}

body.phone-mode.ipad-detail .recommendation-reason-copy,
body.phone-mode .recommendation-reason-copy {
  font-size: 15px !important;
  line-height: 1.48 !important;
  letter-spacing: -0.018em !important;
}

body.phone-mode.ipad-detail .recommendation-reason-title,
body.phone-mode .recommendation-reason-title {
  font-size: 17px !important;
}

body.phone-mode.ipad-detail .recommendation-reason-copy,
body.phone-mode .recommendation-reason-copy {
  font-size: 17px !important;
  line-height: 1.44 !important;
}

body.phone-mode.ipad-detail .recommendation-gold-label,
body.phone-mode .recommendation-gold-label {
  color: rgba(250, 226, 170, 0.90) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.90) !important;
  font-weight: 720 !important;
  border-color: rgba(226, 188, 105, 0.58) !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.44), rgba(34, 24, 14, 0.58)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.10),
    0 0 5px rgba(214, 160, 82, 0.08) !important;
}

body.phone-mode .content-frame article .recommendation-reason-box .recommendation-reason-title,
body.phone-mode .content-frame article.mini-card .recommendation-reason-box .recommendation-reason-title,
body.phone-mode .ipad-content article .recommendation-reason-box .recommendation-reason-title,
body.phone-mode .ipad-content article.mini-card .recommendation-reason-box .recommendation-reason-title,
body.phone-mode.ipad-detail .content-frame article .recommendation-reason-box .recommendation-reason-title,
body.phone-mode.ipad-detail .ipad-content article .recommendation-reason-box .recommendation-reason-title {
  font-size: 17px !important;
  line-height: 1.28 !important;
  font-weight: 820 !important;
  letter-spacing: -0.018em !important;
}

body.phone-mode .content-frame article .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode .content-frame article.mini-card .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode .ipad-content article .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode .ipad-content article.mini-card .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode.ipad-detail .content-frame article .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode.ipad-detail .ipad-content article .recommendation-reason-box p.recommendation-reason-copy {
  font-size: 17px !important;
  line-height: 1.44 !important;
  letter-spacing: -0.018em !important;
  color: rgba(246, 240, 230, 0.90) !important;
}

body.phone-mode .content-frame article .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode .content-frame article.mini-card .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode .ipad-content article .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode .ipad-content article.mini-card .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode.ipad-detail .content-frame article .recommendation-reason-box p.recommendation-reason-copy,
body.phone-mode.ipad-detail .ipad-content article .recommendation-reason-box p.recommendation-reason-copy {
  font-size: 14px !important;
  line-height: 1.48 !important;
}

body.phone-mode .detail-search-wrap[hidden],
body.phone-mode.ipad-detail .detail-search-wrap[hidden] {
  display: none !important;
}

body.phone-mode .content-frame article .recommendation-reason-box,
body.phone-mode .content-frame article.mini-card .recommendation-reason-box,
body.phone-mode .ipad-content article .recommendation-reason-box,
body.phone-mode .ipad-content article.mini-card .recommendation-reason-box,
body.phone-mode.ipad-detail .content-frame article .recommendation-reason-box,
body.phone-mode.ipad-detail .ipad-content article .recommendation-reason-box {
  width: 95% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-popularity-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 24px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(214, 188, 132, 0.34) !important;
  background: rgba(20, 15, 10, 0.36) !important;
  color: rgba(214, 188, 132, 0.88) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.88) !important;
  font-size: var(--detail-card-en-toggle-font, 11px) !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-popularity-badge:active {
  background: rgba(214, 188, 132, 0.12) !important;
  border-color: rgba(214, 188, 132, 0.55) !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-popularity-badge:focus-visible {
  outline: 2px solid rgba(214, 188, 132, 0.68) !important;
  outline-offset: 2px !important;
}

body.phone-mode.is-cocktail-popularity-open {
  overflow: hidden !important;
}

body.phone-mode .cocktail-popularity-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9990 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 18px 12px calc(18px + env(safe-area-inset-bottom)) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 140ms ease !important;
}

body.phone-mode .cocktail-popularity-modal.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.phone-mode .cocktail-popularity-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(3, 2, 1, 0.68) !important;
  backdrop-filter: blur(7px) !important;
}

body.phone-mode .cocktail-popularity-panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(94vw, 520px) !important;
  max-height: 88svh !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: 22px !important;
  border: 1px solid rgba(214, 188, 132, 0.26) !important;
  background: radial-gradient(circle at 18% 0%, rgba(214, 188, 132, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(24, 18, 12, 0.98), rgba(10, 7, 5, 0.98)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.56), inset 0 1px 0 rgba(255,255,255,0.04) !important;
  padding: 18px 15px 16px !important;
  color: rgba(242, 236, 225, 0.94) !important;
}

body.phone-mode .cocktail-popularity-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(214, 188, 132, 0.28) !important;
  background: rgba(0, 0, 0, 0.28) !important;
  color: rgba(232, 214, 174, 0.9) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

body.phone-mode .cocktail-popularity-header {
  padding: 2px 42px 12px 0 !important;
  border-bottom: 1px solid rgba(214, 188, 132, 0.16) !important;
}

body.phone-mode .cocktail-popularity-kicker {
  margin: 0 0 5px !important;
  color: rgba(214, 188, 132, 0.78) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  font-weight: 650 !important;
}

body.phone-mode .cocktail-popularity-title {
  margin: 0 !important;
  color: rgba(247, 240, 225, 0.96) !important;
  font-size: 19px !important;
  line-height: 1.28 !important;
  letter-spacing: -0.03em !important;
  font-weight: 780 !important;
}

body.phone-mode .cocktail-popularity-list {
  list-style: none !important;
  display: grid !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

body.phone-mode .cocktail-popularity-row {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 62px !important;
  padding: 9px 9px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(214, 188, 132, 0.12) !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

body.phone-mode .cocktail-popularity-row.is-current {
  border-color: rgba(214, 188, 132, 0.48) !important;
  background: rgba(214, 188, 132, 0.09) !important;
}

body.phone-mode .cocktail-popularity-rank {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(214, 188, 132, 0.28) !important;
  color: rgba(214, 188, 132, 0.9) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

body.phone-mode .cocktail-popularity-info {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.phone-mode .cocktail-popularity-ko {
  color: rgba(247, 240, 225, 0.96) !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
  font-weight: 760 !important;
  letter-spacing: -0.03em !important;
}

body.phone-mode .cocktail-popularity-en {
  color: rgba(224, 209, 174, 0.82) !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
  font-weight: 620 !important;
}

body.phone-mode .cocktail-popularity-ingredients {
  color: rgba(238, 232, 220, 0.74) !important;
  font-size: 12.2px !important;
  line-height: 1.32 !important;
  font-weight: 460 !important;
  word-break: keep-all !important;
}

body.phone-mode .cocktail-popularity-current-label {
  align-self: start !important;
  margin-top: 2px !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: rgba(214, 188, 132, 0.12) !important;
  color: rgba(214, 188, 132, 0.9) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body.phone-mode .cocktail-popularity-credibility {
  display: grid !important;
  gap: 5px !important;
  margin-top: 14px !important;
  padding: 12px 12px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(214, 188, 132, 0.14) !important;
  background: rgba(0, 0, 0, 0.18) !important;
}

body.phone-mode .cocktail-popularity-credibility strong {
  color: rgba(214, 188, 132, 0.88) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.phone-mode .cocktail-popularity-credibility span {
  color: rgba(238, 232, 220, 0.74) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

@media (max-width: 370px) {
body.phone-mode .cocktail-popularity-row {
  grid-template-columns: 26px minmax(0, 1fr) !important;
}

body.phone-mode .cocktail-popularity-current-label {
  grid-column: 2 / 3 !important;
  justify-self: start !important;
}
}

body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .detail-title-cluster {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 72px !important;
  box-sizing: border-box !important;
}

body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .detail-title-stack,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .detail-title-stack {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .section-kicker,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .section-kicker,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .section-title,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .section-title {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  justify-content: center !important;
}

body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .back-button.back-icon-button {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 6 !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  font-size: 34px !important;
}

body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-title-spacer {
  display: none !important;
}

body.phone-mode .cocktail-popularity-close {
  font-size: 24px !important;
}

body.phone-mode .cocktail-popularity-rank {
  font-size: 14px !important;
}

body.phone-mode .cocktail-popularity-en {
  font-size: 14px !important;
}

body.phone-mode .cocktail-popularity-ingredients {
  font-size: 14.2px !important;
}

body.phone-mode .cocktail-popularity-current-label {
  font-size: 12px !important;
}

body.phone-mode .cocktail-popularity-header {
  padding: 2px 0 12px 0 !important;
  text-align: center !important;
}

body.phone-mode .cocktail-popularity-kicker,
body.phone-mode .cocktail-popularity-title {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}

body.phone-mode .cocktail-popularity-list {
  justify-items: center !important;
}

body.phone-mode .cocktail-popularity-row {
  width: 85% !important;
  max-width: 85% !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.phone-mode .cocktail-popularity-credibility strong {
  font-size: 15px !important;
  line-height: 1.22 !important;
}

body.phone-mode .cocktail-popularity-credibility span {
  font-size: 15px !important;
  line-height: 1.48 !important;
}

@media (max-width: 370px) {
body.phone-mode .cocktail-popularity-row {
  width: 90% !important;
  max-width: 90% !important;
}
}

body.phone-mode .cocktail-popularity-row .cocktail-popularity-rank {
  font-size: 16px !important;
}

body.phone-mode .cocktail-popularity-row .cocktail-popularity-ko {
  font-size: 17px !important;
}

body.phone-mode .cocktail-popularity-row .cocktail-popularity-en {
  font-size: 16px !important;
}

body.phone-mode .cocktail-popularity-row .cocktail-popularity-ingredients {
  font-size: 16.2px !important;
}

body.phone-mode .cocktail-popularity-row .cocktail-popularity-current-label {
  font-size: 14px !important;
}

body.phone-mode .cocktail-popularity-kicker {
  font-size: 14px !important;
  line-height: 1.22 !important;
}

body.phone-mode .cocktail-popularity-title {
  font-size: 21px !important;
  line-height: 1.26 !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line {
  column-gap: 7px !important;
  row-gap: 5px !important;
  align-items: center !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-meta-chip,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-abv-badge,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  height: 26px !important;
  min-height: 26px !important;
  min-width: auto !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(226, 188, 105, 0.82) !important;
  background: linear-gradient(180deg, rgba(76, 52, 27, 0.66), rgba(34, 24, 14, 0.72)) !important;
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  font-size: var(--detail-card-en-toggle-font, 11px) !important;
  font-weight: 740 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  transform: none !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.13),
    0 0 8px rgba(214, 160, 82, 0.12) !important;
  vertical-align: middle !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge {
  min-width: 34px !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge {
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge:active,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge.is-active,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge.is-active {
  border-color: rgba(238, 199, 113, 0.92) !important;
  background: linear-gradient(180deg, rgba(92, 63, 30, 0.72), rgba(44, 30, 15, 0.78)) !important;
  color: rgba(255, 235, 188, 1) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 1) !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-meta-chip:focus-visible,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge:focus-visible,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge:focus-visible,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge:focus-visible {
  outline: 1px solid rgba(238, 199, 113, 0.92) !important;
  outline-offset: 2px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-meta-chip,
  body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-abv-badge,
  body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge,
  body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge,
  body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle {
  height: 25px !important;
  min-height: 25px !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
  font-size: var(--detail-card-en-toggle-font, 11px) !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge,
  body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge {
  min-width: 33px !important;
}
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge {
  gap: 4px !important;
  padding-right: 8px !important;
  border-color: rgba(238, 199, 113, 0.88) !important;
  background: linear-gradient(180deg, rgba(82, 56, 28, 0.68), rgba(36, 25, 14, 0.74)) !important;
  cursor: pointer !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge::after,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge::after,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge::after {
  content: "›" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 1px !important;
  color: rgba(255, 231, 182, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 231, 182, 0.92) !important;
  font-size: 1.18em !important;
  line-height: 0.9 !important;
  font-weight: 760 !important;
  transform: translateY(-1px) !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge {
  min-width: 42px !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge:active,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge:active,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge:active {
  transform: translateY(0) scale(0.98) !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge,
  body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge {
  min-width: 40px !important;
  padding-right: 7px !important;
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge {
  padding-right: 7px !important;
}
}

body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-popularity-badge::after,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .cocktail-en-badge::after,
body.phone-mode.ipad-detail .cocktail-card .cocktail-title-line .title-en-toggle.cocktail-en-badge::after {
  font-size: 1.31em !important;
}

body.phone-mode.ipad-detail .mini-card .title-with-en {
  column-gap: 7px !important;
  row-gap: 5px !important;
  align-items: center !important;
}

body.phone-mode.ipad-detail .mini-card .detail-en-chip:not(.cocktail-en-badge) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  height: 26px !important;
  min-height: 26px !important;
  min-width: 42px !important;
  padding: 0 8px 0 9px !important;
  gap: 4px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(238, 199, 113, 0.88) !important;
  background: linear-gradient(180deg, rgba(82, 56, 28, 0.68), rgba(36, 25, 14, 0.74)) !important;
  color: rgba(250, 226, 170, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 226, 170, 0.98) !important;
  font-size: var(--detail-card-en-toggle-font, 11px) !important;
  font-weight: 740 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.13),
    0 0 8px rgba(214, 160, 82, 0.12) !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.phone-mode.ipad-detail .mini-card .detail-en-chip:not(.cocktail-en-badge)::after {
  content: "›" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 1px !important;
  color: rgba(255, 231, 182, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 231, 182, 0.92) !important;
  font-size: 1.31em !important;
  line-height: 0.9 !important;
  font-weight: 760 !important;
  transform: translateY(-1px) !important;
}

body.phone-mode.ipad-detail .mini-card .detail-en-chip:not(.cocktail-en-badge).is-active {
  border-color: rgba(238, 199, 113, 0.92) !important;
  background: linear-gradient(180deg, rgba(92, 63, 30, 0.72), rgba(44, 30, 15, 0.78)) !important;
  color: rgba(255, 235, 188, 1) !important;
  -webkit-text-fill-color: rgba(255, 235, 188, 1) !important;
}

body.phone-mode.ipad-detail .mini-card .detail-en-chip:not(.cocktail-en-badge):active {
  transform: translateY(0) scale(0.98) !important;
}

body.phone-mode.ipad-detail .mini-card .detail-en-chip:not(.cocktail-en-badge):focus-visible {
  outline: 1px solid rgba(238, 199, 113, 0.92) !important;
  outline-offset: 2px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .mini-card .detail-en-chip:not(.cocktail-en-badge) {
  height: 25px !important;
  min-height: 25px !important;
  min-width: 40px !important;
  padding-right: 7px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note,
body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-ko,
body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-en,
body.phone-mode:not(.ipad-detail).is-landing .landing-help-en-toggle {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
body.phone-mode:not(.ipad-detail).is-landing .phone-nav,
body.phone-mode:not(.ipad-detail).is-landing .quick-nav {
  margin-bottom: calc(var(--landing-section-gap) - 4px) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order {
  margin-top: 0 !important;
  padding: 13px 14px 12px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-ko {
  line-height: 1.30 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature {
  margin-top: 4px !important;
  line-height: 1.06 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .bottom-order {
  padding: 12px 12px 11px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
  body.phone-mode:not(.ipad-detail).is-landing .phone-nav,
  body.phone-mode:not(.ipad-detail).is-landing .quick-nav {
  margin-bottom: calc(var(--landing-section-gap) - 4px) !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
body.phone-mode:not(.ipad-detail).is-landing .phone-nav,
body.phone-mode:not(.ipad-detail).is-landing .quick-nav {
  margin-bottom: 24px !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
  body.phone-mode:not(.ipad-detail).is-landing .phone-nav,
  body.phone-mode:not(.ipad-detail).is-landing .quick-nav {
  margin-bottom: 22px !important;
}
}

body.phone-mode.ipad-detail .ipad-content,
body.phone-mode.ipad-detail .content-frame,
body.phone-mode.ipad-detail .phone-content {
  padding: 30px 14px 24px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(214, 188, 132, 0.24) !important;
  background: radial-gradient(circle at 50% -12%, rgba(178, 121, 66, 0.30), transparent 38%),
    radial-gradient(circle at 18% 4%, rgba(214, 188, 132, 0.09), transparent 34%),
    linear-gradient(180deg, rgba(71, 47, 27, 0.92) 0%, rgba(45, 31, 19, 0.86) 42%, rgba(12, 9, 6, 0.97) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.05),
    0 18px 44px rgba(0, 0, 0, 0.30) !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head,
body.phone-mode.ipad-detail .phone-detail-head,
body.phone-mode.ipad-detail .whisky-detail-head.phone-detail-head,
body.phone-mode.ipad-detail .tasting-detail-head.phone-detail-head {
  display: block !important;
  width: 100% !important;
  margin: 0 0 18px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .detail-head.whisky-detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .detail-head.tasting-detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .detail-title-cluster {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) 56px !important;
  align-items: center !important;
  column-gap: 0 !important;
  width: 100% !important;
  min-height: 76px !important;
  box-sizing: border-box !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail .phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail .detail-head.whisky-detail-head.phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail .detail-head.tasting-detail-head.phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .back-button.back-icon-button,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .back-button.back-icon-button {
  position: static !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 6 !important;
  font-size: 34px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-stack,
body.phone-mode.ipad-detail .phone-detail-head .detail-title-stack,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .whisky-detail-main,
body.phone-mode.ipad-detail .phone-detail-head .whisky-detail-main,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .tasting-detail-main,
body.phone-mode.ipad-detail .phone-detail-head .tasting-detail-main,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .detail-title-stack,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .detail-title-stack {
  position: static !important;
  inset: auto !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  pointer-events: auto !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-spacer,
body.phone-mode.ipad-detail .phone-detail-head .detail-title-spacer,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-title-spacer {
  display: block !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 56px !important;
  min-width: 56px !important;
  height: 1px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail .phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .section-kicker,
body.phone-mode.ipad-detail .phone-detail-head .section-kicker,
body.phone-mode.ipad-detail .detail-head.phone-detail-head .section-title,
body.phone-mode.ipad-detail .phone-detail-head .section-title,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .detail-kicker-row,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .section-kicker,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .section-kicker,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .section-title,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .section-title {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  justify-content: center !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell,
body.phone-mode.ipad-detail .cocktail-filter-shell,
body.phone-mode.ipad-detail .drinks-filter-shell,
body.phone-mode.ipad-detail .tasting-filter-shell,
body.phone-mode.ipad-detail .food-filter-shell,
body.phone-mode.ipad-detail .whisky-category-filter-shell,
body.phone-mode.ipad-detail .whisky-taste-filter-shell {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  background: #050403 !important;
  border-top-color: rgba(210, 177, 105, 0.18) !important;
  border-bottom-color: rgba(210, 177, 105, 0.18) !important;
}

body.phone-mode.ipad-detail .whisky-category-filter-shell + .whisky-taste-filter-shell {
  margin-top: -2px !important;
}

body.phone-mode.ipad-detail .detail-search-wrap,
body.phone-mode.ipad-detail .cocktail-search-wrap,
body.phone-mode.ipad-detail .drinks-search-wrap {
  margin-top: 10px !important;
  margin-bottom: 15px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .ipad-content,
  body.phone-mode.ipad-detail .content-frame,
  body.phone-mode.ipad-detail .phone-content {
  padding-top: 28px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail .detail-head.whisky-detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail .detail-head.tasting-detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .detail-title-cluster {
  grid-template-columns: 50px minmax(0, 1fr) 50px !important;
  min-height: 72px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-spacer,
  body.phone-mode.ipad-detail .phone-detail-head .detail-title-spacer,
  body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-title-spacer {
  width: 50px !important;
  min-width: 50px !important;
}
}

body.phone-mode .phone-floating-nav-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  bottom: calc(78px + env(safe-area-inset-bottom)) !important;
  z-index: 9999 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(214, 188, 132, 0.58) !important;
  background: radial-gradient(circle at 50% 10%, rgba(214, 188, 132, 0.16), transparent 54%),
    rgba(8, 7, 6, 0.82) !important;
  color: rgba(245, 224, 169, 0.96) !important;
  -webkit-text-fill-color: rgba(245, 224, 169, 0.96) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 520 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(10px) scale(0.96) !important;
  transition: opacity 0.16s ease,
    transform 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.phone-mode .phone-top-button.phone-floating-nav-button {
  right: max(14px, calc(env(safe-area-inset-right) + 14px)) !important;
  left: auto !important;
}

body.phone-mode .phone-back-button.phone-floating-nav-button {
  left: max(14px, calc(env(safe-area-inset-left) + 14px)) !important;
  right: auto !important;
}

body.phone-mode .phone-floating-nav-button.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

body.phone-mode .phone-floating-nav-button:active {
  transform: translateY(1px) scale(0.97) !important;
  border-color: rgba(245, 224, 169, 0.82) !important;
  background: radial-gradient(circle at 50% 10%, rgba(214, 188, 132, 0.24), transparent 56%),
    rgba(18, 13, 9, 0.9) !important;
}

body.phone-mode .phone-floating-nav-button span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

body.phone-mode .phone-top-button.phone-floating-nav-button span {
  transform: translateY(-1px) !important;
}

body.phone-mode .phone-back-button.phone-floating-nav-button span {
  transform: translateY(-1px) !important;
}

body.phone-mode:not(.ipad-detail) .phone-floating-nav-button {
  display: none !important;
}

@media (max-width: 390px) {
body.phone-mode .phone-floating-nav-button {
  bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 21px !important;
}

body.phone-mode .phone-top-button.phone-floating-nav-button {
  right: max(12px, calc(env(safe-area-inset-right) + 12px)) !important;
}

body.phone-mode .phone-back-button.phone-floating-nav-button {
  left: max(12px, calc(env(safe-area-inset-left) + 12px)) !important;
}
}

body.phone-mode.ipad-detail .ipad-content,
body.phone-mode.ipad-detail .content-frame,
body.phone-mode.ipad-detail .phone-content {
  padding-top: 22px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head,
body.phone-mode.ipad-detail .phone-detail-head,
body.phone-mode.ipad-detail .whisky-detail-head.phone-detail-head,
body.phone-mode.ipad-detail .tasting-detail-head.phone-detail-head {
  margin-bottom: 10px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .detail-head.whisky-detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail .detail-head.tasting-detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .detail-title-cluster,
body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .detail-title-cluster {
  min-height: 60px !important;
}

body.phone-mode.ipad-detail .filter-scroll-shell,
body.phone-mode.ipad-detail .cocktail-filter-shell,
body.phone-mode.ipad-detail .drinks-filter-shell,
body.phone-mode.ipad-detail .tasting-filter-shell,
body.phone-mode.ipad-detail .food-filter-shell,
body.phone-mode.ipad-detail .whisky-category-filter-shell,
body.phone-mode.ipad-detail .whisky-taste-filter-shell {
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

body.phone-mode.ipad-detail .detail-search-wrap,
body.phone-mode.ipad-detail .cocktail-search-wrap,
body.phone-mode.ipad-detail .drinks-search-wrap {
  margin-top: 8px !important;
  margin-bottom: 13px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail .ipad-content,
  body.phone-mode.ipad-detail .content-frame,
  body.phone-mode.ipad-detail .phone-content {
  padding-top: 20px !important;
}

body.phone-mode.ipad-detail .detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail .phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail .detail-head.whisky-detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail .detail-head.tasting-detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .detail-head.phone-detail-head .detail-title-cluster,
  body.phone-mode.ipad-detail section[aria-label="칵테일 선택 가이드"] .phone-detail-head .detail-title-cluster {
  min-height: 58px !important;
}
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-stack-button.notice-polaroid-photo {
  border: 1px solid rgba(215, 179, 105, 0.78) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.38), inset 0 0 0 1px rgba(255, 232, 170, 0.06) !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-stack-button.notice-polaroid-photo img {
  border: 0 !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-polaroid-expand-badge {
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 27px !important;
  height: 27px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(224, 194, 124, 0.9) !important;
  background: rgba(12, 9, 6, 0.66) !important;
  color: rgba(240, 218, 166, 0.98) !important;
  -webkit-text-fill-color: rgba(240, 218, 166, 0.98) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.36) !important;
  pointer-events: none !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-polaroid-card .notice-polaroid-expand-badge {
  top: 3px !important;
  right: 3px !important;
  width: 25px !important;
  height: 25px !important;
  font-size: 16px !important;
}
}

.landing-build-badge {
  display: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .page-shell {
  position: relative !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-build-badge {
  display: inline-flex !important;
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 12 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(200, 166, 106, 0.54) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  user-select: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-ops-grid {
  display: none !important;
}

body.phone-mode section[aria-label="Notice"] .notice-subvalue.notice-subvalue-plus1 {
  font-size: 12px !important;
}

body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-subvalue.notice-subvalue-plus1 {
  font-size: 16px !important;
}

@media (max-width: 390px) {
body.phone-mode.ipad-detail section[aria-label="Notice"] .notice-subvalue.notice-subvalue-plus1 {
  font-size: 15.4px !important;
}
}

body.phone-mode section[aria-label="Notice"] .notice-nowrap {
  white-space: nowrap !important;
}

.master-greeting-modal .master-greeting-title,
.master-greeting-modal .master-greeting-content,
.master-greeting-modal .master-greeting-content p,
.master-greeting-modal .master-greeting-signature {
  text-align: center !important;
}

.master-greeting-modal .master-greeting-content-centered {
  text-align: center !important;
}

.master-greeting-modal .master-greeting-content-centered p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ipad-mode.phone-mode .master-greeting-modal,
body.phone-mode .master-greeting-modal {
  padding: calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom)) !important;
}

body.ipad-mode.phone-mode .master-greeting-panel,
body.phone-mode .master-greeting-panel {
  width: min(96vw, 460px) !important;
  max-height: 92svh !important;
  max-height: calc(100dvh - 20px) !important;
  padding: 26px 22px 24px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 380px) {
body.ipad-mode.phone-mode .master-greeting-modal,
  body.phone-mode .master-greeting-modal {
  padding: calc(7px + env(safe-area-inset-top)) 7px calc(7px + env(safe-area-inset-bottom)) !important;
}

body.ipad-mode.phone-mode .master-greeting-panel,
  body.phone-mode .master-greeting-panel {
  width: min(97vw, 420px) !important;
  max-height: 94svh !important;
  max-height: calc(100dvh - 14px) !important;
  padding: 24px 18px 22px !important;
}
}

.master-greeting-modal .soft-break {
  display: block !important;
  width: 100% !important;
  height: 0.55em !important;
  line-height: 0 !important;
}

.master-greeting-modal .master-greeting-final {
  text-align: center !important;
}

.master-greeting-modal .master-greeting-final span {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.master-greeting-modal .master-greeting-final .master-greeting-final-memory {
  margin-top: 0 !important;
}

body.phone-mode .master-greeting-title,
body.phone-mode .master-greeting-title {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 34px !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body.phone-mode .master-greeting-title-text,
body.phone-mode .master-greeting-title-text {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  pointer-events: none !important;
}

body.phone-mode .master-greeting-title .master-greeting-en-toggle,
body.phone-mode .master-greeting-title .master-greeting-en-toggle {
  position: absolute !important;
  left: calc(50% + 92px) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

@media (max-width: 380px) {
body.phone-mode .master-greeting-title,
  body.phone-mode .master-greeting-title {
  min-height: 32px !important;
}

body.phone-mode .master-greeting-title .master-greeting-en-toggle,
  body.phone-mode .master-greeting-title .master-greeting-en-toggle {
  left: calc(50% + 86px) !important;
}
}

body.phone-mode.is-info-infographic {
  background: #050505 !important;
}

body.phone-mode.is-info-infographic .page-shell {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

body.phone-mode.ipad-detail.is-info-infographic #app.content-frame,
body.phone-mode.ipad-detail.is-info-infographic .content-frame,
body.phone-mode.ipad-detail.is-info-infographic .ipad-content,
body.phone-mode.ipad-detail.is-info-infographic .phone-content {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.phone-mode.is-info-infographic section[aria-label="Information Detail"].is-infographic-page,
body.phone-mode.is-info-infographic .info-infographic-fullbleed {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.phone-mode.is-info-infographic .info-infographic-fullbleed img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}

body.phone-mode .price-check-button {
  min-height: 34px;
  padding-inline: 15px;
  font-size: calc(0.92rem + 1pt);
}

body.phone-mode.ipad-detail .card-bottom > .price-row.is-price-hidden-row,
body.phone-mode.ipad-detail .card-bottom > .whisky-price-row.is-price-hidden-row {
  align-items: center;
}

body.phone-mode .today-course-price-check {
  min-height: 32px;
  padding-inline: 13px;
  font-size: calc(0.82rem + 1pt);
}

.price-sale-wrap {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.price-sale-wrap .price-sale-prefix {
  display: inline-flex;
  align-items: baseline;
  color: rgba(224, 199, 154, 0.68) !important;
  font-size: calc(1em + 1pt);
  font-weight: 760;
  letter-spacing: -0.02em;
  transform: translateY(0.005em);
}

.price-sale-wrap .price-sale-normal {
  position: relative;
  display: inline-block;
  font-size: calc(1em + 1pt);
  color: rgba(232, 220, 202, 0.52) !important;
  text-decoration: none !important;
  font-weight: 650;
  transform: translateY(0.01em);
  isolation: isolate;
}

.price-sale-wrap .price-sale-normal::after {
  content: "";
  position: absolute;
  left: -0.06em;
  right: -0.06em;
  top: 55%;
  height: 0.065em;
  min-height: 1px;
  border-radius: 999px;
  background: rgba(218, 184, 119, 0.42);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.34);
  transform: rotate(-2deg);
  transform-origin: center;
  z-index: 1;
  pointer-events: none;
}

.price-sale-wrap .price-sale-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(213, 174, 98, 0.84) !important;
  font-size: calc(1em + 3pt);
  font-weight: 760;
  line-height: 1;
  transform: translateY(-0.015em);
}

.price-sale-wrap .price-sale-main {
  display: inline-flex;
  align-items: baseline;
  color: rgb(255, 220, 145) !important;
  font-size: calc(1em + 2pt);
  font-weight: 880;
  text-shadow: 0 0 10px rgba(226, 177, 92, 0.22), 0 0 1px rgba(255, 232, 178, 0.34);
}

.price-sale-label {
  display: none;
}

.today-course-stage-price .price-sale-wrap {
  justify-content: center;
  gap: 7px;
}

.whisky-price-amount.price-sale-wrap {
  justify-content: flex-end;
  gap: 7px;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-title-sub {
  display: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-title {
  margin-bottom: 7px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-title-main {
  display: block;
  margin-bottom: 0 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy {
  margin-top: 0 !important;
  color: rgba(234, 226, 211, 0.93) !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.42) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy .hero-copy-ko {
  color: rgba(234, 226, 211, 0.95) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 16px 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card {
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  min-width: 0 !important;
  min-height: 88px !important;
  padding: 11px 5px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 20px !important;
  border: 1px solid rgba(222, 178, 91, 0.36) !important;
  background: radial-gradient(circle at 50% 25%, rgba(230, 178, 92, 0.28), rgba(58, 42, 22, 0.28) 48%, rgba(8, 7, 6, 0.74) 100%),
    linear-gradient(180deg, rgba(48, 36, 20, 0.92), rgba(9, 7, 5, 0.88)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 232, 166, 0.06),
    inset 0 0 20px rgba(224, 166, 72, 0.10),
    0 0 13px rgba(185, 126, 44, 0.07),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
  color: inherit !important;
  text-align: center !important;
  text-decoration: none !important;
  overflow: hidden !important;
  cursor: pointer;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card:active {
  transform: translateY(1px);
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-kicker {
  display: block !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 790 !important;
  letter-spacing: 0.20em !important;
  color: rgba(246, 230, 197, 0.96) !important;
  text-shadow: 0 0 8px rgba(255, 220, 145, 0.22),
    0 4px 12px rgba(0, 0, 0, 0.50) !important;
  white-space: nowrap;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-title {
  display: block !important;
  margin-top: 5px !important;
  font-size: 18px !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
  letter-spacing: -0.012em !important;
  color: #f7ecd8 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 9px rgba(218, 172, 94, 0.20),
    0 5px 16px rgba(0, 0, 0, 0.48) !important;
  white-space: nowrap;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-note {
  display: block !important;
  margin-top: 8px !important;
  font-size: 11.8px !important;
  line-height: 1 !important;
  font-weight: 770 !important;
  letter-spacing: 0.052em !important;
  color: rgba(231, 213, 174, 0.92) !important;
  text-shadow: 0 0 8px rgba(231, 185, 103, 0.18),
    0 4px 12px rgba(0, 0, 0, 0.48) !important;
  white-space: nowrap;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary {
  border-color: rgba(239, 195, 109, 0.44) !important;
  background: radial-gradient(circle at 50% 25%, rgba(255, 211, 128, 0.32), rgba(74, 50, 22, 0.30) 48%, rgba(9, 7, 5, 0.74) 100%),
    linear-gradient(180deg, rgba(56, 39, 20, 0.94), rgba(9, 7, 5, 0.88)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 236, 176, 0.08),
    inset 0 0 22px rgba(231, 174, 80, 0.11),
    0 0 14px rgba(203, 142, 48, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary .landing-action-kicker {
  color: #f7dca1 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary .landing-action-title {
  color: #ffe3b0 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary .landing-action-note {
  color: #f2c977 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .nav-kicker,
body.phone-mode:not(.ipad-detail) .nav-button .nav-kicker {
  font-size: 11.4px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .label,
body.phone-mode:not(.ipad-detail) .nav-button .label {
  color: #f4dfbd !important;
  font-weight: 780 !important;
  letter-spacing: -0.012em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.055),
    0 0 8px rgba(255, 219, 151, 0.23),
    0 0 16px rgba(211, 164, 78, 0.22),
    0 6px 18px rgba(0, 0, 0, 0.50) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .desc,
body.phone-mode:not(.ipad-detail) .nav-button .desc {
  font-size: 15.6px !important;
  color: rgba(238, 226, 206, 0.91) !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.36) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note {
  color: rgba(232, 224, 209, 0.90) !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.42) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note .landing-help-note-ko {
  color: rgba(232, 224, 209, 0.92) !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-action-row {
  gap: 6px !important;
  margin: 12px 0 8px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card {
  min-height: 80px !important;
  padding: 9px 4px 8px !important;
  border-radius: 17px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-kicker {
  font-size: 9.4px !important;
  letter-spacing: 0.15em !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-title {
  font-size: 16px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-note {
  margin-top: 7px !important;
  font-size: 10px !important;
  letter-spacing: 0.032em !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .nav-kicker,
  body.phone-mode:not(.ipad-detail) .nav-button .nav-kicker {
  font-size: 10px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .desc,
  body.phone-mode:not(.ipad-detail) .nav-button .desc {
  font-size: 14px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .quick-nav,
  body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
  body.phone-mode:not(.ipad-detail).is-landing .phone-nav {
  margin-top: 8px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .hero,
body.phone-mode:not(.ipad-detail).is-landing .phone-hero,
body.phone-mode:not(.ipad-detail).is-landing .ipad-hero {
  padding-bottom: 7px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-row {
  margin-top: 16px !important;
  margin-bottom: 22px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card {
  border-color: rgba(222, 178, 91, 0.36) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 232, 166, 0.06),
    inset 0 0 20px rgba(224, 166, 72, 0.10),
    0 0 13px rgba(185, 126, 44, 0.07),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary {
  border-color: rgba(239, 195, 109, 0.44) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 236, 176, 0.08),
    inset 0 0 22px rgba(231, 174, 80, 0.11),
    0 0 14px rgba(203, 142, 48, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .quick-nav,
body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
body.phone-mode:not(.ipad-detail).is-landing .phone-nav {
  margin-top: 0 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-action-row {
  margin-top: 13px !important;
  margin-bottom: 18px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .quick-nav,
  body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
  body.phone-mode:not(.ipad-detail).is-landing .phone-nav {
  margin-top: 0 !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .hero,
body.phone-mode:not(.ipad-detail).is-landing .phone-hero,
body.phone-mode:not(.ipad-detail).is-landing .ipad-hero {
  padding-bottom: 4px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-row {
  margin-top: 10px !important;
  margin-bottom: 22px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy {
  font-size: 16px !important;
  color: rgba(244, 238, 225, 0.96) !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.44),
    0 0 8px rgba(235, 214, 173, 0.08) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy .hero-copy-ko {
  color: rgba(244, 238, 225, 0.97) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy .hero-qr-highlight {
  color: #d8b763 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary .landing-action-title {
  font-size: 17px !important;
  letter-spacing: -0.035em !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note {
  color: rgba(242, 235, 222, 0.95) !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.44),
    0 0 8px rgba(235, 214, 173, 0.08) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note .landing-help-note-ko {
  color: rgba(242, 235, 222, 0.96) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note strong {
  color: #d8b763 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-action-row {
  margin-top: 8px !important;
  margin-bottom: 18px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy {
  font-size: 14.8px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary .landing-action-title {
  font-size: 15px !important;
  letter-spacing: -0.045em !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .landing-pick-star {
  display: inline-block;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 0.9px rgba(255, 226, 172, 0.94);
  text-shadow: 0 0 5px rgba(220, 168, 79, 0.18),
    0 3px 10px rgba(0, 0, 0, 0.42) !important;
  font-size: 0.78em;
  font-weight: 700;
  transform: translateY(-0.02em);
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-note {
  font-size: 13.8px !important;
  letter-spacing: 0.018em !important;
  font-weight: 780 !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-action-note {
  font-size: 12px !important;
  letter-spacing: 0.012em !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy,
body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko,
body.phone-mode:not(.ipad-detail).is-landing .hero-copy-normal {
  color: rgba(250, 244, 232, 0.98) !important;
  -webkit-text-fill-color: rgba(250, 244, 232, 0.98) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy {
  font-size: 16.4px !important;
  line-height: 1.58 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy-normal {
  font-weight: 520 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-copy .hero-qr-highlight,
body.phone-mode:not(.ipad-detail).is-landing .hero-copy-ko .hero-qr-highlight {
  color: rgba(216, 180, 106, 0.98) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.98) !important;
  font-weight: 760 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note,
body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-ko,
body.phone-mode:not(.ipad-detail).is-landing .landing-help-normal {
  color: rgba(248, 242, 230, 0.97) !important;
  -webkit-text-fill-color: rgba(248, 242, 230, 0.97) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-ko {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-normal {
  font-weight: 500 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note strong,
body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-ko strong {
  color: rgba(216, 180, 106, 0.98) !important;
  -webkit-text-fill-color: rgba(216, 180, 106, 0.98) !important;
  font-weight: 760 !important;
}

body.phone-mode.ipad-detail .image-expand-button[data-lightbox-image],
body.ipad-mode.phone-mode.ipad-detail .image-expand-button[data-lightbox-image] {
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  pointer-events: auto !important;
  cursor: zoom-in !important;
}

body.phone-mode.ipad-detail .image-expand-button[data-lightbox-image] img,
body.ipad-mode.phone-mode.ipad-detail .image-expand-button[data-lightbox-image] img {
  pointer-events: none !important;
}

body.phone-mode.ipad-detail .image-expand-button[data-lightbox-image] .image-expand-badge,
body.ipad-mode.phone-mode.ipad-detail .image-expand-button[data-lightbox-image] .image-expand-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 9 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note .landing-help-en-toggle,
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .landing-help-note .landing-help-en-toggle {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  user-select: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-en:not([hidden]),
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .landing-help-note-en:not([hidden]) {
  display: block !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note .landing-help-en-toggle,
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .landing-help-note .landing-help-en-toggle {
  position: relative !important;
  z-index: 30 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: rgba(238, 199, 113, 0.22) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-en[hidden],
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .landing-help-note-en[hidden] {
  display: none !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-help-note-en:not([hidden]),
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .landing-help-note-en:not([hidden]) {
  display: block !important;
  margin-top: 5px !important;
}

body.phone-mode.ipad-detail .image-expand-button[data-lightbox-image],
body.ipad-mode.phone-mode.ipad-detail .image-expand-button[data-lightbox-image],
body.phone-mode.ipad-detail .mini-card .image-expand-button[data-lightbox-image],
body.ipad-mode.phone-mode.ipad-detail .mini-card .image-expand-button[data-lightbox-image] {
  position: relative !important;
  display: block !important;
  overflow: visible !important;
  pointer-events: auto !important;
  cursor: zoom-in !important;
  z-index: 2 !important;
}

body.phone-mode.ipad-detail .image-expand-button[data-lightbox-image] img,
body.ipad-mode.phone-mode.ipad-detail .image-expand-button[data-lightbox-image] img,
body.phone-mode.ipad-detail .mini-card .image-expand-button[data-lightbox-image] img,
body.ipad-mode.phone-mode.ipad-detail .mini-card .image-expand-button[data-lightbox-image] img {
  pointer-events: none !important;
}

body.phone-mode.ipad-detail .image-expand-button[data-lightbox-image] .image-expand-badge,
body.ipad-mode.phone-mode.ipad-detail .image-expand-button[data-lightbox-image] .image-expand-badge,
body.phone-mode.ipad-detail .mini-card .image-expand-button[data-lightbox-image] .image-expand-badge,
body.ipad-mode.phone-mode.ipad-detail .mini-card .image-expand-button[data-lightbox-image] .image-expand-badge {
  position: absolute !important;
  right: -6px !important;
  top: -6px !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 20 !important;
  border: 1px solid rgba(238, 213, 154, 0.82) !important;
  background: rgba(7, 6, 5, 0.78) !important;
  color: rgba(245, 224, 169, 0.98) !important;
  -webkit-text-fill-color: rgba(245, 224, 169, 0.98) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.42) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .page-shell,
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .page-shell {
  padding-top: calc(10px + env(safe-area-inset-top)) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero,
body.phone-mode:not(.ipad-detail).is-landing .phone-hero,
body.phone-mode:not(.ipad-detail).is-landing .ipad-hero,
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .hero,
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .phone-hero,
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .ipad-hero {
  padding-top: 8px !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .page-shell,
  body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .page-shell {
  padding-top: calc(8px + env(safe-area-inset-top)) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero,
  body.phone-mode:not(.ipad-detail).is-landing .phone-hero,
  body.phone-mode:not(.ipad-detail).is-landing .ipad-hero,
  body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .hero,
  body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .phone-hero,
  body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .ipad-hero {
  padding-top: 6px !important;
}
}

body.ipad-mode.phone-mode.ipad-detail #app.content-frame,
body.phone-mode.ipad-detail #app.content-frame {
  background: radial-gradient(circle at 50% 0%, rgba(96, 70, 42, 0.50), rgba(41, 30, 19, 0.58) 44%, rgba(13, 10, 7, 0.88) 100%),
    linear-gradient(180deg, rgba(71, 53, 34, 0.90), rgba(26, 20, 14, 0.93)) !important;
  border: 1px solid rgba(204, 164, 91, 0.36) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 236, 179, 0.05),
    0 18px 34px rgba(0, 0, 0, 0.34) !important;
}

body.ipad-mode.phone-mode.ipad-detail .cocktail-category-divider,
body.ipad-mode.phone-mode.ipad-detail .whisky-category-divider,
body.ipad-mode.phone-mode.ipad-detail .food-category-divider,
body.ipad-mode.phone-mode.ipad-detail .drinks-category-divider,
body.phone-mode.ipad-detail .cocktail-category-divider,
body.phone-mode.ipad-detail .whisky-category-divider,
body.phone-mode.ipad-detail .food-category-divider,
body.phone-mode.ipad-detail .drinks-category-divider {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 12px 0 10px !important;
  padding: 0 !important;
}

body.ipad-mode.phone-mode.ipad-detail .cocktail-category-line,
body.ipad-mode.phone-mode.ipad-detail .whisky-category-line,
body.ipad-mode.phone-mode.ipad-detail .food-category-line,
body.ipad-mode.phone-mode.ipad-detail .drinks-category-line,
body.phone-mode.ipad-detail .cocktail-category-line,
body.phone-mode.ipad-detail .whisky-category-line,
body.phone-mode.ipad-detail .food-category-line,
body.phone-mode.ipad-detail .drinks-category-line {
  display: block !important;
  height: 1px !important;
  min-width: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(200, 158, 88, 0.34), transparent) !important;
  opacity: 1 !important;
}

body.ipad-mode.phone-mode.ipad-detail .cocktail-category-label,
body.ipad-mode.phone-mode.ipad-detail .whisky-category-label,
body.ipad-mode.phone-mode.ipad-detail .food-category-label,
body.ipad-mode.phone-mode.ipad-detail .drinks-category-label,
body.phone-mode.ipad-detail .cocktail-category-label,
body.phone-mode.ipad-detail .whisky-category-label,
body.phone-mode.ipad-detail .food-category-label,
body.phone-mode.ipad-detail .drinks-category-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 4px 20px 3px !important;
  border: 1px solid rgba(214, 174, 96, 0.46) !important;
  border-radius: 999px !important;
  background: rgba(91, 69, 39, 0.54) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 232, 170, 0.05),
    0 6px 14px rgba(0, 0, 0, 0.16) !important;
  color: rgba(242, 222, 177, 0.92) !important;
  -webkit-text-fill-color: rgba(242, 222, 177, 0.92) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-grid,
body.ipad-mode.phone-mode.ipad-detail .whisky-grid,
body.ipad-mode.phone-mode.ipad-detail .tasting-grid,
body.ipad-mode.phone-mode.ipad-detail .food-card-grid,
body.ipad-mode.phone-mode.ipad-detail .cocktail-grid,
body.ipad-mode.phone-mode.ipad-detail .drinks-grid,
body.phone-mode.ipad-detail .card-grid,
body.phone-mode.ipad-detail .whisky-grid,
body.phone-mode.ipad-detail .tasting-grid,
body.phone-mode.ipad-detail .food-card-grid,
body.phone-mode.ipad-detail .cocktail-grid,
body.phone-mode.ipad-detail .drinks-grid {
  gap: 12px !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-grid > .mini-card.whisky-card,
body.ipad-mode.phone-mode.ipad-detail .card-grid > .mini-card.tasting-card,
body.ipad-mode.phone-mode.ipad-detail .card-grid > .mini-card.food-card,
body.ipad-mode.phone-mode.ipad-detail .card-grid > .mini-card.cocktail-card,
body.ipad-mode.phone-mode.ipad-detail .card-grid > .mini-card.drinks-card,
body.phone-mode.ipad-detail .card-grid > .mini-card.whisky-card,
body.phone-mode.ipad-detail .card-grid > .mini-card.tasting-card,
body.phone-mode.ipad-detail .card-grid > .mini-card.food-card,
body.phone-mode.ipad-detail .card-grid > .mini-card.cocktail-card,
body.phone-mode.ipad-detail .card-grid > .mini-card.drinks-card {
  min-height: 0 !important;
  height: auto !important;
  padding: 14px 14px 13px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(173, 139, 77, 0.34) !important;
  background: radial-gradient(circle at 50% -10%, rgba(79, 58, 34, 0.28), rgba(8, 7, 6, 0.72) 55%, rgba(4, 4, 3, 0.94) 100%),
    rgba(7, 6, 5, 0.94) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 238, 191, 0.035),
    0 10px 20px rgba(0, 0, 0, 0.22) !important;
  overflow: hidden !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
body.ipad-mode.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
body.ipad-mode.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main,
body.ipad-mode.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
body.ipad-mode.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
body.ipad-mode.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
body.ipad-mode.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row,
body.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
body.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
body.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main,
body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 70px !important;
  column-gap: 10px !important;
  align-items: start !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image],
body.ipad-mode.phone-mode.ipad-detail .card-main .menu-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .tasting-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .food-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .drinks-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .whisky-image-wrap,
body.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image],
body.phone-mode.ipad-detail .card-main .menu-image-wrap,
body.phone-mode.ipad-detail .card-main .tasting-image-wrap,
body.phone-mode.ipad-detail .card-main .food-image-wrap,
body.phone-mode.ipad-detail .card-main .drinks-image-wrap,
body.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
body.phone-mode.ipad-detail .card-main .whisky-image-wrap {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  min-height: 70px !important;
  margin: 0 !important;
  justify-self: end !important;
  align-self: start !important;
  border-radius: 13px !important;
  overflow: visible !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image] img,
body.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 13px !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-main .image-expand-badge,
body.phone-mode.ipad-detail .card-main .image-expand-badge {
  right: -5px !important;
  top: -5px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  font-size: 13px !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .title-with-en,
body.ipad-mode.phone-mode.ipad-detail .mini-card .whisky-card-title,
body.ipad-mode.phone-mode.ipad-detail .mini-card .tasting-card-title,
body.ipad-mode.phone-mode.ipad-detail .mini-card .food-card-title,
body.ipad-mode.phone-mode.ipad-detail .mini-card .cocktail-title-line,
body.ipad-mode.phone-mode.ipad-detail .mini-card .drinks-card-title,
body.phone-mode.ipad-detail .mini-card .title-with-en,
body.phone-mode.ipad-detail .mini-card .whisky-card-title,
body.phone-mode.ipad-detail .mini-card .tasting-card-title,
body.phone-mode.ipad-detail .mini-card .food-card-title,
body.phone-mode.ipad-detail .mini-card .cocktail-title-line,
body.phone-mode.ipad-detail .mini-card .drinks-card-title {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 790 !important;
  letter-spacing: -0.035em !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .en-toggle-button,
body.ipad-mode.phone-mode.ipad-detail .mini-card .abv-badge,
body.ipad-mode.phone-mode.ipad-detail .mini-card .cocktail-abv-badge,
body.phone-mode.ipad-detail .mini-card .en-toggle-button,
body.phone-mode.ipad-detail .mini-card .abv-badge,
body.phone-mode.ipad-detail .mini-card .cocktail-abv-badge {
  flex: 0 0 auto !important;
  margin-left: 2px !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description,
body.ipad-mode.phone-mode.ipad-detail .mini-card .bilingual-description,
body.phone-mode.ipad-detail .mini-card .card-description,
body.phone-mode.ipad-detail .mini-card .bilingual-description {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko,
body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
body.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(230, 220, 204, 0.86) !important;
  -webkit-text-fill-color: rgba(230, 220, 204, 0.86) !important;
  font-size: 14.3px !important;
  line-height: 1.42 !important;
  letter-spacing: -0.03em !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .desc-line,
body.phone-mode.ipad-detail .mini-card .card-description .desc-line {
  line-height: inherit !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .menu-desc-en[hidden],
body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-en[hidden] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .menu-desc-en:not([hidden]),
body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-en:not([hidden]) {
  display: block !important;
  margin-top: 7px !important;
  color: rgba(232, 224, 211, 0.88) !important;
  -webkit-text-fill-color: rgba(232, 224, 211, 0.88) !important;
  font-size: 13.5px !important;
  line-height: 1.42 !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-bottom,
body.phone-mode.ipad-detail .mini-card .card-bottom {
  min-height: 0 !important;
  height: auto !important;
  margin-top: 8px !important;
  padding-top: 0 !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row,
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  column-gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row,
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row {
  justify-content: flex-start !important;
  gap: 0 !important;
  row-gap: 1px !important;
  line-height: 1.22 !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag,
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(214, 188, 132, 0.92) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.92) !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
  font-weight: 680 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag + .tag::before,
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .tag-row .tag + .tag::before {
  content: "·" !important;
  display: inline-block !important;
  margin: 0 4px !important;
  color: rgba(214, 188, 132, 0.58) !important;
  -webkit-text-fill-color: rgba(214, 188, 132, 0.58) !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note,
body.phone-mode.ipad-detail .card-bottom > .card-meta-row.is-price-unit-row > .price-unit-inline-note {
  font-size: 12px !important;
  line-height: 1.2 !important;
  color: rgba(224, 207, 171, 0.92) !important;
  -webkit-text-fill-color: rgba(224, 207, 171, 0.92) !important;
  font-weight: 570 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-bottom > .price-row,
body.ipad-mode.phone-mode.ipad-detail .card-bottom > .whisky-price-row,
body.phone-mode.ipad-detail .card-bottom > .price-row,
body.phone-mode.ipad-detail .card-bottom > .whisky-price-row {
  margin-top: 5px !important;
  padding-top: 5px !important;
  border-top: 1px solid rgba(226, 211, 178, 0.10) !important;
}

@media (max-width: 390px) {
body.ipad-mode.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
  body.ipad-mode.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
  body.ipad-mode.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main,
  body.ipad-mode.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
  body.ipad-mode.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
  body.ipad-mode.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
  body.ipad-mode.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row,
  body.phone-mode.ipad-detail .mini-card.has-menu-image .card-main,
  body.phone-mode.ipad-detail .mini-card.has-cocktail-image .card-main,
  body.phone-mode.ipad-detail .mini-card.has-whisky-image .card-main,
  body.phone-mode.ipad-detail .tasting-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .food-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .drinks-card.has-menu-image .menu-card-top-row,
  body.phone-mode.ipad-detail .cocktail-card.has-cocktail-image .cocktail-top-row {
  grid-template-columns: minmax(0, 1fr) 64px !important;
  column-gap: 8px !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image],
  body.ipad-mode.phone-mode.ipad-detail .card-main .menu-image-wrap,
  body.ipad-mode.phone-mode.ipad-detail .card-main .tasting-image-wrap,
  body.ipad-mode.phone-mode.ipad-detail .card-main .food-image-wrap,
  body.ipad-mode.phone-mode.ipad-detail .card-main .drinks-image-wrap,
  body.ipad-mode.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
  body.ipad-mode.phone-mode.ipad-detail .card-main .whisky-image-wrap,
  body.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image],
  body.phone-mode.ipad-detail .card-main .menu-image-wrap,
  body.phone-mode.ipad-detail .card-main .tasting-image-wrap,
  body.phone-mode.ipad-detail .card-main .food-image-wrap,
  body.phone-mode.ipad-detail .card-main .drinks-image-wrap,
  body.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
  body.phone-mode.ipad-detail .card-main .whisky-image-wrap {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  min-height: 64px !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .title-with-en,
  body.phone-mode.ipad-detail .mini-card .title-with-en {
  font-size: 17px !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
  body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko,
  body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
  body.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko {
  font-size: 13.6px !important;
}
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description,
body.ipad-mode.phone-mode.ipad-detail .mini-card .bilingual-description,
body.phone-mode.ipad-detail .mini-card .card-description,
body.phone-mode.ipad-detail .mini-card .bilingual-description {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko,
body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko-text,
body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko-text,
body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko,
body.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko,
body.phone-mode.ipad-detail .mini-card .card-description .menu-desc-ko-text,
body.phone-mode.ipad-detail .mini-card .card-description .cocktail-desc-ko-text {
  display: block !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

body.ipad-mode.phone-mode.ipad-detail .mini-card .card-description .desc-line,
body.phone-mode.ipad-detail .mini-card .card-description .desc-line {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
}

body.ipad-mode.phone-mode.ipad-detail .cocktail-category-divider,
body.ipad-mode.phone-mode.ipad-detail .whisky-category-divider,
body.ipad-mode.phone-mode.ipad-detail .food-category-divider,
body.ipad-mode.phone-mode.ipad-detail .drinks-category-divider,
body.phone-mode.ipad-detail .cocktail-category-divider,
body.phone-mode.ipad-detail .whisky-category-divider,
body.phone-mode.ipad-detail .food-category-divider,
body.phone-mode.ipad-detail .drinks-category-divider {
  gap: 8px !important;
  margin: 7px 0 6px !important;
}

body.ipad-mode.phone-mode.ipad-detail .cocktail-category-label,
body.ipad-mode.phone-mode.ipad-detail .whisky-category-label,
body.ipad-mode.phone-mode.ipad-detail .food-category-label,
body.ipad-mode.phone-mode.ipad-detail .drinks-category-label,
body.phone-mode.ipad-detail .cocktail-category-label,
body.phone-mode.ipad-detail .whisky-category-label,
body.phone-mode.ipad-detail .food-category-label,
body.phone-mode.ipad-detail .drinks-category-label {
  min-height: 22px !important;
  padding: 3px 18px 2px !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image],
body.ipad-mode.phone-mode.ipad-detail .card-main .menu-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .tasting-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .food-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .drinks-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
body.ipad-mode.phone-mode.ipad-detail .card-main .whisky-image-wrap,
body.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image],
body.phone-mode.ipad-detail .card-main .menu-image-wrap,
body.phone-mode.ipad-detail .card-main .tasting-image-wrap,
body.phone-mode.ipad-detail .card-main .food-image-wrap,
body.phone-mode.ipad-detail .card-main .drinks-image-wrap,
body.phone-mode.ipad-detail .card-main .cocktail-image-wrap,
body.phone-mode.ipad-detail .card-main .whisky-image-wrap {
  box-sizing: border-box !important;
  border: 1px solid rgba(218, 177, 99, 0.64) !important;
  background: rgba(32, 24, 15, 0.84) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 236, 176, 0.08),
    0 0 10px rgba(198, 142, 54, 0.13),
    0 6px 12px rgba(0, 0, 0, 0.28) !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image] img,
body.phone-mode.ipad-detail .card-main .image-expand-button[data-lightbox-image] img {
  display: block !important;
  border: 0 !important;
  border-radius: 12px !important;
}

body.ipad-mode.phone-mode.ipad-detail .card-main .image-expand-badge,
body.phone-mode.ipad-detail .card-main .image-expand-badge {
  border-color: rgba(230, 190, 108, 0.84) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary .landing-action-kicker {
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 790 !important;
  letter-spacing: 0.20em !important;
  color: rgba(246, 230, 197, 0.96) !important;
  -webkit-text-fill-color: rgba(246, 230, 197, 0.96) !important;
  text-shadow: 0 0 8px rgba(255, 220, 145, 0.22),
    0 4px 12px rgba(0, 0, 0, 0.50) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary .landing-action-note {
  font-size: 13.8px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0.018em !important;
  color: rgba(231, 213, 174, 0.92) !important;
  -webkit-text-fill-color: rgba(231, 213, 174, 0.92) !important;
  text-shadow: 0 0 8px rgba(231, 185, 103, 0.18),
    0 4px 12px rgba(0, 0, 0, 0.48) !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary .landing-action-kicker {
  font-size: 9.4px !important;
  letter-spacing: 0.15em !important;
}

body.phone-mode:not(.ipad-detail).is-landing .landing-action-card.is-primary .landing-action-note {
  font-size: 12px !important;
  letter-spacing: 0.012em !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-hero,
body.phone-mode:not(.ipad-detail).is-landing .phone-hero,
body.phone-mode:not(.ipad-detail).is-landing .hero {
  padding-top: 40px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .nav-kicker {
  font-size: 12.4px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .label {
  font-size: 18px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .desc {
  font-size: 16.6px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-en-toggle::after,
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-en-toggle::after,
body.phone-mode:not(.ipad-detail).is-landing .master-greeting-link-en-badge::after {
  content: ">" !important;
  display: inline-block !important;
  margin-left: 4px !important;
  font-size: 1.16em !important;
  line-height: 1 !important;
  transform: translateY(-0.03em) !important;
  opacity: 0.96 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .hero-en-toggle,
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-en-toggle,
body.phone-mode:not(.ipad-detail).is-landing .master-greeting-link-en-badge {
  gap: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .ipad-hero,
  body.phone-mode:not(.ipad-detail).is-landing .phone-hero,
  body.phone-mode:not(.ipad-detail).is-landing .hero {
  padding-top: 36px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .nav-kicker {
  font-size: 10.4px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .label {
  font-size: 16px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .nav-button .desc {
  font-size: 13px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-hero,
body.phone-mode:not(.ipad-detail).is-landing .phone-hero,
body.phone-mode:not(.ipad-detail).is-landing .hero {
  padding-top: 30px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
body.phone-mode:not(.ipad-detail).is-landing .phone-nav,
body.phone-mode:not(.ipad-detail).is-landing .quick-nav {
  margin-bottom: 28px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order {
  margin-top: 0 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-ko {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  white-space: normal !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-en-toggle,
body.phone-mode:not(.ipad-detail).is-landing .bottom-order .bottom-message-en {
  display: none !important;
  visibility: hidden !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .ipad-hero,
  body.phone-mode:not(.ipad-detail).is-landing .phone-hero,
  body.phone-mode:not(.ipad-detail).is-landing .hero {
  padding-top: 28px !important;
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
  body.phone-mode:not(.ipad-detail).is-landing .phone-nav,
  body.phone-mode:not(.ipad-detail).is-landing .quick-nav {
  margin-bottom: 24px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-order,
body.phone-mode:not(.ipad-detail).is-landing .ipad-bottom-order,
body.phone-mode:not(.ipad-detail).is-landing .phone-bottom-order {
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  z-index: 1 !important;
  margin-top: 18px !important;
  margin-bottom: 0 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .ipad-nav,
body.phone-mode:not(.ipad-detail).is-landing .phone-nav,
body.phone-mode:not(.ipad-detail).is-landing .quick-nav {
  margin-bottom: 0 !important;
}

body.phone-mode:not(.ipad-detail).is-landing .page-shell {
  padding-bottom: calc(42px + env(safe-area-inset-bottom)) !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .bottom-order,
  body.phone-mode:not(.ipad-detail).is-landing .ipad-bottom-order,
  body.phone-mode:not(.ipad-detail).is-landing .phone-bottom-order {
  margin-top: 16px !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing,
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing {
  background: radial-gradient(circle at 50% 0%, rgba(96, 70, 42, 0.42), rgba(41, 30, 19, 0.40) 42%, rgba(13, 10, 7, 0.88) 78%),
    radial-gradient(circle at 18% 18%, rgba(216, 180, 106, 0.10), transparent 36%),
    radial-gradient(circle at 86% 14%, rgba(150, 94, 42, 0.12), transparent 34%),
    linear-gradient(180deg, #1c140d 0%, #0d0a07 52%, #050403 100%) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .page-shell,
body.ipad-mode.phone-mode:not(.ipad-detail).is-landing .page-shell {
  background: radial-gradient(circle at 50% 0%, rgba(96, 70, 42, 0.22), rgba(20, 15, 10, 0.10) 42%, rgba(5, 4, 3, 0) 78%) !important;
}

body.phone-mode.ipad-detail .detail-search-input:placeholder-shown,
body.phone-mode.ipad-detail .cocktail-search-input:placeholder-shown,
body.phone-mode.ipad-detail .whisky-search-input:placeholder-shown,
body.phone-mode.ipad-detail .drinks-search-input:placeholder-shown {
  text-align: center !important;
}

body.phone-mode.ipad-detail .detail-search-input:not(:placeholder-shown),
body.phone-mode.ipad-detail .cocktail-search-input:not(:placeholder-shown),
body.phone-mode.ipad-detail .whisky-search-input:not(:placeholder-shown),
body.phone-mode.ipad-detail .drinks-search-input:not(:placeholder-shown) {
  text-align: left !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link .master-greeting-link-main {
  grid-column: 2 !important;
  display: inline-block !important;
  max-width: 100% !important;
  text-align: center !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  text-decoration-color: rgba(216, 180, 106, 0.62) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link .master-greeting-link-en-badge {
  grid-column: 3 !important;
  justify-self: center !important;
  position: static !important;
  margin-left: 0 !important;
  transform: none !important;
  vertical-align: 0 !important;
  text-decoration: none !important;
}

@media (max-width: 380px) {
body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link {
  grid-template-columns: minmax(0, 0.78fr) auto minmax(42px, 1fr) !important;
}

body.phone-mode:not(.ipad-detail).is-landing .bottom-message-signature.master-greeting-link .master-greeting-link-en-badge {
  justify-self: center !important;
}
}

body.phone-mode:not(.ipad-detail).is-landing .master-greeting-link-en-badge::after {
  content: none !important;
  display: none !important;
}