/*
 * Archery landing page (/archery) — light back-office direction (2026-10-05).
 * Same palette and type rules as the redesigned booking page: Prompt at real
 * weights only (300–600), ink text, hairline cards, one green accent, tinted
 * recommended state instead of a solid dark-green card, and a light FAQ.
 * Scoped to body.eden-archery-landing; loaded after archery.css.
 */
.eden-archery-landing {
    --al-ink: #18241e;
    --al-text: #46564d;
    --al-muted: #6f7f76;
    --al-line: #e3eae5;
    --al-line-soft: #eef3ef;
    --al-wash: #f6f9f7;
    --al-green: #1f7a4d;
    --al-green-strong: #166340;
    --al-green-tint: #eaf5ef;
    --al-amber: #a96d14;
    --al-amber-tint: #fdf3e1;
    --al-shadow: 0 1px 2px rgba(24, 36, 30, .04), 0 10px 28px rgba(24, 36, 30, .06);
}
.eden-archery-landing main { font-family: 'Prompt', 'Inter', system-ui, sans-serif; font-synthesis: none; }
html[lang="en"] .eden-archery-landing main { font-family: 'Inter', 'Prompt', system-ui, sans-serif; }

/* Hero: calmer overlay, small brand pill, real 600 headline, green primary. */
.eden-archery-landing .archery-hero { min-height: min(78vh, 680px); align-items: flex-end; background: #13261b; }
.eden-archery-landing .archery-hero::before {
    background:
        linear-gradient(0deg, rgba(14, 30, 21, .82) 0%, rgba(14, 30, 21, .35) 45%, rgba(14, 30, 21, .1) 75%),
        linear-gradient(90deg, rgba(14, 30, 21, .55) 0%, rgba(14, 30, 21, 0) 60%);
}
.eden-archery-landing .archery-hero-content { width: min(100% - 32px, 1160px); padding: 140px 0 96px; }
.eden-archery-landing .archery-hero h1 {
    display: grid;
    gap: 14px;
    max-width: 640px;
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(2.125rem, 1.6rem + 2.4vw, 3.25rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.01em;
    text-shadow: none;
}
.eden-archery-landing .archery-hero h1 span:first-child {
    justify-self: start;
    padding: 5px 12px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(6px);
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .02em;
}
.eden-archery-landing .archery-hero p { max-width: 52ch; color: rgba(255, 255, 255, .86); font-size: 1.0625rem; font-weight: 400; line-height: 1.7; }
.eden-archery-landing .archery-hero-actions { gap: 10px; margin-top: 26px; }
.eden-archery-landing .archery-hero-actions .btn {
    min-height: 52px;
    padding: 12px 26px;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 600;
}
.eden-archery-landing .archery-hero-actions .btn:not(.btn-outline) { border: 0; background: var(--al-green); color: #fff; box-shadow: 0 10px 24px rgba(10, 40, 25, .35); }
.eden-archery-landing .archery-hero-actions .btn:not(.btn-outline):hover { background: var(--al-green-strong); color: #fff; }
.eden-archery-landing .archery-hero-actions .btn-outline { border: 1px solid rgba(255, 255, 255, .45); background: rgba(255, 255, 255, .1); backdrop-filter: blur(6px); color: #fff; }
.eden-archery-landing .archery-hero-actions .btn-outline:hover { background: rgba(255, 255, 255, .18); border-color: #fff; color: #fff; }

/* Facts strip: a white card overlapping the hero. */
.eden-archery-landing .al-facts { position: relative; z-index: 3; margin-top: -44px; padding: 0 16px; }
.eden-archery-landing .al-facts-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 1160px;
    margin: 0 auto;
    padding: 8px;
    border: 1px solid var(--al-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(24, 36, 30, .1);
    list-style: none;
}
.eden-archery-landing .al-facts-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 14px 16px;
}
.eden-archery-landing .al-facts-list li + li { border-left: 1px solid var(--al-line-soft); }
.eden-archery-landing .al-facts-list svg {
    flex: none;
    width: 40px;
    height: 40px;
    padding: 9px;
    border-radius: 12px;
    background: var(--al-green-tint);
    fill: none;
    stroke: var(--al-green);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.eden-archery-landing .al-facts-list span { display: grid; gap: 1px; min-width: 0; }
.eden-archery-landing .al-facts-list strong { color: var(--al-ink); font-size: .9375rem; font-weight: 600; line-height: 1.35; }
.eden-archery-landing .al-facts-list small { color: var(--al-muted); font-size: .8125rem; line-height: 1.4; }

/* Services */
.eden-archery-landing .archery-services-band { padding: 72px 0 64px; background: var(--al-wash); }
.eden-archery-landing .archery-services-band::before { display: none; }
.eden-archery-landing .archery-services-heading { display: block; margin-bottom: 28px; }
.eden-archery-landing .archery-services-heading h2 {
    margin: 0 0 8px;
    color: var(--al-ink);
    font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.25rem);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.01em;
}
.eden-archery-landing .archery-services-heading .archery-section-lead { max-width: 60ch; margin: 0; color: var(--al-muted); font-size: 1rem; line-height: 1.65; text-align: left; }
.eden-archery-landing .archery-services-hours { display: none; }
.eden-archery-landing .archery-service-grid { gap: 16px; }
.eden-archery-landing .archery-service-card,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] {
    position: relative;
    padding: 24px;
    border: 1px solid var(--al-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--al-shadow);
    color: var(--al-ink);
    transform: none;
}
.eden-archery-landing .archery-service-card:hover { border-color: #c9d8ce; box-shadow: 0 14px 34px rgba(24, 36, 30, .09); transform: none; }
.eden-archery-landing .archery-service-grid { overflow: visible; padding-top: 12px; }
.eden-archery-landing .archery-service-card,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] { overflow: visible; }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] { border-color: var(--al-green); box-shadow: inset 0 0 0 1px var(--al-green), var(--al-shadow); }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"]::after {
    content: "แนะนำสำหรับมือใหม่";
    position: absolute;
    top: -12px;
    left: 20px;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
    padding: 3px 12px;
    border-radius: 999px;
    background: var(--al-green);
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.6;
    opacity: 1;
}
html[lang="en"] .eden-archery-landing .archery-service-card[data-service-tier="COACH"]::after { content: "Best for beginners"; }
.eden-archery-landing .archery-service-card h3,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] h3 { margin: 0 0 6px; color: var(--al-ink); font-size: 1.1875rem; font-weight: 600; line-height: 1.35; }
.eden-archery-landing .archery-service-card__copy > p,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy > p { color: var(--al-muted); font-size: .9375rem; line-height: 1.6; }
.eden-archery-landing .archery-service-price,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 20px 0 0;
    color: var(--al-ink);
}
.eden-archery-landing .archery-service-price strong { color: var(--al-ink); font-size: 2rem; font-weight: 600; letter-spacing: -.01em; line-height: 1.1; }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-price strong { color: var(--al-green-strong); }
.eden-archery-landing .archery-service-price span,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-price span { color: var(--al-muted); font-size: .875rem; font-weight: 400; }
.eden-archery-landing .archery-service-includes,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-includes {
    gap: 10px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--al-line-soft);
    color: var(--al-text);
    font-size: .9375rem;
}
.eden-archery-landing .archery-service-includes li::before,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-includes li::before { border-color: var(--al-green); }
.eden-archery-landing .archery-services-guide {
    margin-top: 20px;
    padding: 18px 20px;
    border: 1px solid #f1dfbd;
    border-radius: 18px;
    background: var(--al-amber-tint);
}
.eden-archery-landing .archery-services-guide strong { color: #6b4a10; font-size: 1rem; font-weight: 600; }
.eden-archery-landing .archery-services-guide span { color: #85652c; font-size: .9375rem; }
.eden-archery-landing .archery-services-guide .btn {
    min-height: 48px;
    padding: 10px 22px;
    border: 0;
    border-radius: 14px;
    background: var(--al-green);
    color: #fff;
    font-weight: 600;
    box-shadow: none;
}
.eden-archery-landing .archery-services-guide .btn:hover { background: var(--al-green-strong); }

/* FAQ: light, two columns on desktop, each question a white card. */
.eden-archery-landing .archery-faq-band { padding: 72px 0 80px; background: #fff; color: var(--al-ink); }
.eden-archery-landing .archery-faq-band::before { display: none; }
.eden-archery-landing .archery-faq-intro h2 {
    max-width: 14ch;
    margin: 0 0 12px;
    color: var(--al-ink);
    font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.25rem);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.01em;
}
.eden-archery-landing .archery-faq-intro p { margin-bottom: 20px; color: var(--al-muted); font-size: 1rem; line-height: 1.65; }
.eden-archery-landing .archery-faq-intro a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 18px;
    border: 1px solid var(--al-line);
    border-radius: 999px;
    color: var(--al-green-strong);
    font-size: .9375rem;
    font-weight: 600;
    text-decoration: none;
}
.eden-archery-landing .archery-faq-intro a:hover { background: var(--al-green-tint); color: var(--al-green-strong); }
.eden-archery-landing .archery-faq-intro a:focus-visible,
.eden-archery-landing .archery-faq-item summary:focus-visible { outline: 3px solid rgba(31, 122, 77, .35); outline-offset: 3px; }
.eden-archery-landing .archery-faq-list { display: grid; gap: 10px; border: 0; }
.eden-archery-landing .archery-faq-item {
    padding: 0 20px;
    border: 1px solid var(--al-line);
    border-radius: 16px;
    background: var(--al-wash);
    transition: background-color .2s ease, border-color .2s ease;
}
.eden-archery-landing .archery-faq-item[open] { border-color: #cfe0d5; background: #fff; box-shadow: var(--al-shadow); }
.eden-archery-landing .archery-faq-item summary { min-height: 64px; gap: 16px; color: var(--al-ink); font-size: 1rem; font-weight: 600; }
.eden-archery-landing .archery-faq-item summary:hover { color: var(--al-green-strong); }
.eden-archery-landing .archery-faq-item > p { margin: 0; padding: 0 40px 18px 0; color: var(--al-text); font-size: .9375rem; line-height: 1.7; }
.eden-archery-landing .archery-faq-toggle { width: 30px; height: 30px; border-color: var(--al-line); background: #fff; color: var(--al-green); }
.eden-archery-landing .archery-faq-toggle::before,
.eden-archery-landing .archery-faq-toggle::after { background: var(--al-green); }

@media (max-width: 899px) {
    .eden-archery-landing .al-facts-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .eden-archery-landing .al-facts-list li:nth-child(3) { border-left: 0; }
    .eden-archery-landing .al-facts-list li:nth-child(n + 3) { border-top: 1px solid var(--al-line-soft); }
}
@media (max-width: 599px) {
    .eden-archery-landing .archery-hero { min-height: 560px; }
    .eden-archery-landing .archery-hero::before { background: linear-gradient(0deg, rgba(14, 30, 21, .92) 0%, rgba(14, 30, 21, .72) 55%, rgba(14, 30, 21, .2) 85%); }
    .eden-archery-landing .archery-hero-content { padding: 120px 0 76px; }
    .eden-archery-landing .archery-hero h1 { gap: 10px; font-size: 1.875rem; }
    .eden-archery-landing .archery-hero p { font-size: .9375rem; line-height: 1.65; }
    .eden-archery-landing .archery-hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .eden-archery-landing .archery-hero-actions .btn { min-height: 48px; padding: 10px 12px; font-size: .9375rem; }
    .eden-archery-landing .al-facts { margin-top: -36px; padding: 0 12px; }
    .eden-archery-landing .al-facts-list { padding: 4px; border-radius: 18px; }
    .eden-archery-landing .al-facts-list li { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; }
    .eden-archery-landing .al-facts-list svg { width: 34px; height: 34px; padding: 7px; border-radius: 10px; }
    .eden-archery-landing .al-facts-list strong { font-size: .875rem; }
    .eden-archery-landing .al-facts-list small { font-size: .75rem; }
    .eden-archery-landing .archery-services-band { padding: 48px 0 44px; }
    .eden-archery-landing .archery-service-card,
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] { padding: 20px; }
    .eden-archery-landing .archery-service-grid { gap: 20px; }
    .eden-archery-landing .archery-services-guide { flex-direction: column; align-items: stretch; }
    .eden-archery-landing .archery-faq-band { padding: 48px 0 56px; }
    .eden-archery-landing .archery-faq-intro { position: static; }
    .eden-archery-landing .archery-faq-item { padding: 0 16px; }
    .eden-archery-landing .archery-faq-item > p { padding-right: 0; }
}

/* Phones: the packages become one swipeable row (owner, 2026-10-05) so the
   page stays short. The next card peeks in, and a hint with arrows plus
   position dots (js/archery-landing-carousel.js) says there is more. */
.eden-archery-landing .al-swipe-hint,
.eden-archery-landing .al-swipe-dots { display: none; }
@media (max-width: 767px) {
    .eden-archery-landing .archery-service-grid {
        display: flex;
        gap: 12px;
        margin: 0 -16px;
        padding: 14px 16px 6px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 16px;
        scrollbar-width: none;
    }
    .eden-archery-landing .archery-service-grid::-webkit-scrollbar { display: none; }
    .eden-archery-landing .archery-service-grid > .archery-service-card {
        display: flex;
        flex: 0 0 84%;
        flex-direction: column;
        scroll-snap-align: start;
    }
    .eden-archery-landing .archery-service-grid > .archery-service-card .archery-service-price { margin: 12px 0 18px; }
    .eden-archery-landing .archery-service-grid > .archery-service-card .archery-service-card__copy > p { margin-bottom: 0; }
    .eden-archery-landing .archery-service-grid > .archery-service-card .archery-service-card__copy { flex: 0 0 auto; min-height: 0; }
    .eden-archery-landing .archery-service-grid > .archery-service-card .archery-service-includes { margin-top: auto; }
    .eden-archery-landing .al-swipe-hint:not([hidden]) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0 0 2px;
    }
    .eden-archery-landing .al-swipe-text {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--al-green-strong);
        font-size: .875rem;
        font-weight: 500;
    }
    .eden-archery-landing .al-swipe-text svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; animation: al-nudge 1.6s ease-in-out infinite; }
    .eden-archery-landing .al-swipe-arrows { display: inline-flex; gap: 8px; }
    .eden-archery-landing .al-swipe-arrows button {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 1px solid var(--al-line);
        border-radius: 50%;
        background: #fff;
        color: var(--al-green-strong);
        cursor: pointer;
    }
    .eden-archery-landing .al-swipe-arrows button:disabled { color: #b3beb7; cursor: default; }
    .eden-archery-landing .al-swipe-arrows svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
    .eden-archery-landing .al-swipe-dots:not([hidden]) { display: flex; justify-content: center; gap: 6px; margin: 10px 0 0; }
    .eden-archery-landing .al-swipe-dots span { width: 7px; height: 7px; border-radius: 999px; background: #cfdcd4; transition: width .25s ease, background-color .25s ease; }
    .eden-archery-landing .al-swipe-dots span.is-active { width: 20px; background: var(--al-green); }
}
@keyframes al-nudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
@media (prefers-reduced-motion: reduce) {
    .eden-archery-landing .al-swipe-text svg { animation: none; }
}

/* Package colour (owner, 2026-10-05: plain white felt flat). Each package
   has its own soft tone — green for the Staff-guided beginner option, teal
   for range equipment, amber for bring-your-own — shown as a tinted header
   with an icon, a tone price and tone checkmarks. No solid dark blocks. */
.eden-archery-landing .archery-service-card { --tone: #1f7a4d; --tone-strong: #166340; --tone-tint: #eaf5ef; --tone-line: #cfe6d9; --tone-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3 20c.6-3.4 3-5.3 6-5.3s5.4 1.9 6 5.3'/%3E%3Cpath d='m15.5 11 2 2 4-4'/%3E%3C/svg%3E"); overflow: hidden; }
.eden-archery-landing .archery-service-card[data-service-tier="RENTAL"] { --tone: #2b7f8f; --tone-strong: #21636f; --tone-tint: #e6f1f4; --tone-line: #cbe1e7; --tone-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E"); }
.eden-archery-landing .archery-service-card[data-service-tier="OWN"] { --tone: #a96d14; --tone-strong: #85560f; --tone-tint: #fdf3e1; --tone-line: #f1dfbd; --tone-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13l-1 11.5h-11z'/%3E%3Cpath d='M9 8.5V7a3 3 0 0 1 6 0v1.5'/%3E%3C/svg%3E"); }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] { overflow: visible; }
.eden-archery-landing .archery-service-card,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] { border-color: var(--tone-line); }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] { border-color: var(--tone); box-shadow: inset 0 0 0 1px var(--tone), var(--al-shadow); }
.eden-archery-landing .archery-service-card .archery-service-card__copy {
    position: relative;
    margin: -24px -24px 0;
    padding: 24px 24px 20px 84px;
    min-height: 0;
    border-bottom: 1px solid var(--tone-line);
    border-radius: 19px 19px 0 0;
    background: linear-gradient(160deg, var(--tone-tint) 0%, #fff 100%);
}
.eden-archery-landing .archery-service-card .archery-service-card__copy::before {
    content: "";
    position: absolute;
    top: 22px;
    left: 24px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--tone-line), 0 4px 10px rgba(24, 36, 30, .06);
}
.eden-archery-landing .archery-service-card .archery-service-card__copy::after {
    content: "";
    position: absolute;
    top: 33px;
    left: 35px;
    width: 22px;
    height: 22px;
    background: var(--tone);
    -webkit-mask: var(--tone-icon) center / contain no-repeat;
    mask: var(--tone-icon) center / contain no-repeat;
}
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy { padding-top: 28px; }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy::before { top: 26px; }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy::after { top: 37px; }
.eden-archery-landing .archery-service-card .archery-service-card__copy > p { margin-bottom: 0; }
.eden-archery-landing .archery-service-card .archery-service-price strong,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-price strong { color: var(--tone-strong); }
.eden-archery-landing .archery-service-card .archery-service-includes li::before,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-includes li::before { border-color: var(--tone); }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"]::after { z-index: 2; }
@media (max-width: 599px) {
    .eden-archery-landing .archery-service-card .archery-service-card__copy { margin: -20px -20px 0; padding: 20px 20px 18px 76px; }
    .eden-archery-landing .archery-service-card .archery-service-card__copy::before { top: 20px; left: 20px; width: 42px; height: 42px; }
    .eden-archery-landing .archery-service-card .archery-service-card__copy::after { top: 30px; left: 30px; }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy { padding-top: 26px; }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy::before { top: 24px; }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy::after { top: 34px; }
}
/* Icon sits beside the title only; the description uses the full width. */
.eden-archery-landing .archery-service-card .archery-service-card__copy { padding-left: 24px; }
.eden-archery-landing .archery-service-card .archery-service-card__copy h3,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy h3 {
    display: flex;
    align-items: center;
    max-width: none;
    min-height: 44px;
    margin: 0 0 10px;
    padding-left: 58px;
}
@media (max-width: 599px) {
    .eden-archery-landing .archery-service-card .archery-service-card__copy { padding-left: 20px; }
    .eden-archery-landing .archery-service-card .archery-service-card__copy h3,
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy h3 { min-height: 42px; padding-left: 54px; }
}

/* First-time tip (owner disliked the beige box, 2026-10-05): a calm white
   card with a soft green wash, a shield icon and a green button with an
   arrow — same language as the beginner package it points to. */
.eden-archery-landing .archery-services-guide {
    display: flex;
    align-items: center;
    gap: 16px 24px;
    margin-top: 24px;
    padding: 18px 20px;
    border: 1px solid #cfe6d9;
    border-radius: 18px;
    background: linear-gradient(100deg, #eaf5ef 0%, #f7fbf8 45%, #fff 100%);
    box-shadow: var(--al-shadow);
}
.eden-archery-landing .archery-services-guide > div {
    position: relative;
    display: grid;
    gap: 2px;
    min-width: 0;
    padding-left: 60px;
}
.eden-archery-landing .archery-services-guide > div::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #cfe6d9;
}
.eden-archery-landing .archery-services-guide > div::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 11px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background: var(--al-green);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 5 6.5v5c0 4.2 2.9 7.6 7 9 4.1-1.4 7-4.8 7-9v-5z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 5 6.5v5c0 4.2 2.9 7.6 7 9 4.1-1.4 7-4.8 7-9v-5z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.eden-archery-landing .archery-services-guide strong { color: var(--al-ink); font-size: 1rem; font-weight: 600; }
.eden-archery-landing .archery-services-guide span { color: var(--al-text); font-size: .9375rem; line-height: 1.55; }
.eden-archery-landing .archery-services-guide .btn {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    min-height: 46px;
    padding: 10px 18px 10px 22px;
    border-radius: 999px;
}
.eden-archery-landing .archery-services-guide .btn::after {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform .2s ease;
}
.eden-archery-landing .archery-services-guide .btn:hover::after { transform: translateX(3px); }
@media (max-width: 599px) {
    .eden-archery-landing .archery-services-guide { flex-direction: column; align-items: stretch; padding: 16px; background: linear-gradient(170deg, #eaf5ef 0%, #fff 70%); }
    .eden-archery-landing .archery-services-guide > div { padding-left: 56px; }
    .eden-archery-landing .archery-services-guide > div::before { top: 0; margin-top: 0; width: 42px; height: 42px; }
    .eden-archery-landing .archery-services-guide > div::after { top: 10px; left: 10px; margin-top: 0; }
    .eden-archery-landing .archery-services-guide .btn { justify-content: center; margin-left: 0; }
}

/* Package "tickets" (owner, 2026-10-05: still flat). Each package gets a rich
   gradient header in its tone with white text and a faint archery-target
   motif, a white body with the tone price, and its own "จองแบบนี้" button.
   The recommended beginner card is lifted and its button is solid. */
.eden-archery-landing .archery-service-card { --tone-fill: linear-gradient(140deg, #2b9a62 0%, #1f7a4d 55%, #145c3a 100%); }
.eden-archery-landing .archery-service-card[data-service-tier="RENTAL"] { --tone-fill: linear-gradient(140deg, #3a9bab 0%, #2b7f8f 55%, #1e5f6b 100%); }
.eden-archery-landing .archery-service-card[data-service-tier="OWN"] { --tone-fill: linear-gradient(140deg, #cf912f 0%, #a96d14 55%, #7f500c 100%); }
.eden-archery-landing .archery-service-grid { align-items: stretch; }
.eden-archery-landing .archery-service-grid > .archery-service-card { display: flex; flex-direction: column; }
.eden-archery-landing .archery-service-card,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] {
    border: 0;
    box-shadow: 0 1px 2px rgba(24, 36, 30, .05), 0 14px 34px rgba(24, 36, 30, .09);
}
.eden-archery-landing .archery-service-card:hover { box-shadow: 0 1px 2px rgba(24, 36, 30, .05), 0 20px 44px rgba(24, 36, 30, .14); transform: translateY(-2px); }
.eden-archery-landing .archery-service-card .archery-service-card__copy {
    min-height: 172px;
    border-bottom: 0;
    background:
        radial-gradient(circle at 100% 0%, transparent 0 34px, rgba(255, 255, 255, .1) 35px 36px, transparent 37px 62px, rgba(255, 255, 255, .08) 63px 64px, transparent 65px 90px, rgba(255, 255, 255, .06) 91px 92px, transparent 93px),
        var(--tone-fill);
    color: #fff;
}
.eden-archery-landing .archery-service-card .archery-service-card__copy h3,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy h3 { color: #fff; }
.eden-archery-landing .archery-service-card .archery-service-card__copy > p,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy > p { color: rgba(255, 255, 255, .86); }
.eden-archery-landing .archery-service-card .archery-service-card__copy::before {
    background: rgba(255, 255, 255, .16);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
}
.eden-archery-landing .archery-service-card .archery-service-card__copy::after { background: #fff; }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"]::after {
    top: 18px;
    right: 18px;
    left: auto;
    padding: 3px 10px;
    background: #fff;
    color: var(--al-green-strong);
    box-shadow: 0 4px 12px rgba(10, 40, 25, .18);
}
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy { padding-top: 24px; }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy::before { top: 22px; }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy::after { top: 33px; }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy h3 { padding-right: 92px; }
.eden-archery-landing .archery-service-price strong { font-size: 2.25rem; }
.eden-archery-landing .archery-service-includes,
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-includes { margin-bottom: 20px; }
.eden-archery-landing .archery-service-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    margin-top: auto;
    padding: 10px 18px;
    border: 1px solid var(--tone-line);
    border-radius: 14px;
    background: var(--tone-tint);
    color: var(--tone-strong);
    font-size: .9375rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.eden-archery-landing .archery-service-cta::after {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform .2s ease;
}
.eden-archery-landing .archery-service-cta:hover { border-color: var(--tone); background: var(--tone); color: #fff; }
.eden-archery-landing .archery-service-cta:hover::after { transform: translateX(3px); }
.eden-archery-landing .archery-service-cta:focus-visible { outline: 3px solid rgba(31, 122, 77, .35); outline-offset: 2px; }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-cta { border-color: transparent; background: var(--tone); color: #fff; box-shadow: 0 8px 18px rgba(31, 122, 77, .25); }
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-cta:hover { background: var(--tone-strong); }
.eden-archery-landing .archery-service-grid > .archery-service-card .archery-service-includes { margin-top: 0; }
@media (min-width: 768px) {
    .eden-archery-landing .archery-service-grid { padding-top: 4px; }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] { transform: translateY(-8px); box-shadow: 0 2px 4px rgba(20, 92, 58, .08), 0 24px 50px rgba(20, 92, 58, .2); }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"]:hover { transform: translateY(-10px); }
}
@media (max-width: 599px) {
    .eden-archery-landing .archery-service-card .archery-service-card__copy { min-height: 0; }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"]::after { top: 14px; right: 14px; }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy { padding-top: 20px; }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy::before { top: 20px; }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy::after { top: 30px; }
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy h3 { padding-right: 0; padding-top: 0; }
    .eden-archery-landing .archery-service-grid { padding-top: 10px; padding-bottom: 14px; }
}
/* Badge sits on the card's top edge so it never covers the title. */
.eden-archery-landing .archery-service-card[data-service-tier="COACH"]::after {
    top: -11px;
    right: auto;
    left: 20px;
    border: 1px solid #cfe6d9;
}
.eden-archery-landing .archery-service-card[data-service-tier="COACH"] .archery-service-card__copy h3 { padding-right: 0; }
@media (max-width: 599px) {
    .eden-archery-landing .archery-service-card[data-service-tier="COACH"]::after { top: -11px; right: auto; left: 16px; }
    .eden-archery-landing .archery-service-grid { padding-top: 16px; }
}