/* =========================================================================
   Legend Store — customer-facing website styles.
   Ported from "Legend Store.dc.html" Claude Design project.
   Shares the same palette as the admin portal so both surfaces feel like
   one brand: navy #17263f, gold #e09818, cream #e9e6df, ivory surface #FCFCFC.
   ========================================================================= */

:root{
  --navy:#17263f; --navy-2:#0f1a2c;
  --gold:#e09818; --gold-2:#c98410;
  --cream:#e9e6df; --surface:#FCFCFC; --surface-2:#faf7ef;
  --border:#e6dcc4; --border-soft:#efe9d9;
  --ink:#262a30; --ink-2:#5c6270; --ink-3:#8a9099; --ink-inv:#eef1f6;
  --good:#1f6a3a; --good-bg:#e8f6ec; --good-bd:#c7e5cc;
  --bad:#7a1c1c; --bad-bg:#fbe6e6; --bad-bd:#eabbbb;

  --font-body:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Outfit',var(--font-body);
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);
  font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:var(--gold);text-decoration:none;}
a:hover{color:var(--gold-2);}
h1,h2,h3,h4{margin:0;color:var(--navy);font-family:var(--font-display);font-weight:500;}
button{font-family:var(--font-body);}

/* --- Buttons ------------------------------------------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 20px;font:700 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;
  border:0;cursor:pointer;transition:transform .1s ease, background .15s ease, color .15s ease;}
.btn:active{transform:translateY(1px);}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;}
.btn-gold{background:var(--gold);color:var(--navy);} .btn-gold:hover{background:var(--gold-2);}
.btn-navy{background:var(--navy);color:var(--ink-inv);} .btn-navy:hover{background:var(--navy-2);}
.btn-ghost{background:transparent;color:var(--navy);border:1px solid var(--navy);} .btn-ghost:hover{background:var(--navy);color:var(--ink-inv);}
.btn-gold-outline{background:transparent;color:var(--ink-inv);border:1px solid var(--gold);}
.btn-gold-outline:hover{background:var(--gold);color:var(--navy);}
.btn-sm{padding:8px 14px;font-size:11px;}
.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--border);background:var(--surface);color:var(--navy);cursor:pointer;
  font-family:var(--font-mono);font-size:14px;}
.icon-btn:hover{background:var(--surface-2);}

/* --- Nav (two-tier) ------------------------------------------------------ */
.nav{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);}
.nav-strip{background:var(--navy-2);}
.nav-strip-inner{max-width:1280px;margin:0 auto;padding:6px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-size:11px;color:#c7cdda;}
.nav-strip-contact{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-strip-links{display:flex;gap:16px;flex:none;}
.nav-strip-links a{color:var(--gold);font-weight:600;}
.nav-strip-links a:hover{color:#fff;}

.nav-main{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:26px;}
.nav-logo{flex:none;cursor:pointer;display:block;}
.nav-logo img{height:76px;width:auto;display:block;background:var(--surface);margin-bottom:-6px;}

.nav-links{flex:1;display:flex;gap:22px;align-items:center;}
.nav-link{color:var(--navy);font:700 12.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;
  padding:6px 0;cursor:pointer;position:relative;display:inline-flex;align-items:center;}
.nav-link:hover, .nav-link.active{color:var(--gold);}
.nav-link-gold{color:var(--gold-2);}
.nav-caret{font-size:14px;font-weight:700;margin-left:6px;line-height:1;color:var(--navy);transition:transform .15s ease,color .15s ease;display:inline-block;}
.nav-drop{position:relative;padding:6px 0;}
.nav-drop:hover .nav-caret{transform:rotate(45deg);color:var(--gold);}
.nav-drop-menu{display:none;position:absolute;top:100%;left:-14px;min-width:250px;background:var(--surface);
  border:1px solid var(--border);box-shadow:0 14px 32px rgba(23,38,63,.14);padding:8px 0;z-index:30;}
.nav-drop:hover .nav-drop-menu{display:block;}
.nav-drop-menu a{display:block;padding:9px 20px;font:600 12px/1.35 var(--font-body);color:var(--navy);
  letter-spacing:.04em;text-transform:none;cursor:pointer;border-bottom:1px solid rgba(224,152,24,.35);}
.nav-drop-menu a:last-child{border-bottom:0;}
.nav-drop-menu a:hover{background:var(--surface-2);color:var(--gold-2);}

.nav-actions{display:flex;gap:14px;align-items:center;flex:none;}
.nav-search{position:relative;}
.nav-search .f{width:220px;font-size:13px;padding:8px 12px 8px 32px;}
.nav-search .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-2);font-family:var(--font-mono);font-size:13px;pointer-events:none;}
.nav-cart{position:relative;cursor:pointer;padding:9px 14px;background:var(--gold);color:var(--navy);border:0;
  font:700 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;}
.nav-cart:hover{background:var(--gold-2);}
.burger{display:none;}

/* --- Hero --------------------------------------------------------------- */
.hero{position:relative;overflow:hidden;background:var(--navy);color:var(--ink-inv);}
.hero::before{content:"";position:absolute;top:-140px;right:-140px;width:360px;height:360px;background:var(--gold);transform:rotate(45deg);}
.hero::after{content:"";position:absolute;top:-70px;right:-70px;width:180px;height:180px;background:var(--gold);opacity:.55;transform:rotate(45deg);}
.hero-inner{max-width:1280px;margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;position:relative;}
.hero-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);}
.hero h1{font-family:var(--font-display);font-weight:400;font-size:56px;line-height:1.05;color:#fff;margin:14px 0 0;text-wrap:pretty;}
.hero p{font-size:17px;color:#c7cdda;max-width:52ch;margin:20px 0 0;}
.hero-cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.hero-badges{margin-top:32px;display:flex;gap:26px;font-size:13px;color:#c7cdda;flex-wrap:wrap;}
.hero-visual{position:relative;height:420px;border:1px solid var(--gold);overflow:hidden;background:#0f1a2c;}
.hero-visual .visual-strip{position:absolute;left:0;bottom:0;padding:14px 20px;background:rgba(15,26,44,.9);color:var(--ink-inv);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;border-top:2px solid var(--gold);}
.hero-visual-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#0f1a2c,#17263f 50%,#0f1a2c);color:var(--gold);
  font-family:var(--font-display);font-size:48px;font-weight:400;letter-spacing:.02em;}

/* --- Section header ----------------------------------------------------- */
.section{max-width:1280px;margin:0 auto;padding:60px 24px 20px;}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px;}
.section-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);}
.section h2{font-family:var(--font-display);font-weight:400;font-size:36px;color:var(--navy);margin:8px 0 0;}
.link-nav{text-decoration:none;color:var(--navy);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;cursor:pointer;}
.link-nav:hover{color:var(--gold);}

