*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-page);color:var(--ink)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit}img,svg{max-width:100%}[hidden]{display:none !important}.container{max-width:1240px;margin:0 auto;padding:0 var(--space-6)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}.display-2xl{font-family:var(--font-serif);font-weight:500;font-size:56px;line-height:60px}.display-xl{font-family:var(--font-serif);font-weight:500;font-size:40px;line-height:46px}.display-lg{font-family:var(--font-serif);font-weight:500;font-size:28px;line-height:34px}.heading-lg{font-family:var(--font-sans);font-weight:600;font-size:20px;line-height:28px}.heading-md{font-family:var(--font-sans);font-weight:600;font-size:16px;line-height:24px}.heading-sm{font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:20px}.body-lg{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:26px}.body{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:22px}.body-sm{font-family:var(--font-sans);font-weight:400;font-size:13px;line-height:18px}.label-nav{font-family:var(--font-sans);font-weight:500;font-size:13px;line-height:16px;letter-spacing:0.08em}.label-button{font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:16px;letter-spacing:0.03em}.label-badge{font-family:var(--font-sans);font-weight:700;font-size:11px;line-height:14px;letter-spacing:0.04em}.label-price{font-family:var(--font-sans);font-weight:700;font-size:22px;line-height:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;cursor:pointer;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);text-transform:uppercase;text-decoration:none;transition:transform .12s ease, box-shadow .12s ease, background .12s ease}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary{background:var(--accent-600);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-300);color:var(--on-accent-hover)}.btn-primary:active{background:var(--accent-800);color:var(--on-accent-pressed)}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--accent-600);color:var(--accent-text)}.btn[disabled],.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);text-transform:uppercase;white-space:nowrap}.badge-lastpiece{background:var(--surface-elevated);color:var(--danger);border:1px solid var(--danger)}.badge-urgency{background:transparent;color:var(--danger);padding-left:0}.badge-stock-ok{background:transparent;color:var(--success);padding-left:0}.badge.card-stock{white-space:normal}.badge-out{background:transparent;color:var(--ink-muted);padding-left:0}.price{display:flex;flex-direction:column;gap:var(--space-1)}.price-current{color:var(--accent-text)}.price-installment{color:var(--ink-muted)}.card{background:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--border-subtle);transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;text-decoration:none}.card:hover{background:var(--surface-elevated);border-color:var(--accent-600);box-shadow:var(--shadow-md)}.card-link{text-decoration:none;display:block}.card-media{position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:var(--image-ratio);background:var(--surface-elevated);margin-bottom:var(--space-2)}.card-media img{width:100%;height:100%;display:block;object-fit:cover}.card-title{color:var(--ink);margin:0;overflow-wrap:anywhere}.card-stock{margin-top:var(--space-1)}.card-cta{margin-top:auto}.card.card-compact{padding:var(--space-2)}.card.card-compact .card-media{margin-bottom:var(--space-1)}.media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--accent-300)}.media-placeholder svg{width:38%;height:auto;opacity:.7}body[data-card-style="contornado"] .card{background:transparent;border-color:var(--border-strong)}body[data-card-style="contornado"] .card:hover{background:var(--surface-card)}body[data-card-style="plano"] .card{border-color:transparent;box-shadow:var(--shadow-sm)}body[data-card-style="plano"] .card:hover{border-color:transparent}.stepper{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.stepper button{background:var(--surface-card);color:var(--ink);border:none;width:34px;height:34px;font-size:16px;cursor:pointer}.stepper button:hover{background:var(--surface-elevated);color:var(--accent-text)}.stepper button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.stepper input{width:40px;height:34px;border:none;border-left:1px solid var(--border-strong);border-right:1px solid var(--border-strong);background:var(--surface-page);color:var(--ink);text-align:center;font-family:var(--font-sans)}.promo-bar{background:var(--surface-card);border-bottom:1px solid var(--border-subtle);color:var(--ink);text-align:center;padding:var(--space-2) var(--space-4);text-transform:var(--nav-transform)}.site-header{display:flex;align-items:center;gap:var(--space-6);background:var(--surface-mist);padding:var(--space-4) var(--space-6)}.site-header a.logo-link{display:flex;align-items:center;text-decoration:none;color:var(--header-ink);flex:0 1 auto;min-width:0}.site-header .logo{height:56px;width:auto;display:block}.site-header .brand-name{font-family:var(--font-serif);font-weight:500;font-size:26px;line-height:30px;color:var(--header-ink)}.site-search{flex:1;display:flex;align-items:center;background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 var(--space-2) 0 var(--space-4);transition:border-color .15s ease, box-shadow .15s ease;margin:0}.site-search:focus-within{border-color:var(--accent-600);box-shadow:var(--shadow-focus)}.site-search input{flex:1;background:transparent;border:none;color:var(--ink);padding:var(--space-3) 0;font-family:var(--font-sans);min-width:0}.site-search input:focus{outline:none}.site-search input::placeholder{color:var(--ink-faint)}.site-search button{background:var(--accent-600);color:var(--on-accent);border:none;border-radius:var(--radius-sm);width:38px;height:38px;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center}.site-actions{display:flex;align-items:center;gap:var(--space-6);flex:none}.site-action{display:flex;align-items:center;gap:var(--space-2);color:var(--header-ink);text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--font-sans);padding:0}.site-action .icon{color:var(--header-accent);width:22px;height:22px;flex:none}.site-action .meta{display:flex;flex-direction:column;line-height:1.2;text-align:left}.site-action .meta small{color:var(--header-muted)}.site-action:hover .icon{color:var(--header-ink)}body[data-header="centralizado"] .site-header{flex-wrap:wrap;justify-content:center;row-gap:var(--space-4)}body[data-header="centralizado"] .site-header a.logo-link{flex-basis:100%;justify-content:center}body[data-header="centralizado"] .site-search{max-width:560px}body[data-header="centralizado"] .category-nav{justify-content:center}.category-nav{display:flex;gap:var(--space-6);background:var(--surface-mist);padding:var(--space-3) var(--space-6);border-top:1px solid var(--header-line);border-bottom:1px solid var(--header-line);overflow-x:auto}.category-nav a{color:var(--header-muted);text-decoration:none;white-space:nowrap;font-family:var(--font-sans);text-transform:var(--nav-transform)}.category-nav a:hover,.category-nav a.is-active{color:var(--header-accent)}.category-nav a.is-active{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6);background:var(--surface-elevated) center/cover no-repeat;min-height:280px}.hero.has-image{color:#fff}.hero.has-image::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.45)}.hero-inner{position:relative;max-width:720px;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.hero h1{margin:0}.hero p{margin:0}.hero:not(.has-image) p{color:var(--ink-muted)}.section-title{padding:var(--space-10) 0 var(--space-4);margin:0}.section-sub{color:var(--ink-muted);margin:calc(-1 * var(--space-2)) 0 var(--space-4)}.product-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--space-6);padding-bottom:var(--space-10)}body[data-grid="3"] .product-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}body[data-grid="2"] .product-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.empty-state{color:var(--ink-muted);text-align:center;padding:var(--space-16) 0}.pager{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding-bottom:var(--space-16);color:var(--ink-muted)}.pager a{color:var(--accent-text);text-underline-offset:3px}.ship-progress{display:flex;flex-direction:column;gap:var(--space-2)}.ship-progress-row{display:flex;align-items:center;gap:var(--space-2);color:var(--ink-muted)}.ship-progress-icon{flex:none;color:var(--accent-text);width:20px;height:20px}.ship-progress-track{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--surface-card);overflow:hidden}.ship-progress-fill{height:100%;background:var(--accent-600);border-radius:var(--radius-pill);transition:width .25s ease}.link{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-sans)}.order-summary{display:flex;flex-direction:column;gap:var(--space-3)}.order-row{display:flex;justify-content:space-between;color:var(--ink-muted)}.order-row.total{color:var(--ink)}.order-row.total .amount{color:var(--accent-text)}.order-summary hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-2) 0;width:100%}.cart-line{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.cart-line-media{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-card);flex:none}.cart-line-media img{width:100%;height:100%;display:block;object-fit:cover}.cart-line-body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.cart-line-top{display:flex;justify-content:space-between;gap:var(--space-2)}.cart-line-top a{text-decoration:none}.cart-line-remove{color:var(--danger);text-decoration:underline;text-underline-offset:2px;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-sans);flex:none}.cart-line-price{color:var(--accent-text)}.cart-line-bottom{display:flex;align-items:center;justify-content:space-between}.scrim{position:fixed;inset:0;background:var(--overlay-scrim);z-index:40;opacity:0;pointer-events:none;transition:opacity .2s ease}.scrim.is-open{opacity:1;pointer-events:auto}.modal-shell{position:fixed;top:50%;left:50%;transform:translate(-50%, -48%);width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto;background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease}.modal-shell.is-open{opacity:1;pointer-events:auto;transform:translate(-50%, -50%)}.drawer-shell{position:fixed;top:0;right:0;height:100%;width:400px;max-width:100vw;background:var(--surface-elevated);border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .25s ease;visibility:hidden}.drawer-shell.is-open{transform:translateX(0);visibility:visible}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);flex:none}.sheet-close{background:none;border:none;color:var(--ink-muted);cursor:pointer;font-size:24px;line-height:1}.sheet-close:hover{color:var(--accent-text)}.sheet-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;flex:1}.compact-grid{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.compact-grid .card{width:140px}.breadcrumb{color:var(--ink-muted);margin:var(--space-6) 0}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--accent-text)}.breadcrumb .current{color:var(--ink)}.product-layout{display:flex;gap:var(--space-10);align-items:flex-start;padding-bottom:var(--space-10);flex-wrap:wrap}.product-gallery-col{width:520px;max-width:100%}.product-buy-col{flex:1;min-width:300px;display:flex;flex-direction:column;gap:var(--space-4);max-width:480px}.product-title{margin:0;color:var(--ink);font-size:26px;line-height:32px;overflow-wrap:anywhere}.buy-row{display:flex;align-items:center;gap:var(--space-4)}.buy-row .btn{flex:1}.product-note{display:flex;align-items:center;gap:var(--space-2);color:var(--ink-muted)}.product-note svg{flex:none;color:var(--accent-text)}.gallery{display:flex;gap:var(--space-3)}.gallery-thumbs{display:flex;flex-direction:column;gap:var(--space-2);max-height:560px;overflow-y:auto}.gallery-thumb{width:64px;height:64px;flex:none;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-subtle);cursor:pointer;background:var(--surface-elevated);padding:0}.gallery-thumb.is-active{border-color:var(--accent-600);border-width:2px}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-main{position:relative;flex:1;min-width:0;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-elevated);aspect-ratio:var(--image-ratio)}.gallery-main img{width:100%;height:100%;object-fit:cover;display:block}.gallery-counter{position:absolute;top:var(--space-3);right:var(--space-3);background:rgba(0,0,0,0.55);color:#fff;padding:2px 10px;border-radius:var(--radius-pill)}.rich{max-width:760px;padding-bottom:var(--space-10);color:var(--ink)}.rich h2{margin:var(--space-8) 0 var(--space-3)}.rich p{margin:0 0 var(--space-4);white-space:pre-line}.related{padding-bottom:var(--space-16)}.page-head{padding:var(--space-10) 0 var(--space-6)}.page-head h1{margin:0}.page-head p{margin:var(--space-2) 0 0;color:var(--ink-muted)}.about-layout{display:flex;gap:var(--space-10);align-items:flex-start;flex-wrap:wrap;padding-bottom:var(--space-16)}.about-layout .about-text{flex:1 1 360px}.about-layout .about-text p{margin:0 0 var(--space-4);white-space:pre-line}.about-layout figure{flex:0 1 420px;margin:0}.about-layout figure img{width:100%;display:block;border-radius:var(--radius-md)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:var(--space-6);padding-bottom:var(--space-16)}.info-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}body[data-card-style="contornado"] .info-card{background:transparent;border-color:var(--border-strong)}body[data-card-style="plano"] .info-card{border-color:transparent;box-shadow:var(--shadow-sm)}.info-card h2{margin:0}.info-card p{margin:0;color:var(--ink-muted)}.info-card a:not(.btn){color:var(--accent-text);text-underline-offset:3px;overflow-wrap:anywhere}.info-card .btn{align-self:flex-start;margin-top:var(--space-2)}.site-footer{background:var(--surface-card);border-top:1px solid var(--border-subtle);color:var(--ink-muted)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:var(--space-8);padding:var(--space-12) var(--space-6) var(--space-8)}.footer-grid h2{margin:0 0 var(--space-3);color:var(--ink)}.footer-grid p{margin:0 0 var(--space-2)}.footer-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-grid a{text-decoration:none}.footer-grid a:hover{color:var(--accent-text);text-decoration:underline}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer-brand .mark{width:32px;height:32px;color:var(--accent-text)}.footer-brand .brand-name{font-family:var(--font-serif);font-size:24px;line-height:28px;color:var(--ink)}.footer-bottom{border-top:1px solid var(--border-subtle);text-align:center;padding:var(--space-4) var(--space-6)}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}body[data-grid="2"] .product-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 720px){.container{padding:0 var(--space-4)}.site-header{flex-wrap:wrap;padding:var(--space-3) var(--space-4);gap:var(--space-3) var(--space-4)}.site-header .brand-name{font-size:20px;line-height:24px}.site-search{order:3;flex-basis:100%}.site-actions{gap:var(--space-4);margin-left:auto}.site-action .meta small{display:none}.category-nav{padding:var(--space-3) var(--space-4);gap:var(--space-5)}.product-grid,body[data-grid="3"] .product-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-3)}.card{padding:var(--space-3)}.drawer-shell{width:100vw;border-radius:0}.product-gallery-col{width:100%}.gallery{flex-direction:column-reverse}.gallery-thumbs{flex-direction:row;max-height:none;overflow-x:auto}.display-2xl{font-size:36px;line-height:42px}.display-xl{font-size:30px;line-height:36px}.hero{padding:var(--space-12) var(--space-4);min-height:220px}}.checkout-layout{display:flex;gap:var(--space-10);align-items:flex-start;flex-wrap:wrap;padding-bottom:var(--space-16)}.checkout-form{flex:1 1 520px;display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.checkout-form fieldset{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);margin:0}.checkout-form legend{padding:0 var(--space-2);color:var(--ink)}.field-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 200px;min-width:0}.field--wide{flex:2 1 300px}.field--narrow{flex:0 1 110px}.field--full{flex:1 1 100%}.field span{color:var(--ink-muted)}.field input,.field select{background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--ink);font-family:var(--font-sans);font-size:14px;min-width:0}.field input:focus,.field select:focus{outline:none;border-color:var(--accent-600);box-shadow:var(--shadow-focus)}.field input.has-error,.field select.has-error{border-color:var(--danger)}.pay-options{display:flex;flex-direction:column;gap:var(--space-3)}.pay-option{display:block;cursor:pointer}.pay-option input{position:absolute;opacity:0}.pay-option__box{display:flex;flex-direction:column;gap:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color .15s ease, box-shadow .15s ease}.pay-option__box .body-sm{color:var(--ink-muted)}.pay-option input:checked+.pay-option__box{border-color:var(--accent-600);box-shadow:var(--shadow-focus)}.pay-option input:focus-visible+.pay-option__box{box-shadow:var(--shadow-focus)}.checkout-errors{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.checkout-errors ul{margin:0;padding-left:var(--space-5)}.checkout-summary{flex:0 1 380px;width:100%;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);position:sticky;top:var(--space-4)}.checkout-summary h2{margin:0 0 var(--space-2)}.order-layout{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:var(--space-6);padding-bottom:var(--space-16)}.order-layout .info-card p{overflow-wrap:anywhere}.order-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.order-lines li{display:flex;justify-content:space-between;gap:var(--space-4);color:var(--ink-muted)}.order-lines li.total{color:var(--ink);font-weight:700;border-top:1px solid var(--border-subtle);padding-top:var(--space-2)}.badge-status{background:var(--surface-elevated);color:var(--ink);border:1px solid var(--border-strong)}.badge-status.badge-approved{color:var(--success);border-color:var(--success)}.badge-status.badge-rejected,.badge-status.badge-cancelled{color:var(--danger);border-color:var(--danger)}.pix-box{display:flex;gap:var(--space-6);flex-wrap:wrap;align-items:flex-start}.pix-qr{width:200px;height:200px;background:#fff;padding:var(--space-2);border-radius:var(--radius-sm);flex:none}.pix-qr svg{width:100%;height:100%;display:block}.pix-code{flex:1 1 220px;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.pix-code textarea{width:100%;background:var(--surface-page);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-3);font-family:monospace;font-size:12px;resize:none}.auth-layout{padding-bottom:var(--space-16)}.auth-form{max-width:440px;flex:none}.auth-form--wide{max-width:820px;padding-bottom:var(--space-16)}.auth-form .field{flex:1 1 100%}.auth-form--wide .field{flex:1 1 200px}.auth-form--wide .field--wide{flex:2 1 300px}.auth-form--wide .field--narrow{flex:0 1 110px}.checkout-identity{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}.checkout-identity form{margin:0}.wa-note{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);color:var(--ink)}.ship-est{display:flex;flex-direction:column;gap:var(--space-1)}.ship-est-row{display:flex;gap:var(--space-2)}.ship-est input{flex:1;background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--ink);font-family:var(--font-sans);min-width:0}.ship-est input:focus{outline:none;border-color:var(--accent-600);box-shadow:var(--shadow-focus)}.ship-est button{background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 var(--space-4);color:var(--ink);cursor:pointer;font-family:var(--font-sans)}.ship-est button:hover{border-color:var(--accent-600);color:var(--accent-text)}.ship-line{display:flex;justify-content:space-between;gap:var(--space-3)}.pay-option__box.is-line{flex-direction:row;justify-content:space-between;align-items:center}
