/* =====================================================================
   ОЛОН ХУУДАС — цэс, хэл солих, хуудасны толгой, үйлчилгээ, нийтлэл
   (site.css-ийн дараа ачаална)
   ===================================================================== */
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.skip{position:fixed; left:12px; top:-60px; z-index:200; padding:10px 18px; border-radius:999px; background:var(--ink); color:var(--paper); text-decoration:none; transition:top .2s ease}
.skip:focus{top:12px}
.hero-media{background-image:url("hero.jpg")}

/* ---------- толгой: цэс ---------- */
.nav{align-items:center; gap:clamp(14px,1.4vw,24px)}
.nav a[aria-current="page"]{color:var(--green-dark); background-size:100% 1.5px}
.nav-dd{position:relative}
.nav-dd > a::after{content:""; display:inline-block; width:6px; height:6px; margin:0 0 3px 8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); opacity:.55}
.dd-panel{position:absolute; top:calc(100% + 12px); left:-20px; width:330px; padding:10px; display:grid; gap:2px; white-space:normal;
  background:var(--paper); border-radius:22px; box-shadow:0 24px 50px -20px rgba(50,40,25,.38), inset 0 0 0 1.5px var(--line);
  opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s}
.dd-panel::before{content:""; position:absolute; left:0; right:0; top:-16px; height:16px}
.nav-dd:hover .dd-panel,.nav-dd:focus-within .dd-panel{opacity:1; visibility:visible; transform:none; transition-delay:0s}
.nav .dd-panel a{display:flex; align-items:center; gap:12px; padding:10px 14px; border-radius:14px; background:none; font-size:14.5px; line-height:1.35}
.nav .dd-panel a:hover,.nav .dd-panel a:focus-visible,.nav .dd-panel a[aria-current="page"]{background:var(--paper-deep)}
.nav .dd-panel .dd-all{margin-top:4px; padding-top:12px; border-top:1.5px dashed var(--stitch-soft); border-radius:0 0 14px 14px; font-weight:600; color:var(--green-dark)}

.lang{display:inline-grid; place-items:center; min-width:44px; height:40px; padding:0 12px; border-radius:999px; flex:0 0 auto;
  font-weight:600; font-size:13px; letter-spacing:.08em; text-decoration:none; background:var(--paper-deep); box-shadow:inset 0 0 0 1.5px var(--line)}
.lang:hover,.lang:focus-visible{box-shadow:inset 0 0 0 1.5px var(--stitch)}
@media (max-width:359px){ .topbar .lang{display:none} }

/* цэс багтахгүй өргөнд гар утасны цэсийг харуулна */
@media (min-width:1180px) and (max-width:1339px){ .nav{display:none} .mnav{display:block} }
@media (min-width:1340px){ .nav{display:flex} }

.mnav-panel{max-height:calc(100vh - var(--hdr) - 20px); max-height:calc(100dvh - var(--hdr) - 20px); overflow:auto; overscroll-behavior:contain}
.mnav-panel a[aria-current="page"],.mnav-panel a.active{background:var(--paper-deep); color:var(--green-dark)}
.mnav-sub{display:grid; gap:0; margin:0 0 4px 16px; padding-left:8px; border-left:1.5px dashed var(--stitch-soft)}
.mnav-panel .mnav-sub a{display:flex; align-items:center; gap:10px; padding:8px 12px; font-size:14px; line-height:1.35}
.mnav-sub .felt-dot{width:10px; height:10px}
.mnav-panel .mnav-lang{font-weight:600; margin-top:4px; border-top:1.5px dashed var(--line); border-radius:0 0 12px 12px}

/* ---------- хуудасны толгой ---------- */
.band h1,.space h1{font-family:var(--serif); font-weight:400; font-size:clamp(34px,4.8vw,58px); line-height:1.12; margin:0 0 18px; letter-spacing:-.01em; text-wrap:balance}
.page-head{padding-top:clamp(44px,6.5vw,100px); padding-bottom:clamp(48px,7vw,104px)}
.page-head .section-lead{margin-bottom:0}
.page-head-in > *{max-width:48rem}
.page-head.has-actor .duo{align-items:center}
.page-head .duo-art .actor-wide{--aw:min(130%, 760px)}
@media (max-width:859px){
  .page-head.has-actor .duo-art{order:2}
  .page-head .duo-art .actor-wide{--aw:min(118vw, 540px)}
}
.page-first{padding-top:clamp(44px,6.5vw,100px)}
.head-cta{display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:28px 0 0}

