.catalogDrawerOpen,.favoritesOpen,.departmentDrawerButton{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:inherit;border:0;cursor:pointer;flex-shrink:0;padding:8px;border-radius:8px}.catalogDrawerOpen svg,.favoritesOpen svg,.departmentDrawerButton svg{width:23px;height:23px}.catalogDrawerOpen{border:1px solid #555;width:42px;height:42px}.favoritesOpen{position:relative}.favoritesOpen span{font-size:12px;background:#2563EB;color:#fff;border-radius:50%;min-width:20px;height:20px;display:grid;place-items:center}.communityBadge{display:flex;gap:9px;align-items:center;font-size:13px;white-space:nowrap}.communityBadge>img{width:25px;height:25px;filter:brightness(0) invert(1);animation:communityPulse 3.5s ease-in-out infinite}.communityBadge small{display:block;font-size:12px;color:#aaa;margin-top:4px}.departmentDrawerButton{font-size:14px;font-weight:650}body>header{gap:22px}#catalogDrawer{position:fixed;inset:0 auto 0 0;margin:0;height:100dvh;max-height:100dvh;width:min(680px,94vw);max-width:94vw;border-radius:0;padding:0;overflow:hidden;color:#171717;background:white}#catalogDrawer::backdrop{background:#0009}.drawerHeading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:22px}.drawerHeading h2{font-size:22px;margin:0}.drawerClose{background:#f3f3f3;border:0;border-radius:50%;width:38px;height:38px}.drawerLayout{display:grid;grid-template-columns:240px 1fr;height:calc(100% - 84px)}.drawerCategories{padding:20px 14px;overflow:auto;border-right:1px solid #eee;background:#fafafa}.drawerCategories h3{font-size:14px;color:#686868;margin:18px 10px 12px}.drawerCategories button{display:flex;justify-content:space-between;gap:12px;text-align:left;width:100%;padding:13px 10px;background:none;border:0;border-radius:7px;color:#222;font-size:14px}.drawerCategories button:hover,.drawerCategories button.active{background:#EFF6FF;color:#1D4ED8}.drawerCategories a{display:block;padding:18px 10px;color:#1D4ED8;font-size:14px}#drawerProducts{padding:22px;overflow:auto}#drawerProducts h3{font-size:20px;margin:0 0 16px}#drawerProducts p{font-size:14px;line-height:1.6;color:#666}#drawerProducts>a{font-size:14px;color:#1D4ED8;text-decoration:underline}.drawerLine{margin:16px 0;border-bottom:1px solid #eee}.drawerLine summary{padding:12px 0;font-weight:650;cursor:pointer}.drawerLine a{display:block;padding:10px 8px;font-size:14px;border-radius:6px}.drawerLine a:hover{background:#f5f5f5;color:#1D4ED8}.product{position:relative}.product button.productLike{position:absolute;right:12px;top:12px;z-index:1;background:#fff;width:36px;height:36px;padding:8px;border-radius:50%;border:1px solid #ddd;color:#666}.productLike svg{width:19px;height:19px}.product button.productLike[aria-pressed=true]{color:#2563EB;border-color:#2563EB;animation:heartPop .3s ease-out}.productLike[aria-pressed=true] svg{fill:#2563EB15}#favoriteItems article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #eee}#favoriteItems article button{background:#fff;border:1px solid #ddd;padding:8px 12px;border-radius:6px;font-size:14px}.orderSteps{display:flex;justify-content:center;gap:26px;padding:24px 20px 0}.orderSteps button{display:flex;align-items:center;gap:10px;border:0;background:none;color:#555;font-size:14px;padding:10px}.orderSteps button span{display:grid;place-items:center;border:2px solid #bbb;border-radius:50%;width:36px;height:36px;font-weight:650}.orderSteps [aria-current=step]{color:#1D4ED8;font-weight:700}.orderSteps [aria-current=step] span{border-color:#2563EB;background:#EFF6FF;box-shadow:0 0 0 5px #2563EB0d}.orderSteps .completed span{background:#2563EB;border-color:#2563EB;color:#fff}.orderSteps button:disabled{opacity:.5;cursor:default}.orderStepControls{display:flex;justify-content:space-between;gap:16px}.orderStepControls #orderNext{margin-left:auto}.orderStepControls button{min-height:46px;font-size:14px}.deliveryJourney{background:#ededf0;border-top:1px solid #ddd;padding:20px 32px 14px;overflow:hidden}.journeyLabels{display:flex;justify-content:space-between;font-size:13px;color:#555}.journeyRoad{position:relative;height:50px;border-bottom:3px dashed #ccc;margin:12px 8px 0}.journeyTruck{position:absolute;left:0;bottom:-3px;color:#2563EB;animation:deliveryDrive 12s linear infinite;background:#ededf0;padding:0 5px}.journeyTruck svg{width:48px;height:48px}.deliveryJourney p{font-size:13px;text-align:center;line-height:1.5;color:#555;margin:14px 0 0}@keyframes deliveryDrive{from{left:0}to{left:calc(100% - 58px)}}@keyframes communityPulse{0%,70%,100%{transform:translateY(0) rotate(0)}80%{transform:translateY(-3px) rotate(-8deg)}90%{transform:translateY(0) rotate(8deg)}}@keyframes heartPop{50%{transform:scale(1.2)}}@media(max-width:1150px){.communityBadge span{display:none}body>header{gap:16px}}@media(max-width:700px){.drawerLayout{grid-template-columns:42% 58%}.drawerCategories{padding:12px 6px}.drawerCategories button{font-size:14px;padding:12px 8px}#drawerProducts{padding:20px 14px}.communityBadge{display:none}.catalogDrawerOpen{width:36px;height:36px}body>header{gap:10px}body>header>a>img{width:145px}.favoritesOpen{padding:5px}.favoritesOpen span{position:absolute;right:0;top:0;width:16px;height:16px;min-width:16px;font-size:10px}.orderSteps{gap:6px;padding:14px 8px 0}.orderSteps button{gap:6px;padding:8px;font-size:14px}.orderSteps button span{width:30px;height:30px}.deliveryJourney{padding:16px}.orderStepControls button{padding:12px 14px}.drawerHeading{padding:18px 14px}.drawerHeading h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.communityBadge>img,.journeyTruck,.product button.productLike{animation:none!important}.journeyTruck{left:45%}html{scroll-behavior:auto}}
