@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root { --red:#e9063f; --green:#078235; --lime:#eaf7ba; --ink:#162218; --muted:#657068; --cream:#fbfdf4; --line:#e3ead8; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--cream); font-family:'DM Sans',Arial,sans-serif; } a { color:inherit; text-decoration:none; } img { max-width:100%; display:block; }
.topbar { background:var(--green); color:#fff; text-align:center; font-size:.84rem; padding:10px 18px; font-weight:600; }
.shell { max-width:1200px; margin:auto; padding:0 24px; }
.header { background:#fff; border-bottom:1px solid var(--line); color:var(--ink); position:sticky; top:0; z-index:10; }.header-row { min-height:82px; display:flex; gap:28px; align-items:center; }.logo { display:block; width:170px; height:auto; overflow:visible; background:transparent; }.logo img { width:170px; max-width:100%; margin:0; }.nav { display:flex; align-items:center; gap:24px; margin-left:auto; font-size:.91rem; font-weight:700; }.nav a:hover,.nav a.active { color:var(--red); }.order { background:var(--red); color:#fff; padding:11px 16px; border-radius:8px; white-space:nowrap; }
.hero { overflow:hidden; background:linear-gradient(122deg,#f4f9d8 0%,#e9f6b9 65%,#cae87b); }.hero-grid { min-height:500px; display:grid; grid-template-columns:1.05fr .95fr; gap:32px; align-items:center; }.eyebrow { color:var(--green); font-weight:800; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }.hero h1,.page-hero h1 { font:800 clamp(2.5rem,5vw,4.7rem)/1.03 'Manrope',sans-serif; letter-spacing:-.06em; margin:15px 0 20px; }.hero h1 em { color:var(--red); font-style:normal; }.hero p { color:#4c5d51; font-size:1.08rem; max-width:510px; line-height:1.6; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }.button { display:inline-flex; align-items:center; justify-content:center; font-weight:800; padding:14px 21px; border-radius:8px; background:var(--red); color:#fff; }.button.secondary { background:#fff; color:var(--green); border:1px solid #c6df98; }.hero-image { position:relative; align-self:end; }.hero-image:before { content:''; position:absolute; inset:13% 8% 0; background:#fff; border-radius:180px 180px 0 0; }.hero-image img { position:relative; height:440px; width:100%; object-fit:cover; object-position:center; border-radius:170px 170px 0 0; mix-blend-mode:multiply; }.hero-image img.hero-nyeleti-cleaner { object-position:left center; mix-blend-mode:normal; }
.trust { background:#fff; border-bottom:1px solid var(--line); }.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); }.trust-item { padding:19px 28px; display:flex; gap:13px; align-items:center; justify-content:center; border-right:1px solid var(--line); font-size:.9rem; font-weight:700; }.trust-item:last-child { border:0; }.trust-icon { font-size:1.35rem; color:var(--red); }
.refills { background:linear-gradient(110deg,#e8f6b5,#f8fce7); border-bottom:1px solid #dbe9b1; }.refill-grid { min-height:350px; display:grid; grid-template-columns:.75fr 1.25fr; gap:46px; align-items:center; }.refill-image { align-self:stretch; display:flex; align-items:end; justify-content:center; background:linear-gradient(180deg,#f9fdf0,#d1e990); border-radius:0 0 140px 140px; overflow:hidden; }.refill-image img { width:min(270px,100%); object-fit:contain; filter:drop-shadow(0 14px 16px #3153152b); }.refills h2 { font:800 clamp(1.9rem,3.5vw,3.2rem)/1.08 'Manrope',sans-serif; letter-spacing:-.055em; margin:8px 0 13px; }.refills p { max-width:580px; color:#4e614b; line-height:1.65; margin:0 0 20px; }.refill-price { display:inline-block; padding:8px 13px; border-radius:999px; background:var(--green); color:#fff !important; font-weight:900; margin:-6px 0 20px !important; }.refill-list { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:23px; }.refill-list span { padding:8px 11px; border-radius:999px; background:#fff; color:var(--green); box-shadow:0 2px 8px #42661417; font-size:.86rem; font-weight:800; }
.refill-image { position:relative; box-shadow:0 16px 34px #496a1726; }.refill-image img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.95) contrast(1.03); }.refill-image::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,#eaf7ba08 35%,#07823524 100%); }
.section { padding:80px 0; }.section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }.section h2 { margin:6px 0 0; font:800 clamp(1.8rem,3vw,2.65rem)/1.1 'Manrope',sans-serif; letter-spacing:-.05em; }.text-link { color:var(--green); font-weight:800; border-bottom:2px solid #c4e67b; padding-bottom:3px; white-space:nowrap; }
.categories { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.category { min-height:286px; padding:16px; border-radius:12px; background:#fff; border:1px solid var(--line); display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; transition:.2s transform,.2s box-shadow; }.category:hover { transform:translateY(-4px); box-shadow:0 13px 30px #24530e13; }.category img { width:100%; height:164px; object-fit:contain; order:-1; margin-bottom:13px; }.category strong { display:block; font:800 1.03rem/1.2 'Manrope',sans-serif; }.category span { color:var(--green); font-size:.82rem; font-weight:700; margin-top:7px; }.category.car { background:#f8fbf0; }.category.floor { background:#f0f8de; }.category.laundry { background:#fff2e3; }
.split { background:var(--green); color:#fff; }.split-grid { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; }.split h2 { font:800 clamp(2rem,3vw,3rem)/1.1 'Manrope',sans-serif; letter-spacing:-.05em; margin:10px 0 18px; }.split p { color:#e5f4d6; max-width:490px; line-height:1.65; }.split .button { background:#eaf7ba; color:var(--green); margin-top:10px; }.deal-card { background:#fbfdf4; color:var(--ink); border-radius:14px; padding:24px; min-height:230px; display:grid; grid-template-columns:1fr 1fr; align-items:center; overflow:hidden; }.deal-card img { max-height:190px; width:100%; object-fit:contain; }.deal-card small { color:var(--red); font-weight:800; text-transform:uppercase; }.deal-card h3 { font:800 1.5rem/1.12 'Manrope',sans-serif; letter-spacing:-.04em; margin:9px 0; }.price { color:var(--red); font:800 1.3rem 'Manrope',sans-serif; }
.footer { padding:55px 0 24px; background:#13271a; color:#dce9d3; }.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:35px; }.footer .logo { background:transparent; }.footer p,.footer a { color:#bdcdb8; line-height:1.7; font-size:.9rem; }.footer h4 { color:#fff; margin:0 0 12px; }.copyright { margin-top:42px; padding-top:18px; border-top:1px solid #ffffff1a; color:#9caf9b; font-size:.8rem; }
.page-hero { background:linear-gradient(120deg,#f2f9d0,#e3f3ac); padding:62px 0; }.page-hero h1 { margin-bottom:10px; }.page-hero p { max-width:610px; color:#4d5c4b; font-size:1.03rem; line-height:1.6; }.crumb { color:var(--green); font-weight:800; font-size:.84rem; }.catalog { display:grid; grid-template-columns:250px 1fr; gap:36px; padding:54px 0 88px; }.sidebar { border:1px solid var(--line); background:#fff; padding:23px; height:max-content; border-radius:10px; }.sidebar h3 { font:800 1.05rem 'Manrope',sans-serif; margin:0 0 16px; }.sidebar a { display:block; padding:10px 0; border-top:1px solid var(--line); color:#516051; font-size:.92rem; }.sidebar a.active { color:var(--red); font-weight:800; }.catalog-title { margin:0 0 20px; font:800 1.6rem 'Manrope',sans-serif; }.products { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.product { background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; }.product-visual { height:200px; background:#f4f8eb; display:flex; padding:15px; align-items:center; justify-content:center; }.product-visual img { height:100%; width:100%; object-fit:contain; }.product-info { padding:17px; }.product-info h3 { font:800 1rem 'Manrope',sans-serif; margin:0 0 8px; }.product-info p { color:var(--muted); font-size:.84rem; min-height:36px; margin:0 0 14px; }.product-foot { display:flex; justify-content:space-between; align-items:center; color:var(--red); font-weight:800; }.badge { color:var(--green); font-size:.76rem; font-weight:800; background:#edf8cd; padding:5px 7px; border-radius:5px; }
@media (max-width:850px) { .nav { display:none; }.header-row { justify-content:space-between; }.hero-grid,.split-grid { grid-template-columns:1fr; }.hero-grid { padding-top:56px; }.hero-image { display:none; }.categories { grid-template-columns:repeat(2,1fr); }.catalog { grid-template-columns:1fr; }.sidebar { display:flex; flex-wrap:wrap; gap:0 14px; }.sidebar h3 { width:100%; }.sidebar a { border:0; padding:4px 0; }.products { grid-template-columns:repeat(2,1fr); }.footer-grid { grid-template-columns:1fr 1fr; }.trust-grid { grid-template-columns:1fr; }.trust-item { border-right:0; border-bottom:1px solid var(--line); } }
@media (max-width:850px) { .refill-grid { grid-template-columns:1fr; gap:25px; padding:38px 0; }.refill-image { min-height:210px; max-width:450px; width:100%; justify-self:center; border-radius:0 0 105px 105px; }.refill-image img { max-height:240px; } }
@media (max-width:480px) { .shell { padding:0 17px; }.hero h1 { font-size:2.7rem; }.section { padding:55px 0; }.categories,.products { grid-template-columns:1fr; }.footer-grid { grid-template-columns:1fr; }.deal-card { grid-template-columns:1fr; }.deal-card img { max-height:145px; }.page-hero { padding:44px 0; } }
body[data-category="perfumes"] .product-visual { background:#fff; }
body[data-category="perfumes"] .product-visual img { filter:brightness(1.15) contrast(1.16) saturate(1.08); mix-blend-mode:multiply; }
.deal-card p { color:#1f3523; font-weight:700; line-height:1.55; }