html{--lumo-primary-color: #1f7a4d;--lumo-primary-color-50pct: rgba(31,122,77,0.5);--lumo-primary-color-10pct: rgba(31,122,77,0.1);--lumo-primary-text-color: #1a6b43;--lumo-border-radius-m: 8px;--lumo-border-radius-l: 12px;--cw-page-bg: #f5f7f6}body{background: var(--cw-page-bg)}vaadin-app-layout::part(navbar){background: var(--lumo-base-color);border-bottom: 1px solid var(--lumo-contrast-10pct);box-shadow: none}.cw-page{width: 100%;max-width: 1200px;margin: 0 auto;box-sizing: border-box}.cw-page-header h2{margin: 0}.cw-page-subtitle{color: var(--lumo-secondary-text-color);margin: 0}.cw-panel{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-m);box-sizing: border-box}.cw-navbar{padding: 0 var(--lumo-space-m);gap: var(--lumo-space-m);min-width: 0}.cw-logo{display: inline-flex;align-items: center;gap: var(--lumo-space-s);font-size: var(--lumo-font-size-l);font-weight: 700;color: var(--lumo-primary-text-color);text-decoration: none;white-space: nowrap}.cw-logo:hover{text-decoration: none;opacity: 0.85}.cw-nav{display: flex;gap: var(--lumo-space-xs);overflow-x: auto;min-width: 0;scrollbar-width: none}.cw-nav-link{padding: var(--lumo-space-xs) var(--lumo-space-s);border-radius: var(--lumo-border-radius-m);color: var(--lumo-body-text-color);font-size: var(--lumo-font-size-s);font-weight: 500;text-decoration: none;white-space: nowrap}.cw-nav-link:hover{background: var(--lumo-contrast-5pct);text-decoration: none}.cw-nav-link[highlight]{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}.cw-account-button{flex-shrink: 0}@media (max-width: 700px){.cw-navbar{flex-wrap: wrap;row-gap: 0;padding-top: var(--lumo-space-xs)}.cw-logo{flex: 1}.cw-nav{order: 3;width: 100%;padding-bottom: var(--lumo-space-xs)}}.cw-search-controls vaadin-select{width: 13rem;flex-shrink: 0}.cw-search-filters{flex-wrap: wrap;gap: var(--lumo-space-s);align-items: end;padding: var(--lumo-space-s) 0}.cw-search-filters vaadin-select,.cw-search-filters vaadin-number-field{min-width: 10rem;flex: 1 1 10rem}.cw-category-filters{display: flex;flex: 1 1 18rem;flex-wrap: wrap;gap: var(--lumo-space-s)}.cw-category-filters vaadin-select{min-width: 10rem;flex: 1 1 10rem}.cw-search-filters vaadin-checkbox{flex: 0 0 auto;padding: 0 var(--lumo-space-s) var(--lumo-space-m)}.cw-filter-hint{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.cw-result-count{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.cw-product-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(210px,1fr));gap: var(--lumo-space-m);width: 100%}.cw-empty-state{display: flex;flex-direction: column;align-items: center;gap: var(--lumo-space-xs);width: 100%;padding: var(--lumo-space-xl) 0;color: var(--lumo-secondary-text-color);text-align: center}.cw-empty-state span:first-child{color: var(--lumo-body-text-color);font-weight: 600}@media (max-width: 600px){.cw-search-controls{flex-wrap: wrap}.cw-search-controls vaadin-select{width: 100%}.cw-search-filters vaadin-select,.cw-search-filters vaadin-number-field{flex-basis: calc(50% - var(--lumo-space-s))}.cw-category-filters{flex-basis: 100%}.cw-product-grid{grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: var(--lumo-space-s)}}.cw-product-card{display: flex;flex-direction: column;min-width: 0;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);overflow: hidden;transition: box-shadow 0.15s ease,transform 0.15s ease}.cw-product-card:hover{box-shadow: var(--lumo-box-shadow-s);transform: translateY(-2px)}.cw-card-image{display: flex;align-items: center;justify-content: center;height: 170px;padding: var(--lumo-space-s);background: #fff;cursor: pointer;color: var(--lumo-contrast-30pct)}.cw-card-image img{max-width: 100%;max-height: 100%;object-fit: contain}.cw-card-image vaadin-icon{width: 48px;height: 48px}.cw-card-info{display: flex;flex-direction: column;gap: 2px;flex: 1;padding: var(--lumo-space-s) var(--lumo-space-m) 0;border-top: 1px solid var(--lumo-contrast-5pct)}.cw-card-brand{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);font-weight: 600;letter-spacing: 0.03em;text-transform: uppercase}.cw-card-name{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.6em;line-height: 1.3;font-size: var(--lumo-font-size-s);font-weight: 500;cursor: pointer}.cw-card-name:hover{color: var(--lumo-primary-text-color)}.cw-card-price{margin-top: var(--lumo-space-xs);font-size: var(--lumo-font-size-l);font-weight: 700}.cw-card-stores{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs)}.cw-card-checked{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xxs)}.cw-card-controls{display: flex;align-items: center;justify-content: space-between;gap: var(--lumo-space-xs);padding: var(--lumo-space-s) var(--lumo-space-m) var(--lumo-space-m)}.cw-card-add{width: 100%;margin: 0}.cw-card-quantity{font-size: var(--lumo-font-size-s);font-weight: 600;white-space: nowrap}.cw-product-details{display: flex;flex-direction: column;gap: var(--lumo-space-l)}.cw-inspection-product,.cw-inspection-listing{padding: var(--lumo-space-m);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l)}.cw-listing-details-list{display: flex;flex-direction: column;gap: var(--lumo-space-m)}.cw-listing-details-list>h3{margin: 0}.cw-inspection-listing-heading{display: flex;justify-content: space-between;align-items: baseline;gap: var(--lumo-space-m);margin-bottom: var(--lumo-space-s)}.cw-inspection-listing-heading h3{margin: 0}.cw-inspection-listing-heading span{font-size: var(--lumo-font-size-l);font-weight: 700}.cw-inspection-image{display: block;max-width: 100%;max-height: 240px;margin: 0 auto var(--lumo-space-m);object-fit: contain}.cw-inspection-fact{display: flex;justify-content: space-between;gap: var(--lumo-space-m);padding: var(--lumo-space-xs) 0;border-bottom: 1px solid var(--lumo-contrast-5pct)}.cw-inspection-fact-label{color: var(--lumo-secondary-text-color);flex: 0 0 34%}.cw-inspection-fact-value{margin: 0;text-align: right;overflow-wrap: anywhere}@media (max-width: 600px){.cw-card-image{height: 130px}.cw-inspection-fact{flex-direction: column;gap: 0}.cw-inspection-fact-value{text-align: left}}.cw-store-toolbar vaadin-text-field{min-width: 12rem}.cw-store-options::part(group-field){display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: var(--lumo-space-s)}.cw-store-options vaadin-checkbox{align-items: center;padding: var(--lumo-space-s) var(--lumo-space-m);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-base-color)}.cw-store-options vaadin-checkbox[checked]{border-color: var(--lumo-primary-color-50pct);background: var(--lumo-primary-color-10pct)}.cw-home h1{margin: var(--lumo-space-l) 0 0;font-size: var(--lumo-font-size-xxxl);line-height: 1.15}.cw-home>.cw-page-subtitle{max-width: 40rem;font-size: var(--lumo-font-size-l)}.cw-home-steps{margin-top: var(--lumo-space-l);gap: var(--lumo-space-m)}.cw-home-step{flex: 1 1 14rem}.cw-home-step h3{margin: var(--lumo-space-s) 0 var(--lumo-space-xs);font-size: var(--lumo-font-size-l)}.cw-home-step p{margin: 0;color: var(--lumo-secondary-text-color)}.cw-home-step-number{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;border-radius: 50%;background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color);font-weight: 700}@media (max-width: 600px){.cw-home h1{font-size: var(--lumo-font-size-xxl)}}.cw-travel{display: flex;flex-direction: column;gap: var(--lumo-space-s)}.cw-travel-result{display: flex;flex-direction: column;gap: var(--lumo-space-xs)}.cw-travel-total{font-size: var(--lumo-font-size-l);font-weight: 700}.cw-travel-problem{color: var(--lumo-error-text-color)}.cw-map-controls{padding: var(--lumo-space-m);box-sizing: border-box;width: 100%}.cw-map-settings{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.cw-compare-section{width: 100%;margin-bottom: var(--lumo-space-l)}.cw-compare-section h3{margin: var(--lumo-space-m) 0 var(--lumo-space-xs)}.cw-option-cards{display: flex;flex-direction: column;gap: var(--lumo-space-m);margin-top: var(--lumo-space-m)}.cw-option-card{display: grid;grid-template-columns: minmax(15rem,19rem) 1fr;gap: var(--lumo-space-l)}.cw-option-summary{display: flex;flex-direction: column;gap: var(--lumo-space-xs)}.cw-option-where{border-left: 1px solid var(--lumo-contrast-10pct);padding-left: var(--lumo-space-l)}.cw-where-title{display: block;font-weight: 600;margin-bottom: var(--lumo-space-s)}.cw-where-columns{display: grid;grid-template-columns: repeat(auto-fill,minmax(15rem,1fr));gap: var(--lumo-space-m) var(--lumo-space-l)}.cw-cheapest{font-weight: 700;color: var(--lumo-primary-text-color)}.cw-price-verdicts{max-width: 36rem;margin-top: var(--lumo-space-s)}@media (max-width: 760px){.cw-option-card{grid-template-columns: 1fr}.cw-option-where{border-left: none;padding-left: 0}}.cw-option-label{align-self: flex-start;padding: 2px 10px;border-radius: 999px;background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color);font-size: var(--lumo-font-size-s);font-weight: 600}.cw-option-total{font-size: var(--lumo-font-size-xxl);font-weight: 700}.cw-option-summary vaadin-button{margin-top: var(--lumo-space-s);align-self: flex-start}.cw-line{display: flex;justify-content: space-between;gap: var(--lumo-space-m);padding: 4px 0;border-bottom: 1px solid var(--lumo-contrast-10pct)}.cw-line-value{font-weight: 600;white-space: nowrap}.cw-where-store{display: flex;flex-direction: column}.cw-where-subtotal{margin-top: auto;font-weight: 600;border-bottom: none;border-top: 2px solid var(--lumo-contrast-20pct)}.cw-verdict{font-size: var(--lumo-font-size-l);border-left: 4px solid var(--lumo-primary-color)}.cw-verdict-title{font-weight: 700}.cw-grid-total{font-weight: 700;font-size: var(--lumo-font-size-m);color: var(--lumo-body-text-color)}.cw-where-store-name{font-weight: 600}.cw-store-totals{max-width: 32rem}.cw-page p a,.cw-map-settings a{text-decoration: underline}