*{box-sizing:border-box}body{color:#191919;background:#f5f3ef;margin:0;font-family:Inter,Arial,sans-serif}main{max-width:760px;margin:auto;padding:18px}header{align-items:baseline;gap:10px;padding:10px 0 22px;display:flex}header b{letter-spacing:5px;font-size:30px}header span{letter-spacing:3px;font-size:11px}.card{background:#fff;border-radius:20px;margin-bottom:16px;padding:18px;box-shadow:0 5px 25px #0000000b}h2{margin:0 0 14px;font-size:17px}.row,.two{gap:8px;margin-top:8px;display:flex}.two>*{flex:1}input,select,textarea,button{font:inherit}input,select,textarea{background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;padding:13px}textarea{min-height:70px;margin-top:12px}.photo{text-align:center;border:2px dashed #d7d0c8;border-radius:16px;padding:28px;font-weight:700;display:block}.photo input{margin-top:12px}button{border:0;border-radius:12px;padding:12px 16px}.primary{color:#fff;background:#111;width:100%;margin-top:12px;font-weight:700}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}article{background:#fff;border-radius:16px;overflow:hidden}article img{aspect-ratio:1;object-fit:cover;width:100%}.info{padding:12px}.info>b{font-size:20px}.info>span{float:right;font-size:12px}.info p{min-height:28px;font-size:12px}.actions{gap:6px;display:flex}.actions button{flex:1}.actions .active{color:#fff;background:#111}@media (width<=480px){main{padding:12px}.grid{grid-template-columns:repeat(2,1fr)}header b{font-size:25px}.row{flex-direction:column}}main{padding-bottom:max(24px,env(safe-area-inset-bottom))}fieldset{border:0;min-width:0;margin:0;padding:0}label{font-size:14px;display:block}input,select,textarea{min-width:0;max-width:100%;margin-top:6px;font-size:16px}button{cursor:pointer;touch-action:manipulation;min-height:44px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #927952}.supplier-form{grid-template-columns:minmax(0,1fr) 130px;gap:12px;margin-top:18px;display:grid}.supplier-form button{grid-column:1/-1}.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;display:grid}.notes{margin-top:14px}.photo{padding:18px 12px}.photo input{padding:8px;font-size:14px}.info>span{float:none;margin-top:6px;display:block}.info p{overflow-wrap:anywhere}.actions{flex-wrap:wrap}.actions button{flex:80px;padding:10px 8px;font-size:14px}.message{overflow-wrap:anywhere;background:#e3f0e5;border-radius:12px;padding:14px}.error{color:#8d1919;background:#ffe5e5}.selection{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pick{padding:12px}.pick,.selection label{align-items:center;gap:8px;min-height:44px;display:flex}input[type=checkbox]{flex-shrink:0;width:22px;height:22px;margin:0}.danger{color:#a02222;background:#fceeee}.delete{width:100%;margin-top:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}article{min-width:0}article img{display:block}.info>b{overflow-wrap:anywhere}@media (width<=540px){.grid{grid-template-columns:minmax(0,1fr)}main{padding:12px}.card{padding:16px}.supplier-form{grid-template-columns:minmax(0,1fr)}.selection{align-items:stretch}.selection button{width:100%}header b{font-size:25px}}.login{max-width:480px}.login p{line-height:1.5}.switch-auth{background:0 0;width:100%;margin-top:12px;text-decoration:underline}.account-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.account-bar span{overflow-wrap:anywhere;min-width:0}.account-bar button{flex-shrink:0}.votes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.vote-group{min-width:0}.vote-group button{width:100%;min-height:44px;font-size:inherit;text-align:center;border:2px solid #0000;padding:8px 6px}.like button{color:#20562b;background:#edf6ee}.dislike button{color:#862b2b;background:#fceeee}.vote-group .voted{border-color:currentColor;font-weight:700}.info .voters{min-height:0;margin:4px 0 0;font-size:12px;line-height:1.4}.info .hint,.hint{color:#666;min-height:0;font-size:12px;line-height:1.5}[hidden]{display:none!important}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{flex:1;padding:10px 8px}.tabs button[aria-pressed=true]{color:#fff;background:#191919}.photo-actions{gap:8px;display:flex}.photo-actions button{flex:1;padding:10px 8px}.photo-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.photo-preview{min-width:0}.photo-preview img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.photo-preview button{width:100%;margin-top:6px;padding:8px}.photo-preview input{padding:10px}.color-thumbnails{gap:8px;padding:10px;display:flex;overflow-x:auto}.color-thumbnails button{background:#f5f3ef;border:2px solid #0000;flex:0 0 72px;width:72px;min-width:0;padding:4px}.color-thumbnails button[aria-pressed=true]{border-color:#191919}.color-thumbnails img{border-radius:6px}.color-thumbnails span{overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading h2{margin:0}.section-heading>span{white-space:nowrap;font-size:14px}.order-meta{overflow-wrap:anywhere;margin:8px 0 14px;font-size:14px}.order-subtotal{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.minimum-warning{color:#8a5000;background:#fff4d9;border-radius:8px;padding:10px;font-size:14px}.order-summary{border:1px solid #d7d0c8}@media (width<=360px){.tabs button{font-size:14px}}.order-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.order-color{background:#fff;border:1px solid #e8e4dd;border-radius:16px;min-width:0;overflow:hidden}.order-color-photo{aspect-ratio:1;background:#f3f1ed;justify-content:center;align-items:center;display:flex}.order-color-photo img{aspect-ratio:auto;object-fit:contain;width:100%;height:100%;max-height:420px;display:block}.color-quantity{min-width:0;padding:14px}.color-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.color-heading label{overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:600}.color-heading strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px}.quantity-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.quantity-row>span{color:#666;font-size:13px}.quantity-stepper{background:#f3f1ed;border-radius:12px;align-items:center;gap:4px;padding:3px;display:flex}.quantity-stepper input{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;border:0;border-radius:8px;width:64px;min-width:0;max-width:none;height:44px;min-height:44px;margin:0;padding:6px 2px;font-size:16px}.quantity-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-arrows{display:contents}.quantity-arrows button{color:#191919;background:0 0;border-radius:8px;width:44px;min-height:44px;padding:8px;font-size:16px}.quantity-arrows button:first-child{order:1}.quantity-arrows button:last-child{order:-1}.quantity-arrows button:active{background:#ded8ce}@media (width<=600px){.order-colors{grid-template-columns:minmax(0,1fr)}.order-color-photo{aspect-ratio:1;max-height:420px}}@media (width<=360px){.color-quantity{padding:12px}.quantity-row{gap:8px}.quantity-row>span{font-size:12px}.quantity-stepper input{width:56px}.quantity-arrows button{width:44px}}.candidate-button{color:#57421c;background:#f2eee5;width:100%;margin-top:12px}.candidate-button[aria-pressed=true]{background:#e8dcbf;font-weight:600}.order-filter{margin-bottom:18px;display:block}.remove-candidate{width:100%;margin-top:16px}.tabs button{min-width:0}.catalog-toolbar{align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.catalog-toolbar label{flex:1;min-width:0}.catalog-toolbar .primary{flex-shrink:0;width:auto;min-height:48px;margin:0}.page-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-heading h2{margin:0;font-size:20px}.page-heading button{background:0 0;padding:8px 0}.product-supplier{margin-bottom:20px}.product-supplier>button{background:#f2eee5;margin-top:8px}.save-product{gap:8px;margin-top:16px;display:grid}.save-product .primary{margin:0}.photo-actions{flex-wrap:wrap}.photo-actions button{flex:150px}@media (width<=420px){.catalog-toolbar{gap:8px}.catalog-toolbar .primary{padding:12px 10px;font-size:14px}.catalog-toolbar label{font-size:13px}}