/* ══════════════════════════════════════════════════════════════════
   LEMCRAFT · STIL COMUN (toate paginile site-ului nou)
   Direcţia: „atelier, nu depozit". Culorile vin din siglă (verdele
   de pădure al literelor + frunza) şi din materiale (lemn, hârtie,
   lumină caldă). Concurenţa locală e roz/auriu — noi suntem
   pădure + lemn, ceea ce ne face recognoscibili în feed.
   Titluri: Fraunces (serif moale, cald). Text: Inter.
   ══════════════════════════════════════════════════════════════════ */
:root{
  --hartie:#f6f1e9;
  --hartie-2:#efe7da;
  --alb:#fffdf9;
  --padure:#23302a;
  --padure-2:#34443b;
  --salvie:#7f927f;
  --salvie-deschis:#dfe5dc;
  --lemn:#c89c6d;
  --lemn-deschis:#e9d7bf;
  --cupru:#b9642a;
  --cerneala:#1c211e;
  --text-2:#5a615c;
  --linie:rgba(35,48,42,.13);
  --noapte:#131614;

  --marja:clamp(16px,4vw,56px);
  --latime:1320px;
  --raza:18px;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--hartie);color:var(--cerneala);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
.cutie{max-width:var(--latime);margin:0 auto;padding:0 var(--marja)}
.eticheta{font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--salvie)}
.titlu{font-family:var(--serif);font-weight:350;font-variation-settings:"opsz" 120;letter-spacing:-.025em;line-height:1.02;margin:0}
.titlu em{font-style:italic;font-weight:300;color:var(--cupru)}
h2.titlu{font-size:clamp(34px,5vw,64px)}
.buton{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;background:var(--padure);color:var(--hartie);font-weight:500;font-size:15px;border:0;cursor:pointer;transition:transform .2s,background .2s}
.buton:hover{background:var(--cerneala);transform:translateY(-1px)}
.buton.contur{background:transparent;color:var(--padure);box-shadow:inset 0 0 0 1.5px var(--padure)}
.buton.contur:hover{background:var(--padure);color:var(--hartie)}
.buton svg{width:16px;height:16px}
.sageata{transition:transform .2s}
a:hover .sageata{transform:translateX(3px)}
.sectiune{padding:clamp(64px,9vw,128px) 0}
.cap-sectiune{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,4vw,48px);flex-wrap:wrap}
.cap-sectiune p{margin:14px 0 0;max-width:520px;color:var(--text-2)}
.link-tot{display:inline-flex;align-items:center;gap:8px;font-weight:500;border-bottom:1.5px solid currentColor;padding-bottom:3px;white-space:nowrap}

/* ── Bara de sus ── */
.anunt{background:var(--padure);color:var(--lemn-deschis);font-size:13px;overflow:hidden;white-space:nowrap}
.anunt-rola{display:inline-flex;gap:48px;padding:10px 0;animation:rola 38s linear infinite}
.anunt-rola span{display:inline-flex;align-items:center;gap:10px}
.anunt-rola span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lemn)}
@keyframes rola{to{transform:translateX(-50%)}}

