
:root{--bg:#08090c;--fg:#f0f1f4;--muted:#b8bbc6;--red:#e32a32;--line:#ffffff1c;--box:#15171bdc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 1%,#262932,transparent 30%),radial-gradient(ellipse at 85% 43%,#3f121938,transparent 32%),linear-gradient(180deg,#08090c,#101115 50%,#08090b);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans","DejaVu Sans","Arial Unicode MS",Arial,sans-serif;color:var(--fg);line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 17% 21%,#9296a019,transparent 19%),radial-gradient(ellipse at 78% 32%,#767b8520,transparent 21%);filter:blur(80px)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 42px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:#08090cf2;border-bottom:1px solid #ffffff12;backdrop-filter:blur(16px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-weight:900;letter-spacing:.02em;display:flex;gap:12px;align-items:center;font-size:15px}.logo-star{color:var(--red);font-size:26px}.nav nav{display:flex;gap:24px;font-size:14px;color:#dddfe4}.nav nav a:hover{color:#ffc27a}.nav-cta,.btn-red{background:var(--red);color:#fff;padding:13px 24px;border-radius:8px;font-weight:900}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 73% 25%,#b0b2bd17,transparent 34%),radial-gradient(circle at 81% 91%,#8f101b42,transparent 26%)}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:16px;align-items:end;min-height:620px;padding-top:20px;padding-bottom:26px}.eyebrow{color:#ffbe6b;text-transform:uppercase;letter-spacing:.21em;font-size:12px;font-weight:900;display:flex;align-items:center;gap:11px}.eyebrow:before{content:"";width:32px;height:2px;background:var(--red)}.credit{font-size:16px;color:#dedee2;margin:12px 0 24px}.credit strong{color:#fff}.hero h1{font-size:clamp(45px,5.9vw,77px);line-height:.99;letter-spacing:-.053em;margin:0;text-transform:uppercase;font-weight:1000}.hero h1 em{font-style:normal;color:var(--red)}.tagline{font-size:16px;letter-spacing:.13em;font-weight:900;margin:16px 0 24px}.hero-quote{border-left:3px solid var(--red);padding:8px 0 8px 18px;font-size:19px;color:#d5d7df;max-width:480px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 30px}.btn-red,.btn-border{padding:16px 20px;font-size:14px;border-radius:9px}.btn-border{border:1px solid #ffffff35;color:#eee;background:#ffffff09}.hero-bottom{display:flex;gap:38px;border-top:1px solid var(--line);padding-top:18px}.hero-bottom div{display:flex;flex-direction:column}.hero-bottom small{letter-spacing:.16em;color:#b3b4bd;font-size:10px;font-weight:900}.hero-bottom b{font-size:24px;color:#fff}.book-product{position:relative;align-self:center;display:flex;flex-direction:column;align-items:center}.book-product img{width:min(100%,590px);filter:drop-shadow(0 25px 35px #0008)}.book-caption{letter-spacing:.14em;color:#a5a4a9;font-size:10px;position:relative;margin-top:-5px}.dates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;margin-bottom:15px}.date{border:1px solid #ffffff1c;border-top:3px solid #6a1e26;background:linear-gradient(145deg,#232229ee,#121317eb);padding:25px 26px;border-radius:12px}.date small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9a9ea9}.date strong{display:block;color:#fff;font-size:40px;line-height:1.2;margin-top:9px}.date h3{margin:8px 0 8px;font-size:20px;line-height:1.2}.date p{color:#bdc0ca;margin:0;font-size:14px}.section{padding-top:105px;padding-bottom:105px;scroll-margin-top:78px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2,.order-copy h2{font-size:clamp(38px,5vw,61px);text-transform:uppercase;letter-spacing:-.05em;line-height:1.02;margin:17px 0 12px}.section-head h2 em,.order-copy h2 em{font-style:normal;color:var(--red)}.section-head p{font-size:18px;max-width:750px;color:#c9ccd5;margin:0}.section-index{font-size:13px;letter-spacing:.17em;color:#777d88;white-space:nowrap}.intro-panel{display:grid;grid-template-columns:1fr .65fr;gap:22px;padding:32px;border-left:4px solid var(--red);border-radius:0 17px 17px 0;background:linear-gradient(100deg,#1b1d22ec,#101115c9);border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.intro-panel p{font-size:18px;margin:0;line-height:1.8}.intro-panel .underlined{font-size:14px;color:#bec3ce;align-self:center;line-height:1.7}.read-more{background:linear-gradient(160deg,#1c1c22f2,#111216ec);border:1px solid #ffffff25;border-radius:18px;margin-top:18px;overflow:hidden}.read-more>summary{cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none;padding:20px 24px;font-size:13px;color:#d9dce3;font-weight:900;letter-spacing:.05em}.read-more>summary::-webkit-details-marker{display:none}.read-more>summary b{color:#fff;font-size:16px;margin-left:15px}.read-more>summary:hover{background:#ffffff0b}.read-more>summary:focus-visible,.chapter>summary:focus-visible,.nested>summary:focus-visible{outline:3px solid #ee7373;outline-offset:-3px}.chevron{font-size:24px;color:#fff;background:var(--red);padding:0 11px;border-radius:8px;transition:transform .15s}.read-more[open] .chevron{transform:rotate(180deg)}.expand-body{border-top:1px solid #ffffff1b;padding:26px 25px 32px}.prose{display:grid;gap:14px;color:#d4d7df;font-size:17px;line-height:1.86;max-width:940px}.prose p{margin:0}.prose b{color:#fff}.minor-head{font-size:27px;margin:35px 0 6px}.help-line{font-size:14px;color:#a8adba;margin:0 0 17px}.chapters{display:grid;gap:10px}.chapter{border:1px solid #ffffff1a;border-radius:12px;background:#08090b88}.chapter>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:17px 18px}.chapter>summary::-webkit-details-marker{display:none}.chapter>summary span{color:#ffbe6b;font-size:12px;font-weight:900;letter-spacing:.08em;min-width:63px}.chapter>summary b{font-size:17px}.chapter>summary i{margin-left:auto;font-style:normal;font-size:20px;color:#ffd2a1}.chapter[open]>summary i{transform:rotate(45deg)}.chapter ol{margin:0;padding:0 24px 20px 107px;columns:2;column-gap:30px;color:#c9cdd6}.chapter li{padding:4px 0;break-inside:avoid}.review-card{border-left:4px solid var(--red);padding:25px;margin-top:28px;background:linear-gradient(95deg,#4b1b238a,#111318)}.review-card p{font:italic 23px/1.7 Georgia,serif;margin:18px 0}.review-card small{color:#adb2bb}.nested{margin-top:24px;border:1px solid #ffffff23;border-radius:10px}.nested>summary{cursor:pointer;padding:19px 20px;display:flex;justify-content:space-between;list-style:none;font-size:19px;font-weight:900}.nested>summary::-webkit-details-marker{display:none}.comps{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 20px 20px}.comp{border-top:1px solid #ffffff26;padding-top:17px}.comp h4{margin:0;font-size:19px}.comp small{color:#ffc27a;font-size:13px}.comp p{margin:8px 0 0;color:#bfc3cc;font-size:14px}.section-author{background:linear-gradient(110deg,#0f1114e9,#19171ce6 60%,#0e0f12ea)}.author-role{font-size:15px!important;font-weight:900;letter-spacing:.09em!important;color:#d8dde5!important}.author-teaser{display:grid;grid-template-columns:155px 1fr;gap:26px;align-items:center;background:linear-gradient(100deg,#28252cea,#111216eb);border:1px solid #ffffff1d;border-radius:17px;padding:18px;max-width:850px}.author-teaser img{width:155px;height:160px;border-radius:10px;object-fit:cover;filter:grayscale(1)}.author-teaser p{font-size:19px;max-width:560px;line-height:1.7;margin:0}.author-teaser span{display:inline-block;color:#ffbe6b;font-size:14px;letter-spacing:.07em;margin-top:12px;font-weight:900}.awards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.awards>div{border:1px solid #ffffff18;border-radius:11px;background:#0e0f13;padding:22px}.awards small{font-size:11px;color:#ffbe6b;letter-spacing:.14em}.awards strong{display:block;font-size:25px;margin:8px 0}.awards p{margin:0;color:#c7cad3;font-size:14px}.works{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.work{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #ffffff15}.work small{font-size:14px;color:#ffc27a;font-weight:900;min-width:42px}.work h4{font-size:18px;line-height:1.35;margin:0 0 4px}.work p{color:#abb0ba;font-size:13px;margin:0}.literary-quote{margin-top:24px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;border:1px solid #ffffff1a;background:radial-gradient(circle at 100% 0%,#e1282c18,transparent 32%),#17151b;border-radius:14px;padding:22px}.literary-quote span{font:72px/1 Georgia,serif;color:#e54149;grid-row:span 2}.literary-quote p{font:italic 28px/1.3 Georgia,serif;margin:0}.literary-quote small{color:#adb0bd;margin-top:3px;font-size:13px}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.order-copy h2{margin-top:24px}.order-offers{border-top:1px solid var(--line);margin-top:25px}.order-offers p{border-bottom:1px solid var(--line);padding:14px 2px;font-size:16px;color:#bec3cd;margin:0}.order-offers b,.order-offers strong{color:#fff}.order-offers strong{font-size:29px}.order-form{border-radius:21px;background:linear-gradient(170deg,#242329ee,#121317eb);border:1px solid #ffffff20;padding:28px;box-shadow:0 20px 45px #0005}.order-form h3{margin:0;font-size:24px}.order-form>p{font-size:14px;color:#acb0bb;margin:9px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;letter-spacing:.05em;color:#bfc3ce;font-weight:900}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;min-height:45px;padding:12px;border:1px solid #ffffff30;background:#090a0ddd;color:#fff;border-radius:9px;font-size:14px}.form-grid textarea{resize:vertical}.total{margin-top:17px;padding:15px;background:#0a0b0e;border:1px solid #ffffff20;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.total small{font-size:12px;color:#a9aeb9}.total strong{font-size:28px;white-space:nowrap}.order-form button{margin-top:16px;background:var(--red);border:0;border-radius:10px;padding:15px 12px;color:#fff;font-size:14px;font-weight:900;width:100%;cursor:pointer}.result{padding:18px;margin-top:18px;border-radius:12px;background:#090a0d;border:1px solid #ffffff22}.result h4{margin:0}.result pre{white-space:pre-wrap;font:13px/1.7 Arial,sans-serif;color:#e2e5eb}.result button{padding:10px 13px;color:white;background:#333035;border:1px solid #ffffff35;border-radius:7px}.result p{font-size:12px;color:#aaa}.foot{display:flex;justify-content:space-between;gap:15px;padding:30px 0;border-top:1px solid var(--line)}.foot>div{display:flex;flex-direction:column}.foot span{font-size:13px;color:#a3a8b4}.foot a{font-size:14px;color:#b5b7bd}
@media(max-width:970px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr;gap:12px}.hero{overflow:visible}.hero-copy{padding-top:20px}.book-product img{width:min(90%,470px)}.dates{grid-template-columns:1fr 1fr}.date:last-child{grid-column:1/-1}.intro-panel,.order-grid{grid-template-columns:1fr}.section{padding:70px 0}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.nav{height:70px}.logo{font-size:11px;gap:8px}.nav-cta{padding:10px 12px;font-size:12px}.hero-grid{padding-top:38px}.hero h1{font-size:clamp(46px,12vw,63px)}.hero-quote{font-size:16px}.tagline{font-size:12px}.hero-actions>*{width:100%;text-align:center}.book-product img{width:100%}.dates{grid-template-columns:1fr}.date:last-child{grid-column:auto}.date{padding:21px}.section-head h2,.order-copy h2{font-size:38px}.section-index{display:none}.intro-panel{padding:22px}.intro-panel p{font-size:16px}.read-more>summary{padding:16px;gap:8px;font-size:11px}.read-more>summary b{display:block;margin:2px 0 0;font-size:15px}.expand-body{padding:22px 15px}.chapter>summary{padding:14px 10px;gap:10px}.chapter>summary span{min-width:45px;font-size:10px}.chapter>summary b{font-size:15px}.chapter ol{columns:1;padding-left:78px;font-size:14px}.review-card p{font-size:19px}.comps{grid-template-columns:1fr}.author-teaser{grid-template-columns:108px 1fr;gap:14px}.author-teaser img{width:108px;height:135px}.author-teaser p{font-size:14px}.author-teaser span{font-size:12px}.awards,.works{grid-template-columns:1fr}.literary-quote p{font-size:21px}.order-form{padding:19px}.form-grid{grid-template-columns:1fr}.total strong{font-size:24px}.foot{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 11.22 update: campaign hierarchy, product hero and reference-book imagery */
.book-product img{width:min(100%,680px);border-radius:14px;box-shadow:0 30px 75px #0009;aspect-ratio:2048/1365;object-fit:contain}
.hero-grid{grid-template-columns:1fr 1.06fr;gap:26px;min-height:520px;align-items:end}
.book-caption{margin-top:12px}
.discount-banner{margin:23px 0 6px;display:flex;align-items:center;gap:16px;padding:15px 18px;background:linear-gradient(110deg,#711d28ab,#211a21ac);border:1px solid #f2555a59;border-left:4px solid #f3444d;border-radius:12px;max-width:495px}
.percent-stamp{font-size:32px;line-height:1;font-weight:1000;color:#fff;white-space:nowrap}
.discount-banner strong{display:block;font-size:14px;line-height:1.35;color:#fff;letter-spacing:.04em}
.discount-banner div>span{display:block;margin-top:4px;color:#d6d7de;font-size:13px}
.price-hero{gap:35px}.price-hero>div{position:relative}.price-hero b{font-size:35px;color:#fff}.price-hero del{font-size:17px;color:#9699a3;margin-top:-3px}.price-hero>div>span{font-size:12px;color:#d3d4dc}
.date-accent{border-top-color:#e32a32;background:linear-gradient(145deg,#471b24dd,#131316eb)}.date-accent strong{color:#ff6d70;font-size:52px}
.date p b{color:#fff}
.toc-credit{display:flex;flex-direction:column;gap:4px;background:linear-gradient(100deg,#2e1a22c9,#101014bf);border-left:4px solid #d82a32;padding:20px;margin-top:32px;margin-bottom:-7px}
.toc-credit strong{font-size:13px;letter-spacing:.18em;color:#ffbe6b}.toc-credit span{font-weight:900;font-size:18px;line-height:1.45}.toc-credit small{color:#bcbfc8;font-size:14px}
.comps{gap:20px;padding-top:6px}.comp{background:linear-gradient(180deg,#24232a,#121316);border:1px solid #ffffff19;border-radius:14px;overflow:hidden;padding:0;display:flex;flex-direction:column}
.comp-image{height:240px;overflow:hidden;background:#d9d9d9;display:flex;align-items:center;justify-content:center}
.comp-image img{width:100%;height:100%;object-fit:contain;background:#dadada}
.comp:nth-child(3) .comp-image{background:#08090c}.comp:nth-child(3) .comp-image img{background:#08090c}
.comp-content{padding:16px 19px 21px;flex:1}.comp h4{font-size:21px}.comp small{font-size:14px}.comp p{font-size:14px;line-height:1.7}
.order-offers .deal-price{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.order-offers .deal-price strong{font-size:43px;color:#fff;line-height:1.1}
.order-offers .deal-price del{font-size:20px;color:#a4a8b5}.small-discount{border-radius:6px;background:#bc202c;padding:5px 8px;color:#fff;font-size:13px;font-weight:900}
.order-offers .small-event{font-size:13px;color:#969ba7}
.total{gap:14px}.total small{display:block;font-size:11px;font-weight:800;letter-spacing:.02em}.price-compare{margin-top:3px;font-size:12px;color:#cbd0d8}.price-compare b{color:#fff}.price-compare del{color:#9b9ba5}.free-shipping{font-size:12px;color:#b8bec8}.total strong{color:#fff}
@media(max-width:970px){.hero-grid{grid-template-columns:1fr}.book-product img{width:100%}.launch-note{text-align:center}}
@media(max-width:600px){.discount-banner{padding:14px 12px;gap:12px}.percent-stamp{font-size:29px}.discount-banner strong{font-size:12px}.price-hero{gap:20px}.price-hero b{font-size:27px}.comp-image{height:225px}.order-offers .deal-price strong{font-size:38px}.total{flex-direction:column;align-items:start}.total strong{font-size:31px}.book-product img{width:100%}.toc-credit span{font-size:16px}}

/* Гар утасны зураг: HTML height attribute-тай хамт fixed height болж,
   зураг голдоо багтсанаас үүссэн дээд/доод хоосон зайг арилгав. */
.book-product img { height: auto; }

.hero-kicker{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.hero-kicker .eyebrow{margin:0}.hero-preorder{display:inline-block;background:linear-gradient(110deg,#6e1a23,#ae2431);color:#fff;font-size:14px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;padding:10px 14px;border-radius:10px;box-shadow:0 12px 28px #00000040}.read-more>summary .summary-text{display:flex;flex-direction:column;gap:3px}.read-more>summary .summary-text strong{font-size:22px;line-height:1.1;color:#fff;letter-spacing:.01em}.read-more>summary .summary-text small{font-size:12px;letter-spacing:.12em;color:#c7cbd4;font-weight:700}.launch-note{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:18px;color:#d6dae4;padding:16px 4px 18px;text-align:right}.launch-note span{font-size:12px;letter-spacing:.22em;color:#ffbe6b;font-weight:900}.launch-note strong{font-size:34px;line-height:1;color:#fff}.launch-note em{font-style:normal;font-size:16px;color:#b7bcc7}.book-product{justify-content:flex-end}.book-product img{margin-top:0}
@media(max-width:600px){.hero-preorder{font-size:12px;padding:9px 12px}.launch-note{justify-content:center;flex-wrap:wrap;text-align:center;font-size:16px}.launch-note strong{font-size:28px}.launch-note em{font-size:14px}.read-more>summary .summary-text strong{font-size:17px}.read-more>summary .summary-text small{font-size:10px}}

/* ---------------------------------------------------------------
   2026-11-11: requested desktop/mobile refinements only.
   9. Windows desktop Cyrillic Ү/Ө with Noto Sans + robust Arial fallback.
   10. Book starts at the TOP of its hero column, not bottom centered.
   2. Launch date prominent, with a clear date card.
   5/7. Expandable headings big, action labels small.
   --------------------------------------------------------------- */
html,body,button,input,select,textarea{font-family:"Noto Sans",Arial,"Segoe UI","DejaVu Sans",sans-serif}
.hero h1,.section-head h2,.order-copy h2,.date strong,.launch-note strong,.summary-text strong,
.discount-banner strong,.price-hero b{font-family:"Noto Sans",Arial,"DejaVu Sans",sans-serif;font-weight:900}
.hero-grid{align-items:start;min-height:0;padding-top:34px}
.book-product{align-self:start;justify-content:flex-start;margin-top:0;padding-top:0}
.book-product img{width:100%;height:auto!important;max-width:100%;aspect-ratio:auto;object-fit:contain;margin-top:0}
.launch-note{background:linear-gradient(100deg,rgba(111,27,33,.66),rgba(25,23,30,.92));
 border:1px solid rgba(253,111,120,.38);border-left:5px solid #e32a32;border-radius:16px;
 padding:22px 30px;margin:20px auto 18px;justify-content:center;gap:17px;flex-wrap:wrap;
 box-shadow:0 12px 42px rgba(0,0,0,.2)}
.launch-note span{font-size:15px;letter-spacing:.15em;color:#ff9c9e}
.launch-note strong{font-size:42px;white-space:nowrap;letter-spacing:.015em}
.launch-note em{font-size:16px;color:#eff0f3}
.read-more>summary .summary-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.read-more>summary .summary-text strong{font-size:29px;line-height:1.25;color:#fff;letter-spacing:.01em}
.read-more>summary .summary-text small{font-size:12px;line-height:1.45;letter-spacing:.09em;color:#b6bbc6;font-weight:700}
.hero-kicker{align-items:flex-start}
.hero-preorder{display:block;clear:both}
@media (max-width:970px){.hero-grid{padding-top:26px;align-items:start;min-height:0}.book-product{align-self:start;justify-content:flex-start}}
@media (max-width:600px){
  .hero-grid{padding-top:28px}
  .book-product img{height:auto;width:100%}
  .read-more>summary .summary-text strong{font-size:21px}
  .read-more>summary .summary-text small{font-size:10px;letter-spacing:.04em}
  .launch-note{padding:20px 14px;gap:7px;flex-direction:column;margin:20px auto 17px}
  .launch-note strong{font-size:36px}
  .launch-note em{font-size:14px}
}

#about,#author,#order{scroll-margin-top:95px}


/* 2026-11-11 final content tweaks */
.author-teaser p{font-size:18px}
.order-copy h2{font-size:clamp(32px,4.4vw,58px);max-width:360px;line-height:.98;margin-top:8px;margin-bottom:0}
.order-hero{display:grid;grid-template-columns:minmax(0,355px) minmax(0,1fr);gap:18px;align-items:end;margin-bottom:18px}
.order-hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.order-hero-visual{display:flex;justify-content:flex-end;align-items:flex-end;min-height:100%;padding-bottom:6px}
.order-hero-visual img{width:100%;max-width:300px;border-radius:14px;object-fit:cover;box-shadow:0 22px 48px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.10)}
.order-copy .eyebrow{margin-bottom:10px}
.awards p{margin:0;color:#c7cad3;font-size:14px}
@media(max-width:1100px){
  .order-hero{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:16px}
  .order-copy h2{font-size:clamp(30px,4.1vw,52px);max-width:320px}
  .order-hero-visual img{max-width:260px}
}
@media(max-width:970px){
  .order-hero{grid-template-columns:1fr;gap:14px}
  .order-copy h2{max-width:none}
  .order-hero-visual{justify-content:flex-start}
  .order-hero-visual img{max-width:360px}
}
@media(max-width:600px){
  .order-hero{grid-template-columns:minmax(0,1fr) 118px;gap:12px;align-items:end}
  .order-hero-copy{min-width:0}
  .order-hero-visual{display:flex;justify-content:flex-end;align-items:flex-end;min-height:auto;padding-bottom:6px}
  .order-hero-visual img{width:100%;max-width:118px;border-radius:12px}
  .order-copy .eyebrow{font-size:11px;letter-spacing:.18em}
  .order-copy h2{font-size:34px;line-height:.94;max-width:none}
}

/* Zokhiogchiin garchig dotorh D. Damdinjav neriig tsagaan bolgov. */
.section-author .section-head h2 em{color:#ffbe6b;}


/* Зөвхөн захиалгын хэсгийн босоо номын зургийг бүх дэлгэцэд тохируулав. */
.order-hero-visual img{width:auto;max-width:100%;max-height:305px;height:auto;object-fit:contain;border:0;box-shadow:none;border-radius:0}
@media(max-width:1100px){.order-hero-visual img{max-height:270px}}
@media(max-width:600px){.order-hero-visual img{max-width:118px;max-height:205px;width:auto;height:auto;border:0}}


/* Холбоо барих хэсэг — үндсэн өнгө, бичвэр, захиалгын урсгалыг өөрчлөхгүй. */
.contact-section{padding:18px 0 95px;scroll-margin-top:100px}
.contact-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:12px 0 26px}
.contact-heading h2{font-size:clamp(34px,4.5vw,59px);letter-spacing:-.045em;line-height:1.05;font-weight:900;margin:0}
.contact-heading p{max-width:410px;color:#bfc3ce;font-size:16px;line-height:1.65;margin:0}
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.contact-card{min-width:0;padding:26px 23px;border:1px solid #ffffff23;border-top:3px solid #d6783b;border-radius:15px;background:linear-gradient(155deg,#232126e8,#101115eb);display:flex;flex-direction:column;gap:13px}
.contact-card-label{color:#ffbe6b;letter-spacing:.16em;font-size:12px;font-weight:900}
.contact-card-value{font-size:clamp(17px,1.65vw,22px);font-weight:800;line-height:1.35;color:#f1f1f4;overflow-wrap:anywhere}
.contact-card a.contact-card-value:hover{color:#ffd9a6}
.contact-card-foot{margin-top:auto;color:#b5b9c3;font-size:13px;font-weight:650}
.contact-card-search{align-self:flex-start;color:#ffc27a;text-decoration:underline;text-underline-offset:4px}
.contact-card-search:hover{color:#fff0d4}
@media(max-width:970px){.contact-heading{display:block}.contact-heading p{margin-top:14px}.contact-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.contact-section{padding:10px 0 65px}.contact-cards{grid-template-columns:1fr;gap:13px}.contact-card{padding:22px 20px}.contact-card-value{font-size:20px}}