/* --- Cards -------------------------------------------------------------- */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cat-card{cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:transform .18s ease, box-shadow .18s ease;}
.cat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(23,38,63,.16);}
.cat-thumb{position:relative;height:180px;overflow:hidden;background:var(--surface-2);
  display:flex;align-items:center;justify-content:center;
  color:var(--navy);font-family:var(--font-display);font-size:32px;font-weight:400;}
.cat-badge{position:absolute;left:0;top:0;padding:5px 11px;background:var(--gold);color:var(--navy);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;}
.cat-body{padding:18px;}
.cat-body h3{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--navy);}
.cat-blurb{font-size:12.5px;color:var(--ink-2);margin-top:6px;line-height:1.45;}
.cat-foot{margin-top:12px;display:flex;align-items:center;justify-content:space-between;}
.cat-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--gold);}
.cat-more{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);}

.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.prod-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;
  display:flex;flex-direction:column;transition:transform .18s ease, box-shadow .18s ease;}
.prod-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(23,38,63,.14);}
.prod-thumb{position:relative;height:180px;overflow:hidden;background:var(--surface-2);
  display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:12px;}
.prod-thumb img{width:100%;height:100%;object-fit:cover;}
.prod-body{padding:14px 14px 16px;display:flex;flex-direction:column;flex:1;}
.prod-code{font-family:var(--font-mono);font-size:9.5px;color:var(--gold);letter-spacing:.12em;}
.prod-desc{font-size:13.5px;line-height:1.35;color:var(--navy);margin-top:4px;flex:1;text-wrap:pretty;}
.prod-foot{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.prod-avail{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);}

/* --- Promo band --------------------------------------------------------- */
.promo{max-width:1280px;margin:44px auto 0;padding:0 24px;}
.promo-inner{background:var(--navy);color:var(--ink-inv);border-left:6px solid var(--gold);
  padding:24px 30px;display:flex;align-items:center;gap:26px;}
.promo-tag{flex:none;font-family:var(--font-display);font-weight:400;font-size:15px;line-height:1.15;
  color:var(--navy);background:var(--gold);padding:12px 16px;text-transform:uppercase;text-align:center;}
.promo-body{font-size:13px;line-height:1.4;}
.promo-body strong{color:var(--gold);}

/* --- Quote CTA ---------------------------------------------------------- */
.cta{max-width:1280px;margin:56px auto 60px;padding:0 24px;}
.cta-inner{background:var(--surface);border:1px solid var(--border);padding:36px 32px;
  display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;}