.crumbs ol{list-style:none; display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px; padding:0; font-size:13.5px; color:var(--ink-soft)}
.crumbs li{min-width:0}
.crumbs li+li::before{content:"/"; margin:0 10px; color:var(--stitch)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline; color:var(--ink)}
.crumbs [aria-current]{color:var(--ink); display:inline-block; max-width:min(36ch, 70vw); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom}

/* ---------- энгийн хэсэг (гарчиг нь хөдөлгөөнгүй) ---------- */
.sect{position:relative; z-index:2; padding:clamp(64px,9vw,140px) var(--pad-x); background:var(--paper) var(--grain); overflow:hidden}
@supports (overflow:clip){ .sect{overflow:clip} }
.sect.felt{background:var(--felt) var(--grain)}
.sect::before{content:""; position:absolute; top:0; left:var(--pad-x); right:var(--pad-x); height:2px;
  background:repeating-linear-gradient(90deg, var(--stitch) 0 9px, transparent 9px 15px)}

/* ---------- нүүр: үйлчилгээний холбоос ---------- */
.svc-items li{position:relative}
.svc-items strong a{text-decoration:none}
.svc-items strong a::after{content:""; position:absolute; inset:0}
.svc-items li:hover strong a{color:var(--green-dark)}
.svc-more{margin:22px 0 0}
.more-row{margin:clamp(28px,4vw,44px) 0 0}

/* ---------- үйлчилгээний каталог ---------- */
.svc-grid{list-style:none; margin:0; padding:0; display:grid; gap:clamp(16px,2vw,26px)}
@media (min-width:700px){ .svc-grid{grid-template-columns:1fr 1fr} }
@media (min-width:1080px){ .svc-grid{grid-template-columns:repeat(3,1fr)} }
.svc-card a{position:relative; display:flex; flex-direction:column; gap:12px; height:100%; padding:clamp(26px,2.6vw,36px);
  border-radius:30px; text-decoration:none; background:var(--paper); box-shadow:0 24px 48px -36px rgba(60,48,30,.5);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease)}
.svc-card a::before{content:""; position:absolute; inset:11px; border-radius:21px; border:1.5px dashed var(--stitch-soft); pointer-events:none; transition:border-color .3s ease}
.svc-card a:hover{transform:translateY(-4px); box-shadow:0 30px 54px -34px rgba(60,48,30,.55)}
.svc-card a:hover::before{border-color:var(--stitch)}
.svc-card .felt-dot{width:20px; height:20px}
.svc-card h2{font-family:var(--serif); font-weight:500; font-size:clamp(22px,2vw,26px); line-height:1.25; margin:2px 0 0}
.svc-card p{margin:0; color:var(--ink-soft); font-size:15.5px; line-height:1.6}
.svc-card .svc-meta{display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 14px; margin-top:auto; padding-top:16px; border-top:1.5px dashed var(--stitch-soft); color:var(--ink)}
.svc-card .svc-meta span{color:var(--ink-soft)}
.svc-card .go{font-weight:600; font-size:15px; color:var(--green-dark)}
.facts-page{margin-top:clamp(32px,4vw,56px)}
@media (min-width:900px){ .facts-page{grid-template-columns:repeat(4,1fr)} }

/* ---------- үйлчилгээний дэлгэрэнгүй ---------- */
.price-chip{display:inline-flex; align-items:center; gap:10px; padding:10px 18px 10px 14px; border-radius:999px; font-size:15px;
  background:rgba(255,255,255,.6); box-shadow:inset 0 0 0 1.5px var(--line)}
