{"id":181635,"date":"2026-04-27T10:02:09","date_gmt":"2026-04-27T07:02:09","guid":{"rendered":"https:\/\/newsite.officeshop.bg\/?page_id=181635"},"modified":"2026-04-27T10:10:21","modified_gmt":"2026-04-27T07:10:21","slug":"%d1%81%d0%ba%d0%bb%d0%b0%d0%b4%d0%be%d0%b2%d0%b5-%d0%b8-%d0%b3%d0%b0%d1%80%d0%b0%d0%b6%d0%b8","status":"publish","type":"page","link":"https:\/\/newsite.officeshop.bg\/?page_id=181635","title":{"rendered":"\u0421\u043a\u043b\u0430\u0434\u043e\u0432\u0435 \u0438 \u0433\u0430\u0440\u0430\u0436\u0438"},"content":{"rendered":"<div style=\"max-width:1180px;margin:0 auto;padding:25px;font-family:Arial,sans-serif;color:#1f2937;line-height:1.6;background:#f8fafc;\">\n<section style=\"background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;padding:45px 35px;border-radius:26px;margin-bottom:35px;box-shadow:0 18px 45px rgba(15,23,42,0.28);\">\n<h1 style=\"font-size:40px;line-height:1.15;margin:0 0 15px;color:#fff;\">\n      \u041f\u0430\u043a\u0435\u0442\u0438 \u0437\u0430 \u0433\u0430\u0440\u0430\u0436, \u043c\u0430\u0437\u0435 \u0438 \u0441\u043a\u043b\u0430\u0434<br \/>\n    <\/h1>\n<p style=\"font-size:18px;max-width:850px;margin:0;color:#e5e7eb;\">\n      \u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0433\u043e\u0442\u043e\u0432 \u043f\u0430\u043a\u0435\u0442 \u0438\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u0435\u0442\u0435 \u043e\u0442\u0434\u0435\u043b\u043d\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438. \u0421\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0430 \u0438\u0437\u0447\u0438\u0441\u043b\u044f\u0432\u0430 \u0446\u0435\u043d\u0430\u0442\u0430 \u0432 \u0435\u0432\u0440\u043e, \u043f\u0440\u0438\u043b\u0430\u0433\u0430 \u043f\u0430\u043a\u0435\u0442\u043d\u0430 \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430 \u0438 \u0438\u0437\u043f\u0440\u0430\u0449\u0430 \u0438\u0437\u0431\u0440\u0430\u043d\u0438\u0442\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u043a\u044a\u043c \u043a\u043e\u043b\u0438\u0447\u043a\u0430\u0442\u0430.\n    <\/p>\n<\/section>\n<h2 style=\"font-size:30px;margin:35px 0 10px;color:#0f172a;\">\n    \u0418\u0437\u0431\u0435\u0440\u0438 \u0433\u043e\u0442\u043e\u0432 \u043f\u0430\u043a\u0435\u0442<br \/>\n  <\/h2>\n<div style=\"width:72px;height:4px;background:#f97316;border-radius:999px;margin-bottom:18px;\"><\/div>\n<p style=\"color:#64748b;font-size:17px;margin-bottom:22px;max-width:850px;\">\n    \u0413\u043e\u0442\u043e\u0432\u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0438 \u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0437\u0430 \u043f\u043e\u0434\u0440\u0435\u0436\u0434\u0430\u043d\u0435, \u0441\u044a\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0438 \u043f\u043e\u0434\u0434\u0440\u044a\u0436\u043a\u0430 \u043d\u0430 \u0433\u0430\u0440\u0430\u0436, \u043c\u0430\u0437\u0435 \u0438\u043b\u0438 \u0441\u043a\u043b\u0430\u0434\u043e\u0432\u043e \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0435.\n  <\/p>\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:40px;\">\n<div style=\"background:linear-gradient(180deg,#fff,#fff7ed);border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,0.08);border-top:7px solid #f97316;\">\n      <span style=\"display:inline-block;background:#dcfce7;color:#166534;padding:7px 12px;border-radius:999px;font-weight:800;font-size:14px;margin-bottom:14px;\">\u2713 -5% \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430<\/span><\/p>\n<h3 style=\"font-size:22px;margin:0 0 10px;color:#0f172a;\">\u041f\u0430\u043a\u0435\u0442 \u201e\u041c\u0430\u043b\u043a\u043e \u043c\u0430\u0437\u0435\u201c<\/h3>\n<p style=\"color:#64748b;margin-bottom:20px;\">\u041a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0437\u0430 \u043c\u0430\u043b\u043a\u043e \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0435, \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438, \u043a\u0443\u0442\u0438\u0438, \u043f\u0440\u0435\u043f\u0430\u0440\u0430\u0442\u0438 \u0438 \u0441\u0435\u0437\u043e\u043d\u043d\u0438 \u0432\u0435\u0449\u0438.<\/p>\n<p>      <button onclick=\"selectPackage('small')\" style=\"width:100%;border:0;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:15px 20px;border-radius:14px;font-size:16px;font-weight:900;cursor:pointer;\"><br \/>\n        \u0418\u0437\u0431\u0435\u0440\u0438 \u043f\u0430\u043a\u0435\u0442<br \/>\n      <\/button>\n    <\/div>\n<div style=\"background:linear-gradient(180deg,#fff,#fff7ed);border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,0.08);border-top:7px solid #f97316;\">\n      <span style=\"display:inline-block;background:#dcfce7;color:#166534;padding:7px 12px;border-radius:999px;font-weight:800;font-size:14px;margin-bottom:14px;\">\u2713 -8% \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430<\/span><\/p>\n<h3 style=\"font-size:22px;margin:0 0 10px;color:#0f172a;\">\u041f\u0430\u043a\u0435\u0442 \u201e\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0438\u0440\u0430\u043d \u0433\u0430\u0440\u0430\u0436\u201c<\/h3>\n<p style=\"color:#64748b;margin-bottom:20px;\">\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u043d \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0441\u044a\u0441 \u0441\u0442\u0435\u043b\u0430\u0436, \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u043d\u0430 \u043f\u043e\u043c\u043f\u0430, \u0430\u043a\u0441\u0435\u0441\u043e\u0430\u0440\u0438 \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0437\u0430 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f.<\/p>\n<p>      <button onclick=\"selectPackage('garage')\" style=\"width:100%;border:0;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:15px 20px;border-radius:14px;font-size:16px;font-weight:900;cursor:pointer;\"><br \/>\n        \u0418\u0437\u0431\u0435\u0440\u0438 \u043f\u0430\u043a\u0435\u0442<br \/>\n      <\/button>\n    <\/div>\n<div style=\"background:linear-gradient(180deg,#fff,#fff7ed);border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,0.08);border-top:7px solid #f97316;\">\n      <span style=\"display:inline-block;background:#dcfce7;color:#166534;padding:7px 12px;border-radius:999px;font-weight:800;font-size:14px;margin-bottom:14px;\">\u2713 -12% \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430<\/span><\/p>\n<h3 style=\"font-size:22px;margin:0 0 10px;color:#0f172a;\">\u041f\u0430\u043a\u0435\u0442 \u201e\u0421\u043a\u043b\u0430\u0434 Pro\u201c<\/h3>\n<p style=\"color:#64748b;margin-bottom:20px;\">\u0420\u0430\u0437\u0448\u0438\u0440\u0435\u043d \u043f\u0430\u043a\u0435\u0442 \u0437\u0430 \u043f\u043e-\u0433\u043e\u043b\u044f\u043c \u0441\u043a\u043b\u0430\u0434, \u0441\u0435\u0440\u0432\u0438\u0437, \u0430\u0440\u0445\u0438\u0432, \u0440\u0430\u0431\u043e\u0442\u043d\u043e \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u0432\u0430\u043d \u0433\u0430\u0440\u0430\u0436.<\/p>\n<p>      <button onclick=\"selectPackage('pro')\" style=\"width:100%;border:0;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:15px 20px;border-radius:14px;font-size:16px;font-weight:900;cursor:pointer;\"><br \/>\n        \u0418\u0437\u0431\u0435\u0440\u0438 \u043f\u0430\u043a\u0435\u0442<br \/>\n      <\/button>\n    <\/div>\n<\/p><\/div>\n<h2 style=\"font-size:30px;margin:35px 0 10px;color:#0f172a;\">\n    \u0418\u0437\u0431\u0435\u0440\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u043f\u043e\u043e\u0442\u0434\u0435\u043b\u043d\u043e<br \/>\n  <\/h2>\n<div style=\"width:72px;height:4px;background:#f97316;border-radius:999px;margin-bottom:18px;\"><\/div>\n<p style=\"color:#64748b;font-size:17px;margin-bottom:22px;\">\n    \u041c\u0430\u0440\u043a\u0438\u0440\u0430\u0439\u0442\u0435 \u043d\u0443\u0436\u043d\u0438\u0442\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438, \u0437\u0430\u0434\u0430\u0439\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0438 \u0434\u043e\u0431\u0430\u0432\u0435\u0442\u0435 \u0438\u0437\u0431\u0440\u0430\u043d\u043e\u0442\u043e \u0432 \u043a\u043e\u043b\u0438\u0447\u043a\u0430\u0442\u0430.\n  <\/p>\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:35px;\">\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);\">\n      <label style=\"display:flex;gap:14px;align-items:flex-start;cursor:pointer;\"><br \/>\n        <input type=\"checkbox\" class=\"product-check\" data-key=\"shelf_rfg_5\" style=\"width:22px;height:22px;margin-top:3px;\"><\/p>\n<div>\n<h3 style=\"font-size:18px;margin:0 0 10px;color:#0f172a;\">\u041c\u0435\u0442\u0430\u043b\u0435\u043d \u0441\u0442\u0435\u043b\u0430\u0436 RFG, 5 \u0440\u0430\u0444\u0442\u0430<\/h3>\n<p style=\"color:#64748b;margin:0 0 12px;\">\u0417\u0430 \u0433\u0430\u0440\u0430\u0436, \u043c\u0430\u0437\u0435, \u0441\u043a\u043b\u0430\u0434, \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438, \u043a\u0430\u0448\u043e\u043d\u0438 \u0438 \u043a\u043e\u043d\u0441\u0443\u043c\u0430\u0442\u0438\u0432\u0438.<\/p>\n<div style=\"display:inline-block;font-size:20px;font-weight:900;color:#15803d;background:#f0fdf4;padding:7px 11px;border-radius:12px;margin-bottom:12px;\">\u20ac55.21<\/div>\n<div style=\"font-weight:700;color:#334155;\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e: <input type=\"number\" min=\"1\" value=\"1\" class=\"qty\" data-key=\"shelf_rfg_5\" style=\"width:75px;padding:8px;border:1px solid #cbd5e1;border-radius:10px;\"><\/div>\n<\/p><\/div>\n<p>      <\/label>\n    <\/div>\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);\">\n      <label style=\"display:flex;gap:14px;align-items:flex-start;cursor:pointer;\"><br \/>\n        <input type=\"checkbox\" class=\"product-check\" data-key=\"shelf_rfg_4\" style=\"width:22px;height:22px;margin-top:3px;\"><\/p>\n<div>\n<h3 style=\"font-size:18px;margin:0 0 10px;color:#0f172a;\">\u041a\u043e\u043c\u043f\u0430\u043a\u0442\u0435\u043d \u043c\u0435\u0442\u0430\u043b\u0435\u043d \u0441\u0442\u0435\u043b\u0430\u0436 RFG, 4 \u0440\u0430\u0444\u0442\u0430<\/h3>\n<p style=\"color:#64748b;margin:0 0 12px;\">\u041f\u043e\u0434\u0445\u043e\u0434\u044f\u0449 \u0437\u0430 \u0442\u0435\u0441\u043d\u0438 \u043c\u0430\u0437\u0435\u0442\u0430, \u043d\u0438\u0448\u0438 \u0438 \u043f\u043e\u043c\u043e\u0449\u043d\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f.<\/p>\n<div style=\"display:inline-block;font-size:20px;font-weight:900;color:#15803d;background:#f0fdf4;padding:7px 11px;border-radius:12px;margin-bottom:12px;\">\u20ac46.01<\/div>\n<div style=\"font-weight:700;color:#334155;\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e: <input type=\"number\" min=\"1\" value=\"1\" class=\"qty\" data-key=\"shelf_rfg_4\" style=\"width:75px;padding:8px;border:1px solid #cbd5e1;border-radius:10px;\"><\/div>\n<\/p><\/div>\n<p>      <\/label>\n    <\/div>\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);\">\n      <label style=\"display:flex;gap:14px;align-items:flex-start;cursor:pointer;\"><br \/>\n        <input type=\"checkbox\" class=\"product-check\" data-key=\"shelf_wide\" style=\"width:22px;height:22px;margin-top:3px;\"><\/p>\n<div>\n<h3 style=\"font-size:18px;margin:0 0 10px;color:#0f172a;\">\u0428\u0438\u0440\u043e\u043a \u043c\u0435\u0442\u0430\u043b\u0435\u043d \u0441\u0442\u0435\u043b\u0430\u0436<\/h3>\n<p style=\"color:#64748b;margin:0 0 12px;\">\u0417\u0430 \u043e\u0431\u0435\u043c\u043d\u0438 \u043a\u0430\u0448\u043e\u043d\u0438, \u0442\u0443\u0431\u0438, \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438 \u0438 \u0441\u043a\u043b\u0430\u0434\u043e\u0432\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438.<\/p>\n<div style=\"display:inline-block;font-size:20px;font-weight:900;color:#15803d;background:#f0fdf4;padding:7px 11px;border-radius:12px;margin-bottom:12px;\">\u20ac76.63<\/div>\n<div style=\"font-weight:700;color:#334155;\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e: <input type=\"number\" min=\"1\" value=\"1\" class=\"qty\" data-key=\"shelf_wide\" style=\"width:75px;padding:8px;border:1px solid #cbd5e1;border-radius:10px;\"><\/div>\n<\/p><\/div>\n<p>      <\/label>\n    <\/div>\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);\">\n      <label style=\"display:flex;gap:14px;align-items:flex-start;cursor:pointer;\"><br \/>\n        <input type=\"checkbox\" class=\"product-check\" data-key=\"mobile_shelf\" style=\"width:22px;height:22px;margin-top:3px;\"><\/p>\n<div>\n<h3 style=\"font-size:18px;margin:0 0 10px;color:#0f172a;\">\u041c\u0435\u0442\u0430\u043b\u0435\u043d \u0441\u0442\u0435\u043b\u0430\u0436 \u0441 \u043a\u043e\u043b\u0435\u043b\u0430<\/h3>\n<p style=\"color:#64748b;margin:0 0 12px;\">\u0417\u0430 \u0440\u0430\u0431\u043e\u0442\u0438\u043b\u043d\u0438\u0446\u0430, \u043c\u0430\u0433\u0430\u0437\u0438\u043d, \u0441\u043a\u043b\u0430\u0434 \u0438\u043b\u0438 \u043c\u043e\u0431\u0438\u043b\u043d\u0430 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f.<\/p>\n<div style=\"display:inline-block;font-size:20px;font-weight:900;color:#15803d;background:#f0fdf4;padding:7px 11px;border-radius:12px;margin-bottom:12px;\">\u20ac69.00<\/div>\n<div style=\"font-weight:700;color:#334155;\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e: <input type=\"number\" min=\"1\" value=\"1\" class=\"qty\" data-key=\"mobile_shelf\" style=\"width:75px;padding:8px;border:1px solid #cbd5e1;border-radius:10px;\"><\/div>\n<\/p><\/div>\n<p>      <\/label>\n    <\/div>\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);\">\n      <label style=\"display:flex;gap:14px;align-items:flex-start;cursor:pointer;\"><br \/>\n        <input type=\"checkbox\" class=\"product-check\" data-key=\"wood_shelf\" style=\"width:22px;height:22px;margin-top:3px;\"><\/p>\n<div>\n<h3 style=\"font-size:18px;margin:0 0 10px;color:#0f172a;\">\u041f\u0414\u0427 \u0441\u0442\u0435\u043b\u0430\u0436 \/ \u0435\u0442\u0430\u0436\u0435\u0440\u043a\u0430<\/h3>\n<p style=\"color:#64748b;margin:0 0 12px;\">\u0417\u0430 \u0430\u0440\u0445\u0438\u0432, \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438, \u043a\u043b\u0430\u0441\u044c\u043e\u0440\u0438, \u043f\u0430\u043f\u043a\u0438 \u0438 \u043f\u043e-\u043b\u0435\u043a\u0438 \u0432\u0435\u0449\u0438.<\/p>\n<div style=\"display:inline-block;font-size:20px;font-weight:900;color:#15803d;background:#f0fdf4;padding:7px 11px;border-radius:12px;margin-bottom:12px;\">\u20ac153.32<\/div>\n<div style=\"font-weight:700;color:#334155;\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e: <input type=\"number\" min=\"1\" value=\"1\" class=\"qty\" data-key=\"wood_shelf\" style=\"width:75px;padding:8px;border:1px solid #cbd5e1;border-radius:10px;\"><\/div>\n<\/p><\/div>\n<p>      <\/label>\n    <\/div>\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);\">\n      <label style=\"display:flex;gap:14px;align-items:flex-start;cursor:pointer;\"><br \/>\n        <input type=\"checkbox\" class=\"product-check\" data-key=\"compressor_baseus\" style=\"width:22px;height:22px;margin-top:3px;\"><\/p>\n<div>\n<h3 style=\"font-size:18px;margin:0 0 10px;color:#0f172a;\">\u0411\u0435\u0437\u0436\u0438\u0447\u043d\u0430 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u043d\u0430 \u043f\u043e\u043c\u043f\u0430 Baseus<\/h3>\n<p style=\"color:#64748b;margin:0 0 12px;\">\u0417\u0430 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u043d\u0438 \u0433\u0443\u043c\u0438, \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434, \u0442\u043e\u043f\u043a\u0438 \u0438 \u043a\u044a\u043c\u043f\u0438\u043d\u0433 \u043e\u0431\u043e\u0440\u0443\u0434\u0432\u0430\u043d\u0435.<\/p>\n<div style=\"display:inline-block;font-size:20px;font-weight:900;color:#15803d;background:#f0fdf4;padding:7px 11px;border-radius:12px;margin-bottom:12px;\">\u20ac77.04<\/div>\n<div style=\"font-weight:700;color:#334155;\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e: <input type=\"number\" min=\"1\" value=\"1\" class=\"qty\" data-key=\"compressor_baseus\" style=\"width:75px;padding:8px;border:1px solid #cbd5e1;border-radius:10px;\"><\/div>\n<\/p><\/div>\n<p>      <\/label>\n    <\/div>\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);\">\n      <label style=\"display:flex;gap:14px;align-items:flex-start;cursor:pointer;\"><br \/>\n        <input type=\"checkbox\" class=\"product-check\" data-key=\"compressor_autoprime\" style=\"width:22px;height:22px;margin-top:3px;\"><\/p>\n<div>\n<h3 style=\"font-size:18px;margin:0 0 10px;color:#0f172a;\">\u041a\u043e\u043c\u043f\u0440\u0435\u0441\u043e\u0440 Autoprime 250 PSI<\/h3>\n<p style=\"color:#64748b;margin:0 0 12px;\">\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0437\u0430 \u0433\u0430\u0440\u0430\u0436, \u0431\u0430\u0433\u0430\u0436\u043d\u0438\u043a \u0438 \u0430\u0432\u0430\u0440\u0438\u0439\u043d\u0430 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430.<\/p>\n<div style=\"display:inline-block;font-size:20px;font-weight:900;color:#15803d;background:#f0fdf4;padding:7px 11px;border-radius:12px;margin-bottom:12px;\">\u20ac24.08<\/div>\n<div style=\"font-weight:700;color:#334155;\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e: <input type=\"number\" min=\"1\" value=\"1\" class=\"qty\" data-key=\"compressor_autoprime\" style=\"width:75px;padding:8px;border:1px solid #cbd5e1;border-radius:10px;\"><\/div>\n<\/p><\/div>\n<p>      <\/label>\n    <\/div>\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);\">\n      <label style=\"display:flex;gap:14px;align-items:flex-start;cursor:pointer;\"><br \/>\n        <input type=\"checkbox\" class=\"product-check\" data-key=\"parking_post\" style=\"width:22px;height:22px;margin-top:3px;\"><\/p>\n<div>\n<h3 style=\"font-size:18px;margin:0 0 10px;color:#0f172a;\">\u0410\u043d\u0442\u0438\u043f\u0430\u0440\u043a\u0438\u043d\u0433 \u043a\u043e\u043b\u0447\u0435 \u0441 \u043a\u0430\u0442\u0438\u043d\u0430\u0440<\/h3>\n<p style=\"color:#64748b;margin:0 0 12px;\">\u0417\u0430 \u043f\u0430\u0440\u043a\u043e\u043c\u044f\u0441\u0442\u043e, \u0432\u0445\u043e\u0434 \u043a\u044a\u043c \u0433\u0430\u0440\u0430\u0436, \u0441\u043a\u043b\u0430\u0434\u043e\u0432\u0430 \u0437\u043e\u043d\u0430 \u0438\u043b\u0438 \u0434\u0432\u043e\u0440.<\/p>\n<div style=\"display:inline-block;font-size:20px;font-weight:900;color:#15803d;background:#f0fdf4;padding:7px 11px;border-radius:12px;margin-bottom:12px;\">\u20ac42.18<\/div>\n<div style=\"font-weight:700;color:#334155;\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e: <input type=\"number\" min=\"1\" value=\"1\" class=\"qty\" data-key=\"parking_post\" style=\"width:75px;padding:8px;border:1px solid #cbd5e1;border-radius:10px;\"><\/div>\n<\/p><\/div>\n<p>      <\/label>\n    <\/div>\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);\">\n      <label style=\"display:flex;gap:14px;align-items:flex-start;cursor:pointer;\"><br \/>\n        <input type=\"checkbox\" class=\"product-check\" data-key=\"rubber_ramp\" style=\"width:22px;height:22px;margin-top:3px;\"><\/p>\n<div>\n<h3 style=\"font-size:18px;margin:0 0 10px;color:#0f172a;\">\u0413\u0443\u043c\u0435\u043d\u0430 \u0440\u0430\u043c\u043f\u0430 \u0437\u0430 \u0431\u043e\u0440\u0434\u044e\u0440<\/h3>\n<p style=\"color:#64748b;margin:0 0 12px;\">\u0417\u0430 \u043f\u043e-\u043b\u0435\u0441\u0435\u043d \u0434\u043e\u0441\u0442\u044a\u043f \u0434\u043e \u0433\u0430\u0440\u0430\u0436, \u0441\u043a\u043b\u0430\u0434, \u0441\u0435\u0440\u0432\u0438\u0437 \u0438\u043b\u0438 \u0434\u0432\u043e\u0440.<\/p>\n<div style=\"display:inline-block;font-size:20px;font-weight:900;color:#15803d;background:#f0fdf4;padding:7px 11px;border-radius:12px;margin-bottom:12px;\">\u20ac39.39<\/div>\n<div style=\"font-weight:700;color:#334155;\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e: <input type=\"number\" min=\"1\" value=\"1\" class=\"qty\" data-key=\"rubber_ramp\" style=\"width:75px;padding:8px;border:1px solid #cbd5e1;border-radius:10px;\"><\/div>\n<\/p><\/div>\n<p>      <\/label>\n    <\/div>\n<\/p><\/div>\n<div style=\"background:radial-gradient(circle at top right,rgba(249,115,22,0.16),transparent 35%),#fff;border:2px solid #fed7aa;border-radius:22px;padding:24px;margin-top:32px;box-shadow:0 20px 48px rgba(15,23,42,0.16);\">\n<h2 style=\"font-size:24px;margin:0 0 16px;color:#0f172a;\">\u041e\u0431\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043d\u0430 \u043f\u043e\u0440\u044a\u0447\u043a\u0430\u0442\u0430<\/h2>\n<div style=\"display:flex;justify-content:space-between;margin:9px 0;font-size:17px;color:#334155;\">\n      <span>\u0418\u0437\u0431\u0440\u0430\u043d \u043f\u0430\u043a\u0435\u0442:<\/span><br \/>\n      <span id=\"selectedPackageName\" style=\"font-weight:900;color:#f97316;\">\u041d\u044f\u043c\u0430<\/span>\n    <\/div>\n<div style=\"display:flex;justify-content:space-between;margin:9px 0;font-size:17px;color:#334155;\">\n      <span>\u0418\u0437\u0431\u0440\u0430\u043d\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438:<\/span><br \/>\n      <strong id=\"selectedCount\">0<\/strong>\n    <\/div>\n<div style=\"display:flex;justify-content:space-between;margin:9px 0;font-size:17px;color:#334155;\">\n      <span>\u041c\u0435\u0436\u0434\u0438\u043d\u043d\u0430 \u0441\u0443\u043c\u0430:<\/span><br \/>\n      <strong id=\"subtotal\">\u20ac0.00<\/strong>\n    <\/div>\n<div style=\"display:flex;justify-content:space-between;margin:9px 0;font-size:17px;color:#334155;\">\n      <span>\u041f\u0430\u043a\u0435\u0442\u043d\u0430 \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430:<\/span><br \/>\n      <strong id=\"discountText\">\u20ac0.00<\/strong>\n    <\/div>\n<div style=\"display:flex;justify-content:space-between;margin:15px 0 0;padding-top:15px;border-top:1px solid #e2e8f0;font-size:26px;font-weight:900;color:#0f172a;\">\n      <span>\u041e\u0431\u0449\u043e:<\/span><br \/>\n      <span id=\"total\" style=\"color:#15803d;\">\u20ac0.00<\/span>\n    <\/div>\n<p>    <button onclick=\"goToCart()\" style=\"width:100%;border:0;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:16px 20px;border-radius:14px;font-size:17px;font-weight:900;cursor:pointer;margin-top:18px;\"><br \/>\n      \u0414\u043e\u0431\u0430\u0432\u0438 \u0438\u0437\u0431\u0440\u0430\u043d\u043e\u0442\u043e \u0432 \u043a\u043e\u043b\u0438\u0447\u043a\u0430\u0442\u0430<br \/>\n    <\/button><\/p>\n<p>    <button onclick=\"clearSelection()\" style=\"width:100%;border:0;background:linear-gradient(135deg,#64748b,#475569);color:#fff;padding:16px 20px;border-radius:14px;font-size:17px;font-weight:900;cursor:pointer;margin-top:12px;\"><br \/>\n      \u0418\u0437\u0447\u0438\u0441\u0442\u0438 \u0438\u0437\u0431\u043e\u0440\u0430<br \/>\n    <\/button><\/p>\n<p style=\"font-size:14px;color:#64748b;margin-top:14px;background:#f8fafc;padding:12px;border-radius:12px;\">\n      \u0421\u043b\u0435\u0434 \u0438\u0437\u0431\u043e\u0440 \u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0449\u0435 \u0431\u044a\u0434\u0435\u0442\u0435 \u043f\u0440\u0435\u0445\u0432\u044a\u0440\u043b\u0435\u043d\u0438 \u043a\u044a\u043c \u043a\u043e\u043b\u0438\u0447\u043a\u0430\u0442\u0430, \u043a\u044a\u0434\u0435\u0442\u043e \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u0430 \u043f\u0440\u0435\u0433\u043b\u0435\u0434\u0430\u0442\u0435 \u043f\u043e\u0440\u044a\u0447\u043a\u0430\u0442\u0430 \u043f\u0440\u0435\u0434\u0438 \u0444\u0438\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0435.\n    <\/p>\n<\/p><\/div>\n<h2 style=\"font-size:30px;margin:40px 0 10px;color:#0f172a;\">\u0412\u0441\u0438\u0447\u043a\u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u0438 \u0432\u0438\u0434\u043e\u0432\u0435 \u0441\u0442\u0435\u043b\u0430\u0436\u0438<\/h2>\n<div style=\"width:72px;height:4px;background:#f97316;border-radius:999px;margin-bottom:18px;\"><\/div>\n<div style=\"background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:26px;box-shadow:0 12px 30px rgba(15,23,42,0.06);\">\n<ul style=\"columns:2;column-gap:34px;margin:0;padding-left:20px;color:#475569;\">\n<li><strong style=\"color:#0f172a;\">\u041c\u0435\u0442\u0430\u043b\u043d\u0438 \u0441\u0442\u0435\u043b\u0430\u0436\u0438<\/strong> \u2013 \u0437\u0430 \u0433\u0430\u0440\u0430\u0436\u0438, \u0441\u043a\u043b\u0430\u0434\u043e\u0432\u0435 \u0438 \u0442\u0435\u0436\u043a\u0438 \u0432\u0435\u0449\u0438.<\/li>\n<li><strong style=\"color:#0f172a;\">\u0421\u0442\u0435\u043b\u0430\u0436\u0438 \u0441 MDF \u0440\u0430\u0444\u0442\u043e\u0432\u0435<\/strong> \u2013 \u0437\u0434\u0440\u0430\u0432\u0438 \u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0438 \u0437\u0430 \u043a\u0430\u0448\u043e\u043d\u0438 \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438.<\/li>\n<li><strong style=\"color:#0f172a;\">\u0412\u0438\u0441\u043e\u043a\u0438 \u0441\u0442\u0435\u043b\u0430\u0436\u0438<\/strong> \u2013 \u0437\u0430 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u043d\u043e \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043d\u0435 \u043d\u0430 \u0432\u0438\u0441\u043e\u0447\u0438\u043d\u0430\u0442\u0430.<\/li>\n<li><strong style=\"color:#0f172a;\">\u041d\u0438\u0441\u043a\u0438 \u0441\u0442\u0435\u043b\u0430\u0436\u0438<\/strong> \u2013 \u0437\u0430 \u043d\u0438\u0441\u043a\u0438 \u043c\u0430\u0437\u0435\u0442\u0430, \u043d\u0438\u0448\u0438 \u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u043f\u043e\u0434 \u043f\u0440\u043e\u0437\u043e\u0440\u0446\u0438.<\/li>\n<li><strong style=\"color:#0f172a;\">\u0428\u0438\u0440\u043e\u043a\u0438 \u0441\u0442\u0435\u043b\u0430\u0436\u0438<\/strong> \u2013 \u0437\u0430 \u043e\u0431\u0435\u043c\u043d\u0438 \u043a\u0430\u0448\u043e\u043d\u0438, \u0442\u0443\u0431\u0438 \u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u0432\u0430\u043d\u0435.<\/li>\n<li><strong style=\"color:#0f172a;\">\u0422\u0435\u0441\u043d\u0438 \u0441\u0442\u0435\u043b\u0430\u0436\u0438<\/strong> \u2013 \u0437\u0430 \u043a\u043e\u0440\u0438\u0434\u043e\u0440\u0438, \u043c\u0430\u043b\u043a\u0438 \u0441\u043a\u043b\u0430\u0434\u043e\u0432\u0435 \u0438 \u0442\u0435\u0441\u043d\u0438 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u044f.<\/li>\n<li><strong style=\"color:#0f172a;\">\u041c\u043e\u0431\u0438\u043b\u043d\u0438 \u0441\u0442\u0435\u043b\u0430\u0436\u0438 \u0441 \u043a\u043e\u043b\u0435\u043b\u0430<\/strong> \u2013 \u0437\u0430 \u0440\u0430\u0431\u043e\u0442\u0438\u043b\u043d\u0438\u0446\u0438 \u0438 \u0447\u0435\u0441\u0442\u043e \u043f\u0440\u0435\u043c\u0435\u0441\u0442\u0432\u0430\u043d\u0435.<\/li>\n<li><strong style=\"color:#0f172a;\">\u041f\u0414\u0427\/\u0434\u044a\u0440\u0432\u0435\u043d\u0438 \u0441\u0442\u0435\u043b\u0430\u0436\u0438<\/strong> \u2013 \u0437\u0430 \u043e\u0444\u0438\u0441, \u0430\u0440\u0445\u0438\u0432, \u043f\u0430\u043f\u043a\u0438 \u0438 \u043f\u043e-\u043b\u0435\u043a\u0438 \u0432\u0435\u0449\u0438.<\/li>\n<li><strong style=\"color:#0f172a;\">\u0410\u0440\u0445\u0438\u0432\u043d\u0438 \u0441\u0442\u0435\u043b\u0430\u0436\u0438<\/strong> \u2013 \u0437\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438, \u043a\u043b\u0430\u0441\u044c\u043e\u0440\u0438 \u0438 \u0444\u0438\u0440\u043c\u0435\u043d\u0438 \u0430\u0440\u0445\u0438\u0432\u0438.<\/li>\n<li><strong style=\"color:#0f172a;\">\u0421\u0442\u0435\u043b\u0430\u0436\u0438 \u0437\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438<\/strong> \u2013 \u0437\u0430 \u043c\u0430\u0448\u0438\u043d\u0438, \u043a\u0430\u0431\u0435\u043b\u0438, \u0432\u0438\u043d\u0442\u043e\u0432\u0435 \u0438 \u0447\u0430\u0441\u0442\u0438.<\/li>\n<li><strong style=\"color:#0f172a;\">\u0421\u0442\u0435\u043b\u0430\u0436\u0438 \u0437\u0430 \u043f\u0440\u0435\u043f\u0430\u0440\u0430\u0442\u0438<\/strong> \u2013 \u0437\u0430 \u0445\u0438\u0433\u0438\u0435\u043d\u043d\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438 \u0438 \u043f\u043e\u0447\u0438\u0441\u0442\u0432\u0430\u0449\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438.<\/li>\n<li><strong style=\"color:#0f172a;\">\u0421\u0442\u0435\u043b\u0430\u0436\u0438 \u0437\u0430 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u043d\u0438 \u0430\u043a\u0441\u0435\u0441\u043e\u0430\u0440\u0438<\/strong> \u2013 \u0437\u0430 \u043c\u0430\u0441\u043b\u0430, \u0441\u043f\u0440\u0435\u0439\u043e\u0432\u0435, \u043f\u043e\u043c\u043f\u0438 \u0438 \u0440\u0435\u0437\u0435\u0440\u0432\u043d\u0438 \u0447\u0430\u0441\u0442\u0438.<\/li>\n<\/ul><\/div>\n<h2 style=\"font-size:30px;margin:40px 0 10px;color:#0f172a;\">\u041f\u043e\u043b\u0435\u0437\u043d\u0438 \u0441\u044a\u0432\u0435\u0442\u0438 \u0437\u0430 \u043f\u043e\u0434\u0440\u0435\u0436\u0434\u0430\u043d\u0435<\/h2>\n<div style=\"width:72px;height:4px;background:#f97316;border-radius:999px;margin-bottom:18px;\"><\/div>\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:24px;\">\n<div style=\"background:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);border-left:6px solid #2563eb;\">\n<h3 style=\"margin-top:0;color:#0f172a;\">\u0422\u0435\u0436\u043a\u0438\u0442\u0435 \u0432\u0435\u0449\u0438 \u043d\u0430\u0439-\u0434\u043e\u043b\u0443<\/h3>\n<p style=\"color:#64748b;\">\u041c\u0430\u0448\u0438\u043d\u0438, \u0442\u0443\u0431\u0438, \u043a\u0430\u0448\u043e\u043d\u0438 \u0441 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438 \u0438 \u0442\u0435\u0436\u043a\u0438 \u0447\u0430\u0441\u0442\u0438 \u0442\u0440\u044f\u0431\u0432\u0430 \u0434\u0430 \u0441\u0442\u043e\u044f\u0442 \u043d\u0430 \u0434\u043e\u043b\u043d\u0438\u0442\u0435 \u0440\u0430\u0444\u0442\u043e\u0432\u0435.<\/p>\n<\/p><\/div>\n<div style=\"background:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);border-left:6px solid #2563eb;\">\n<h3 style=\"margin-top:0;color:#0f172a;\">\u0415\u0442\u0438\u043a\u0435\u0442\u0438 \u0437\u0430 \u0432\u0441\u044f\u043a\u0430 \u043a\u0443\u0442\u0438\u044f<\/h3>\n<p style=\"color:#64748b;\">\u041d\u0430\u043f\u0438\u0448\u0435\u0442\u0435 \u201e\u043a\u0430\u0431\u0435\u043b\u0438\u201c, \u201e\u0432\u0438\u043d\u0442\u043e\u0432\u0435\u201c, \u201e\u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u201c, \u201e\u0430\u0440\u0445\u0438\u0432\u201c, \u201e\u043f\u0440\u0435\u043f\u0430\u0440\u0430\u0442\u0438\u201c, \u0437\u0430 \u0434\u0430 \u043d\u0430\u043c\u0438\u0440\u0430\u0442\u0435 \u0432\u0441\u0438\u0447\u043a\u043e \u0431\u044a\u0440\u0437\u043e.<\/p>\n<\/p><\/div>\n<div style=\"background:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);border-left:6px solid #2563eb;\">\n<h3 style=\"margin-top:0;color:#0f172a;\">\u0410\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0435\u043d \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442<\/h3>\n<p style=\"color:#64748b;\">\u0414\u0440\u044a\u0436\u0442\u0435 \u043f\u043e\u043c\u043f\u0430, \u043a\u0430\u0431\u0435\u043b\u0438, \u0444\u0435\u043d\u0435\u0440, \u0440\u044a\u043a\u0430\u0432\u0438\u0446\u0438 \u0438 \u043a\u044a\u0440\u043f\u0438 \u0432 \u0435\u0434\u043d\u0430 \u043a\u0443\u0442\u0438\u044f \u043d\u0430 \u043b\u0435\u0441\u043d\u043e\u0434\u043e\u0441\u0442\u044a\u043f\u0435\u043d \u0440\u0430\u0444\u0442.<\/p>\n<\/p><\/div>\n<div style=\"background:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,0.07);border-left:6px solid #2563eb;\">\n<h3 style=\"margin-top:0;color:#0f172a;\">\u041e\u0441\u0442\u0430\u0432\u0435\u0442\u0435 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u0430 \u043f\u044a\u0442\u0435\u043a\u0430<\/h3>\n<p style=\"color:#64748b;\">\u041d\u0435 \u0437\u0430\u043f\u044a\u043b\u0432\u0430\u0439\u0442\u0435 \u0446\u044f\u043b\u043e\u0442\u043e \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0435. \u041e\u0441\u0442\u0430\u0432\u0435\u0442\u0435 \u0434\u043e\u0441\u0442\u044a\u043f \u0434\u043e \u0432\u0441\u0438\u0447\u043a\u0438 \u0441\u0442\u0435\u043b\u0430\u0436\u0438 \u0438 \u0448\u043a\u0430\u0444\u043e\u0432\u0435.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:22px;padding:22px;margin-top:28px;color:#78350f;\">\n<p style=\"margin:0;\">\n      <strong style=\"color:#9a3412;\">\u0421\u044a\u0432\u0435\u0442:<\/strong> \u0417\u0430 \u0433\u0430\u0440\u0430\u0436\u0438 \u0438 \u0441\u043a\u043b\u0430\u0434\u043e\u0432\u0435 \u043d\u0430\u0439-\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0438 \u0441\u0430 \u043c\u0435\u0442\u0430\u043b\u043d\u0438\u0442\u0435 \u0441\u0442\u0435\u043b\u0430\u0436\u0438, \u0430 \u0437\u0430 \u0430\u0440\u0445\u0438\u0432 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438 \u2014 \u041f\u0414\u0427 \u0438\u043b\u0438 \u043e\u0444\u0438\u0441 \u0441\u0442\u0435\u043b\u0430\u0436\u0438.\n    <\/p>\n<\/p><\/div>\n<\/div>\n<p><script>\nconst STORE_URL = \"https:\/\/newsite.officeshop.bg\";<\/p>\n<p>const products = {\n  shelf_rfg_5: { productId: 1111, price: 55.21 },\n  shelf_rfg_4: { productId: 1112, price: 46.01 },\n  shelf_wide: { productId: 1113, price: 76.63 },\n  mobile_shelf: { productId: 1114, price: 69.00 },\n  wood_shelf: { productId: 1115, price: 153.32 },\n  compressor_baseus: { productId: 1116, price: 77.04 },\n  compressor_autoprime: { productId: 1117, price: 24.08 },\n  parking_post: { productId: 1118, price: 42.18 },\n  rubber_ramp: { productId: 1119, price: 39.39 }\n};<\/p>\n<p>const packages = {\n  small: {\n    name: \"\u041f\u0430\u043a\u0435\u0442 \u201e\u041c\u0430\u043b\u043a\u043e \u043c\u0430\u0437\u0435\u201c\",\n    discount: 5,\n    coupon: \"MAZE5\",\n    items: {\n      shelf_rfg_4: 1\n    }\n  },\n  garage: {\n    name: \"\u041f\u0430\u043a\u0435\u0442 \u201e\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0438\u0440\u0430\u043d \u0433\u0430\u0440\u0430\u0436\u201c\",\n    discount: 8,\n    coupon: \"GARAGE8\",\n    items: {\n      shelf_rfg_5: 1,\n      compressor_autoprime: 1,\n      parking_post: 1\n    }\n  },\n  pro: {\n    name: \"\u041f\u0430\u043a\u0435\u0442 \u201e\u0421\u043a\u043b\u0430\u0434 Pro\u201c\",\n    discount: 12,\n    coupon: \"SKLAD12\",\n    items: {\n      shelf_rfg_5: 2,\n      shelf_wide: 1,\n      mobile_shelf: 1,\n      compressor_baseus: 1,\n      rubber_ramp: 1\n    }\n  }\n};<\/p>\n<p>let activePackage = null;<\/p>\n<p>function euro(value) {\n  return \"\u20ac\" + Number(value).toFixed(2);\n}<\/p>\n<p>function selectPackage(packageKey) {\n  activePackage = packageKey;<\/p>\n<p>  document.querySelectorAll(\".product-check\").forEach(function(checkbox) {\n    checkbox.checked = false;\n  });<\/p>\n<p>  document.querySelectorAll(\".qty\").forEach(function(qtyInput) {\n    qtyInput.value = 1;\n  });<\/p>\n<p>  Object.keys(packages[packageKey].items).forEach(function(key) {\n    const checkbox = document.querySelector('.product-check[data-key=\"' + key + '\"]');\n    const qty = document.querySelector('.qty[data-key=\"' + key + '\"]');<\/p>\n<p>    if (checkbox) checkbox.checked = true;\n    if (qty) qty.value = packages[packageKey].items[key];\n  });<\/p>\n<p>  calculateTotal();\n}<\/p>\n<p>function clearSelection() {\n  activePackage = null;<\/p>\n<p>  document.querySelectorAll(\".product-check\").forEach(function(checkbox) {\n    checkbox.checked = false;\n  });<\/p>\n<p>  document.querySelectorAll(\".qty\").forEach(function(qtyInput) {\n    qtyInput.value = 1;\n  });<\/p>\n<p>  calculateTotal();\n}<\/p>\n<p>function getSelectedItems() {\n  const selected = [];<\/p>\n<p>  document.querySelectorAll(\".product-check\").forEach(function(checkbox) {\n    if (checkbox.checked) {\n      const key = checkbox.dataset.key;\n      const qtyInput = document.querySelector('.qty[data-key=\"' + key + '\"]');\n      const qty = Math.max(1, parseInt(qtyInput.value || \"1\", 10));<\/p>\n<p>      if (products[key]) {\n        selected.push({\n          productId: products[key].productId,\n          price: products[key].price,\n          qty: qty\n        });\n      }\n    }\n  });<\/p>\n<p>  return selected;\n}<\/p>\n<p>function calculateTotal() {\n  const selected = getSelectedItems();<\/p>\n<p>  let subtotal = selected.reduce(function(sum, item) {\n    return sum + item.price * item.qty;\n  }, 0);<\/p>\n<p>  let discountPercent = activePackage ? packages[activePackage].discount : 0;\n  let discountAmount = subtotal * discountPercent \/ 100;\n  let total = subtotal - discountAmount;<\/p>\n<p>  document.getElementById(\"selectedCount\").innerText = selected.length;\n  document.getElementById(\"subtotal\").innerText = euro(subtotal);\n  document.getElementById(\"discountText\").innerText = discountPercent > 0\n    ? \"-\" + euro(discountAmount) + \" (\" + discountPercent + \"%)\"\n    : \"\u20ac0.00\";\n  document.getElementById(\"total\").innerText = euro(total);\n  document.getElementById(\"selectedPackageName\").innerText = activePackage\n    ? packages[activePackage].name\n    : \"\u041d\u044f\u043c\u0430\";\n}<\/p>\n<p>function goToCart() {\n  const selected = getSelectedItems();<\/p>\n<p>  if (!selected.length) {\n    alert(\"\u041c\u043e\u043b\u044f, \u0438\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043f\u043e\u043d\u0435 \u0435\u0434\u0438\u043d \u043f\u0440\u043e\u0434\u0443\u043a\u0442.\");\n    return;\n  }<\/p>\n<p>  const items = selected.map(function(item) {\n    return item.productId + \":\" + item.qty;\n  }).join(\",\");<\/p>\n<p>  const coupon = activePackage ? packages[activePackage].coupon : \"\";<\/p>\n<p>  let url = STORE_URL + \"\/cart\/?garage_bundle=\" + encodeURIComponent(items);<\/p>\n<p>  if (coupon) {\n    url += \"&coupon=\" + encodeURIComponent(coupon);\n  }<\/p>\n<p>  window.location.href = url;\n}<\/p>\n<p>document.querySelectorAll(\".product-check, .qty\").forEach(function(el) {\n  el.addEventListener(\"change\", function() {\n    activePackage = null;\n    calculateTotal();\n  });\n});<\/p>\n<p>calculateTotal();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041f\u0430\u043a\u0435\u0442\u0438 \u0437\u0430 \u0433\u0430\u0440\u0430\u0436, \u043c\u0430\u0437\u0435 \u0438 \u0441\u043a\u043b\u0430\u0434 \u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0433\u043e\u0442\u043e\u0432 \u043f\u0430\u043a\u0435\u0442 \u0438\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u0435\u0442\u0435 \u043e\u0442\u0434\u0435\u043b\u043d\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438. \u0421\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0430 \u0438\u0437\u0447\u0438\u0441\u043b\u044f\u0432\u0430 \u0446\u0435\u043d\u0430\u0442\u0430 \u0432 \u0435\u0432\u0440\u043e, \u043f\u0440\u0438\u043b\u0430\u0433\u0430 \u043f\u0430\u043a\u0435\u0442\u043d\u0430<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-181635","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/newsite.officeshop.bg\/index.php?rest_route=\/wp\/v2\/pages\/181635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newsite.officeshop.bg\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newsite.officeshop.bg\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newsite.officeshop.bg\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newsite.officeshop.bg\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=181635"}],"version-history":[{"count":0,"href":"https:\/\/newsite.officeshop.bg\/index.php?rest_route=\/wp\/v2\/pages\/181635\/revisions"}],"wp:attachment":[{"href":"https:\/\/newsite.officeshop.bg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=181635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}