.cta h2{font-family:var(--font-display);font-weight:400;font-size:30px;color:var(--navy);margin:8px 0 0;}
.cta p{font-size:14.5px;color:var(--ink-2);margin:12px 0 0;max-width:56ch;line-height:1.55;}
.cta-visual{position:relative;height:200px;overflow:hidden;border:1px solid var(--border);
  background:linear-gradient(135deg,var(--surface-2),var(--cream));
  display:flex;align-items:center;justify-content:center;color:var(--gold);
  font-family:var(--font-display);font-size:64px;}

/* --- Category listing --------------------------------------------------- */
.cat-page{max-width:1280px;margin:0 auto;padding:36px 24px 60px;}
.cat-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  border-bottom:2px solid var(--navy);padding-bottom:14px;}
.cat-header h1{font-family:var(--font-display);font-weight:400;font-size:34px;color:var(--navy);margin:6px 0 0;}
.cat-header .sub{font-size:13.5px;color:var(--ink-2);margin-top:6px;max-width:70ch;line-height:1.5;}
.cat-count-total{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);}
.cat-layout{margin-top:24px;display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start;}
.cat-side{background:var(--surface);border:1px solid var(--border);padding:14px 0;}
.cat-side-head{padding:0 16px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);}
.side-item{display:flex;justify-content:space-between;padding:10px 16px;font-size:13px;color:var(--ink-2);cursor:pointer;}
.side-item:hover{color:var(--navy);background:var(--surface-2);}
.side-item.active{color:var(--gold);background:var(--surface-2);font-weight:700;}
.side-item .count{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);}
.side-item.active .count{color:var(--gold);}

/* --- Product table (category) ------------------------------------------ */
.prod-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);}
.prod-table thead th{text-align:left;padding:12px 14px;font:700 10px/1.2 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);background:var(--surface-2);border-bottom:1px solid var(--border);}
.prod-table tbody td{padding:14px;font-size:13px;color:var(--ink);border-bottom:1px solid var(--border-soft);}
.prod-table tbody tr{cursor:pointer;}
.prod-table tbody tr:hover td{background:var(--surface-2);}
.prod-table .thumb{width:56px;height:56px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden;}
.prod-table .thumb img{width:100%;height:100%;object-fit:cover;}
.prod-table .code{font-family:var(--font-mono);font-size:11px;color:var(--gold);letter-spacing:.12em;font-weight:600;}
.prod-table .price{font-size:13px;font-weight:600;color:var(--navy);}

/* --- Product detail ----------------------------------------------------- */
.pd{max-width:1280px;margin:0 auto;padding:36px 24px 60px;}
.pd-crumbs{font-size:12px;color:var(--ink-3);}
.pd-crumbs a{color:var(--ink-3);cursor:pointer;}
.pd-crumbs a:hover{color:var(--navy);}
.pd-crumbs .cur{color:var(--navy);}
.pd-body{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:44px;}
.pd-visual{position:relative;height:460px;overflow:hidden;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-family:var(--font-display);font-size:52px;}
.pd-visual img{width:100%;height:100%;object-fit:cover;}
.pd-group{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;}
.pd-title{font-family:var(--font-display);font-weight:400;font-size:32px;color:var(--navy);margin:8px 0 0;line-height:1.15;text-wrap:pretty;}
.pd-code{margin-top:10px;font-family:var(--font-mono);font-size:12px;color:var(--ink-2);}
.pd-quote-note{margin-top:22px;padding:16px 18px;background:var(--surface-2);border-left:3px solid var(--gold);
  font-size:13.5px;color:var(--ink-2);line-height:1.55;}
.pd-quote-note strong{display:block;color:var(--navy);font-size:15px;margin-bottom:4px;}
.pd-actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.pd-features{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.pd-feature{font-size:12.5px;color:var(--ink-2);line-height:1.45;}
.pd-feature strong{display:block;color:var(--navy);font-size:13.5px;margin-bottom:4px;}

/* --- Quote basket modal ------------------------------------------------- */
.qb-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto;}
.qb-item{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:10px 12px;border:1px solid var(--border);background:var(--surface-2);}
.qb-item .name{font-size:13px;color:var(--navy);flex:1;}
.qb-item .code{font-family:var(--font-mono);font-size:10.5px;color:var(--gold);}
.qb-item .qty{width:60px;font-size:13px;padding:5px 8px;border:1px solid var(--border);}
.qb-item .rm{background:transparent;border:0;color:var(--ink-3);cursor:pointer;font-size:16px;}
.qb-note{margin-top:14px;padding:12px 14px;background:var(--surface-2);border-left:3px solid var(--gold);
  font-size:12.5px;color:var(--ink-2);line-height:1.5;}