.detail{display:grid; gap:clamp(36px,5vw,80px)}
@media (min-width:900px){ .detail{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr); align-items:start} }
.prose{font-size:17px; line-height:1.75}
.prose p{margin:0 0 1.1em}
.prose .about-big{font-size:clamp(20px,2vw,26px); line-height:1.5}
.prose > :last-child{margin-bottom:0}
.side-card{position:relative; padding:clamp(26px,3vw,38px); border-radius:30px; background:var(--paper); box-shadow:0 24px 48px -36px rgba(60,48,30,.5)}
.side-card::before{content:""; position:absolute; inset:11px; border-radius:21px; border:1.5px dashed var(--stitch-soft); pointer-events:none}
.side-card dl{margin:0 0 24px; display:grid; grid-template-columns:auto 1fr; gap:12px 22px}
.side-card dt{color:var(--ink-soft); font-size:14px; padding-top:2px}
.side-card dd{margin:0; min-width:0}
.side-card dd a{color:var(--green-dark)}
@media (min-width:900px){ .side-card{position:sticky; top:calc(var(--hdr) + 28px)} }
.lists{display:grid; gap:clamp(40px,5vw,80px)}
@media (min-width:860px){ .lists{grid-template-columns:1fr 1fr} }
.dots{list-style:none; margin:8px 0 0; padding:0; display:grid}
.dots li{display:flex; gap:14px; padding:15px 0; border-top:1.5px dashed var(--stitch-soft); font-size:16.5px}
.dots li:last-child{border-bottom:1.5px dashed var(--stitch-soft)}
.dots .felt-dot{margin-top:7px}
.dots li:nth-child(5n+1){--dot:var(--wool-blue)} .dots li:nth-child(5n+2){--dot:var(--wool-rose)} .dots li:nth-child(5n+3){--dot:var(--wool-yellow)}
.dots li:nth-child(5n+4){--dot:var(--wool-clay)} .dots li:nth-child(5n+5){--dot:var(--green)}
#delgerengui .org-price{margin-top:clamp(56px,7vw,96px)}
.chips{list-style:none; display:flex; flex-wrap:wrap; gap:10px; margin:28px 0 0; padding:0}
.chips a{display:inline-flex; align-items:center; gap:10px; padding:11px 20px 11px 14px; border-radius:999px; text-decoration:none;
  background:var(--paper); box-shadow:inset 0 0 0 1.5px var(--line); transition:box-shadow .2s ease, transform .2s ease}
.chips a:hover,.chips a:focus-visible{box-shadow:inset 0 0 0 1.5px var(--stitch); transform:translateY(-2px)}

/* ---------- үнэ ---------- */
.prices th a{text-decoration:none}
.prices th a:hover{text-decoration:underline}

/* ---------- мэргэжилтнүүд ---------- */
.person h2{font-family:var(--serif); font-weight:500; font-size:clamp(24px, 2.4vw, 30px); margin:0; line-height:1.2}
.person{scroll-margin-top:calc(var(--hdr) + 20px)}

/* ---------- нийтлэл ---------- */
.post{height:100%}
.post h2{margin:6px 0 0; font-family:var(--serif); font-weight:500; font-size:21px; line-height:1.3}
.post-date{margin-top:auto; padding-top:6px; font-size:13px; color:var(--ink-soft)}
.posts-page{margin-top:0}
.art-meta{display:flex; align-items:center; gap:10px; margin:0 0 14px; font-size:14px; color:var(--ink-soft)}
.prose-article{max-width:46rem}
.prose-article h2{font-family:var(--serif); font-weight:500; font-size:clamp(24px,2.4vw,30px); line-height:1.3; margin:1.7em 0 .5em}
.prose-article h3{font-size:19px; margin:1.4em 0 .4em}
.prose-article > h2:first-child{margin-top:0}
.prose ul{list-style:none; margin:0 0 1.2em; padding:0}
.prose li{position:relative; padding-left:28px; margin:8px 0}
.prose li::before{content:""; position:absolute; left:3px; top:.62em; width:11px; height:11px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.45), transparent 55%), var(--wool-clay)}
.prose a{color:var(--green-dark)}
.art-back{display:flex; flex-wrap:wrap; gap:10px; margin-top:44px !important}

/* ---------- хэвлэх ---------- */
@media print{ .topbar,.mnav,.farewell,.cta-band,.decos,.duo-art,.head-cta{display:none !important} body{padding-top:0} }