:root{
  --bg:#f6f7fb; --card:#fff; --text:#1a2333; --muted:#5b6577; --soft-muted:#7a8296;
  --border:#e4e7ef; --line:#eef0f6; --chip:#e8ebf4; --soft:#fbfcff;
  --shadow:rgba(20,30,60,.05); --footer:#9aa2b4; --warn-bg:#fff8e6; --warn-border:#f0d9a0; --warn-text:#7a5c12;
}
body.dark{
  --bg:#10141f; --card:#1a2130; --text:#e8ecf5; --muted:#9aa4b8; --soft-muted:#8590a6;
  --border:#2a3245; --line:#232b3d; --chip:#262f44; --soft:#151b2a;
  --shadow:rgba(0,0,0,.3); --footer:#5d6880; --warn-bg:#2a2415; --warn-border:#4d4225; --warn-text:#e0c98a;
}
body.warm{
  --bg:#faf7f1; --card:#fdfbf7; --text:#23303a; --muted:#7a7264; --soft-muted:#8a8275;
  --border:#e7e0d3; --line:#efe9dd; --chip:#efe9dd; --soft:#f5f1e8;
  --shadow:rgba(60,50,30,.06); --footer:#a39a89; --warn-bg:#fbf3e0; --warn-border:#e3d3ae; --warn-text:#7a5c12;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
h1,h2,h3{line-height:1.2}
a{color:var(--accent)}
main{max-width:980px;margin:0 auto;padding:24px 20px 60px}

.store-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;background:var(--card);border-bottom:3px solid var(--accent);flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px}
.brand h1{margin:0;font-size:22px}
.tagline{margin:2px 0 0;color:var(--muted);font-size:13px}
.logo{width:52px;height:52px;border-radius:10px;object-fit:contain}
.logo-fallback{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:26px;font-weight:700}
.store-header nav a{margin-left:14px;text-decoration:none;color:var(--muted);font-weight:600;font-size:14px}
.store-header nav a.active{color:var(--accent)}

.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 1px 3px var(--shadow)}
.card h2{margin-top:0;font-size:19px}
.muted{color:var(--muted);font-size:14px}
.small{font-size:12.5px;color:var(--soft-muted)}
.chip{display:inline-block;background:var(--chip);border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:600;margin:2px 4px 2px 0}

.notice{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:12px;padding:15px 18px;margin:18px 0;font-size:14px}
.notice h3{margin:0 0 6px;font-size:15px}
.notice code{background:rgba(0,0,0,.06);padding:1px 5px;border-radius:4px;font-size:12.5px}

table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:2px solid var(--border)}
td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
td.num,th.num{text-align:right}
.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:650;background:var(--chip)}
.pill.paid{background:#dcfce7;color:#166534}
.pill.pending{background:var(--chip);color:var(--muted)}
body.dark .pill.paid{background:#14532d;color:#bbf7d0}

.site-footer{text-align:center;color:var(--footer);font-size:13px;padding:26px 20px 40px}
.site-footer a{color:var(--footer)}

/* ---------- landing page ---------- */
.landing{max-width:1080px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:650;font-size:15px;text-decoration:none;border:1.5px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 30%,transparent)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 38%,transparent)}
.btn-ghost{background:var(--card);color:var(--text);border-color:var(--border)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}

