/*
Theme Name: Hunchir Botanical
Theme URI: https://www.facebook.com/Hunchir
Author: Hunchir
Description: Монгол Хунчир брэндийн responsive, scroll animation бүхий танилцуулгын WordPress theme.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: hunchir
License: GNU General Public License v2 or later
*/

:root{
  --bg:#f7f3ec;
  --paper:#ffffff;
  --ink:#1c2f27;
  --muted:#66756e;
  --green:#18382d;
  --green-soft:#29513f;
  --accent:#b89258;
  --accent-soft:#efe2c6;
  --line:#e8dfd1;
  --section:#eef2eb;
  --shadow:0 14px 40px rgba(17,34,26,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.wrap{max-width:1260px;margin:0 auto;padding:0 26px}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#7ca06b,#d0b06a);z-index:200}
.topbar{background:#10291f;color:#e8e0d1;font-size:12px;letter-spacing:.05em}.topbar .wrap{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar a{color:#eed699;font-weight:700}
.header{position:sticky;top:0;z-index:100;background:rgba(247,243,236,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:var(--green);letter-spacing:.05em}.brand-badge{width:40px;height:40px;border-radius:50%;border:2px solid #6c9267;display:grid;place-items:center;color:#6c9267;font-size:18px}
.links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.links a{position:relative}.links a:after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--accent);transition:.25s}.links a:hover:after{width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:4px;border:1px solid var(--green);background:var(--green);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.btn:hover{transform:translateY(-2px);background:var(--green-soft)}.btn.outline{background:transparent;color:var(--green);border-color:#9aac9d}.btn.soft{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--green)}
.menu{display:none;border:0;background:none;font-size:30px;color:var(--green)}
.hero{position:relative;padding:42px 0 70px;background:linear-gradient(120deg,#f8f2e7 0%,#f6f1e9 45%,#edf2e9 100%);overflow:hidden;min-height:calc(100vh - 124px)}
.hero:before{content:'';position:absolute;right:-120px;top:-60px;width:520px;height:520px;border-radius:50%;background:rgba(109,146,103,.1)}
.hero:after{content:'';position:absolute;left:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:rgba(223,201,151,.14)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;position:relative;z-index:1}
.kicker{display:flex;align-items:center;gap:12px;color:#8d7549;font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.kicker:before{content:'';width:34px;height:1px;background:currentColor}
.hero h1,.title,.cta-block h2{font-family:'Playfair Display',Georgia,serif;line-height:1.06;margin:18px 0}.hero h1{font-size:clamp(44px,5.2vw,78px);max-width:760px;color:#17352b}.hero h1 em{font-style:italic;color:#7b956f}.hero p{color:var(--muted);font-size:16px;line-height:1.95;max-width:650px;margin:0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.point{background:rgba(255,255,255,.84);border:1px solid #eee3d2;padding:17px 16px;box-shadow:0 8px 20px rgba(20,37,29,.04)}.point b{display:block;font-size:13px;margin-bottom:7px}.point span{display:block;font-size:12px;line-height:1.65;color:#6d7973}
.hero-visual{position:relative}.hero-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px;border-radius:16px}.hero-card .image-shell{position:relative;background:linear-gradient(180deg,#f6f2e9,#edf2eb);border-radius:12px;padding:18px;display:grid;place-items:center;min-height:650px;overflow:hidden}.hero-card .image-shell:before{content:'';position:absolute;inset:8% 14%;background:radial-gradient(circle at center, rgba(255,255,255,.95), rgba(255,255,255,0));filter:blur(10px)}.hero-card img{position:relative;width:100%;max-height:620px;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(44,62,39,.14))}
.scroll-cue{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:#596760;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.scroll-cue .wheel{width:28px;height:44px;border:1.7px solid #92a18d;border-radius:999px;position:relative}.scroll-cue .wheel:before{content:'';position:absolute;left:50%;top:8px;transform:translateX(-50%);width:4px;height:9px;border-radius:999px;background:#92a18d;animation:scrollWheel 1.6s infinite}
@keyframes scrollWheel{0%{opacity:0;transform:translateX(-50%) translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(15px)}}
.section{padding:100px 0;position:relative;overflow:hidden}.center{text-align:center}.title{font-size:clamp(34px,4vw,54px);color:#19362d}.lead{max-width:820px;margin:0 auto;color:#6e7b74;font-size:15px;line-height:1.95}
.two-col,.benefits,.featured-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.intro-card,.info-card,.product-card,.contact-card,.story-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.intro-card,.story-card,.contact-card{padding:34px;height:100%}.intro-card p,.story-card p,.contact-card p{color:#67766f;line-height:1.95;margin:0 0 16px}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:24px}.value-grid span{font-size:14px;font-weight:700;color:#33443d}.value-grid span:before{content:'✦';color:var(--accent);margin-right:8px}
.clean-frame{background:linear-gradient(180deg,#f8f3ea,#edf1ea);border-radius:14px;padding:20px;display:grid;place-items:center;min-height:560px;box-shadow:var(--shadow);overflow:hidden}.clean-frame img{width:100%;max-height:510px;object-fit:contain;transition:transform .45s ease}.clean-frame:hover img{transform:scale(1.03)}
.story-band{background:#fcf8ef;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts{background:var(--section)}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}.info-card{padding:24px}.info-card h3{font-size:18px;margin:0 0 12px;color:#1d372d}.info-card p{margin:0;color:#63736c;line-height:1.85;font-size:14px}
.benefit-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:30px}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin-top:22px}.benefit-list div{padding:14px 0;border-bottom:1px dashed #e5dccb}.benefit-list b{display:block;font-size:14px;margin-bottom:6px;color:#223b31}.benefit-list span{font-size:13px;line-height:1.7;color:#66756e}
.notice{background:#fbf5e8;border-left:4px solid var(--accent);padding:18px;font-size:13px;line-height:1.85;color:#586862;margin-top:18px}
.featured{background:#f1eee6}.featured-copy{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:34px}.price-pill{display:inline-block;background:#18382d;color:#fff;padding:11px 16px;border-radius:999px;font-weight:800;letter-spacing:.04em;margin:10px 0 18px}.featured-copy p{margin:0 0 16px;color:#68776f;line-height:1.92}.tick-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:20px 0 0}.tick-list span{font-size:14px;color:#405048}.tick-list span:before{content:'✓';color:#3f7a56;font-weight:800;margin-right:8px}
.full-poster{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;border-radius:14px;height:100%}.full-poster .poster-inner{background:#f8f3ea;border-radius:12px;padding:20px;min-height:650px;display:grid;place-items:center;overflow:hidden}.full-poster img{width:100%;max-height:610px;object-fit:contain;transition:transform .45s ease}.full-poster:hover img{transform:scale(1.03)}
.catalog{background:#ecf0e9}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.product-card{overflow:hidden;border-radius:14px}.poster-box{background:#f8f3ea;padding:18px;display:grid;place-items:center;min-height:420px}.poster-box img{width:100%;max-height:380px;object-fit:contain;cursor:zoom-in;transition:transform .25s}.product-card:hover .poster-box img{transform:scale(1.02)}.product-body{padding:22px 22px 24px}.tag{display:inline-block;background:#efe0ba;color:#5a5036;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px;margin-bottom:12px}.product-body h3{font-size:25px;line-height:1.2;margin:0 0 10px;color:#1d372e;font-family:'Playfair Display',Georgia,serif}.meta{font-size:14px;font-weight:800;color:#916d36;margin-bottom:12px}.product-body p{margin:0;color:#6a7770;line-height:1.8;font-size:14px}.gallery-note{text-align:center;margin-top:28px;color:#6d7972;font-size:13px;line-height:1.8}
.cta-block{background:#17372c;color:#fff;position:relative;overflow:hidden}.cta-block:before{content:'';position:absolute;left:-120px;bottom:-140px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.04)}.cta-block .wrap{position:relative;z-index:1;padding-top:78px;padding-bottom:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-block h2{font-size:clamp(34px,4vw,50px);max-width:730px}
.contact-card{padding:30px;border-radius:14px}.contact-card h3{margin:0 0 12px;font-size:28px;font-family:'Playfair Display',Georgia,serif}.contact-line{display:block;font-weight:800;color:#19362d;margin:9px 0}
.footer{background:#11291f;color:#d0d8d2;padding:56px 0 22px}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px}.foot-grid h4{color:#fff;font-size:14px;margin:0 0 15px}.foot-grid p,.foot-grid a{display:block;color:#ced6d1;font-size:13px;line-height:1.85;margin:0 0 10px}.copy{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.js .reveal.visible{opacity:1;transform:none}.float-soft{animation:floatSoft 6s ease-in-out infinite}@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.lightbox{position:fixed;inset:0;background:rgba(10,18,14,.84);display:none;align-items:center;justify-content:center;padding:24px;z-index:250}.lightbox.open{display:flex}.lightbox img{max-width:min(94vw,1100px);max-height:88vh;object-fit:contain;border-radius:10px;background:#fff;padding:16px}.lightbox button{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#163126;font-size:24px;cursor:pointer}
@media(max-width:1080px){.hero-grid,.two-col,.benefits,.featured-grid,.contact-grid{grid-template-columns:1fr}.facts-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.hero-points{grid-template-columns:1fr}.cta-block .wrap{display:block}.tick-list,.benefit-list{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.wrap{padding:0 18px}.topbar .wrap{font-size:10px}.topbar .wrap span:first-child{display:none}.nav{height:70px}.brand{font-size:20px}.links{display:none;position:absolute;top:70px;left:0;right:0;background:#f7f3ec;padding:18px;flex-direction:column;align-items:flex-start;box-shadow:0 14px 18px rgba(0,0,0,.08)}.links.open{display:flex}.nav>.btn{display:none}.menu{display:block}.hero{padding-top:24px;min-height:auto}.hero-card .image-shell{min-height:420px}.clean-frame{min-height:360px}.facts-grid,.catalog-grid,.tick-list,.benefit-list,.value-grid,.foot-grid{grid-template-columns:1fr}.section{padding:74px 0}.poster-box{min-height:320px}.full-poster .poster-inner{min-height:420px}.two-col,.benefits,.featured-grid,.contact-grid{grid-template-columns:1fr;gap:24px}}

/* WordPress / responsive refinements */
html { scroll-padding-top: 105px; }
body { overflow-x: hidden; }
.two-col > *, .benefits > *, .featured-grid > *, .contact-grid > *, .hero-grid > * { min-width: 0; }
.reveal { transition-property: opacity, transform; }
.contact-grid { align-items: start; }
.contact-card { align-self: start; height: auto; }
.product-card { display: flex; flex-direction: column; }
.product-body { flex: 1; }
.poster-box { height: 420px; min-height: 0; }
.poster-box img { height: 100%; max-height: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #b89258; outline-offset: 3px; }
@media (max-width:1080px) and (min-width:721px) {
  .two-col, .featured-grid, .benefits, .contact-grid { grid-template-columns: 1fr 1fr; }
  .wrap { padding-inline: 24px; }
  .links { gap: 14px; font-size: 11px; }
  .nav > .btn { display: none; }
}
@media (max-width: 800px) {
  .links { display: none; position: absolute; top: 70px; left: 0; right: 0; background: #f7f3ec; padding: 22px; flex-direction: column; align-items: stretch; box-shadow: 0 12px 28px #0002; }
  .links.open { display: flex; }
  .menu { display: block; }
  .nav { height: 70px; }
  .nav > .btn { display: none; }
  .hero-grid, .two-col, .featured-grid, .benefits, .contact-grid { grid-template-columns: 1fr; }
  .hero-card .image-shell { min-height: 380px; }
  .clean-frame { min-height: 320px; }
  .hero-points { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .hero { padding-block: 36px 55px; }
  .hero h1 { font-size: clamp(38px, 10vw, 52px); }
  .hero-points, .facts-grid, .catalog-grid { grid-template-columns: 1fr; }
  .poster-box { height: 360px; }
  .featured-copy, .benefit-panel, .intro-card, .story-card, .contact-card { padding: 23px; }
  .hero-card { padding: 12px; }
  .hero-card .image-shell { min-height: 300px; padding: 7px; }
  .hero-card img { max-height: 430px; }
  .full-poster .poster-inner { min-height: 400px; }
  .section { padding-block: 62px; }
  .title { font-size: clamp(31px, 8vw, 43px); }
  .benefit-panel .title { font-size: 32px !important; }
  .btn { padding: 13px 17px; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}
body.admin-bar .header { top: 32px; }
@media (max-width:782px) { body.admin-bar .header { top: 46px; } }