:root{--red:#e30613;--dark:#111;--muted:#666;--line:#eee;--soft:#f7f7f7;--shadow:0 12px 34px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;background:#fff;color:#111}.wrap{width:min(1210px,calc(100% - 48px));margin:auto}.topbar{height:45px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-around;font-size:13px;font-weight:800}.header{min-height:140px;display:grid;grid-template-columns:250px 1fr 310px;gap:35px;align-items:center}.search{height:58px;display:flex;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.search input{flex:1;border:0;outline:0;padding:0 24px;font-size:15px}.search button{width:70px;border:0;background:var(--red);color:#fff;font-size:35px;cursor:pointer}.header-icons{display:flex;justify-content:flex-end;gap:28px}.header-icons a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#111;font-size:25px;position:relative}.header-icons small{font-size:12px;font-weight:700}.header-icons em{position:absolute;right:4px;top:-8px;background:var(--red);color:#fff;border-radius:50%;font-size:11px;font-style:normal;width:18px;height:18px;display:grid;place-items:center}.nav{height:66px;display:flex;align-items:center;gap:42px}.nav button{height:48px;padding:0 29px;border:0;background:var(--red);color:#fff;border-radius:8px;font-weight:900;font-size:15px;box-shadow:0 12px 25px rgba(227,6,19,.25)}.nav a{font-size:15px;font-weight:900}.nav i{background:var(--red);color:#fff;border-radius:50%;font-style:normal;font-size:11px;padding:3px 6px}.hero{height:440px;border-radius:12px;overflow:hidden;background:linear-gradient(110deg,#ff3838 0%,#e30613 49%,#f8eded 49.2%,#fff 100%);display:grid;grid-template-columns:52% 48%;position:relative;box-shadow:var(--shadow)}.hero-text{padding:48px 54px;color:#fff}.hero-text span{display:inline-flex;background:#fff;color:var(--red);height:28px;align-items:center;padding:0 16px;border-radius:999px;font-size:12px;font-weight:900;margin-bottom:21px}.hero h1{font-size:53px;line-height:1.06;letter-spacing:-2.5px;font-weight:900;margin-bottom:16px}.hero p{font-size:18px;line-height:1.55;width:86%;margin-bottom:28px}.hero-buttons{display:flex;gap:14px}.hero-buttons button{height:54px;padding:0 28px;border-radius:7px;border:1px solid #fff;font-weight:900;font-size:15px;cursor:pointer}.hero-buttons button:first-child{background:#fff;color:var(--red)}.hero-buttons button:last-child{background:transparent;color:#fff}.slider-dots{position:absolute;bottom:27px;left:41%;display:flex;gap:12px}.slider-dots b{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.55)}.slider-dots b:first-child{background:#fff}.hero-art{position:relative}.hero-curve{position:absolute;left:0;top:-100px;width:300px;height:650px;background:#fff4f4;border-radius:50%;transform:rotate(8deg)}.podium{position:absolute;background:#f8eeee;border-radius:28px 28px 0 0;box-shadow:inset 0 10px 25px rgba(255,255,255,.9)}.podium-one{width:250px;height:165px;left:120px;bottom:0}.podium-two{width:260px;height:115px;right:25px;bottom:0}.headphones{position:absolute;left:120px;top:58px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f55,#b4000b 65%,#750008);box-shadow:inset 0 0 0 28px #d40b16 , inset 0 0 0 50px #ff3038}.headphones::after{content:"";position:absolute;left:38px;right:38px;top:-18px;height:90px;border:15px solid #b0000c;border-bottom:0;border-radius:100px 100px 0 0}.shopping-bag{position:absolute;right:112px;bottom:55px;width:155px;height:214px;background:var(--red);color:#fff;display:grid;place-items:center;text-align:center;font-size:20px;font-weight:800;box-shadow:0 24px 45px rgba(100,0,0,.25)}.shopping-bag u::before,.shopping-bag u::after{content:"";position:absolute;top:-48px;width:48px;height:70px;border:5px solid #a90009;border-bottom:0;border-radius:50px 50px 0 0}.shopping-bag u::before{left:24px}.shopping-bag u::after{right:24px}.plant{position:absolute;right:34px;bottom:45px;width:62px;height:125px;border-radius:35px 35px 12px 12px;background:linear-gradient(#21834c 0 45%,#fff 45%);box-shadow:0 12px 20px rgba(0,0,0,.08)}.service{margin-top:18px;border:1px solid var(--line);border-radius:12px;min-height:92px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow);background:#fff}.service div{display:grid;grid-template-columns:50px 1fr;align-content:center;padding:18px 26px;column-gap:10px}.service i{grid-row:span 2;color:var(--red);font-size:34px;font-style:normal}.service b{font-size:14px}.service small{font-size:13px;color:#555;margin-top:5px}.block{margin-top:30px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.title h2{font-size:25px;letter-spacing:-.8px}.title a{color:var(--red);font-size:14px;font-weight:900}.categories{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.categories article{height:192px;background:#f7f7f7;border:1px solid #eee;border-radius:10px;padding:14px;position:relative;overflow:hidden}.categories img{width:100%;height:108px;object-fit:contain;mix-blend-mode:multiply}.categories b{font-size:13px;line-height:1.25}.categories button{position:absolute;right:13px;bottom:14px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:var(--red);font-size:20px;font-weight:900;box-shadow:0 8px 16px rgba(0,0,0,.08)}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.products article{min-height:270px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;position:relative;box-shadow:0 8px 22px rgba(0,0,0,.04)}.products em{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;border-radius:5px;padding:6px 9px;font-size:12px;font-style:normal;font-weight:900}.heart{position:absolute;right:14px;top:10px;border:0;background:none;font-size:22px;color:#777}.products img{width:100%;height:130px;object-fit:contain;margin-top:20px;mix-blend-mode:multiply}.products h3{font-size:13px;margin-top:8px}.products p{font-size:12px;color:#666;margin-top:4px}.products small{display:block;font-size:11px;margin-top:7px}.products b{display:block;font-size:14px;margin-top:8px}.products del{color:#888;margin-left:8px;font-weight:600}.buy{position:absolute;right:14px;bottom:14px;width:32px;height:32px;border:0;border-radius:6px;background:var(--red);color:#fff}.newsletter{margin-top:22px;border-radius:12px;background:linear-gradient(100deg,#e30613,#f0202a);color:#fff;padding:24px 32px;display:grid;grid-template-columns:120px 1fr 520px;gap:18px;align-items:center}.mail{font-size:70px}.newsletter h2{font-size:24px;margin-bottom:8px}.newsletter p{font-size:14px;line-height:1.5}.newsletter form{height:56px;display:flex;border-radius:6px;overflow:hidden}.newsletter input{flex:1;border:0;outline:0;padding:0 24px;font-size:15px}.newsletter button{width:175px;border:0;background:#111;color:#fff;font-weight:900}.newsletter ul{grid-column:3;display:flex;gap:32px;list-style:none;font-size:13px;font-weight:700}.benefits{margin:16px 0 24px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);padding:22px;background:#fff}.benefits div{display:flex;flex-direction:column;gap:4px;font-size:14px}.benefits small{color:#666;font-size:12px}footer{border-top:1px solid #eee}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.1fr 1.6fr;gap:42px;padding:28px 0}.footer-grid h2{font-size:30px}.footer-grid h2::first-letter{color:var(--red)}.footer-grid p{font-size:14px;color:#555;line-height:1.6;margin-top:12px}.footer-grid h4{margin-bottom:12px}.footer-grid a{display:block;font-size:13px;margin:8px 0;color:#333}.payments{display:grid;grid-template-columns:repeat(2,88px);gap:9px}.payments span{border:1px solid #eee;border-radius:5px;padding:9px;text-align:center;font-weight:900;font-size:13px;background:#fafafa}.copyright{height:34px;background:var(--red);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100% - 1210px)/2));font-size:12px;font-weight:800}@media (max-width:1050px){.header{grid-template-columns:1fr;height:auto;padding:20px 0}.header-icons{justify-content:flex-start}.nav{overflow-x:auto}.hero{height:auto;grid-template-columns:1fr}.hero-art{height:360px}.service,.benefits{grid-template-columns:1fr 1fr}.categories{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.newsletter{grid-template-columns:1fr}.newsletter ul{grid-column:auto;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.wrap{width:calc(100% - 24px)}.topbar{font-size:10px;gap:5px;padding:0 8px}.hero-text{padding:34px 24px}.hero h1{font-size:38px}.service,.categories,.products,.benefits,.footer-grid{grid-template-columns:1fr}.newsletter form{height:auto;flex-direction:column}.newsletter input,.newsletter button{height:52px;width:100%}.copyright{padding:0 12px;font-size:20px}}.hero{height:440px;border-radius:12px;overflow:hidden;background:#fff;position:relative;box-shadow:var(--shadow);display:block}.hero-art{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-buttons-only{position:absolute;left:70px;top:325px;z-index:5}.hero-buttons{display:flex;gap:16px;margin-top:0!important}.hero-buttons button{height:50px;padding:0 26px;font-size:15px;border-radius:8px}.hero-curve,.podium,.headphones,.shopping-bag,.plant,.slider-dots{display:none!important}.header{height:118px;display:grid;grid-template-columns:250px 1fr 310px;gap:35px;align-items:center}.logo{width:250px;height:80px;display:flex;align-items:center;overflow:visible;text-decoration:none}.logo img{height:180px;width:auto;display:block;transform:scale(1.35);transform-origin:left center}.logo-bag,.logo-bag::before,.logo-bag::after,.logo b,.logo b span{display:none!important}.logo img{margin-left:-70px}.notification{position:fixed;right:25px;top:25px;background:#111;color:#fff;padding:16px 22px;border-radius:12px;font-size:14px;font-weight:700;z-index:9999;opacity:0;transform:translateY(-20px);transition:.3s;box-shadow:0 12px 30px rgba(0,0,0,.2)}.notification.show{opacity:1;transform:translateY(0)}