.qb-note strong{color:var(--navy);}

/* --- Contact page ------------------------------------------------------- */
.contact{max-width:1280px;margin:0 auto;padding:36px 24px 60px;}
.contact-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.contact-card{background:var(--surface);border:1px solid var(--border);padding:26px;}
.contact-card h3{font-family:var(--font-display);font-size:20px;color:var(--navy);}
.contact-item{margin-top:14px;display:flex;flex-direction:column;gap:2px;font-size:14px;}
.contact-item .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);}

/* --- Forms (inline, e.g. quote form) ----------------------------------- */
input.f,select.f,textarea.f{width:100%;font:400 14px/1.4 var(--font-body);padding:11px 13px;border:1px solid #b9bec6;background:var(--surface);color:var(--ink);outline:none;}
input.f:focus,select.f:focus,textarea.f:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(224,152,24,.18);}
label.lbl{display:block;font:600 10px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:14px 0 6px;}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

/* --- Footer (matches Legend Store design) ------------------------------- */
.footer{background:var(--navy);border-top:2px solid var(--gold);color:var(--ink-3);margin-top:60px;}
.footer-inner{max-width:1280px;margin:0 auto;padding:44px 24px 24px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.footer-heading{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);}
.footer-col > a{display:block;color:var(--ink-3);font-size:13px;margin-top:8px;cursor:pointer;}
.footer-col > a:first-of-type{margin-top:10px;}
.footer-col > a:hover{color:var(--gold);}
.footer-logo{height:70px;width:auto;filter:brightness(0) invert(1);opacity:.95;}
.footer-body{font-size:12.5px;color:var(--ink-3);line-height:1.6;margin:14px 0 0;max-width:36ch;}
.footer-addr{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:16px;line-height:1.6;}
.footer-contact{font-size:13px;color:var(--ink-3);line-height:1.75;margin-top:10px;}
.footer-contact .gold{color:var(--gold);}
.footer-strip{border-top:1px solid #2c3c58;}
.footer-strip{max-width:1280px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--ink-3);}
.footer-pay{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:9px;color:var(--gold);}

/* --- Toast / Modal (shared with admin) ---------------------------------- */
.toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(14px);
  background:var(--navy);color:var(--gold);padding:12px 20px;font-family:var(--font-mono);
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid rgba(224,152,24,.30);opacity:0;transition:all .18s ease;pointer-events:none;z-index:200;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast.err{background:#7a1c1c;color:#fff;}

.dlg-bg{position:fixed;inset:0;background:rgba(15,26,44,.42);display:none;
  align-items:flex-start;justify-content:center;padding:80px 20px 40px;z-index:100;overflow:auto;}
.dlg-bg.show{display:flex;}
.dlg{background:var(--surface);border:1px solid var(--border);width:100%;max-width:560px;
  box-shadow:0 20px 60px rgba(15,26,44,.28);display:flex;flex-direction:column;max-height:calc(100vh - 120px);}
.dlg.wide{max-width:960px;}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);}
.modal-head h3{margin:0;font-family:var(--font-display);font-size:20px;color:var(--navy);}
.modal-head .x{background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--ink-2);}
.modal-body{padding:20px 22px;overflow:auto;}
.modal-body > * + *{margin-top:12px;}
.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;
  border-top:1px solid var(--border);background:var(--surface-2);}

/* --- Empty / helpers --------------------------------------------------- */
.empty{padding:60px 20px;text-align:center;color:var(--ink-3);font-size:14px;}
.mono{font-family:var(--font-mono);}

/* --- Responsive -------------------------------------------------------- */
@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr;}
  .hero h1{font-size:44px;}
  .hero-visual{height:280px;}
  .cta-inner{grid-template-columns:1fr;}
  .cat-grid,.prod-grid{grid-template-columns:repeat(2,1fr);}
  .cat-layout{grid-template-columns:1fr;}
  .pd-body,.contact-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .nav-search{display:none;}
}
@media(max-width:720px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);
    border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;padding:16px 24px;gap:14px;z-index:35;}
  .nav-links.open{display:flex;}
  .nav-drop{width:100%;}
  .nav-drop-menu{display:block;position:static;border:0;box-shadow:none;padding:6px 0 6px 16px;min-width:0;}
  .burger{display:inline-flex;}
  .nav-strip-contact{font-size:10px;}
  .nav-logo img{height:60px;}
  .hero-inner{padding:52px 20px;}
  .section{padding:40px 20px 10px;}
  .cat-grid,.prod-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;padding:36px 20px 20px;}
  .footer-strip{flex-direction:column;text-align:center;}
}