.kos-hero .package-detail-hero-image { object-position: center 57%; }
.kos-hero .package-detail-hero-image + .wrap { position: relative; }
.kos-hero::after { background: linear-gradient(90deg, rgba(42, 20, 15, .86), rgba(42, 20, 15, .52) 58%, rgba(42, 20, 15, .3)); }
.kos-hero .eyebrow { color: #f0c985; }
.kos-hero h1 { max-width: 770px; }
.kos-hero .kos-hero-meta { display: flex; flex-wrap: wrap; gap: 9px; margin: 18px 0 13px; }
.kos-hero .kos-hero-meta span { border: 1px solid rgba(243, 211, 161, .5); border-radius: 999px; background: rgba(39, 17, 11, .34); padding: 7px 11px; color: #fff4e1; font-size: .78rem; font-weight: 700; }
.kos-section { padding: 76px 0; }
.kos-section--ivory { background: #fffaf2; }
.kos-section--paper { background: #fffdf9; }
.kos-section-head { max-width: 800px; margin: 0 auto 34px; text-align: center; }
.kos-section-head h2 { margin: 8px 0 13px; color: #382418; font-family: Georgia, serif; font-size: clamp(1.75rem, 3vw, 2.65rem); line-height: 1.15; }
.kos-section-head p { margin: 0; color: #6e6256; line-height: 1.7; }
.kos-distance-note { display: grid; grid-template-columns: auto 1fr; gap: 18px; max-width: 980px; margin: -8px auto 0; border: 1px solid #e2cfb4; border-radius: 18px; background: #fffaf3; box-shadow: 0 9px 23px rgba(67, 39, 18, .06); padding: 24px; }
.kos-distance-mark { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #6d3424; color: #f6d79b; font-family: Georgia, serif; font-weight: 700; }
.kos-distance-note h2 { margin: 0 0 8px; color: #382418; font-family: Georgia, serif; font-size: 1.38rem; }
.kos-distance-note p { margin: 0; color: #625549; font-size: .94rem; line-height: 1.68; }
.kos-distance-note p + p { margin-top: 12px; }
.kos-distance-note a { color: #8b572f; font-weight: 700; }
.kos-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.kos-fact { min-height: 150px; border: 1px solid #e2cfb4; border-radius: 17px; background: #fffdf9; padding: 21px; box-shadow: 0 8px 22px rgba(67, 39, 18, .06); transition: transform .22s ease, box-shadow .22s ease; }
.kos-fact:hover { transform: translateY(-3px); box-shadow: 0 15px 28px rgba(67, 39, 18, .11); }
.kos-fact-index { color: #b17636; font-size: .72rem; font-weight: 800; letter-spacing: .14em; }
.kos-fact strong { display: block; margin: 13px 0 5px; color: #382418; font-family: Georgia, serif; font-size: 1.4rem; }
.kos-fact span:last-child { color: #726458; font-size: .9rem; line-height: 1.45; }
.kos-intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 42px; align-items: center; }
.kos-intro-copy h2 { margin: 8px 0 18px; color: #382418; font-family: Georgia, serif; font-size: clamp(1.8rem, 3vw, 2.65rem); line-height: 1.15; }
.kos-intro-copy p { color: #625549; line-height: 1.75; }
.kos-quote { margin: 24px 0 0; border-left: 3px solid #c48a44; padding: 10px 0 10px 21px; color: #6d3424; font-family: Georgia, serif; font-size: 1.25rem; font-style: italic; line-height: 1.45; }
.kos-intro-image { min-height: 350px; overflow: hidden; border: 1px solid #e2cfb4; border-radius: 20px; box-shadow: 0 16px 34px rgba(67, 39, 18, .12); }
.kos-intro-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.kos-route { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: start; gap: 30px 0; overflow: visible; padding: 4px 18px 18px; }
.kos-route-step { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: center; text-align: center; }
.kos-route-step:not(:last-child)::after { position: absolute; top: 17px; left: calc(50% + 26px); width: calc(100% - 48px); height: 1px; background: #d5b382; content: ''; }
.kos-route-step:nth-child(6)::after { display: none; }
.kos-route-step i { z-index: 1; display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid #d5b382; border-radius: 50%; background: #fffaf3; color: #8b572f; font-family: Georgia, serif; font-size: .8rem; font-style: normal; }
.kos-route-step span { margin-top: 10px; color: #4d3a2c; font-size: .81rem; font-weight: 700; line-height: 1.35; }
.kos-day-stack { display: grid; gap: 30px; }
.kos-day { display: grid; grid-template-columns: 310px minmax(0, 1fr); overflow: hidden; border: 1px solid #e2cfb4; border-radius: 20px; background: #fffdf9; box-shadow: 0 9px 25px rgba(67, 39, 18, .07); }
.kos-day:nth-child(even) { grid-template-columns: minmax(0, 1fr) 310px; }
.kos-day-visual { min-height: 100%; background: #f3e8d9; }
.kos-day-visual img { display: block; width: 100%; height: 100%; min-height: 285px; object-fit: cover; }
.kos-day-visual--text { display: flex; min-height: 285px; align-items: flex-end; padding: 27px; background: linear-gradient(145deg, #603023, #9a5b32); color: #f9e7c4; }
.kos-day-visual--text span { font-family: Georgia, serif; font-size: 1.6rem; font-style: italic; line-height: 1.3; }
.kos-day-content { padding: 31px 34px; }
.kos-day--kokilavan { grid-template-columns: minmax(0, 58%) minmax(0, 42%); }
.kos-day--kokilavan .kos-day-visual { order: 0; }
.kos-day--kokilavan .kos-day-visual img { min-height: 260px; object-position: center; }
.kos-day--kokilavan .kos-day-content { display: flex; flex-direction: column; justify-content: center; padding: 27px 30px; }
.kos-day-tag { color: #a55832; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.kos-day h2 { margin: 8px 0 7px; color: #382418; font-family: Georgia, serif; font-size: clamp(1.45rem, 2.5vw, 2rem); line-height: 1.2; }
.kos-day-subtitle { margin: 0 0 18px; color: #8b572f; font-family: Georgia, serif; font-size: 1.05rem; font-style: italic; }
.kos-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.kos-chips span { border: 1px solid #e2cfb4; border-radius: 999px; background: #fff8ed; padding: 7px 10px; color: #543c2c; font-size: .79rem; line-height: 1.2; }
.kos-story { margin: 20px 0 0; border-top: 1px solid #ead8c0; padding-top: 17px; color: #67584c; font-size: .92rem; line-height: 1.65; }
.kos-highlight { margin: 16px 0 0; color: #7e4b2a; font-size: .86rem; font-weight: 700; line-height: 1.55; }
.kos-divider { margin: 15px 0 0; color: #8b572f; font-family: Georgia, serif; font-size: 1.05rem; font-style: italic; }
.kos-stories, .kos-specials { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.kos-story-card, .kos-special-card { border: 1px solid #e2cfb4; border-radius: 17px; background: #fffdf9; padding: 21px; box-shadow: 0 8px 22px rgba(67, 39, 18, .06); }
.kos-story-card h3, .kos-special-card h3 { margin: 7px 0 8px; color: #382418; font-family: Georgia, serif; font-size: 1.18rem; line-height: 1.25; }
.kos-story-card p, .kos-special-card p { margin: 0; color: #6e6256; font-size: .9rem; line-height: 1.6; }
.kos-special-icon { display: block; color: #b17636; font-size: .75rem; font-weight: 800; letter-spacing: .13em; }
.kos-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto; }
.kos-package-item { display: flex; min-width: 0; min-height: 132px; flex-direction: column; justify-content: center; border: 1px solid #e2cfb4; border-radius: 16px; background: #fffaf3; box-shadow: 0 7px 19px rgba(67, 39, 18, .05); padding: 22px; }
.kos-package-item span { display: block; margin-bottom: 6px; color: #a55832; font-size: .69rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.kos-package-item strong { color: #493527; font-family: Georgia, serif; font-size: 1rem; line-height: 1.45; overflow-wrap: anywhere; }
.kos-notes { max-width: 1100px; margin: 0 auto; display: grid; gap: 12px; }
.kos-note { box-sizing: border-box; width: 100%; overflow: hidden; border: 1px solid #e2cfb4; border-radius: 16px; background: #fffdf9; box-shadow: 0 7px 19px rgba(67, 39, 18, .05); color: #625549; line-height: 1.55; }
.kos-note b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #f4e5ce; color: #8b572f; font-size: .78rem; }
.kos-note summary { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 15px; cursor: pointer; padding: 18px 21px; color: #4d3a2c; font-weight: 700; list-style: none; }
.kos-note summary::-webkit-details-marker { display: none; }
.kos-note summary::after { align-self: center; color: #8b572f; content: '+'; font-family: Georgia, serif; font-size: 1.45rem; line-height: 1; }
.kos-note[open] summary::after { content: '−'; }
.kos-note p { margin: -1px 21px 20px 70px; color: #6e6256; font-size: .92rem; line-height: 1.65; }
.kos-final { padding: 82px 20px; background: #47231b; text-align: center; }
.kos-final .eyebrow { color: #e6bd79; }
.kos-final h2 { max-width: 720px; margin: 9px auto 14px; color: #fff6e8; font-family: Georgia, serif; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.12; }
.kos-final p { max-width: 680px; margin: 0 auto 25px; color: #eadbca; line-height: 1.7; }
.kos-final .package-hero-actions { justify-content: center; }
.kos-final .btn-outline { border-color: #e4bd7c; color: #fff0d7; }
@media(max-width:900px){.kos-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.kos-intro{grid-template-columns:1fr}.kos-intro-image{min-height:300px}.kos-day,.kos-day:nth-child(even){grid-template-columns:230px minmax(0,1fr)}.kos-day:nth-child(even) .kos-day-visual{order:2}.kos-day--kokilavan{grid-template-columns:230px minmax(0,1fr)}.kos-day--kokilavan .kos-day-visual{order:0}.kos-stories,.kos-specials{grid-template-columns:repeat(2,minmax(0,1fr))}.kos-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kos-route{grid-template-columns:1fr;gap:0;padding:4px 12px 6px}.kos-route-step{min-height:57px;align-items:flex-start;padding-left:46px;text-align:left}.kos-route-step:not(:last-child)::after{top:35px;bottom:0;left:17px;width:1px;height:auto}.kos-route-step i{position:absolute;left:0;top:0}.kos-route-step span{margin-top:8px}}
@media(max-width:600px){body:has(.kos-hero) .site-header .menu-button,body:has(.kos-hero) .site-header .nav-actions .btn{min-width:44px;min-height:44px}.kos-section{padding:56px 0}.kos-distance-note{grid-template-columns:1fr;padding:20px}.kos-day,.kos-day:nth-child(even){grid-template-columns:1fr}.kos-day:nth-child(even) .kos-day-visual{order:0}.kos-day-visual img,.kos-day-visual--text{min-height:215px;height:215px}.kos-day-content{padding:25px 20px}.kos-facts,.kos-stories,.kos-specials,.kos-package-grid{grid-template-columns:1fr}.kos-package-item{min-height:0;padding:20px}.kos-note summary{gap:12px;padding:16px}.kos-note p{margin:0 16px 17px 62px}.kos-final{padding:62px 20px}}