/* ── Antet ── */
.antet{position:sticky;top:0;z-index:50;background:rgba(246,241,233,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.antet.derulat{border-bottom-color:var(--linie)}
.antet .cutie{display:flex;align-items:center;gap:28px;height:72px}
.marca{display:flex;align-items:center;gap:10px;flex-shrink:0}
.marca{color:#4a5a4c}
.marca svg{height:46px;width:auto;display:block}
.meniu{display:flex;gap:4px;flex:1;justify-content:center}
.meniu a{padding:9px 10px;white-space:nowrap;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--padure-2);transition:background .15s}
.meniu a:hover{background:var(--hartie-2)}
.meniu a[aria-current]{background:var(--padure);color:var(--hartie)}
.meniu a.lum-link{display:inline-flex;align-items:center;gap:7px}
.meniu a.lum-link::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffb65c;box-shadow:0 0 0 3px rgba(255,182,92,.25),0 0 10px #ffb65c}
.unelte{display:flex;gap:6px;align-items:center}
.unealta{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative;transition:background .15s}
.unealta:hover{background:var(--hartie-2)}
.unealta svg{width:21px;height:21px}
.unealta .nr[hidden]{display:none}
.unealta .nr{position:absolute;top:4px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--cupru);color:#fff;font-size:10.5px;font-weight:600;display:grid;place-items:center}
.hamburger{display:none}
/* 11 linkuri (cu Absolvire şi Petreceri) — pe ecranele 1366–1679 strângem puţin ca să rămână iconiţele la vedere;
   sub 1366 meniul trece în sertar (hamburger) */
@media(max-width:1679px){.antet .cutie{gap:14px}.meniu{gap:0}.meniu a{padding:9px 7px;font-size:14px}}
@media(max-width:480px){.antet .cutie{gap:6px}.marca svg{height:36px}.unelte{gap:0}.unealta{width:38px;height:38px}.unealta svg{width:20px;height:20px}}   /* contul meu rămâne vizibil şi pe telefon (14.10.2026) */
@media(max-width:1365px){
  .meniu{display:none}
  .hamburger{display:grid}
  .antet .cutie{justify-content:space-between;height:64px}
}
.sertar{position:fixed;inset:0;z-index:80;background:rgba(19,22,20,.4);opacity:0;pointer-events:none;transition:opacity .25s}
.sertar.deschis{opacity:1;pointer-events:auto}
.sertar nav{position:absolute;top:0;left:0;bottom:0;width:min(360px,88vw);background:var(--hartie);padding:22px 20px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overflow:auto}
.sertar.deschis nav{transform:none}
.sertar nav a{display:flex;justify-content:space-between;padding:15px 4px;border-bottom:1px solid var(--linie);font-family:var(--serif);font-size:22px}
.sertar nav a small{font:13px var(--sans);color:var(--text-2);align-self:center}

/* ── Rânduri şi carduri de produs ── */
.rand-produse{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{position:relative;display:flex;flex-direction:column;border-radius:var(--raza);background:var(--alb);border:1px solid var(--linie);overflow:hidden;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(28,33,30,.4)}
.card .poza{aspect-ratio:2/3;background:var(--hartie-2);overflow:hidden}
.card .poza img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.card:hover .poza img{transform:scale(1.04)}
.card .corp{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{margin:0;font:500 14.5px/1.35 var(--sans);color:var(--cerneala);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .jos{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;margin-top:auto}   /* preţ redus + „personalizabil" pe telefon: eticheta trece dedesubt, nu iese din card */
.card .pret{font:500 17px/1 var(--serif);color:var(--padure);white-space:nowrap}
.card .pret s{font-size:13px;color:var(--text-2);margin-right:6px}
.card .pers{font-size:11.5px;color:var(--salvie);display:flex;align-items:center;gap:5px}
.card .pers svg{width:13px;height:13px}
.card .reducere{position:absolute;top:10px;left:10px;background:#b3261e;color:#fff;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;z-index:1}
.schelet .poza{background:linear-gradient(90deg,var(--hartie-2),var(--hartie),var(--hartie-2));background-size:200% 100%;animation:schelet 1.4s infinite}
@keyframes schelet{to{background-position:-200% 0}}
@media(max-width:900px){
  .rand-produse{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1 * var(--marja));padding:4px var(--marja) 12px;scrollbar-width:none}
  .rand-produse::-webkit-scrollbar{display:none}
  .rand-produse .card{flex:0 0 min(62vw,260px);scroll-snap-align:start}
}

/* ── Subsol ── */
.subsol{background:var(--padure);color:rgba(246,241,233,.72);padding:72px 0 28px;font-size:14.5px}
.subsol .coloane{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.subsol h4{margin:0 0 16px;font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--lemn)}
.subsol a{display:block;padding:5px 0;transition:color .15s}
.subsol a:hover{color:#fff}
.logo-subsol img{width:150px;height:auto}
.subsol .despre{max-width:320px;margin:18px 0}
.sociale{display:flex;gap:10px}
.sociale a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;padding:0}
.sociale svg{width:18px;height:18px}
.sertar nav .sertar-sociale{display:flex;gap:12px;padding:22px 4px 8px}
.sertar nav .sertar-sociale a{width:44px;height:44px;padding:0;border:1px solid var(--linie);border-radius:50%;display:grid;place-items:center;justify-content:center;color:var(--padure)}
.sertar nav .sertar-sociale svg{width:20px;height:20px}
.subsol .legal{margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(246,241,233,.5)}
.subsol .legal div{display:flex;gap:18px;flex-wrap:wrap}
.subsol .legal a{display:inline;padding:0}
@media(max-width:700px){.subsol{padding-bottom:84px}}   /* butonul WhatsApp (fix, jos-dreapta) nu mai acoperă linkurile din subsol */
@media(max-width:900px){.subsol .coloane{grid-template-columns:1fr 1fr}.subsol .coloane>div:first-child{grid-column:1/-1}}

/* ── FEREASTRA CONFIGURATORULUI (fereastră în fereastră) ──
   Acelaşi tipar ca pe /panou-luminos/: aplicaţia intră într-un iframe cerut abia la
   deschidere (pagina rămâne uşoară), pe telefon ia tot ecranul şi rămâne doar ×-ul. */
body.fereastra-deschisa{overflow:hidden}
body.fereastra-deschisa .wa-flot{display:none}
.fereastra{position:fixed;inset:0;z-index:100;display:none;padding:clamp(0px,2.4vw,34px);background:rgba(19,22,20,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .26s ease}
.fereastra.deschisa{display:block}
.fereastra.vizibila{opacity:1}
.foaie{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--alb);border-radius:18px;overflow:hidden;box-shadow:0 40px 120px -30px rgba(0,0,0,.7);transform:translateY(14px) scale(.99);transition:transform .26s ease}
.fereastra.vizibila .foaie{transform:none}
.bara-foaie{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:0 8px 0 18px;height:50px;background:var(--alb);border-bottom:1px solid var(--linie)}
.bara-foaie .titlu-foaie{font-size:14px;font-weight:500;color:var(--padure);flex:1;display:flex;align-items:center;gap:9px}
.bara-foaie .titlu-foaie::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cupru)}
.bara-foaie .nou-tab{font-size:13px;color:var(--text-2);padding:8px 10px;border-radius:999px}
.bara-foaie .nou-tab:hover{background:var(--hartie-2)}
.corp-foaie{position:relative;flex:1;min-height:0}
.corp-foaie iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.inchide{width:40px;height:40px;border-radius:999px;cursor:pointer;flex:0 0 auto;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--padure);background:transparent;border:1px solid transparent;transition:background .18s}
.inchide:hover{background:var(--hartie-2);border-color:var(--linie)}
.se-incarca{position:absolute;inset:0;display:grid;place-content:center;gap:14px;text-align:center;color:var(--text-2);background:var(--alb);z-index:1;font-size:14px}
.se-incarca[hidden]{display:none}
.se-incarca i{width:42px;height:42px;margin:0 auto;border-radius:50%;border:3px solid var(--hartie-2);border-top-color:var(--padure);animation:roteste .9s linear infinite}
@keyframes roteste{to{transform:rotate(360deg)}}
@media(max-width:640px){
  .fereastra{padding:0}
  .foaie{border-radius:0}
  .bara-foaie{position:absolute;top:0;right:0;z-index:3;height:auto;padding:10px 10px 0 0;border-bottom:0;background:none}
  .bara-foaie .titlu-foaie,.bara-foaie .nou-tab{display:none}
  .inchide{color:#fff;background:var(--cupru);border-color:var(--cupru);box-shadow:0 6px 18px -6px rgba(0,0,0,.6)}
  .inchide:hover{background:var(--cupru)}
  .corp-foaie{position:absolute;inset:0}
}

/* Butonul WhatsApp plutitor */
.wa-flot{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:50%;background:#1f8f4e;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(0,0,0,.45);transition:transform .2s}
.wa-flot:hover{transform:scale(1.06)}
.wa-flot svg{width:28px;height:28px}

/* Eticheta de previzualizare */
.previz{background:#fff3cd;color:#5c4400;font-size:12.5px;padding:7px var(--marja);text-align:center;line-height:1.35}

/* Apariţie la derulare */
.apare{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.apare.vazut{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.apare{opacity:1;transform:none}}

/* ── Câmpul „scrie un nume" (acasă, camera copilului…) ── */
.scrie{display:flex;align-items:center;gap:8px;background:var(--alb);border-radius:999px;padding:7px 7px 7px 22px;box-shadow:0 1px 0 var(--linie),0 12px 32px -18px rgba(35,48,42,.35);max-width:500px;border:1.5px solid transparent;transition:border-color .2s}
.scrie:focus-within{border-color:var(--padure)}
.scrie svg{width:18px;height:18px;color:var(--salvie);flex-shrink:0}
.scrie input{flex:1;border:0;background:none;outline:none;font-size:17px;min-width:0;width:100%;padding:10px 0}
.scrie .buton{padding:12px 20px;flex-shrink:0}

/* produs cu clip TikTok: semn scurt [TikTok] ▶ 190.3K peste poză (comun.js → VIDEO) */
.card .poza{position:relative}
.vizualizari{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:4px;padding:5px 9px 5px 7px;border-radius:999px;background:rgba(17,17,17,.8);color:#fff;font:600 12px/1 var(--sans);letter-spacing:.01em;backdrop-filter:blur(4px)}
.vizualizari svg{width:12px;height:12px}
.vizualizari .tt{width:13px;height:13px;margin-right:2px}
/* fereastra cu clipul (+ produsul din clip) */
.video-strat{position:fixed;inset:0;z-index:130;background:rgba(10,12,11,.88);display:grid;place-items:center;padding:16px;overflow:auto}
.video-dialog{position:relative;display:flex;align-items:stretch;max-width:100%;border-radius:18px;overflow:hidden;background:var(--alb);box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.video-cutie{height:min(86vh,820px);aspect-ratio:9/16;background:#000;flex-shrink:0}
.video-cutie iframe{width:100%;height:100%;border:0;display:block}
.video-produs{width:320px;padding:26px 24px;display:flex;flex-direction:column;gap:10px;overflow:auto}
.vp-eticheta{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-2)}
.vp-eticheta svg{width:14px;height:14px}
.vp-poza{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:var(--hartie-2)}
.video-produs h3{margin:4px 0 0;font:400 22px/1.2 var(--serif);color:var(--cerneala)}
.vp-pret{font:500 22px/1 var(--serif);color:var(--padure)}
.vp-pret s{font-size:15px;color:var(--text-2);margin-right:4px}
.video-produs p{margin:0;font-size:14px;color:var(--text-2)}
.video-produs .buton{justify-content:center;margin-top:6px}
.vp-tt{font-size:13.5px;color:var(--text-2);text-align:center;text-decoration:underline;text-underline-offset:3px}
.vp-se-incarca{color:var(--text-2);font-size:14px;margin:auto}
.video-x{position:absolute;top:10px;right:10px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#111;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.video-x:hover{background:#fff}
@media(max-width:760px){
  .video-strat{padding:0;place-items:start center}
  .video-dialog{flex-direction:column;border-radius:0;width:100%;min-height:100%}
  .video-cutie{height:auto;width:100%;max-height:72vh}
  .video-produs{width:auto;display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 12px;padding:14px 16px 20px}
  .vp-eticheta{grid-column:1/-1}
  .vp-poza{grid-row:2/4;width:76px;border-radius:10px}
  .video-produs h3{font-size:17px}.vp-pret{font-size:18px}
  .video-produs p{display:none}
  .video-produs .buton,.vp-tt{grid-column:1/-1}
}
/* a doua poză a produsului, la trecerea mouse-ului peste card */
.card .poza .a-doua{position:absolute;inset:0;opacity:0;transition:opacity .35s}
@media(hover:hover){.card:hover .poza .a-doua{opacity:1}}

/* dala unui clip TikTok (pagina /tiktok, rândul „Văzut pe TikTok") */
.dala-clip{display:flex;flex-direction:column;gap:8px;min-width:0}
.dc-video{position:relative;display:block;width:100%;aspect-ratio:9/16;border:0;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;background:#111}
.dc-video img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.dc-video:hover img{transform:scale(1.04)}
.dc-video::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));pointer-events:none}
.dc-video .vizualizari{top:10px;bottom:auto;left:10px}
.dc-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(17,17,17,.55);color:#fff;display:grid;place-items:center;backdrop-filter:blur(4px);transition:transform .2s}
.dc-play svg{width:22px;height:22px;margin-left:3px}
.dc-video:hover .dc-play{transform:scale(1.08)}
.dc-titlu{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;color:#fff;text-align:left;font:500 14px/1.3 var(--sans);text-shadow:0 1px 6px rgba(0,0,0,.5)}
.dc-produs{display:flex;flex-direction:column;gap:2px;padding:0 4px}
.dc-produs b{font-weight:500;font-size:13.5px;line-height:1.3;color:var(--cerneala);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dc-produs span{font:500 15px/1 var(--serif);color:var(--padure)}
.dc-produs:hover b{text-decoration:underline;text-underline-offset:3px}

/* taburile sărbătorilor (paginile de campanie), ordonate după dată */
.taburi-sarb{background:var(--hartie);border-bottom:1px solid var(--linie)}
.taburi-sarb .cutie{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.taburi-sarb .cutie::-webkit-scrollbar{display:none}
.taburi-sarb a{flex-shrink:0;display:flex;flex-direction:column;gap:1px;padding:8px 16px;border-radius:14px;border:1px solid var(--linie);background:var(--alb);color:var(--padure-2);line-height:1.2}
.taburi-sarb a b{font-weight:600;font-size:14.5px}
.taburi-sarb a small{font-size:11.5px;color:var(--text-2)}
.taburi-sarb a:first-child small{color:#b3261e;font-weight:600}
.taburi-sarb a:hover{background:var(--hartie-2)}
.taburi-sarb a[aria-current="page"]{background:var(--padure);border-color:var(--padure);color:var(--hartie)}
.taburi-sarb a[aria-current="page"] small{color:rgba(246,241,233,.75)}

/* meniul „Sărbători" cu listă derulantă */
.are-sub{position:relative;display:flex}
.are-sub > a{display:inline-flex;align-items:center;gap:4px}
.are-sub .sag-jos{width:13px;height:13px;transition:transform .2s}
.are-sub:hover .sag-jos,.are-sub:focus-within .sag-jos{transform:rotate(180deg)}
.are-sub .sub{position:absolute;top:calc(100% + 8px);left:50%;min-width:250px;transform:translate(-50%,6px);background:var(--alb);border:1px solid var(--linie);border-radius:18px;padding:8px;box-shadow:0 24px 50px -24px rgba(28,33,30,.45);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:60;display:flex;flex-direction:column;gap:2px}
.are-sub .sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.are-sub:hover .sub,.are-sub:focus-within .sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
.meniu .are-sub .sub a{display:flex;flex-direction:column;gap:1px;padding:10px 14px;border-radius:12px;background:none;color:var(--cerneala);white-space:nowrap}
.meniu .are-sub .sub a:hover{background:var(--hartie-2)}
.are-sub .sub a b{font-weight:600;font-size:14.5px}
.are-sub .sub a small{font-size:12px;color:var(--text-2);font-weight:400}
.are-sub .sub a:first-child small{color:#b3261e;font-weight:600}
.are-sub .sub .sub-tot{border-top:1px solid var(--linie);border-radius:0 0 12px 12px;margin-top:4px}
.sertar-sub{display:flex;flex-direction:column;padding:4px 0 10px 16px;border-bottom:1px solid var(--linie)}
.sertar nav .sertar-sub a{border:0;padding:9px 4px;font:500 16px var(--sans);color:var(--padure-2)}

/* plata cu cardul în subsol */
.subsol .carduri{display:inline-flex;align-items:center;gap:14px}
.subsol .carduri img{height:46px;width:auto;display:block}