/* ===== HotCash — Landing Page Styles ===== */

/* Bundled Thai font — guarantees Thai rendering on any device (also used by the PDF canvas) */
@font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/sarabun-thai-400.woff2') format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/sarabun-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/sarabun-thai-700.woff2') format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/sarabun-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --green-900:#0f3d2e; --green-800:#14512f; --green-700:#1a6b3c;
  --green-600:#1f8f4e; --green-500:#25a35a; --green-400:#3bbd72;
  --green-050:#eaf7ef;
  --red:#e23b2e; --gold:#d4af37; --silver:#9aa4ad; --platinum:#5f6b76;
  --ink:#16241d; --muted:#5b6b62; --line:#e2ece6; --bg:#f5faf7; --white:#fff;
  --radius:16px; --shadow:0 10px 30px rgba(15,61,46,.08);
  --tg:#229ED9;
  --font:'Segoe UI','Sarabun',system-ui,-apple-system,'Noto Sans Thai',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin-inline:auto}
.text-center{text-align:center}

/* Brand logo */
.brand{font-size:1.6rem;font-weight:800;color:var(--green-800);position:relative;letter-spacing:-.5px}
.brand span{color:var(--red)}
.brand .leaf{position:absolute;top:-2px;right:-10px;width:8px;height:12px;background:var(--green-500);border-radius:0 80% 0 80%;transform:rotate(25deg)}
.brand.light{color:#fff}.brand.light span{color:#7ee0a3}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:700;
  padding:.7rem 1.4rem;border-radius:999px;border:2px solid transparent;cursor:pointer;
  font-size:.98rem;transition:transform .15s ease,box-shadow .15s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--green-600);color:#fff;box-shadow:0 6px 18px rgba(31,143,78,.35)}
