/* Ecosave v238.10 - UI/UX polish layer
   Loaded after theme-system.css so the Admin-selected theme remains the source of truth.
   Visual/interaction polish only: no pricing, auth, API, quote or database behavior changes. */

:root{
  --ux-surface:var(--theme-card,#fff);
  --ux-surface-2:color-mix(in srgb,var(--theme-card,#fff) 84%,var(--theme-soft,#eef3ee));
  --ux-border:color-mix(in srgb,var(--theme-line,#dde5df) 88%,transparent);
  --ux-muted:var(--theme-muted,#68776f);
  --ux-ink:var(--theme-ink,#17271f);
  --ux-shadow-1:0 1px 2px rgba(18,36,28,.04),0 8px 24px rgba(18,36,28,.055);
  --ux-shadow-2:0 18px 46px rgba(18,36,28,.11);
  --ux-radius:18px;
  --ux-radius-sm:12px;
}

html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:disabled,[aria-disabled="true"]{cursor:not-allowed!important;opacity:.58}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--ux-muted) 72%,transparent)}

/* Clear, consistent keyboard focus without changing mouse interactions. */
:where(button,a,input,select,textarea,[tabindex]):focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary,#295640) 17%,transparent)!important;
}

/* ---------------- Public catalog ---------------- */
body:not(.ecosave-auth) .top{
  border-bottom:1px solid var(--ux-border)!important;
  box-shadow:0 8px 28px rgba(18,36,28,.045)!important;
}
body:not(.ecosave-auth) .search input{
  min-height:46px;
  border-color:var(--ux-border)!important;
  background:color-mix(in srgb,var(--ux-surface) 82%,var(--theme-soft,#eef3ee))!important;
}
body:not(.ecosave-auth) .search input:focus{background:var(--ux-surface)!important}
.hero{padding-top:clamp(28px,4vw,54px)!important}
.hero p{line-height:1.65!important}
.hero-right .tpill{box-shadow:0 5px 18px rgba(18,36,28,.055)!important}
.collection-card{
  border-color:var(--ux-border)!important;
  box-shadow:var(--ux-shadow-1)!important;
}
.collection-card:hover{box-shadow:var(--ux-shadow-2)!important}
.side.filter-card{
  border-color:var(--ux-border)!important;
  box-shadow:var(--ux-shadow-1)!important;
}
.filter-title{align-items:center!important}
.filter-title h3{letter-spacing:-.015em}
.filter label{letter-spacing:.055em!important}
.chip{min-height:34px}
.toolbar{min-height:44px}
#sort{min-height:42px!important}
.product{
  border-color:var(--ux-border)!important;
  box-shadow:var(--ux-shadow-1)!important;
}
.product:hover{box-shadow:var(--ux-shadow-2)!important}
.product .pbody h3{letter-spacing:-.012em!important}
.product .p-sku{color:var(--ux-muted)!important}
.product .price-main{letter-spacing:-.02em!important}
.product .card-view{min-height:42px!important}
.product-select{transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease!important}
.product-select:active{transform:scale(.96)!important}

/* Selection/enquiry flow: stronger hierarchy and clearer action area. */
.mobile-selection-bar{
  border-color:var(--ux-border)!important;
  box-shadow:0 18px 52px rgba(18,36,28,.18)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.mobile-selection-bar b{font-size:14px!important}
.mobile-selection-actions{display:flex!important;align-items:center!important;gap:8px!important}
.selection-product{
  border-color:var(--ux-border)!important;
  box-shadow:0 7px 20px rgba(18,36,28,.055)!important;
}
.selection-product-info b{letter-spacing:-.01em}
.selection-sheet-actions,.eq-actions{gap:10px!important}
.selection-primary,.selection-secondary,.selection-share,.selection-review-btn,.selection-download{
  min-height:44px;
}
.pdf-option{transition:border-color .14s ease,background-color .14s ease,transform .14s ease}
.pdf-option:hover{border-color:color-mix(in srgb,var(--theme-primary,#295640) 38%,var(--ux-border));background:var(--ux-surface)}
.eq-customer-grid input,.eq-notes textarea,.eq-discount input,.pdf-field select,.pdf-field input{
  min-height:43px;
}
.eq-summary{background:var(--ux-surface-2)!important}
.eq-success-icon{box-shadow:0 10px 26px color-mix(in srgb,var(--theme-primary,#295640) 22%,transparent)}

/* Product details */
.pd-shell{max-width:1260px!important}
.pd-card{
  border-color:var(--ux-border)!important;
  box-shadow:var(--ux-shadow-2)!important;
}
.pd-image{background:#fff!important}
.pd-image img{filter:none!important}
.pd-info{min-width:0}
.pd-info h1{color:var(--ux-ink);letter-spacing:-.035em!important}
.pd-grid>div{background:var(--ux-surface-2)!important;border-color:var(--ux-border)!important}
.pd-section p{line-height:1.72!important}
.pd-actions button{min-height:44px}
.pd-secondary:hover{border-color:color-mix(in srgb,var(--theme-primary,#295640) 38%,var(--ux-border))!important;background:var(--theme-primary-soft,#eef3ee)!important}

/* Kit builder */
.kb-top{box-shadow:0 7px 24px rgba(18,36,28,.045)!important}
.kb-shell{gap:24px!important}
.kb-toolbar h1{letter-spacing:-.025em}
.kb-toolbar select,.kb-toolbar input{min-height:44px;border-color:var(--ux-border)!important}
.kb-card{
  border-color:var(--ux-border)!important;
  box-shadow:var(--ux-shadow-1)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.kb-card:hover{transform:translateY(-2px);box-shadow:var(--ux-shadow-2)!important}
.kb-pic{background:#fff!important}
.kb-card h3{letter-spacing:-.01em}
.kb-row button{min-height:38px}
.kb-summary{
  border-color:var(--ux-border)!important;
  box-shadow:var(--ux-shadow-1)!important;
}
.kb-actions button{min-height:42px!important}
.kb-export-dialog{box-shadow:0 28px 72px rgba(18,36,28,.20)!important}

/* ---------------- Admin ---------------- */
.app .main{min-width:0}
.app .side#adminSide{
  border-right:1px solid color-mix(in srgb,var(--theme-on-primary,#fff) 10%,transparent)!important;
  box-shadow:8px 0 30px rgba(12,34,23,.08)!important;
}
.app .side#adminSide h2{margin-bottom:14px!important}
.app .side#adminSide .nav{
  min-height:42px;
  display:flex;
  align-items:center;
  border-radius:11px!important;
  margin:2px 0!important;
  line-height:1.25;
}
.app .side#adminSide .backup-btn{width:100%;margin:0 0 8px!important;min-height:38px}
.app .main>.top{
  align-items:center!important;
  gap:18px;
  margin-bottom:6px;
}
.app .main>.top h1{letter-spacing:-.035em!important}
.app .main>.top p{line-height:1.45}
.app .stats{gap:14px!important}
.app .stat,.app .panel{
  border-color:var(--ux-border)!important;
  box-shadow:var(--ux-shadow-1)!important;
}
.app .stat{min-height:118px}
.app .stat b{letter-spacing:-.035em}
.app .panel{overflow:visible}
.app .panel h2,.app .panel h3{letter-spacing:-.02em}
.app .btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.app .btn.primary{box-shadow:0 8px 22px color-mix(in srgb,var(--theme-accent,#c1662c) 22%,transparent)!important}
.app .btn:active{transform:translateY(0)!important}
.app table{border-collapse:separate!important;border-spacing:0!important}
.app table th{position:sticky;top:0;z-index:1;background:var(--ux-surface-2)!important}
.app table td{border-bottom-color:var(--ux-border)!important}
.app table tr:last-child td{border-bottom:0}
.app table tbody tr{transition:background-color .12s ease}
.app table tbody tr:hover td{background:color-mix(in srgb,var(--theme-primary-soft,#eef3ee) 40%,var(--ux-surface))!important}
.app .field label{font-weight:700}
.app .field input,.app .field textarea,.app .field select,.app .admin-pricing input{
  min-height:42px;
  border-color:var(--ux-border)!important;
  background:var(--ux-surface)!important;
}
.app .dialog{border-color:var(--ux-border)!important;box-shadow:0 30px 80px rgba(18,36,28,.22)!important}
.products-mobile-list .product-mobile-card{border-color:var(--ux-border)!important;box-shadow:var(--ux-shadow-1)!important}
.enquiry-detail-card,.enquiry-total-card,.enquiry-notes,.enquiry-empty,.enquiry-error,
.quote-edit-items,.dealer-quote-items,.quote-action-panel{border-color:var(--ux-border)!important}
.analytics-kpi,.analytics-card,.analytics-shell{border-color:var(--ux-border)!important}

/* ---------------- Dealer portal ---------------- */
.dealer-app .dealer-main{min-width:0}
.dealer-app .dealer-side{
  border-right:1px solid color-mix(in srgb,var(--theme-on-primary,#fff) 10%,transparent)!important;
  box-shadow:8px 0 30px rgba(12,34,23,.08)!important;
}
.dealer-app .dealer-side .nav{
  min-height:42px;
  display:flex;
  align-items:center;
  border-radius:11px!important;
  margin:2px 0!important;
  line-height:1.25;
}
.dealer-app .dealer-user{border-radius:14px!important}
.dealer-app .dealer-main>.top{align-items:center!important;gap:16px}
.dealer-app .dealer-main>.top h1{letter-spacing:-.035em!important}
.dealer-app .dealer-main>.top p{line-height:1.45}
.dealer-app .top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dealer-app .btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.dealer-app .panel,.dealer-app .dealer-card,.dealer-app .dp-row{
  border-color:var(--ux-border)!important;
  box-shadow:var(--ux-shadow-1)!important;
}
.dealer-app .panel h2,.dealer-app .panel h3{letter-spacing:-.02em}
.dealer-app input,.dealer-app select,.dealer-app textarea{min-height:42px}
.dealer-app .dealer-quote-row,.dealer-app .dealer-enquiry-row,.dealer-app .dealer-enquiry-item{
  border-color:var(--ux-border)!important;
  box-shadow:0 5px 16px rgba(18,36,28,.045);
}
.dealer-app .analytics-kpi{box-shadow:0 5px 18px rgba(18,36,28,.045)}
.dealer-app .analytics-table-wrap,.dealer-app .analytics-activity{border-color:var(--ux-border)!important}
.dealer-app .analytics-table tbody tr:hover td{background:color-mix(in srgb,var(--theme-primary-soft,#eef3ee) 42%,#fff)}

/* Auth/reset/verify screens */
.ecosave-auth{
  background:
    radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--theme-primary,#295640) 11%,transparent),transparent 26rem),
    radial-gradient(circle at 88% 88%,color-mix(in srgb,var(--theme-accent,#c1662c) 9%,transparent),transparent 24rem),
    var(--theme-bg,#f4f7f3)!important;
  padding:18px;
}
.ecosave-auth .box,.ecosave-auth .change-card{
  border:1px solid var(--ux-border)!important;
  background:var(--ux-surface)!important;
  box-shadow:0 26px 70px rgba(18,36,28,.14)!important;
}
.ecosave-auth .box{border-radius:24px!important}
.ecosave-auth .box h2{letter-spacing:-.025em;color:var(--ux-ink)}
.ecosave-auth .box input,.ecosave-auth .change-card input{
  min-height:46px;
  border-color:var(--ux-border)!important;
  background:var(--ux-surface)!important;
}
.ecosave-auth .box button,.ecosave-auth .change-card .update-btn{min-height:46px}

/* Public quote page; class is added by v238.10. */
.ecosave-quote-page{background:color-mix(in srgb,#fff 76%,var(--primary,#295640))!important}
.ecosave-quote-page .tools{box-shadow:0 8px 28px rgba(18,36,28,.07)}
.ecosave-quote-page .tools button,.ecosave-quote-page .tools a{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.ecosave-quote-page .page{border-radius:18px;box-shadow:0 22px 64px rgba(18,36,28,.16)!important}
.ecosave-quote-page .box,.ecosave-quote-page .table-wrap,.ecosave-quote-page .summary,.ecosave-quote-page .response{box-shadow:0 5px 18px rgba(18,36,28,.04)}
.ecosave-quote-page tbody tr:hover td{background:#fbfcfb}

/* Mobile refinements */
@media(max-width:900px){
  .app .main,.dealer-app .dealer-main{padding-left:14px!important;padding-right:14px!important}
  .app .main>.top,.dealer-app .dealer-main>.top{align-items:flex-start!important}
  .dealer-app .top-actions{justify-content:flex-start}
  .kb-card:hover,.product:hover{transform:none!important}
}
@media(max-width:700px){
  .mobile-selection-bar{border-radius:16px!important}
  .selection-sheet-actions,.eq-actions{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .pd-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .pd-actions .pd-primary{grid-column:1/-1}
}
@media(max-width:600px){
  .app .mobile-topbar,.dealer-app .dealer-mobile-bar{box-shadow:0 7px 24px rgba(18,36,28,.055)}
  .admin-mobile-bottom,.dealer-bottom-nav{box-shadow:0 -8px 28px rgba(18,36,28,.08)}
  .admin-mobile-bottom button,.dealer-bottom-nav button{min-height:54px}
  .app .main>.top .btn.primary{width:100%}
  .dealer-app .top-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .dealer-app .top-actions .btn.primary{grid-column:1/-1}
  .ecosave-quote-page .page{border-radius:0!important}
}
@media(max-width:440px){
  .pd-actions{grid-template-columns:1fr!important}
  .pd-actions .pd-primary{grid-column:auto}
}

/* Respect users who prefer reduced animation. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Visual Kit chrome only - canvas/artwork styling is intentionally untouched. */
.vkb-page .top,.admin-vkb-page header.top{box-shadow:0 8px 28px rgba(18,36,28,.08)!important}
.vkb-page .panel,.vkb-page .preview,.vkb-page .toolPanel,
.admin-vkb-page .panel,.admin-vkb-page .preview{
  border-color:var(--ux-border)!important;
  box-shadow:var(--ux-shadow-1)!important;
}
.vkb-page header.top .top-action,.admin-vkb-page header.top .btn{min-height:39px}
.vkb-page input,.vkb-page select,.vkb-page textarea,.admin-vkb-page input,.admin-vkb-page select,.admin-vkb-page textarea{border-color:var(--ux-border)!important}

/* Dealer Visual Kits listing */
.vk-shell{max-width:1520px!important}
.vk-card,.vk-kit{border-color:var(--ux-border)!important;box-shadow:var(--ux-shadow-1)!important}
.vk-kit{transition:transform .14s ease,box-shadow .14s ease}
.vk-kit:hover{box-shadow:var(--ux-shadow-2)!important}
.vk-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.vk-input,.vk-select{min-height:44px;border-color:var(--ux-border)!important}
.vk-note{border-color:var(--ux-border)!important;background:var(--ux-surface-2)!important}

@media print{
  .ecosave-quote-page{background:#fff!important}
  .ecosave-quote-page .page{border-radius:0!important;box-shadow:none!important}
  .ecosave-quote-page .box,.ecosave-quote-page .table-wrap,.ecosave-quote-page .summary,.ecosave-quote-page .response{box-shadow:none!important}
}

/* ================================================================
   v238.12 Admin sidebar - grouped, compact and collapsible
   ================================================================ */
@media(min-width:801px){
  .app{grid-template-columns:248px minmax(0,1fr)!important;transition:grid-template-columns .18s ease}
  body.admin-side-collapsed .app{grid-template-columns:74px minmax(0,1fr)!important}
}
.app .side#adminSide{
  padding:12px 10px!important;
  display:flex!important;
  flex-direction:column;
  height:100vh;
  min-height:0;
  overflow:hidden!important;
}
@media(min-width:801px){.app .side#adminSide{position:sticky;top:0}}
.side-brand{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.side-brand h2{min-width:0;white-space:nowrap;overflow:hidden}
.side-collapse{width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:20px;line-height:1;transition:background .15s ease,transform .18s ease}
.side-collapse:hover{background:rgba(255,255,255,.13)}
.side-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:9px 1px 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.side-scroll::-webkit-scrollbar{width:5px}.side-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:20px}
.app .side#adminSide .side-item{appearance:none;width:100%;border:1px solid transparent;background:transparent;text-align:left;color:#d9e5df!important;font:inherit;font-size:12.5px;font-weight:650;min-height:38px!important;padding:7px 9px!important;margin:2px 0!important;display:flex;align-items:center;gap:9px;border-radius:10px!important;cursor:pointer;white-space:nowrap}
.app .side#adminSide .side-item:hover,.app .side#adminSide .side-item.active{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.06)!important;color:#fff!important}
.side-icon{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;font-size:15px;line-height:1;color:#f0f5f2}
.side-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.side-group{margin:4px 0;border-radius:11px}
.side-group-toggle{appearance:none;width:100%;height:32px;border:0;background:transparent;color:#9fb8aa;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;border-radius:8px;font:inherit;font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.side-group-toggle:hover{background:rgba(255,255,255,.055);color:#cbdad2}
.side-group-name{display:flex;align-items:center;gap:8px;min-width:0}.side-group-icon{width:18px;text-align:center;font-size:12px}
.side-chevron{font-size:15px;transition:transform .16s ease}.side-group.is-open .side-chevron{transform:rotate(180deg)}
.side-group-items{display:none;padding:1px 0 3px 7px}.side-group.is-open .side-group-items{display:block}
.side-group-items .side-item{padding-left:9px!important}
.side-utilities{flex:0 0 auto;border-top:1px solid rgba(255,255,255,.09);padding:8px 1px 0}
.app .side#adminSide .side-utilities .side-item{min-height:34px!important;padding-top:5px!important;padding-bottom:5px!important;font-size:11.5px;color:#c3d3ca!important}
.app .side#adminSide .side-utilities .is-logout{color:#f0c7bf!important}

@media(min-width:801px){
  body.admin-side-collapsed .side-brand{justify-content:center;padding-left:0;padding-right:0}
  body.admin-side-collapsed .side-brand h2{display:none!important}
  body.admin-side-collapsed .side-collapse{width:42px;height:36px;flex-basis:36px;margin:0 auto;border-radius:10px;transform:rotate(180deg)}
  body.admin-side-collapsed .side-group-toggle{display:none}
  body.admin-side-collapsed .side-group-items{display:block!important;padding:0}
  body.admin-side-collapsed .side-group{margin:1px 0}
  body.admin-side-collapsed .side-label{display:none}
  body.admin-side-collapsed .app .side#adminSide .side-item{width:46px;height:42px;min-height:42px!important;margin:2px auto!important;padding:0!important;justify-content:center;gap:0;border-radius:11px!important}
  body.admin-side-collapsed .side-icon{width:24px;height:24px;flex-basis:24px;font-size:16px}
  body.admin-side-collapsed .side-utilities{padding-top:6px}
}

@media(max-width:800px){
  .app .side#adminSide{display:flex!important;width:min(286px,82vw)!important;padding:10px 9px!important;height:100dvh!important;overflow:hidden!important}
  .side-brand{height:50px;flex-basis:50px;padding:1px 4px 7px}
  .side-brand h2{font-size:17px!important}
  .side-collapse{display:none!important}
  .side-scroll{padding-top:7px}
  .app .side#adminSide .side-item{min-height:40px!important;padding:7px 9px!important;font-size:13px}
  .side-group{margin:3px 0}
  .side-group-toggle{height:34px;font-size:10px;padding:4px 8px}
  .side-group-items{padding-left:5px}
  .side-utilities{padding-top:6px;background:linear-gradient(180deg,rgba(31,68,48,0),rgba(31,68,48,.18))}
  .app .side#adminSide .side-utilities .side-item{min-height:35px!important}
}


/* v238.13 dealer compact workspace — loaded last so these density rules win */
.dealer-app .dealer-side .dealer-nav-item.child{min-height:35px!important;margin:2px 0 2px 10px!important;width:calc(100% - 10px)!important}
.dealer-app .dealer-side .dealer-nav-item.utility{min-height:38px!important}
.dealer-app .dealer-pricing-panel .dp-row{box-shadow:none!important}
.dealer-app .dealer-pricing-panel .dp-custom input,
.dealer-app .dealer-pricing-panel .pricing-search input,
.dealer-app .dealer-pricing-panel .pricing-select,
.dealer-app .dealer-pricing-panel .pricing-custom-toggle{min-height:36px!important}
@media(max-width:800px){
  .dealer-app .dealer-side .dealer-nav-item.child{min-height:39px!important;margin-left:8px!important;width:calc(100% - 8px)!important}
  .dealer-app .dealer-pricing-panel .dp-row{box-shadow:0 4px 15px rgba(18,36,28,.04)!important}
  .dealer-app .dealer-pricing-panel .dp-custom input{min-height:40px!important}
}


/* v238.18 — compact public/dealer catalog above-the-fold experience. */
@media(min-width:851px){
  body:not(.ecosave-auth) .top{
    padding-top:10px!important;padding-bottom:10px!important;min-height:66px!important;
  }
  body:not(.ecosave-auth) .leaf{width:42px!important;height:42px!important;flex:0 0 42px!important}
  body:not(.ecosave-auth) .hero{
    padding:22px 5vw 14px!important;gap:20px!important;align-items:center!important;
  }
  body:not(.ecosave-auth) .hero .kicker{padding:6px 10px!important;font-size:10px!important}
  body:not(.ecosave-auth) .hero h1{
    margin-top:10px!important;font-size:clamp(34px,3vw,42px)!important;line-height:1.05!important;
  }
  body:not(.ecosave-auth) .hero p{
    margin-top:9px!important;font-size:14px!important;line-height:1.48!important;max-width:610px!important;
  }
  body:not(.ecosave-auth) .hero-right{gap:9px!important}
  body:not(.ecosave-auth) .trust{gap:7px!important}
  body:not(.ecosave-auth) .tpill{padding:6px 10px!important;font-size:10px!important}
  body:not(.ecosave-auth) .hero-stats{gap:18px!important}
  body:not(.ecosave-auth) .hero-stats .hstat b{font-size:20px!important}
  body:not(.ecosave-auth) .hero-stats .hstat span{font-size:10px!important;margin-top:3px!important}
  body:not(.ecosave-auth) .collection-showcase{padding-top:2px!important;padding-bottom:17px!important}
  body:not(.ecosave-auth) .collection-card{padding:9px 14px!important;min-height:66px!important}
  body:not(.ecosave-auth) .collection-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
}
@media(max-width:850px){
  body:not(.ecosave-auth) .hero{padding-top:16px!important;padding-bottom:10px!important}
  body:not(.ecosave-auth) .collection-showcase{padding-bottom:14px!important}
}