/* ==========================================================================
   packages.css — "Санал болгох аялалын багцууд" carousel + inclusions
   ========================================================================== */
.packages{background:var(--white)}
.pkg-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:42px}
.pkg-top h2{font-size:clamp(32px,4.2vw,50px);margin-top:14px}
.pkg-nav{display:flex;gap:12px}
.pkg-nav button{width:50px;height:50px;border-radius:50%;border:1.5px solid var(--line);color:var(--teal);font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .25s ease}
.pkg-nav button:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.pkg-track{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;padding:6px 0 24px;scrollbar-width:none;scroll-snap-type:x mandatory}
.pkg-track::-webkit-scrollbar{display:none}
.pkg-card{flex:0 0 340px;scroll-snap-align:start;background:var(--cream);border-radius:20px;overflow:hidden;border:1px solid var(--line);transition:transform .35s ease,box-shadow .35s ease}
.pkg-card:hover{box-shadow:var(--shadow-lg)}
.pkg-img{position:relative;height:220px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}
.pkg-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.pkg-card:hover .pkg-img img{transform:scale(1.06)}
.pkg-badge{position:absolute;top:16px;left:16px;background:var(--teal);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 13px;border-radius:20px;z-index:2}
.pkg-c{padding:24px 24px 26px}
.pkg-c h3{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:14px;min-height:48px}
.pkg-list{list-style:none;margin-bottom:18px}
.pkg-list li{font-size:13.5px;color:var(--ink-soft);padding-left:22px;position:relative;margin-bottom:7px}
.pkg-list li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--amber)}
.pkg-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}
.pkg-meta .d{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px}
.pkg-meta .p{font-family:'Onest',system-ui,sans-serif;font-weight:600;font-size:18px;color:var(--teal)}
.pkg-disc{display:inline-flex;align-items:center;gap:7px;color:var(--amber-deep);font-weight:700;font-size:14px;transition:gap .25s}
.pkg-disc:hover{gap:12px}
.incl-bar{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;margin-top:46px;padding-top:40px;border-top:1px solid var(--line)}
.incl-i{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:14.5px;font-weight:600}
.incl-i::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber);flex:0 0 8px}

@media(max-width:680px){
  .incl-bar{gap:22px}
}