.hero{padding:30px 0 20px;max-width:760px}
.hero-hint{margin:16px 0 0;text-align:center;color:var(--soft-muted);font-size:14px}
.kicker{margin:0 0 10px;color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.hero h2{margin:0 0 10px;font-size:clamp(26px,3.6vw,38px);letter-spacing:-.02em;line-height:1.08}
.lede{margin:0;color:var(--muted);font-size:16px;max-width:52ch}
.hero-ctas{display:flex;flex-wrap:wrap;gap:10px}



.feature:first-of-type{border-top:1px solid var(--line)}
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:56px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.feature.flip .feature-copy{order:2}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.eyebrow .mark{width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.eyebrow .mark svg{width:18px;height:18px}
.feature h3{margin:0 0 12px;font-size:clamp(24px,3vw,32px);letter-spacing:-.015em}
.feature p{margin:0 0 16px;color:var(--muted);font-size:16px}
.points{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px}
.points li{position:relative;padding-left:26px;font-size:15px}
.points li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent)}
.points li::after{content:"";position:absolute;left:5px;top:8px;width:6px;height:3px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.feature-visual{min-width:0}

/* retouch: before/after slider */
.compare{position:relative;aspect-ratio:1/1;max-width:440px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px var(--shadow);--pos:55%;user-select:none}
.compare>img,.compare-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.compare-before{position:absolute;inset:0;width:var(--pos);overflow:hidden}
.compare-before img{width:auto;height:100%;aspect-ratio:1/1;max-width:none}
.compare-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.15);pointer-events:none}
.compare-handle span{position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 10px rgba(0,0,0,.3)}
.compare-handle span::before,.compare-handle span::after{content:"";position:absolute;top:50%;width:7px;height:7px;border-top:2px solid #333;border-left:2px solid #333}
.compare-handle span::before{left:9px;transform:translateY(-50%) rotate(-45deg)}
.compare-handle span::after{right:9px;transform:translateY(-50%) rotate(135deg)}
.compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.compare-tag{position:absolute;top:12px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:650;padding:4px 10px;border-radius:999px;pointer-events:none}
.compare-tag.before{left:12px}.compare-tag.after{right:12px}

/* prints: framed print + loose prints */
.print-scene{position:relative;max-width:460px;margin:0 auto;padding:0 0 40px 30px}
.frame{background:linear-gradient(135deg,#3b2a1e,#6b4a30 50%,#3b2a1e);padding:16px;border-radius:3px;box-shadow:0 18px 40px var(--shadow),inset 0 0 0 1px rgba(255,255,255,.1);transform:rotate(-1deg)}
.mat{background:#fbf8f1;padding:26px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.mat img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;box-shadow:inset 0 0 4px rgba(0,0,0,.4)}
.print-stack{position:absolute;left:0;bottom:0;display:flex}
.print-stack img{width:150px;aspect-ratio:3/2;object-fit:cover;border:6px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.print-stack img:first-child{transform:rotate(-8deg) translate(10px,6px)}
.print-stack img:last-child{transform:rotate(4deg) translate(-20px,14px)}

/* books: hardcover + open spread */
.book-scene{position:relative;max-width:480px;margin:0 auto;padding:10px 0 60px 20px}
.book{position:relative;width:62%;aspect-ratio:4/5;transform:rotate(-3deg)}
.book-cover{position:relative;height:100%;border-radius:4px 10px 10px 4px;overflow:hidden;box-shadow:0 18px 40px var(--shadow);background:#111}
.book-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.18) 50%,rgba(0,0,0,.2));z-index:2}
.book-cover img{width:100%;height:100%;object-fit:cover;display:block}
.book-cover span{position:absolute;left:14px;right:0;top:12%;text-align:center;color:#fff;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:22px;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.book-pages{position:absolute;inset:4px -6px -6px 6px;background:repeating-linear-gradient(0deg,#e9e5dc 0 2px,#f7f4ee 2px 4px);border-radius:2px 8px 8px 2px;z-index:-1}
.book-spread{position:absolute;right:0;bottom:0;width:64%;display:flex;background:#fff;padding:10px;gap:10px;border-radius:4px;box-shadow:0 14px 30px rgba(0,0,0,.25);transform:rotate(2deg)}
.book-spread img{flex:1;min-width:0;aspect-ratio:3/4;object-fit:cover}
.book-spread::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:8px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(0,0,0,.18),transparent)}

/* cards: printed card on an envelope */
.card-scene{position:relative;max-width:460px;margin:0 auto;aspect-ratio:4/3}
.card-front,.card-back{position:absolute;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.25);border-radius:4px}
.card-front{left:4%;top:6%;width:72%;transform:rotate(-5deg);z-index:2}
.card-back{right:0;top:14%;width:52%;aspect-ratio:7/5;transform:rotate(7deg);padding:8px 8px 32px}
.card-front img,.card-back img{display:block;width:100%;height:100%;object-fit:cover}
.envelope{position:absolute;left:12%;right:6%;bottom:0;height:34%;background:#efe8da;border-radius:4px;box-shadow:0 10px 24px rgba(0,0,0,.2);z-index:1}
.envelope::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#f6f1e6 0 50%,transparent 50.5%),linear-gradient(200deg,#f6f1e6 0 50%,transparent 50.5%);border-radius:4px}

.steps{padding:56px 0 20px;text-align:center}
.steps h3{margin:0 0 28px;font-size:26px;letter-spacing:-.015em}
.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;text-align:left}
.steps li{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 1px 3px var(--shadow)}
.steps .num{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-bottom:12px}
.steps strong{display:block;font-size:17px;margin-bottom:4px}
.steps p{margin:0;color:var(--muted);font-size:14px}

.closer{margin:40px 0 10px;padding:40px 28px;border-radius:20px;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--card)),color-mix(in srgb,var(--accent) 4%,var(--card)));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}
.closer h3{margin:0 0 8px;font-size:26px}
.closer p{margin:0 0 20px;color:var(--muted)}
.closer .hero-ctas{justify-content:center}

@media (max-width:820px){
  .hero{padding-top:28px}
  .feature,.feature.flip{grid-template-columns:1fr;gap:26px;padding:40px 0}
  .feature.flip .feature-copy{order:0}
}

