:root{--teal:#078d87;--teal-dark:#08736f;--ink:#172a33;--muted:#68777d;--line:#dce7e7;--bg:#f7faf9;--chem:#d9f4f1;--house:#e2f4dc;--beauty:#f8e5eb;--hygiene:#e1f2fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}a{text-decoration:none;color:inherit}.topline{height:36px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(90deg,#057f79,#006863);font-size:12px}.site-header{min-height:96px;padding:16px 3.5vw;display:flex;align-items:center;gap:42px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:10px;color:var(--teal-dark);font-size:28px;font-weight:800;line-height:1}.logo-mark{display:grid;place-items:center;width:48px;height:48px;color:#fff;background:linear-gradient(145deg,#20b9ad,var(--teal));border-radius:50% 50% 45% 55%;font-size:30px}.logo small{display:block;margin-top:6px;color:var(--muted);font-size:9px;letter-spacing:.08em}.header-search{height:48px;display:flex;flex:1;max-width:650px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.header-search input{flex:1;border:0;padding:0 18px;outline:0}.header-search span{width:58px;display:grid;place-items:center;color:#fff;background:var(--teal);font-size:27px}.header-actions{display:flex;gap:22px;margin-left:auto}.icon-action{min-width:76px;border:0;background:transparent;cursor:pointer}.icon-action b{display:block;position:relative;font-size:25px}.icon-action span{display:block;margin-top:5px;font-size:11px}.icon-action i{position:absolute;top:-8px;padding:2px 6px;color:#fff;background:#ff6b55;border-radius:20px;font:700 10px Manrope}.category-nav{padding:0 3.5vw;height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);box-shadow:0 4px 14px rgba(18,70,68,.04)}.category-nav button{height:100%;border:0;padding:0 20px;background:transparent;cursor:pointer;font-weight:600;font-size:13px}.category-nav button:hover{color:var(--teal)}.category-nav .catalog-trigger{height:42px;min-width:220px;border-radius:9px;color:#fff;background:var(--teal);font-weight:700}.hero{width:93%;min-height:375px;margin:18px auto;padding:55px 5%;display:flex;position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 75% 50%,#fff 0 10%,transparent 10.5%),radial-gradient(circle at 86% 40%,#8eddd1 0 12%,transparent 12.5%),linear-gradient(105deg,#eaf8f5 5%,#cbeae5 58%,#f4f9f7);box-shadow:inset 0 0 0 1px rgba(7,141,135,.08)}.hero:after{content:"🧴  🧼  🌿";position:absolute;right:5%;bottom:62px;font-size:72px;transform:rotate(-3deg);filter:drop-shadow(0 20px 14px rgba(7,70,65,.15))}.hero-copy{position:relative;z-index:2}.hero-copy>span,.kicker{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.14em}.hero h1{margin:12px 0 14px;font-size:clamp(40px,5vw,67px);line-height:1.02;letter-spacing:-.045em}.hero h1 em{color:var(--teal);font-style:normal}.hero p{max-width:520px;color:var(--muted);line-height:1.65}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:13px 20px;font-weight:700;cursor:pointer}.primary-button{color:#fff;background:var(--teal)}.primary-button:hover{background:var(--teal-dark)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{border:1px solid var(--line);background:#fff}.danger-button{color:#b23b2a;border:1px solid #efc6bf;background:#fff}.hero-bubbles{display:none}.category-cards{width:93%;margin:16px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat-card{min-height:130px;padding:22px;display:flex;align-items:center;gap:15px;border:1px solid transparent;border-radius:14px;text-align:left;cursor:pointer;transition:.2s}.cat-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(35,77,73,.1)}.cat-card i{font-style:normal;font-size:40px}.cat-card span{display:flex;flex:1;flex-direction:column;gap:6px}.cat-card b{font-size:14px}.cat-card small{color:var(--muted);line-height:1.45}.cat-card strong{font-size:22px}.chemicals{background:var(--chem)}.household{background:var(--house)}.beauty{background:var(--beauty)}.hygiene{background:var(--hygiene)}.catalog{width:93%;margin:auto;padding:70px 0 80px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{margin:8px 0 0;font-size:36px;letter-spacing:-.04em}.section-heading p{color:var(--muted);font-size:13px}.filters{display:flex;gap:8px;margin:26px 0}.filter{padding:9px 14px;border:1px solid var(--line);border-radius:30px;background:#fff;cursor:pointer;font-size:12px}.filter.active,.filter:hover{color:#fff;border-color:var(--teal);background:var(--teal)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;animation:rise .35s both;animation-delay:var(--delay);transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(24,73,70,.1)}.product-image{width:100%;height:245px;padding:0;position:relative;overflow:hidden;border:0;background:#f2f6f5;cursor:pointer}.product-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:.4s}.product-card:hover img{transform:scale(1.04)}.stock{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:6px;color:#08736f;background:#e3f7f1;font-size:9px;font-weight:800;text-transform:uppercase}.stock.out{color:#9a4032;background:#ffe8e3}.product-info{padding:16px}.product-info>small{color:var(--teal);font-size:10px;font-weight:700}.product-info h3{min-height:42px;margin:8px 0 5px;font-size:15px}.product-info>p{height:36px;margin:0 0 16px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.5}.product-info>div{display:flex;align-items:center;justify-content:space-between}.product-info strong{font-size:18px}.add-button{padding:9px 11px;border:0;border-radius:7px;color:#fff;background:var(--teal);cursor:pointer;font-size:11px;font-weight:700}.add-button:disabled{color:var(--muted);background:#edf1f0}.empty-state,.empty-cart{padding:60px;text-align:center;color:var(--muted)}.benefits{width:93%;margin:0 auto 60px;padding:24px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px}.benefits>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid var(--line);font-size:26px}.benefits>div:last-child{border:0}.benefits span{display:flex;flex-direction:column;font-size:12px}.benefits small{margin-top:4px;color:var(--muted)}footer{padding:40px 3.5vw;display:flex;align-items:center;justify-content:space-between;color:var(--muted);background:#eff7f5;font-size:11px}footer .logo{font-size:20px}footer .logo-mark{width:35px;height:35px;font-size:20px}dialog{border:0;padding:0;border-radius:16px;color:var(--ink);background:#fff;box-shadow:0 30px 100px rgba(2,39,37,.28)}dialog::backdrop{background:rgba(8,34,35,.6);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:14px;top:12px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#fff;cursor:pointer;font-size:24px}.product-dialog{width:min(860px,calc(100% - 28px))}#productDetails{display:grid;grid-template-columns:1fr 1fr;min-height:520px}#productDetails>img{width:100%;height:100%;object-fit:cover}.dialog-copy{padding:65px 46px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.dialog-copy h2,.cart-head h2,.account-dialog h2,.editor-dialog h2{margin:10px 0;font-size:34px;letter-spacing:-.04em}.dialog-copy p{color:var(--muted);line-height:1.7}.dialog-copy>strong{margin:20px 0;font-size:27px}.availability{padding:8px 11px;border-radius:7px;color:var(--teal);background:#e5f7f3;font-size:11px}.availability.out{color:#a34537;background:#ffe9e5}.auth-dialog{width:min(820px,calc(100% - 28px));min-height:570px}.auth-dialog{display:none;grid-template-columns:.9fr 1.1fr}.auth-dialog[open]{display:grid}.auth-brand{padding:65px 46px;color:#fff;background:linear-gradient(150deg,#057f79,#075c58)}.auth-brand .logo-mark{background:rgba(255,255,255,.16)}.auth-brand h2{margin-top:100px;font-size:35px}.auth-brand p{color:#c9e7e4;line-height:1.6}.auth-panel{padding:55px 46px}.auth-tabs{display:flex;margin-bottom:30px;border-bottom:1px solid var(--line)}.auth-tabs button{flex:1;padding:12px;border:0;border-bottom:3px solid transparent;background:#fff;cursor:pointer}.auth-tabs button.active{color:var(--teal);border-color:var(--teal);font-weight:800}.auth-panel form{display:flex;flex-direction:column;gap:15px}.auth-panel label,.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.auth-panel label small{color:var(--muted);font-weight:400}.auth-panel input,.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;outline:0;background:#fff}.auth-panel input:focus,.form-grid input:focus{border-color:var(--teal)}.password-rules{margin-top:-8px;color:var(--muted);font-size:9px}.form-error{min-height:16px;margin:0;color:#b23b2a;font-size:11px}.cart-dialog{width:min(590px,calc(100% - 28px));padding:42px}.cart-item{padding:13px 0;display:grid;grid-template-columns:72px 1fr 30px;gap:14px;border-bottom:1px solid var(--line)}.cart-item img{width:72px;height:72px;border-radius:8px;object-fit:cover}.cart-item>div{display:flex;flex-direction:column;gap:5px}.cart-item small{color:var(--teal);font-weight:700}.quantity{display:flex;align-items:center;gap:10px}.quantity button,.remove-item{border:0;background:#edf5f3;cursor:pointer}.remove-item{height:30px;border-radius:50%}.cart-total{padding:24px 0;display:flex;justify-content:space-between;font-size:19px}.checkout{width:100%}.account-dialog{width:min(480px,calc(100% - 28px));padding:55px}.account-dialog p{margin-bottom:30px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:25px;z-index:100;opacity:0;transform:translate(-50%,20px);padding:12px 20px;border-radius:30px;color:#fff;background:var(--ink);font-size:12px;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.admin-body{background:var(--bg)}.admin-main{padding:55px 5vw}.admin-badge{margin-left:auto;padding:8px 13px;border-radius:20px;color:var(--teal);background:#e1f4f0;font-size:11px;font-weight:700}.admin-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.admin-title h1{margin:5px 0 0;font-size:55px}.admin-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.table-head{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.table-head input{padding:9px 12px;border:1px solid var(--line);border-radius:7px}.table-row{width:100%;padding:12px 20px;display:grid;grid-template-columns:58px minmax(170px,2fr) 1fr .6fr 1fr 28px;gap:14px;align-items:center;border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;cursor:pointer}.table-row:hover{background:#f6fbfa}.table-row img{width:52px;height:52px;border-radius:7px;object-fit:cover}.table-product{display:flex;flex-direction:column;gap:4px}.table-product small{color:var(--muted)}.status{width:max-content;padding:6px 9px;border-radius:20px;background:#eee;font-size:10px}.status.live{color:var(--teal);background:#dff4ef}.editor-dialog{width:min(680px,calc(100% - 28px));padding:42px}.form-grid{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.form-grid .check{flex-direction:row;align-items:center}.form-grid .check input{width:auto}.form-actions{display:flex;gap:10px;margin-top:24px}.action-spacer{flex:1}@keyframes rise{from{opacity:0;transform:translateY(12px)}}
@media(max-width:950px){.topline span:nth-child(2){display:none}.site-header{gap:18px}.header-search{order:3;flex-basis:100%;max-width:none}.site-header{flex-wrap:wrap}.category-nav{overflow:auto;justify-content:flex-start}.category-cards,.product-grid{grid-template-columns:repeat(2,1fr)}.hero:after{opacity:.45}.benefits{grid-template-columns:repeat(2,1fr);gap:25px}.benefits>div{border:0}.product-image{height:280px}}
@media(max-width:600px){.topline{justify-content:center}.topline span:not(:first-child){display:none}.site-header{padding:12px 16px}.logo{font-size:20px}.logo-mark{width:38px;height:38px;font-size:22px}.header-actions{gap:5px}.icon-action{min-width:58px}.icon-action span{display:none}.category-nav{padding:0 10px}.category-nav .catalog-trigger{min-width:170px}.hero{min-height:410px;padding:42px 25px}.hero:after{right:-40px;bottom:30px;font-size:43px}.hero h1{font-size:42px}.hero p{width:75%;font-size:13px}.category-cards,.product-grid{grid-template-columns:1fr}.cat-card{min-height:105px}.catalog{padding-top:45px}.product-image{height:320px}.benefits{grid-template-columns:1fr}.benefits>div{justify-content:flex-start}.section-heading{align-items:flex-start;flex-direction:column}.filters{overflow:auto}.auth-dialog[open]{display:block}.auth-brand{display:none}.auth-panel{padding:50px 24px}.product-dialog #productDetails{grid-template-columns:1fr}.product-dialog #productDetails>img{height:300px}.dialog-copy{padding:35px 25px}.cart-dialog,.account-dialog{padding:42px 20px}.table-row{grid-template-columns:52px 1fr 25px}.table-row>span:nth-child(3),.table-row>span:nth-child(4),.table-row>span:nth-child(5){display:none}.admin-title{align-items:flex-start;flex-direction:column;gap:18px}.admin-title h1{font-size:42px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.editor-dialog{padding:40px 18px}}
.password-strength{margin-top:-7px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;font-size:9px}.password-strength>div{height:4px;overflow:hidden;grid-column:1/-1;border-radius:4px;background:#edf1f0}.password-strength i{width:0;height:100%;display:block;border-radius:4px;background:#d84e48;transition:.25s}.password-strength b{font-size:9px}.password-strength[data-score="1"] i{width:25%;background:#d84e48}.password-strength[data-score="2"] i{width:50%;background:#e29432}.password-strength[data-score="3"] i{width:75%;background:#8bad3c}.password-strength[data-score="4"] i{width:100%;background:#15946f}.password-rules{margin:-3px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;list-style:none;color:#b24a43;font-size:9px}.password-rules li:before{content:'•';margin-right:5px}.password-rules li.ready{color:#138261}.password-rules li.ready:before{content:'✓';font-weight:900}
.admin-title p{margin:8px 0 0;color:var(--muted);font-size:12px}.admin-filters{padding:18px 22px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;border-bottom:1px solid var(--line)}.admin-filters label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.admin-filters input,.admin-filters select{height:40px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}.table-caption{padding:13px 22px;display:flex;justify-content:space-between;color:var(--muted);background:#f7faf9;font-size:11px}.table-row{position:relative}.row-editor{position:absolute;inset:0;z-index:1;border:0;background:transparent;cursor:pointer}.table-row>*:not(.row-editor){position:relative;z-index:2;pointer-events:none}.table-row .row-view{pointer-events:auto;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e4f4f1;color:var(--teal);font-weight:800}.stock-admin{font-weight:700}.stock-admin.low{color:#c57a00}.stock-admin.none{color:#b64a3a}.empty-admin{padding:60px;text-align:center;color:var(--muted)}.image-editor{display:grid;grid-template-columns:150px 1fr;gap:15px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f8fbfa}.image-editor img{width:150px;height:120px;border-radius:7px;object-fit:cover;background:#e8f4f2}.image-editor img.empty{object-fit:contain}.image-editor>div{display:flex;flex-direction:column;justify-content:center;gap:8px}.image-editor span,.image-editor small{color:var(--muted);font-size:10px}.field-error{min-height:13px;color:#b23b2a;font-size:10px}.input-counter{align-self:flex-end;margin-top:-20px;color:var(--muted);font-size:9px}.danger-button.restore{color:var(--teal);border-color:#b8ded9}.undo-bar{position:fixed;left:24px;bottom:24px;z-index:200;min-width:340px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:11px;color:#fff;background:#183638;box-shadow:0 16px 45px rgba(0,0,0,.25);animation:undo-in .25s ease}.undo-bar[hidden]{display:none}.undo-bar span{display:flex;flex-direction:column;gap:3px}.undo-bar small{color:#bcd3d1}.undo-bar button{border:0;color:#6ce0d4;background:transparent;font-weight:800;cursor:pointer}.undo-bar strong{color:#fff}.editor-dialog{max-height:calc(100vh - 30px);overflow:auto}@keyframes undo-in{from{opacity:0;transform:translateY(15px)}}@media(max-width:850px){.admin-filters{grid-template-columns:1fr 1fr}.image-editor{grid-template-columns:1fr}.image-editor img{width:100%;height:180px}}@media(max-width:600px){.admin-filters{grid-template-columns:1fr}.table-caption span{display:none}.undo-bar{left:12px;right:12px;bottom:12px;min-width:0}}