.btn-primary:hover{background:var(--green-700)}
.btn-ghost{background:#fff;color:var(--green-700);border-color:var(--green-500)}
.btn-outline{background:transparent;color:var(--green-700);border-color:var(--green-500)}
.btn-telegram{background:var(--tg);color:#fff;box-shadow:0 6px 18px rgba(34,158,217,.35)}
.btn-telegram:hover{background:#1b86ba}
.btn-lg{padding:.9rem 1.8rem;font-size:1.05rem}
.btn-block{display:flex;width:100%}

/* Section titles */
.section-title{text-align:center;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:.4rem}
.section-title.left{text-align:left}
.section-sub{text-align:center;color:var(--muted);margin-bottom:2rem}
.accent{color:var(--green-600)}
.section-title.light,.section-sub.light{color:#fff}
.section-sub.light{color:#cfe9d9}
section{padding:clamp(3rem,6vw,5rem) 0}
.section-dark{background:linear-gradient(135deg,var(--green-900),var(--green-700));color:#fff}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.main-nav{display:flex;gap:1.4rem}
.main-nav a{font-size:.95rem;font-weight:600;color:var(--ink);position:relative;padding:.2rem 0}
.main-nav a:hover{color:var(--green-600)}
.header-cta{display:flex;align-items:center;gap:.8rem}
.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}
.nav-toggle span{width:24px;height:2px;background:var(--green-800);border-radius:2px}

/* ===== Hero ===== */
/* ===== Full-width slide banner ===== */
.hero-slider{position:relative}
.slide-track{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x proximity;cursor:grab;user-select:none}
.slide-track::-webkit-scrollbar{display:none}
.slide-item{flex:0 0 100%;width:100%;height:auto;display:block;scroll-snap-align:start}
.hs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;opacity:.85}
.hs-prev{left:14px}
.hs-next{right:14px}

.hero{background:radial-gradient(1200px 500px at 80% -10%,#e6f6ec,transparent),var(--white);padding:clamp(2.5rem,5vw,4rem) 0}
.hero-inner{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;max-width:820px;margin:0 auto}
.hero-points{text-align:left}
.hero-actions{justify-content:center}
.hero-badge{display:inline-block;background:var(--green-050);color:var(--green-700);font-weight:700;font-size:.85rem;padding:.4rem .9rem;border-radius:999px;margin-bottom:1rem}
.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.1;font-weight:800;color:var(--green-900)}
.hero .accent{color:var(--green-600)}
.hero-sub{color:var(--muted);margin:1rem auto 1.2rem;font-size:1.05rem;max-width:34ch}
.hero-points{list-style:none;display:grid;gap:.5rem;margin-bottom:1.6rem}
.hero-points li{position:relative;padding-left:1.8rem;font-weight:600}
.hero-points li::before{content:"✓";position:absolute;left:0;width:1.2rem;height:1.2rem;background:var(--green-500);color:#fff;border-radius:50%;font-size:.75rem;display:grid;place-items:center;top:.2rem}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}

/* ===== Stats ===== */
.stats{padding:0;transform:translateY(-30px)}
.stats-grid{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);display:grid;
  grid-template-columns:repeat(5,1fr);padding:1.4rem 1rem;border:1px solid var(--line)}
.stat{text-align:center;padding:.4rem;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat-num{display:block;font-size:1.5rem;font-weight:800;color:var(--green-600)}
.stat-label{font-size:.82rem;color:var(--muted)}

/* ===== Why ===== */
.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.why-card{text-align:center;padding:1.2rem .6rem}
.why-ic{width:56px;height:56px;margin:0 auto .7rem;display:grid;place-items:center;font-size:1.5rem;
  background:var(--green-050);color:var(--green-700);border-radius:50%}
.why-card h3{font-size:1rem;margin-bottom:.3rem;color:var(--green-800)}
.why-card p{font-size:.85rem;color:var(--muted)}

/* ===== Reviews ===== */
.review-carousel{position:relative;display:flex;align-items:center;gap:.5rem}
.review-track{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem;scrollbar-width:none;scroll-snap-type:x proximity;cursor:grab;user-select:none}
.review-track::-webkit-scrollbar{display:none}
.review-card{flex:0 0 clamp(220px,25%,260px);background:#fff;color:var(--ink);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}
.rc-avatar{width:48px;height:48px;border-radius:50%;background:var(--green-050);display:grid;place-items:center;font-size:1.5rem;margin-bottom:.6rem}
.stars{color:var(--gold);margin-bottom:.4rem}
.review-card h4{color:var(--green-800);margin-bottom:.4rem}
.review-card p{font-size:.88rem;color:var(--muted)}
.review-card.review-card-img{flex-basis:clamp(320px,38%,460px);padding:0;overflow:hidden;scroll-snap-align:start}
.review-card-img img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:inherit}
.rc-arrow{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:none;background:#fff;color:var(--green-700);
  font-size:1.6rem;cursor:pointer;box-shadow:var(--shadow);display:grid;place-items:center}
.rc-arrow:hover{background:var(--green-050)}
.reviews .text-center{margin-top:1.6rem}

/* ===== Apply section ===== */
.apply-section{background:var(--bg)}
.apply-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:1.4rem;align-items:start}
.process-carousel{position:relative;display:flex;align-items:center;gap:.5rem;max-width:1160px;margin:0 auto}
.process-track{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem;scrollbar-width:none;scroll-snap-type:x proximity;align-items:flex-start;cursor:grab;user-select:none}
.process-track::-webkit-scrollbar{display:none}
.review-track.dragging,.process-track.dragging,.slide-track.dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.process-card{flex:0 0 clamp(300px,46%,520px);display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);scroll-snap-align:start;transition:transform .2s}
.process-card:hover{transform:translateY(-4px)}
.process-card img{display:block;width:100%;height:auto}
.process-cta{text-align:center;margin-top:2rem}
.process-note{font-size:.85rem;color:var(--muted);margin-top:.7rem}
.col-title{color:var(--green-800);font-size:1.25rem;margin-bottom:1rem}
.steps-col,.docs-col{background:#fff;border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow);border:1px solid var(--line)}
.steps{list-style:none;display:grid;gap:.8rem;margin-bottom:1.2rem}
.steps li{display:flex;align-items:center;gap:.7rem;font-weight:600}
.step-n{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--green-600);color:#fff;display:grid;place-items:center;font-size:.9rem}
.check-list{list-style:none;display:grid;gap:.7rem;margin-bottom:1.2rem}
.check-list li{position:relative;padding-left:1.8rem}
.check-list li::before{content:"✓";position:absolute;left:0;color:var(--green-600);font-weight:800}
.note-box{margin-top:1rem;background:#fff9e8;border:1px solid #f0e2b0;color:#7a6a2f;padding:.8rem;border-radius:12px;font-size:.85rem}

/* Form card */
.form-card{background:linear-gradient(160deg,var(--green-700),var(--green-600));color:#fff;border-radius:var(--radius);padding:1.8rem;box-shadow:var(--shadow)}
.form-card h3{font-size:1.35rem}
.form-sub{color:#d5f0df;margin-bottom:1.1rem;font-size:.9rem}
.form-card input,.form-card select{width:100%;padding:.75rem .9rem;margin-bottom:.7rem;border:none;border-radius:10px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink)}
.consent{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:#eafaf0;margin:.4rem 0 1rem}
.consent input{width:auto;margin:0}
.form-note{text-align:center;font-size:.8rem;color:#d5f0df;margin-top:.7rem}

/* ===== Tiers ===== */
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:900px;margin:0 auto}
.tier-card{border-radius:var(--radius);padding:1.6rem;color:#fff;box-shadow:var(--shadow);position:relative}
.tier-card ul{list-style:none;display:grid;gap:.5rem;margin-top:1rem}
.tier-card li{position:relative;padding-left:1.4rem;font-size:.92rem}
.tier-card li::before{content:"✓";position:absolute;left:0}
.tier-name{font-size:1.4rem;font-weight:800;letter-spacing:1px}
.tier-card.silver{background:linear-gradient(150deg,#8a949c,#5f6b76)}
.tier-card.gold{background:linear-gradient(150deg,#e6c15a,#c99a2e)}
.tier-card.platinum{background:linear-gradient(150deg,#5f6b76,#2f3a44)}
.tier-card.featured{transform:scale(1.05);outline:3px solid var(--green-400)}
.tier-grid-img{max-width:1000px}
.tier-img-card{border:none;background:none;padding:0;cursor:pointer;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s}
.tier-img-card img{display:block;width:100%;height:auto}
.tier-img-card:hover{transform:translateY(-4px)}
.tier-img-card.active{outline:3px solid var(--green-400)}
.tier-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease,margin-top .45s ease;max-width:1000px;margin:0 auto}
.tier-grid .tier-detail{grid-column:1/-1;width:100%}
.tier-detail.open{grid-template-rows:1fr;margin-top:1.4rem}
.tier-detail-inner{overflow:hidden;min-height:0}
.tier-detail-inner img{display:block;width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);transition:opacity .25s}
.tier-progress{display:flex;justify-content:space-between;gap:.5rem;max-width:900px;margin:1.8rem auto 0;flex-wrap:wrap}
.tier-progress span{position:relative;font-size:.82rem;color:var(--muted);flex:1;text-align:center;padding-top:1.4rem;min-width:120px}
.tier-progress span::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:var(--green-500)}

/* ===== No transfer ===== */
.nt-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:center}
.nt-copy h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:.5rem}
.nt-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.nt-tags span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:.35rem .8rem;border-radius:999px;font-size:.82rem}
.nt-badge-img{display:block;width:100%;max-width:340px;margin:0 auto;border-radius:var(--radius);box-shadow:var(--shadow)}

/* ===== FAQ + Contact ===== */
.fc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:start}
.accordion details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:.7rem;padding:.2rem .4rem;box-shadow:0 4px 12px rgba(15,61,46,.04)}
.accordion summary{cursor:pointer;font-weight:700;padding:.8rem;list-style:none;position:relative}
.accordion summary::after{content:"+";position:absolute;right:1rem;color:var(--green-600);font-size:1.3rem}
.accordion details[open] summary::after{content:"–"}
.accordion p{padding:0 .8rem .9rem;color:var(--muted);font-size:.92rem}

/* Telegram contact card */
.tg-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow);text-align:center}
.tg-head{display:flex;align-items:center;gap:.8rem;text-align:left;margin-bottom:1.2rem}
.tg-logo{width:46px;height:46px;border-radius:50%;background:var(--tg);color:#fff;display:grid;place-items:center;font-size:1.4rem}
.tg-head strong{display:block;color:var(--green-800)}
.tg-handle{color:var(--tg);font-weight:700;font-size:.9rem}
.tg-scan{background:var(--green-050);border-radius:14px;padding:1rem;margin-bottom:1rem}
.tg-scan img{width:190px;margin:0 auto;border-radius:10px}
.tg-scan-label{margin-top:.6rem;font-weight:700;color:var(--green-700)}
.contact-meta{list-style:none;text-align:left;display:grid;gap:.5rem;margin-top:1.1rem;font-size:.9rem;color:var(--muted)}

/* ===== Footer ===== */
.site-footer{background:var(--green-900);color:#cfe0d6;padding-top:3rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr .8fr;gap:1.6rem;padding-bottom:2rem}
.footer-brand p{margin-top:.6rem;font-size:.9rem;max-width:32ch}
.footer-col h4,.footer-qr span{color:#fff;margin-bottom:.7rem;font-size:1rem}
.footer-col{display:flex;flex-direction:column;gap:.4rem}
.footer-col a,.footer-col span{font-size:.9rem;color:#cfe0d6}
.footer-col a:hover{color:#7ee0a3}
.footer-qr{text-align:center}
.footer-qr img{width:120px;background:#fff;padding:6px;border-radius:10px;margin:0 auto .5rem}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1.1rem 0;font-size:.82rem;color:#9db8a9;text-align:center}

/* Floating Telegram button */
.tg-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:var(--tg);color:#fff;
  display:grid;place-items:center;font-size:1.6rem;box-shadow:0 8px 22px rgba(34,158,217,.5);z-index:60;transition:transform .15s}
.tg-float:hover{transform:scale(1.08)}

/* ===== Responsive ===== */
@media(max-width:920px){
  .main-nav{position:fixed;inset:68px 0 auto 0;background:#fff;flex-direction:column;padding:1rem 6%;
    border-bottom:1px solid var(--line);gap:.4rem;transform:translateY(-120%);transition:transform .25s;box-shadow:var(--shadow)}
  .main-nav.open{transform:translateY(0)}
  .nav-toggle{display:flex}
  .hero-inner{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}
  .stat:nth-child(2n){border-right:none}
  .why-grid{grid-template-columns:repeat(3,1fr)}
  .apply-grid,.fc-grid,.nt-inner,.tier-grid{grid-template-columns:1fr}
  .tier-card.featured{transform:none}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .review-card.review-card-img{flex-basis:min(76vw,340px)}
  .process-card{flex-basis:min(80vw,360px)}
  .stats-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-qr{margin-top:1rem}
}

/* ===== Apply page ===== */
.apply-page{background:var(--bg);padding:clamp(2rem,4vw,3.5rem) 0;min-height:70vh}
.apply-head{text-align:center;max-width:680px;margin:0 auto 2rem}
.apply-head h1{font-size:clamp(1.8rem,4vw,2.6rem);color:var(--green-900)}
.apply-head .accent{color:var(--green-600)}
.apply-head p{color:var(--muted);margin-top:.8rem;line-height:1.7}
.apply-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);max-width:780px;margin:0 auto;padding:clamp(1.4rem,3vw,2.4rem)}
.ap-section{display:flex;align-items:center;gap:.6rem;color:var(--green-800);font-size:1.1rem;margin:1.7rem 0 .9rem}
form .ap-section:first-child{margin-top:0}
.ap-section small{color:var(--muted);font-weight:400;font-size:.78rem}
.ap-n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--green-600);color:#fff;display:grid;place-items:center;font-size:.85rem}
.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ap-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted);font-weight:600}
.ap-wide{grid-column:1/-1}
.ap-field input,.ap-field select,.ap-field textarea{width:100%;padding:.7rem .9rem;border:1.5px solid var(--line);border-radius:10px;font:inherit;color:var(--ink);background:var(--bg)}
.ap-field input:focus,.ap-field select:focus,.ap-field textarea:focus{outline:2px solid var(--green-400);border-color:var(--green-400);background:#fff}
.ap-docs{background:var(--green-050);border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin:1.7rem 0;font-size:.9rem;color:var(--ink)}
.ap-docs ul{list-style:none;display:grid;gap:.4rem;margin:.6rem 0}
.ap-docs li{position:relative;padding-left:1.5rem}
.ap-docs li::before{content:"✓";position:absolute;left:0;color:var(--green-600);font-weight:700}
.ap-docs p{color:var(--muted);font-size:.82rem;margin-top:.5rem}
.ap-consent{color:var(--ink);font-size:.9rem;margin-bottom:1.2rem}
.form-hint{text-align:center;font-size:.8rem;color:var(--muted);margin-top:.9rem}
.apply-success{text-align:center}
.as-icon{font-size:3rem;margin-bottom:.5rem}
.apply-success h2{color:var(--green-800);margin-bottom:.8rem}
.apply-success p{color:var(--muted);line-height:1.7;margin-bottom:.6rem}
.as-steps{text-align:left;margin:1.2rem auto 1.5rem;max-width:540px;display:grid;gap:.6rem;padding-left:1.5rem;color:var(--ink)}
.as-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.1rem}
@media(max-width:560px){.ap-grid{grid-template-columns:1fr}}

/* Apply page — document photo uploads */
.ap-upload{display:flex;flex-direction:column;gap:.45rem}
.ap-up-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;text-align:center;
  border:2px dashed var(--green-400);border-radius:12px;background:var(--bg);padding:1.1rem .8rem;cursor:pointer;min-height:126px;transition:background .2s,border-color .2s}
.ap-up-box:hover,.ap-up-box:focus-within{background:var(--green-050);border-color:var(--green-600)}
.ap-up-box input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ap-up-ic{font-size:1.7rem}
.ap-up-label{font-weight:700;color:var(--green-800);font-size:.9rem}
.ap-up-hint{font-size:.75rem;color:var(--muted);font-weight:400;line-height:1.45}
.ap-up-eg{font-size:.78rem;color:var(--tg);font-weight:600;align-self:flex-start}
.ap-up-eg:hover{text-decoration:underline}
.ap-up-preview{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.45rem .6rem}
.ap-up-preview[hidden]{display:none}
.ap-up-preview img{width:54px;height:54px;object-fit:cover;border-radius:8px}
.ap-up-name{flex:1;font-size:.75rem;color:var(--muted);word-break:break-all}
.ap-up-remove{border:none;background:none;color:var(--red);font-weight:700;cursor:pointer;font-size:.8rem;padding:.3rem;flex:0 0 auto}