/* ---- kiosk landing (body.kiosk — pages/kiosk.js) ----
   One full-viewport screen, no scrolling at any kiosk resolution: header row,
   then the product tiles split the remaining height between them. Each tile is
   a full-bleed photo with the label over a bottom shade, so the text is always
   white on dark regardless of the store's theme. */
body.kiosk{height:100dvh;overflow:hidden;display:flex;flex-direction:column;
  background:radial-gradient(120% 90% at 50% -20%,color-mix(in srgb,var(--accent) 16%,var(--bg)),var(--bg) 70%)}
body.kiosk .site-footer{padding:6px;font-size:12px}
.kiosk-land{flex:1;min-height:0;display:flex;flex-direction:column;gap:2.6vh;padding:3.4vh 3.4vw 1.2vh;box-sizing:border-box}
.kiosk-land-head{display:flex;align-items:center;gap:18px}
.kiosk-land-head .logo,.kiosk-land-head .logo-fallback{width:clamp(48px,6vw,76px);height:clamp(48px,6vw,76px)}
.kiosk-land-head h1{margin:0;font-size:clamp(1.6rem,3.5vw,2.6rem);letter-spacing:-.01em}
.kiosk-land-head .tagline{margin:0;color:var(--muted);font-size:clamp(0.95rem,1.7vw,1.25rem)}
.kiosk-hint{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:.6em 1.1em;border-radius:999px;
  background:var(--card);border:1px solid var(--border);color:var(--muted);font-weight:600;font-size:clamp(.85rem,1.4vw,1.05rem);box-shadow:0 1px 3px var(--shadow);white-space:nowrap}
.kiosk-hint svg{color:var(--accent);flex:none}
.kiosk-tiles{flex:1;min-height:0;display:grid;gap:2.4vh 2.4vw;grid-template-columns:repeat(2,1fr)}
.kiosk-tiles.n1{grid-template-columns:1fr}
.kiosk-tiles.n2{grid-template-rows:1fr}
.kiosk-tiles.n3 .kiosk-tile:last-child{grid-column:1 / -1}

.kiosk-tile{position:relative;display:block;overflow:hidden;min-height:0;border-radius:26px;
  background:#222;color:#fff;text-decoration:none;isolation:isolate;
  box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.06);
  transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}
.kiosk-tile:active{transform:scale(.985);box-shadow:0 6px 18px rgba(0,0,0,.2),0 0 0 4px var(--accent)}
.kiosk-tile img{display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.kt-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kt-shade{position:absolute;inset:0;z-index:2;
  background:linear-gradient(to top,rgba(8,10,16,.82) 0%,rgba(8,10,16,.45) 32%,rgba(8,10,16,0) 62%)}

/* label row over the shade */
.kt-label{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:1.2vw;padding:2.2vh 2.4vw}
.kt-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:clamp(44px,5.4vw,72px);height:clamp(44px,5.4vw,72px);border-radius:30%;
  background:var(--accent);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.kt-mark svg{width:52%;height:52%}
.kt-text{display:flex;flex-direction:column;min-width:0;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.kt-sub{font-size:clamp(.8rem,1.4vw,1.05rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.82}
.kt-name{font-size:clamp(1.35rem,3vw,2.3rem);font-weight:780;letter-spacing:-.015em;line-height:1.1}
.kt-go{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;padding:.55em 1.1em;border-radius:999px;
  background:rgba(255,255,255,.92);color:#111;font-weight:750;font-size:clamp(.9rem,1.6vw,1.2rem);box-shadow:0 4px 12px rgba(0,0,0,.25)}

/* retouch: the whole tile is a before/after split */
.kt-split{position:absolute;inset:0}
.kt-split>img{width:100%;height:100%;object-fit:cover}
.kt-split-before{position:absolute;inset:0;width:46%;overflow:hidden;box-shadow:2px 0 0 #fff,10px 0 24px rgba(0,0,0,.35)}
.kt-split-before img{position:absolute;left:0;top:0;width:calc(100% / .46);height:100%;object-fit:cover;filter:saturate(.75)}
.kt-tag{position:absolute;top:2.2vh;z-index:2;padding:.35em .9em;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:clamp(.75rem,1.3vw,1rem);font-weight:700;backdrop-filter:blur(6px)}
.kt-tag.before{left:2vw}.kt-tag.after{right:2vw}

/* prints: two loose prints fanned over the photo */
.kiosk-tile.prints .kt-bg{object-position:25% 40%}
.kt-prints{position:absolute;right:3%;top:5%;display:flex;z-index:1}
.kt-prints img{width:clamp(80px,9.5vw,150px);aspect-ratio:3/2;object-fit:cover;border:5px solid #fff;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.kt-prints img:first-child{transform:rotate(-9deg) translate(16px,6px)}
.kt-prints img:last-child{transform:rotate(5deg) translate(-4px,14px)}

/* books: a hardcover standing at the right */
.kt-book{position:absolute;right:5%;top:7%;width:clamp(90px,10vw,150px);aspect-ratio:4/5;border-radius:3px 9px 9px 3px;overflow:hidden;
  transform:rotate(-4deg);box-shadow:0 12px 28px rgba(0,0,0,.4),-6px 0 0 -2px #e9e5dc,-9px 0 0 -3px #d9d4c9;z-index:1;background:#111}
.kt-book::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.18) 50%,rgba(0,0,0,.2))}
.kt-book img{width:100%;height:100%;object-fit:cover}
.kt-book i{position:absolute;left:10px;right:0;top:12%;text-align:center;color:#fff;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(.8rem,1.2vw,1.15rem);text-shadow:0 2px 8px rgba(0,0,0,.6)}

/* cards: the printed card tilted over the scene */
.kt-card{position:absolute;right:5%;top:8%;width:clamp(130px,17vw,260px);aspect-ratio:7/5;border-radius:4px;overflow:hidden;background:#fff;
  transform:rotate(5deg);box-shadow:0 12px 28px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.1);z-index:1}
.kt-card img{width:100%;height:100%;object-fit:cover}

/* a single tile is wide, so let the objects breathe */
.kiosk-tiles.n1 .kt-prints img{width:clamp(120px,16vw,240px)}
.kiosk-tiles.n1 .kt-book{width:clamp(120px,14vw,210px)}
.kiosk-tiles.n1 .kt-card{width:clamp(180px,24vw,360px)}

/* portrait kiosks: one tile per row, objects sized for the wider tile */
@media (orientation: portrait){
  .kiosk-tiles{grid-template-columns:1fr}
  .kiosk-tiles.n3 .kiosk-tile:last-child{grid-column:auto}
  .kt-prints img{width:clamp(120px,16vw,240px)}
  .kt-book{width:clamp(120px,14vw,210px)}
  .kt-card{width:clamp(180px,24vw,360px)}
  .kt-mark{width:clamp(48px,7vw,72px);height:clamp(48px,7vw,72px)}
  .kt-name{font-size:clamp(1.5rem,4.2vw,2.3rem)}
  .kt-sub{font-size:clamp(.85rem,1.9vw,1.05rem)}
  .kt-go{font-size:clamp(1rem,2.2vw,1.2rem)}
  .kiosk-hint{font-size:clamp(.85rem,1.8vw,1.05rem)}
}

/* ---- landing hero: the kiosk's photo tiles, sized by aspect ratio instead of
   the viewport, above the detailed feature sections ---- */
.hero-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.hero-tiles .kiosk-tile{aspect-ratio:3/2;border-radius:22px}
.hero-tiles.n1{grid-template-columns:1fr}
.hero-tiles.n1 .kiosk-tile{aspect-ratio:21/9}
.hero-tiles.n3 .kiosk-tile:last-child{grid-column:1 / -1;aspect-ratio:3/1}
.hero-tiles .kiosk-tile:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.06)}
.hero-tiles .kt-label{gap:12px;padding:18px 20px}
.hero-tiles .kt-mark{width:48px;height:48px}
.hero-tiles .kt-sub{font-size:12px}
.hero-tiles .kt-name{font-size:clamp(1.15rem,2.1vw,1.6rem)}
.hero-tiles .kt-go{font-size:14px;padding:.5em 1em}
.hero-tiles .kt-tag{top:14px;font-size:12px}
.hero-tiles .kt-tag.before{left:14px}.hero-tiles .kt-tag.after{right:14px}
.hero-tiles .kt-prints img{width:clamp(80px,9vw,120px)}
.hero-tiles .kt-book{width:clamp(80px,8.5vw,110px)}
.hero-tiles .kt-card{width:clamp(120px,15vw,200px)}
.hero-tiles.n1 .kt-prints img,.hero-tiles.n3 .kiosk-tile:last-child .kt-prints img{width:clamp(110px,13vw,170px)}
.hero-tiles.n1 .kt-book,.hero-tiles.n3 .kiosk-tile:last-child .kt-book{width:clamp(100px,11vw,150px)}
.hero-tiles.n1 .kt-card,.hero-tiles.n3 .kiosk-tile:last-child .kt-card{width:clamp(160px,20vw,260px)}
@media (max-width:640px){
  .hero-tiles,.hero-tiles.n1{grid-template-columns:1fr;gap:14px}
  .hero-tiles .kiosk-tile,.hero-tiles.n1 .kiosk-tile,.hero-tiles.n3 .kiosk-tile:last-child{aspect-ratio:3/2;grid-column:auto}
  .hero-tiles .kt-name{font-size:1.3rem}
  .hero-tiles .kt-go{display:none}
  .hero-tiles .kt-prints img{width:96px}
  .hero-tiles .kt-book{width:90px}
  .hero-tiles .kt-card{width:140px}
}