{"id":27909,"date":"2026-03-30T12:57:55","date_gmt":"2026-03-30T12:57:55","guid":{"rendered":"https:\/\/weblab-studio.com\/?page_id=27909"},"modified":"2026-04-30T15:37:51","modified_gmt":"2026-04-30T15:37:51","slug":"ecommerce","status":"publish","type":"page","link":"https:\/\/weblab-studio.com\/hr\/ecommerce\/","title":{"rendered":"Web Trgovine"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27909\" class=\"elementor elementor-27909\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f687ad8 e-con-full e-flex e-con e-parent\" data-id=\"f687ad8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;tilt&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac2474e e-con-full e-flex e-con e-child\" data-id=\"ac2474e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab3a38 elementor-widget-tablet__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9ab3a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Powerfull <span style=\"color:#FF771E\">eCommerce <\/span> websites built to sell<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa297e4 elementor-widget-tablet__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"aa297e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We design and build high-converting online stores which help your business grow.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-561407c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"561407c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d513a8 elementor-widget elementor-widget-button\" data-id=\"0d513a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#quotewebshop\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">GET FREE QUOTE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a34ce70 elementor-widget elementor-widget-button\" data-id=\"a34ce70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#ecomfeatures\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-window-restore\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">FEATURES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c16432c e-con-full e-flex e-con e-parent\" data-id=\"c16432c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd55bd elementor-widget elementor-widget-heading\" data-id=\"fcd55bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Powerful features built for <span style=\"color:#ff771e\">online sales<\/span> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93f97f2 elementor-widget elementor-widget-menu-anchor\" data-id=\"93f97f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"ecomfeatures\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1453456 elementor-widget elementor-widget-html\" data-id=\"1453456\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* SECTION *\/\n.booking-section{\n    max-width:1200px;\n    margin:auto;\n    padding:20px 20px 30px 20px; \/* bottom smanjen *\/\n    background:trasparent\n    ;\n    font-family: sans-serif;\n}\n\n\/* GRID *\/\n.booking-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:30px;\n}\n\n\/* CARD *\/\n.booking-box{\n    background:#ffffff;\n    padding:30px;\n    border-radius:16px;\n    box-shadow:0 10px 25px rgba(80,140,255,0.12);\n    transition:all 0.35s ease;\n    display:flex;\n    flex-direction:column;\n    align-items:flex-start;\n    text-align:left;\n}\n\n\/* HOVER EFFECT *\/\n.booking-box:hover{\n    transform:translateY(-6px);\n    box-shadow:0 20px 45px rgba(80,140,255,0.28);\n}\n\n\/* ICON *\/\n.booking-icon{\n    width:52px;\n    height:52px;\n    margin-bottom:18px;\n    border-radius:14px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:white;\n    flex-shrink:0;\n    transition:transform .4s ease;\n}\n\n\/* ICON HOVER *\/\n.booking-box:hover .booking-icon{\n    transform:rotate(8deg) scale(1.1);\n}\n\n\/* TITLE *\/\n.booking-title{\n    font-size:17px;\n    font-weight:600;\n    color:#1a2b4c;\n    margin-bottom:12px;\n}\n\n\/* TEXT *\/\n.booking-desc{\n    font-size:15px;\n    line-height:1.6;\n    color:#1a2b4c;\n    margin-bottom:18px;\n}\n\n\/* LINK *\/\n.booking-link{\n    font-weight:600;\n    color:#1a2b4c;\n    text-decoration:none;\n}\n\n.booking-link:hover{\n    opacity:0.7;\n}\n\n\/* ICON GRADIENTS *\/\n.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);}\n.icon-teal{background:linear-gradient(135deg,#14b8a6,#06b6d4);}\n.icon-orange{background:linear-gradient(135deg,#f97316,#fb923c);}\n\n\/* RESPONSIVE *\/\n\n\/* TABLET *\/\n@media(min-width: 601px) and (max-width: 900px){\n    .booking-grid{\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\/* MOBITEL *\/\n@media(max-width:600px){\n    .booking-grid{\n        grid-template-columns:1fr;\n    }\n}\n<\/style>\n\n<section class=\"booking-section\">\n  <div class=\"booking-grid\">\n\n    <!-- 1 -->\n    <div class=\"booking-box\">\n      <div class=\"booking-icon icon-orange\">\n        <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n          <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"><\/rect>\n          <path d=\"M2 10h20\"><\/path>\n        <\/svg>\n      <\/div>\n      <div class=\"booking-title\">Online Payments<\/div>\n      <div class=\"booking-desc\">Accept secure payments with all major methods and provide a smooth checkout experience.<\/div>\n    <\/div>\n\n    <!-- 2 -->\n    <div class=\"booking-box\">\n      <div class=\"booking-icon icon-teal\">\n        <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n          <path d=\"M3 7h13l3 3v7H3z\"><\/path>\n          <circle cx=\"7.5\" cy=\"17.5\" r=\"1.5\"><\/circle>\n          <circle cx=\"17.5\" cy=\"17.5\" r=\"1.5\"><\/circle>\n        <\/svg>\n      <\/div>\n      <div class=\"booking-title\">Shipping & Delivery<\/div>\n      <div class=\"booking-desc\">Set up flexible shipping options, delivery zones and pricing tailored to your business.<\/div>\n     \n    <\/div>\n\n    <!-- 3 -->\n    <div class=\"booking-box\">\n      <div class=\"booking-icon icon-purple\">\n        <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n          <path d=\"M2 12h20M12 2a15 15 0 010 20M12 2a15 15 0 000 20\"><\/path>\n        <\/svg>\n      <\/div>\n      <div class=\"booking-title\">Multi-language & Currency<\/div>\n      <div class=\"booking-desc\">Sell globally with multiple languages and currencies for a seamless customer experience.<\/div>\n   \n    <\/div>\n\n    <!-- 4 -->\n    <div class=\"booking-box\">\n      <div class=\"booking-icon icon-teal\">\n        <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n          <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n          <path d=\"M3 7l9 6 9-6\"><\/path>\n        <\/svg>\n      <\/div>\n      <div class=\"booking-title\">Email Marketing<\/div>\n      <div class=\"booking-desc\">Grow your audience and send campaigns, promotions and updates directly from your store.<\/div>\n    \n    <\/div>\n\n    <!-- 5 -->\n    <div class=\"booking-box\">\n      <div class=\"booking-icon icon-orange\">\n        <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n          <path d=\"M21 15a4 4 0 01-4 4H7l-4 4V5a4 4 0 014-4h10a4 4 0 014 4z\"><\/path>\n        <\/svg>\n      <\/div>\n      <div class=\"booking-title\">Automated Emails<\/div>\n      <div class=\"booking-desc\">Recover abandoned carts and automate customer communication to increase sales.<\/div>\n    <\/div>\n\n    <!-- 6 -->\n    <div class=\"booking-box\">\n      <div class=\"booking-icon icon-purple\">\n        <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n          <path d=\"M9 9h6v6H9z\"><\/path>\n        <\/svg>\n      <\/div>\n      <div class=\"booking-title\">Easy Store Management<\/div>\n      <div class=\"booking-desc\">Manage products, orders and customers from one simple and user-friendly dashboard.<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16624d5 e-flex e-con-boxed e-con e-child\" data-id=\"16624d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fba4c3 elementor-widget elementor-widget-html\" data-id=\"1fba4c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* BUTTON *\/\n.features-btn-wrap{\n    text-align:center;\n    margin-top:-20px;\n}\n\n.features-btn{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:14px 24px;\n    border-radius:14px;\n    background:#ffffff;\n    color:#1a2b4c;\n    font-weight:600;\n    text-decoration:none;\n    box-shadow:0 10px 25px rgba(80,140,255,0.12);\n    transition:all .3s ease;\n}\n\n.features-btn:hover{\n    transform:translateY(-4px);\n    box-shadow:0 20px 45px rgba(80,140,255,0.28);\n}\n\n.features-btn svg{\n    width:18px;\n    height:18px;\n    flex-shrink:0;\n}\n\n\/* POPUP OVERLAY *\/\n.popup-overlay{\n    position:fixed;\n    inset:0;\n    background:rgba(0,0,0,0.5);\n    backdrop-filter:blur(6px);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    opacity:0;\n    visibility:hidden;\n    transition:all .3s ease;\n    z-index:9999;\n    padding:20px;\n}\n\n.popup-overlay.active{\n    opacity:1;\n    visibility:visible;\n}\n\n\/* POPUP BOX *\/\n.popup-box{\n    background:#fff;\n    border-radius:20px;\n    width:100%;\n    max-width:1100px;\n    padding:32px;\n    box-shadow:0 30px 80px rgba(0,0,0,0.3);\n    position:relative;\n    transform:translateY(30px);\n    transition:all .3s ease;\n    max-height:85vh;\n    overflow-y:auto;\n}\n\n.popup-overlay.active .popup-box{\n    transform:translateY(0);\n}\n\n\/* CLOSE *\/\n.popup-close{\n    position:absolute;\n    top:14px;\n    right:18px;\n    font-size:26px;\n    line-height:1;\n    cursor:pointer;\n    color:#1a2b4c;\n}\n\n\/* TITLE + TEXT *\/\n.popup-title{\n    font-size:26px;\n    font-weight:700;\n    color:#1a2b4c;\n    margin-bottom:10px;\n}\n\n.popup-subtitle{\n    font-size:15px;\n    line-height:1.7;\n    color:#4b5a7a;\n    margin-bottom:28px;\n    max-width:700px;\n}\n\n\/* GRID *\/\n.popup-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:22px;\n}\n\n\/* CARD *\/\n.popup-card{\n    background:#ffffff;\n    padding:26px;\n    border-radius:16px;\n    box-shadow:0 10px 25px rgba(80,140,255,0.12);\n    transition:all .35s ease;\n    display:flex;\n    flex-direction:column;\n    align-items:flex-start;\n    text-align:left;\n    border:1px solid rgba(64,84,178,0.08);\n}\n\n.popup-card:hover{\n    transform:translateY(-6px);\n    box-shadow:0 20px 45px rgba(80,140,255,0.22);\n}\n\n\/* ICON *\/\n.popup-icon{\n    width:50px;\n    height:50px;\n    margin-bottom:16px;\n    border-radius:14px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:#fff;\n    flex-shrink:0;\n    transition:transform .4s ease;\n}\n\n.popup-card:hover .popup-icon{\n    transform:rotate(8deg) scale(1.08);\n}\n\n.popup-icon svg{\n    width:24px;\n    height:24px;\n}\n\n\/* TITLE *\/\n.popup-card-title{\n    font-size:17px;\n    font-weight:600;\n    color:#1a2b4c;\n    margin-bottom:10px;\n}\n\n\/* DESC *\/\n.popup-card-desc{\n    font-size:14px;\n    line-height:1.65;\n    color:#1a2b4c;\n}\n\n\/* ICON GRADIENTS *\/\n.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);}\n.icon-teal{background:linear-gradient(135deg,#14b8a6,#06b6d4);}\n.icon-orange{background:linear-gradient(135deg,#f97316,#fb923c);}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px){\n    .popup-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n}\n\n@media (max-width: 600px){\n    .popup-box{\n        padding:24px 18px;\n        border-radius:18px;\n    }\n\n    .popup-title{\n        font-size:22px;\n    }\n\n    .popup-grid{\n        grid-template-columns:1fr;\n    }\n    \/* FOOTER *\/\n.popup-footer{\n    margin-top:30px;\n    display:flex;\n    justify-content:center;\n}\n\n\/* CLOSE BUTTON *\/\n.popup-close-btn{\n    padding:12px 24px;\n    border-radius:12px;\n    border:none;\n    background:#1a2b4c;\n    color:#fff;\n    font-weight:600;\n    cursor:pointer;\n    transition:all .3s ease;\n    box-shadow:0 10px 25px rgba(26,43,76,0.25);\n}\n\n.popup-close-btn:hover{\n    transform:translateY(-3px);\n    box-shadow:0 20px 45px rgba(26,43,76,0.4);\n}\n}\n<\/style>\n\n<!-- BUTTON -->\n<div class=\"features-btn-wrap\">\n    <a href=\"javascript:void(0)\" class=\"features-btn\" onclick=\"openPopup()\">\n        <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M4 6h16M4 12h16M4 18h16\"><\/path>\n        <\/svg>\n        See All Features\n    <\/a>\n<\/div>\n\n<!-- POPUP -->\n<div class=\"popup-overlay\" id=\"featuresPopup\">\n  <div class=\"popup-box\">\n    \n    <div class=\"popup-close\" onclick=\"closePopup()\">\u00d7<\/div>\n\n    <div class=\"popup-title\">All eCommerce Features<\/div>\n    <div class=\"popup-subtitle\">\n      Everything your online store needs to sell smoothly, scale easily and give your customers a seamless shopping experience.\n    <\/div>\n\n    <div class=\"popup-grid\">\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-orange\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M3 6h18\"><\/path>\n            <path d=\"M8 6V4h8v2\"><\/path>\n            <path d=\"M6 6l1 14h10l1-14\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Discounts & Promotions<\/div>\n        <div class=\"popup-card-desc\">Create discount codes, special offers and promotional campaigns to boost conversions and increase sales.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-teal\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\n            <path d=\"M4 20c1.5-4 14.5-4 16 0\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Customer Accounts<\/div>\n        <div class=\"popup-card-desc\">Let customers create profiles, save details and view order history for a smoother repeat shopping experience.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-purple\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n            <path d=\"M8 9h8M8 13h5\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Product Variants<\/div>\n        <div class=\"popup-card-desc\">Offer multiple sizes, colours and options for each product with a clean and organised buying experience.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-teal\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M4 17l4-4 3 3 5-6 4 4\"><\/path>\n            <path d=\"M4 20h16\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Analytics & Insights<\/div>\n        <div class=\"popup-card-desc\">Track sales, customer behaviour and store performance to make smarter business decisions.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-orange\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M4 4h16v16H4z\"><\/path>\n            <path d=\"M8 8h8v8H8z\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Inventory Tracking<\/div>\n        <div class=\"popup-card-desc\">Stay on top of your stock with simple inventory management and real-time product availability updates.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-purple\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M21 15a4 4 0 01-4 4H7l-4 4V5a4 4 0 014-4h10a4 4 0 014 4z\"><\/path>\n            <path d=\"M8 9h8M8 13h5\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Abandoned Cart Recovery<\/div>\n        <div class=\"popup-card-desc\">Reconnect with shoppers who left before checkout and recover potential lost sales automatically.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-orange\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M3 5h18\"><\/path>\n            <path d=\"M5 9h14v10H5z\"><\/path>\n            <path d=\"M9 13h6\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Newsletter Forms<\/div>\n        <div class=\"popup-card-desc\">Capture leads through forms and popups to grow your audience and build long-term customer relationships.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-teal\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M12 3v18\"><\/path>\n            <path d=\"M7 8h7a3 3 0 010 6H9a3 3 0 000 6h8\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">POS Integration<\/div>\n        <div class=\"popup-card-desc\">Connect your online and physical store with synced stock, orders and payments in one system.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-purple\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M4 19l5-7 4 3 7-10\"><\/path>\n            <path d=\"M4 19h16\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">SEO & Performance<\/div>\n        <div class=\"popup-card-desc\">Built with fast loading speeds and search-friendly structure to help your store get discovered online.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-teal\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"><\/rect>\n            <path d=\"M11 18h2\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Mobile Optimised<\/div>\n        <div class=\"popup-card-desc\">Your store is designed to look clean and work smoothly across phones, tablets and desktop devices.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-orange\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M12 20V10\"><\/path>\n            <path d=\"M8 14l4-4 4 4\"><\/path>\n            <path d=\"M5 4h14\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Bulk Product Editing<\/div>\n        <div class=\"popup-card-desc\">Update multiple products faster with streamlined editing tools that save time and reduce admin work.<\/div>\n      <\/div>\n\n      <div class=\"popup-card\">\n        <div class=\"popup-icon icon-purple\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n            <path d=\"M12 3l7 4v5c0 5-3.5 7.5-7 9-3.5-1.5-7-4-7-9V7l7-4z\"><\/path>\n            <path d=\"M9.5 12l1.5 1.5 3.5-3.5\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"popup-card-title\">Secure & Reliable<\/div>\n        <div class=\"popup-card-desc\">Built on a stable system with secure transactions and reliable performance for your customers and your business.<\/div>\n      <\/div>\n      <div class=\"popup-footer\">\n    <button class=\"popup-close-btn\" onclick=\"closePopup()\">Close<\/button>\n<\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction openPopup(){\n    var popup = document.getElementById(\"featuresPopup\");\n    if(popup){\n        popup.classList.add(\"active\");\n        document.body.style.overflow = \"hidden\";\n    }\n}\n\nfunction closePopup(){\n    var popup = document.getElementById(\"featuresPopup\");\n    if(popup){\n        popup.classList.remove(\"active\");\n        document.body.style.overflow = \"\";\n    }\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n    var popup = document.getElementById(\"featuresPopup\");\n    if(popup){\n        popup.addEventListener(\"click\", function(e){\n            if(e.target === this){\n                closePopup();\n            }\n        });\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da7aa8a e-flex e-con-boxed e-con e-parent\" data-id=\"da7aa8a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b04b53 elementor-widget elementor-widget-heading\" data-id=\"3b04b53\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A webshop <span style=\"color:#ff771e\">built for sales<\/span>, not just looks<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61c0d12 e-con-full e-flex e-con e-parent\" data-id=\"61c0d12\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3fdc665 e-con-full e-flex e-con e-child\" data-id=\"3fdc665\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ce8b1e elementor-widget elementor-widget-text-editor\" data-id=\"5ce8b1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"331\" data-end=\"396\">We build e-commerce experiences that guide your visitors from browsing to buying &#8211; with a clear path, fast checkout and zero friction.<\/p><p data-start=\"546\" data-end=\"610\"><strong>Because a beautiful webshop means nothing if it doesn\u2019t convert.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div data-eael_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" data-eael_hover_duration=\"{&quot;transitionDuration&quot;:1000}\" data-eael_hover_easing=\"{&quot;transitionEasing&quot;:&quot;ease&quot;}\" class=\"eael_hover_effect elementor-element elementor-element-32f7123 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"32f7123\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;eael_hover_effect_general_settings_easing&quot;:&quot;ease&quot;,&quot;eael_hover_effect_general_settings_hover_easing&quot;:&quot;ease&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#shoppricing\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-credit-card\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">OUR PRICING<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61a36ef e-con-full e-flex e-con e-child\" data-id=\"61a36ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cede7dc elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"cede7dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n:root {\n    --orange: #ff7a00;\n    --orange-glow: rgba(255, 122, 0, 0.4);\n    --anim-speed: 2s;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\nhtml, body {\n    overflow-x: hidden;\n    max-width: 100%;\n}\n\n\/* Glavni kontejner *\/\n.flow-wrapper {\n    width: 100%;\n    max-width: 600px;\n    margin: 0 auto;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    font-family: 'Inter', sans-serif;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* NODE STIL *\/\n.node {\n    width: 70px;\n    height: 70px;\n    background: #ffffff;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    z-index: 10;\n    flex-shrink: 0;\n}\n\n\/* KARTICA *\/\n.central-card {\n    width: 210px;\n    max-width: 100%;\n    background: #ffffff;\n    border-radius: 28px;\n    padding: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n    z-index: 10;\n    text-align: center;\n    border: 1px solid #eee;\n    margin: 50px 0;\n}\n\n.prod-wrapper {\n    display: flex;\n    justify-content: space-between;\n    margin: 15px 0;\n    gap: 8px;\n}\n\n.prod-box {\n    width: 45px;\n    height: 45px;\n    background: #f8f9fa;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.btn-buy {\n    width: 100%;\n    background: var(--orange);\n    color: white;\n    border: none;\n    padding: 10px;\n    border-radius: 12px;\n    font-weight: 800;\n    font-size: 11px;\n    text-transform: uppercase;\n    cursor: pointer;\n}\n\n\/* LINIJE *\/\n.connector-svg {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    pointer-events: none;\n}\n\n\/* Desktop layout *\/\n@media (min-width: 601px) {\n    .flow-wrapper {\n        height: 450px;\n        flex-direction: row;\n        justify-content: space-between;\n    }\n\n    .central-card { margin: 0; }\n    #start-node { align-self: flex-start; margin-top: 10px; }\n    #end-node { align-self: flex-end; margin-bottom: 10px; }\n    .mobile-line { display: none; }\n}\n\n\/* Mobitel layout *\/\n@media (max-width: 600px) {\n    .desktop-line { display: none; }\n\n    .mobile-line {\n        position: absolute;\n        width: 3px;\n        background: rgba(0,0,0,0.05);\n        top: 55px;\n        bottom: 55px;\n        z-index: 0;\n        left: 50%;\n        transform: translateX(-50%);\n    }\n\n    .mobile-line::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 60px;\n        background: linear-gradient(to bottom, transparent, var(--orange), transparent);\n        box-shadow: 0 0 10px var(--orange);\n        animation: flowVertical var(--anim-speed) infinite linear;\n    }\n}\n\n@keyframes flowVertical {\n    0% { top: -10%; opacity: 0; }\n    20% { opacity: 1; }\n    80% { opacity: 1; }\n    100% { top: 100%; opacity: 0; }\n}\n\n\/* Animacija za desktop *\/\n.path-anim {\n    fill: none;\n    stroke: var(--orange);\n    stroke-width: 3;\n    stroke-dasharray: 400;\n    stroke-dashoffset: 400;\n    animation: drawPath var(--anim-speed) infinite linear;\n}\n\n@keyframes drawPath {\n    0% { stroke-dashoffset: 400; opacity: 0; }\n    20% { opacity: 1; }\n    100% { stroke-dashoffset: 0; opacity: 1; }\n}\n\n.scale-focus {\n    animation: quickPop var(--anim-speed) infinite ease-in-out;\n}\n\n@keyframes quickPop {\n    0%, 40% { transform: scale(1); }\n    50% { transform: scale(1.1); filter: brightness(1.1); }\n    60%, 100% { transform: scale(1); }\n}\n<\/style>\n\n<div class=\"flow-wrapper\">\n    <svg class=\"connector-svg desktop-line\" viewBox=\"0 0 600 450\" preserveAspectRatio=\"none\">\n        <path class=\"path-anim\" d=\"M 75 75 V 225 H 190\" style=\"animation-delay: 0s;\" \/>\n        <path class=\"path-anim\" d=\"M 410 225 H 525 V 375\" style=\"animation-delay: 1s;\" \/>\n    <\/svg>\n\n    <div class=\"mobile-line\"><\/div>\n\n    <div class=\"node\" id=\"start-node\">\ud83d\udc64<\/div>\n\n    <div class=\"central-card\">\n        <div style=\"font-size: 11px; font-weight: 800; color: var(--orange); text-transform: uppercase; letter-spacing: 1px;\">Web Shop<\/div>\n        <div class=\"prod-wrapper\">\n            <div class=\"prod-box\">\ud83d\udd76\ufe0f<\/div>\n            <div class=\"prod-box scale-focus\" style=\"background: #fff0e6; border: 1px solid var(--orange);\">\ud83d\udc5f<\/div>\n            <div class=\"prod-box\">\u231a<\/div>\n        <\/div>\n        <button class=\"btn-buy scale-focus\">Buy Now<\/button>\n    <\/div>\n\n    <div class=\"node\" id=\"end-node\">\ud83d\uded2<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44000ef e-flex e-con-boxed e-con e-parent\" data-id=\"44000ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-519e510 elementor-widget elementor-widget-heading\" data-id=\"519e510\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How We Work<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42cd84c e-con-full e-flex e-con e-parent\" data-id=\"42cd84c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-037289c elementor-widget elementor-widget-html\" data-id=\"037289c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"timeline-section\">\n  <div class=\"timeline-wrapper\">\n    <div class=\"timeline-grid\">\n\n      <div class=\"timeline-line\">\n        <div class=\"timeline-progress\" id=\"progress-line\"><\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-blue\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Consultations<\/div>\n        <div class=\"timeline-desc\">We analyse your business goals and identify the best digital solution.<\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-purple\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\n            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\n            <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Structure & Strategy<\/div>\n        <div class=\"timeline-desc\">We plan user flows, platform structure and define optimal strategy.<\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-teal\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n            <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Design & Development<\/div>\n        <div class=\"timeline-desc\">Your platform is designed and built with performance in mind.<\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-orange\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"><\/path>\n            <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Launching & Support<\/div>\n        <div class=\"timeline-desc\">We launch your project and provide ongoing support and updates.<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.timeline-section {\n    padding: 100px 0;\n    background: linear-gradient(to bottom );\n}\n\n.timeline-grid {\n    max-width: 1400px;\n    margin: auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    position: relative;\n    padding: 0 20px;\n}\n\n\/* --- DESKTOP LINIJA --- *\/\n.timeline-line {\n    position: absolute;\n    top: 46px; \n    left: 12.5%; \/* Po\u010dinje to\u010dno ispod prve ikone *\/\n    width: 75%;  \/* Zavr\u0161ava to\u010dno ispod zadnje ikone *\/\n    height: 4px;\n    background: rgba(255,255,255,0.1);\n    z-index: 0;\n    border-radius: 4px;\n}\n\n.timeline-progress {\n    position: absolute;\n    top: 0; left: 0;\n    height: 100%;\n    width: 0%; \/* JS kontrolira ovo na desktopu *\/\n    background: #f97316;\n    box-shadow: 0 0 15px rgba(249, 115, 22, 0.6);\n    transition: width 0.1s linear;\n}\n\n\/* --- KARTICE I IKONE --- *\/\n.timeline-card {\n    background: rgba(255,255,255,0.05);\n    border-radius: 16px;\n    padding: 30px;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n}\n\n.timeline-icon {\n    width: 52px; height: 52px;\n    margin: 0 auto 20px;\n    border-radius: 14px;\n    display: flex; align-items: center; justify-content: center;\n    color: white;\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.timeline-icon.active { transform: scale(1.1); }\n\n\/* --- RESPONSIVE (MOBITEL & TABLET) --- *\/\n@media (max-width: 900px) {\n    .timeline-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n        padding-left: 60px;\n    }\n\n    .timeline-line {\n        top: 20px;\n        bottom: 20px;\n        left: 35px; \/* Poravnato s ikonama *\/\n        width: 3px;\n        height: auto;\n        background: rgba(255,255,255,0.1);\n    }\n\n    .timeline-progress {\n        width: 100% !important; \n        height: 0%; \/* JS kontrolira ovo na mobitelu *\/\n        transition: height 0.1s linear;\n    }\n\n    .timeline-card { text-align: left; padding: 25px; }\n    .timeline-icon { margin: 0 0 15px 0; }\n}\n\n\/* Gradients *\/\n.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);}\n.icon-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4);}\n.icon-teal{background:linear-gradient(135deg,#22c55e,#10b981);}\n.icon-orange{background:linear-gradient(135deg,#f97316,#fb923c);}\n\n.timeline-title { color: white; font-weight: 600; margin-bottom: 8px; }\n.timeline-desc { color: rgba(255,255,255,0.7); font-size: 14px; }\n<\/style>\n\n<script>\ndocument.addEventListener('scroll', function() {\n  const section = document.querySelector('.timeline-section');\n  const cards = document.querySelectorAll('.timeline-card');\n  const progressLine = document.getElementById('progress-line');\n  \n  const sectionRect = section.getBoundingClientRect();\n  const windowHeight = window.innerHeight;\n  \n  \/\/ To\u010dka aktivacije (sredina ekrana)\n  const triggerPoint = windowHeight * 0.5;\n  \n  \/\/ Izra\u010dun progressa (0 do 1)\n  let scrollPercent = (triggerPoint - sectionRect.top) \/ sectionRect.height;\n  scrollPercent = Math.min(Math.max(scrollPercent, 0), 1);\n\n  if (window.innerWidth <= 900) {\n    \/\/ Mobilni: Resetiraj width, puni height\n    progressLine.style.width = \"100%\";\n    progressLine.style.height = (scrollPercent * 100) + \"%\";\n  } else {\n    \/\/ Desktop: Resetiraj height, puni width\n    progressLine.style.height = \"100%\";\n    progressLine.style.width = (scrollPercent * 100) + \"%\";\n  }\n\n  \/\/ Aktiviraj ikone kad pro\u0111u trigger point\n  cards.forEach((card) => {\n    const icon = card.querySelector('.timeline-icon');\n    const rect = card.getBoundingClientRect();\n    \n    \/\/ Na desktopu gledamo horizontalnu sredinu, na mobitelu vertikalnu\n    if (rect.top < triggerPoint) {\n      icon.classList.add('active');\n    } else {\n      icon.classList.remove('active');\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8ea2bf e-flex e-con-boxed e-con e-parent\" data-id=\"e8ea2bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-916c14a elementor-widget elementor-widget-html\" data-id=\"916c14a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"final-cta\">\n    <div class=\"cta-card\">\n        <h2 class=\"cta-title\">\n            Ready to launch a <span class=\"highlight\">webshop that actually sells?<\/span>\n        <\/h2>\n\n        <p class=\"cta-subtitle\">\n            We build fast, conversion-focused ecommerce stores that turn visitors into customers.\n        <\/p>\n        \n        <div class=\"cta-buttons\">\n            <a href=\"#quotewebshop\" class=\"btn-primary\">Get a Free Quote<\/a>\n            \n            <a href=\"https:\/\/wa.me\/385976659002\" target=\"_blank\" class=\"btn-secondary\">\n                \n                <!-- WHATSAPP ICON -->\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 32 32\" fill=\"currentColor\">\n                    <path d=\"M16.001 3C9.372 3 4 8.373 4 15.001c0 2.647.86 5.09 2.314 7.074L4 29l7.111-2.275A11.96 11.96 0 0016.001 27c6.628 0 12.001-5.373 12.001-11.999C28.002 8.373 22.629 3 16.001 3zm0 21.818c-2.092 0-4.042-.609-5.685-1.658l-.406-.257-4.222 1.35 1.375-4.11-.264-.421a9.77 9.77 0 01-1.49-5.22c0-5.417 4.406-9.822 9.822-9.822 2.625 0 5.093 1.022 6.95 2.879a9.77 9.77 0 012.872 6.943c0 5.417-4.406 9.822-9.822 9.822zm5.385-7.36c-.295-.147-1.743-.86-2.012-.958-.27-.098-.466-.147-.663.147-.197.295-.762.958-.934 1.155-.172.197-.344.221-.639.074-.295-.147-1.245-.459-2.372-1.463-.876-.78-1.468-1.744-1.64-2.039-.172-.295-.018-.455.13-.602.134-.133.295-.344.442-.516.147-.172.197-.295.295-.492.098-.197.049-.369-.025-.516-.074-.147-.663-1.6-.908-2.188-.238-.571-.48-.493-.663-.502l-.566-.01c-.197 0-.516.074-.787.369-.27.295-1.034 1.01-1.034 2.46 0 1.45 1.058 2.85 1.205 3.047.147.197 2.08 3.176 5.043 4.455.705.304 1.254.485 1.683.621.707.225 1.35.193 1.859.117.567-.084 1.743-.712 1.989-1.4.246-.688.246-1.278.172-1.4-.074-.123-.27-.197-.566-.344z\"\/>\n                <\/svg>\n\n                Chat on WhatsApp\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.final-cta {\n    padding: 120px 20px;\n    background: transparent;\n    display: flex;\n    justify-content: center;\n    font-family: 'Inter', sans-serif;\n    width: 100%;\n    position: relative;\n}\n\n\/* GLOW BACKGROUND *\/\n.final-cta::before {\n    content: \"\";\n    position: absolute;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(247,127,49,0.15), transparent 70%);\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 0;\n}\n\n.cta-card {\n    max-width: 900px;\n    width: 100%;\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    padding: 80px 40px;\n    border-radius: 40px;\n    text-align: center;\n    box-shadow: 0 25px 60px rgba(0,0,0,0.25);\n    position: relative;\n    z-index: 2;\n}\n\n.cta-title {\n    font-size: clamp(32px, 5vw, 45px);\n    font-weight: 800;\n    color: #ffffff;\n    margin-bottom: 20px;\n    line-height: 1.2;\n}\n\n.cta-title .highlight {\n    color: #f77f31;\n}\n\n.cta-subtitle {\n    font-size: clamp(16px, 2vw, 20px);\n    color: rgba(255, 255, 255, 0.7);\n    max-width: 650px;\n    margin: 0 auto 40px;\n    line-height: 1.6;\n}\n\n.cta-buttons {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n.btn-primary, .btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n}\n\n\/* PRIMARY BUTTON *\/\n.btn-primary {\n    background: #f77f31;\n    color: white;\n    padding: 18px 35px;\n    border-radius: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}\n\n.btn-primary:hover {\n    background: #22c55e;\n    transform: scale(1.05);\n    color: #ffffff;\n}\n\n\/* SECONDARY BUTTON *\/\n.btn-secondary {\n    background: rgba(255, 255, 255, 0.08);\n    color: #ffffff;\n    padding: 18px 35px;\n    border-radius: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    transition: all 0.3s ease;\n    gap: 10px;\n}\n\n.btn-secondary:hover {\n    background: #25D366;\n    border-color: #25D366;\n    transform: scale(1.05);\n    color: #ffffff !important;\n}\n\n.btn-secondary:hover svg {\n    fill: #ffffff;\n}\n\n@media (max-width: 600px) {\n    .cta-card {\n        padding: 50px 20px;\n    }\n    .btn-primary, .btn-secondary {\n        width: 100%;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b092b14 e-con-full e-flex e-con e-parent\" data-id=\"b092b14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3157f23 elementor-widget elementor-widget-heading\" data-id=\"3157f23\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Choose the Right <span style=\"color:#ff771e\"> E-commerce Package<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16d3c24 elementor-widget elementor-widget-menu-anchor\" data-id=\"16d3c24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"shoppricing\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3939a21 elementor-widget elementor-widget-html\" data-id=\"3939a21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* SECTION *\/\r\n.pricing-section {\r\n    max-width: 100%;\r\n    margin: auto;\r\n    padding: 50px 20px;\r\n    background: transparent;\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\n\/* GRID *\/\r\n.pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n    max-width: 1000px;\r\n    margin: auto;\r\n}\r\n\r\n\/* BASE CARD *\/\r\n.pricing-box {\r\n    background: rgba(255, 255, 255, 0.98);\r\n    padding: 50px 40px 40px 40px;\r\n    border-radius: 24px;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n}\r\n\r\n\/* PRO CARD *\/\r\n.pricing-box.pro-card {\r\n    border: 2px solid #f97316;\r\n}\r\n\r\n.pricing-box:hover {\r\n    transform: translateY(-12px);\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\/* MOST POPULAR BADGE *\/\r\n.popular-badge {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: -10px;\r\n    background: #f97316;\r\n    color: white;\r\n    padding: 6px 15px;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    border-radius: 6px 0 0 6px;\r\n    box-shadow: -2px 4px 10px rgba(249, 115, 22, 0.4);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n\/* ICON BASE *\/\r\n.pricing-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    margin-bottom: 20px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n}\r\n\r\n.icon-orange { background: linear-gradient(135deg, #f97316, #fb923c); }\r\n.icon-blue { background: linear-gradient(135deg, #3b82f6, #60a5fa); }\r\n\r\n\/* TITLE & PRICE *\/\r\n.pricing-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #1a2b4c;\r\n}\r\n\r\n.pricing-price {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    margin: 10px 0 25px;\r\n    color: #4054B2;\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 5px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.price-from, .price-tag {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #64748b;\r\n}\r\n\r\n\/* FEATURES *\/\r\n.pricing-features {\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n    color: #475569;\r\n    margin-bottom: 20px;\r\n    flex-grow: 1;\r\n}\r\n\r\n.pricing-features div {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.feat-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    color: #4054B2;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* FOOTER TEXT *\/\r\n.pricing-footer-text {\r\n    font-size: 13px;\r\n    color: #475569;\r\n    line-height: 1.5;\r\n    margin-bottom: 25px;\r\n    text-align: center;\r\n    font-style: italic;\r\n}\r\n\r\n\/* BUTTON STYLING (Fixed text color & Scaling) *\/\r\n.pricing-btn {\r\n    display: block;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, #f97316, #fb923c);\r\n    color: white !important; \/* Tekst ostaje bijeli *\/\r\n    padding: 16px 20px;\r\n    border-radius: 12px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 15px rgba(249, 115, 22, 0.2);\r\n}\r\n\r\n.pricing-btn:hover {\r\n    background: linear-gradient(135deg, #10b981, #059669);\r\n    transform: scale(1.05); \/* Pove\u0107anje na hover *\/\r\n    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n.pricing-btn:active {\r\n    transform: scale(0.95); \/* Efekt pritiska na klik *\/\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:850px){\r\n    .pricing-grid { \r\n        grid-template-columns: 1fr; \r\n        max-width: 450px; \r\n    }\r\n    .popular-badge { \r\n        right: 20px; \r\n        border-radius: 6px; \r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"pricing-section\">\r\n    <div class=\"pricing-grid\">\r\n\r\n        <div class=\"pricing-box\">\r\n            <div class=\"pricing-icon icon-orange\">\r\n                <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"9\" cy=\"20\" r=\"1.5\"\/>\r\n                    <circle cx=\"18\" cy=\"20\" r=\"1.5\"\/>\r\n                    <path d=\"M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h8.7a2 2 0 0 0 2-1.6L21 7H7\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-title\">E-commerce Starter<\/div>\r\n            <div class=\"pricing-price\">\r\n                <span class=\"price-from\">from<\/span> \u20ac690 <span class=\"price-tag\">\/one-time<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"pricing-features\">\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3h18v14H3z\"\/><path d=\"M8 21h8\"\/><path d=\"M12 17v4\"\/><\/svg> Shopify store setup<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 6h15l-1.5 8h-11z\"\/><circle cx=\"9\" cy=\"20\" r=\"1\"\/><circle cx=\"18\" cy=\"20\" r=\"1\"\/><path d=\"M6 6L5 3H2\"\/><\/svg> Up to 10 products uploaded<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 10h18\"\/><\/svg> Clean branded design<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg> Mobile responsive<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 7h16\"\/><path d=\"M4 12h10\"\/><path d=\"M4 17h13\"\/><\/svg> Basic pages and navigation<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><\/svg> Payment integration<\/div>\r\n            <\/div>\r\n\r\n            <p class=\"pricing-footer-text\">Final price depends on project scope. Contact us to get a free quote.<\/p>\r\n            <a href=\"#quotewebshop\" class=\"pricing-btn\">Get a Free Quote<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"pricing-box pro-card\">\r\n            <div class=\"popular-badge\">\r\n                <svg width=\"12\" height=\"12\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 3v18l6-4 6 2V5l-6-2-6 2z\"><\/path>\r\n                <\/svg>\r\n                Most Popular\r\n            <\/div>\r\n\r\n            <div class=\"pricing-icon icon-blue\">\r\n                <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"9\" cy=\"20\" r=\"1.5\"\/>\r\n                    <circle cx=\"18\" cy=\"20\" r=\"1.5\"\/>\r\n                    <path d=\"M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h8.7a2 2 0 0 0 2-1.6L21 7H7\"\/>\r\n                    <path d=\"M10 11h6\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-title\">E-commerce Pro<\/div>\r\n            <div class=\"pricing-price\">\r\n                <span class=\"price-from\">from<\/span> \u20ac890 <span class=\"price-tag\">\/one-time<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"pricing-features\">\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Everything from Starter<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 6h15l-1.5 8h-11z\"\/><circle cx=\"9\" cy=\"20\" r=\"1\"\/><circle cx=\"18\" cy=\"20\" r=\"1\"\/><path d=\"M6 6L5 3H2\"\/><\/svg> Up to 30 products uploaded<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 5h16v14H4z\"\/><path d=\"M8 9h8\"\/><path d=\"M8 13h5\"\/><\/svg> Advanced custom design<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 12h18\"\/><path d=\"M7 6h10\"\/><path d=\"M9 18h6\"\/><\/svg> Conversion-focused homepage<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a4 4 0 0 1-4 4H7l-4 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/><\/svg> Abandoned cart setup<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"M7 14l3-3 3 2 4-5\"\/><\/svg> Analytics integration<\/div>\r\n            <\/div>\r\n\r\n            <p class=\"pricing-footer-text\">Final price depends on project scope. Contact us to get a free quote.<\/p>\r\n            <a href=\"#quotewebshop\" class=\"pricing-btn\">Get a Free Quote<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ea825a e-flex e-con-boxed e-con e-parent\" data-id=\"1ea825a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c2c3a5 elementor-widget elementor-widget-heading\" data-id=\"1c2c3a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked  <span style=\"color:#ff771e\"> Questions<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8357ea elementor-widget elementor-widget-html\" data-id=\"e8357ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.faq-toggle::before,\n.faq-toggle::after,\n.faq-card::before,\n.faq-card::after {\n    content: none !important;\n}\n\n.faq-section {\n    max-width: 1200px;\n    margin: auto;\n    padding: 60px 20px;\n    background: transparent;\n    font-family: 'Inter', sans-serif;\n}\n\n.faq-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 15px;\n}\n\n.faq-card {\n    background: rgba(26, 43, 76, 0.6);\n    border-radius: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    padding: 15px 20px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n    cursor: pointer;\n}\n\n.faq-card:hover {\n    background: rgba(26, 43, 76, 0.9);\n    transform: translateX(5px);\n    border-color: rgba(80, 140, 255, 0.3);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n}\n\n.faq-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n}\n\n.faq-title {\n    font-size: 15px;\n    font-weight: 600;\n    color: #f6f6f6;\n    padding-right: 20px;\n    transition: color 0.3s ease;\n    line-height: 1.5;\n}\n\n.faq-card:hover .faq-title {\n    color: #ffffff;\n}\n\n.faq-toggle {\n    border: none;\n    background: rgba(249, 115, 22, 0.1);\n    width: 32px;\n    height: 32px;\n    min-width: 32px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 400;\n    color: #f97316;\n    transition: all 0.3s ease;\n    flex-shrink: 0;\n}\n\n.faq-card.active .faq-toggle {\n    background: #f97316;\n    color: white;\n    transform: rotate(45deg);\n}\n\n.faq-content {\n    max-height: 0;\n    overflow: hidden;\n    font-size: 14px;\n    line-height: 1.7;\n    color: #cbd5e1;\n    transition: max-height 0.35s ease, opacity 0.3s ease, margin-top 0.3s ease, padding-bottom 0.3s ease;\n    opacity: 0;\n}\n\n.faq-content p {\n    margin: 0;\n}\n\n.faq-card.active .faq-content {\n    max-height: 500px;\n    margin-top: 15px;\n    opacity: 1;\n    padding-bottom: 10px;\n}\n\n@media (max-width: 600px) {\n    .faq-section {\n        padding: 40px 16px;\n    }\n\n    .faq-card {\n        padding: 14px 16px;\n    }\n\n    .faq-title {\n        font-size: 14px;\n        padding-right: 10px;\n    }\n\n    .faq-content {\n        font-size: 13px;\n    }\n}\n<\/style>\n\n<section class=\"faq-section\">\n    <div class=\"faq-grid\">\n\n        <!-- 1 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">How long does it take to build a webshop?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>Most webshops are completed within <strong>4 to 6 weeks<\/strong>, depending on complexity and number of products. Simpler stores can be ready even faster.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 2 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">What payment methods can I offer?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>We can set up essential payment methods including <strong>card payments, Stripe, Apple Pay, Google Pay, PayPal and Revolut<\/strong>, depending on your store and platform. Your webshop will be ready to take payments <strong>securely from day one<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 3 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">Can you set up delivery options for my webshop?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>Yes \u2014 we can configure delivery options such as <strong>courier shipping, local delivery, pickup points or parcel lockers like Box Now<\/strong>, depending on your business needs. Everything is set up to make order handling <strong>simple and efficient<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 4 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">Will my webshop include email features and automations?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>Yes \u2014 we can set up essential email features such as <strong>order confirmations, abandoned cart reminders and basic email automations<\/strong>. This helps you stay connected with customers and <strong>recover lost sales<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 5 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">How much does a webshop cost?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>Pricing depends on features and design, but our webshop packages start from <strong>\u20ac690<\/strong>. After a short consultation, we\u2019ll provide a clear quote \u2014 <strong>no hidden costs<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 6 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">Will I know how to manage my webshop?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>Yes \u2014 you\u2019ll receive a <strong>simple walkthrough and guidance<\/strong> after launch. The system is user-friendly and designed for <strong>non-technical users<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 7 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">Do you provide support after launch?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>Yes \u2014 we offer <strong>ongoing support<\/strong> after your webshop goes live. You can contact us for help, updates or future improvements.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 8 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">Are there any monthly costs?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>Yes \u2014 every webshop usually includes basic monthly costs such as the platform subscription and optional apps. These are always <strong>transparent and explained upfront<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 9 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">Can I start selling immediately?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>Yes \u2014 your webshop can be ready to sell from day one, with <strong>payments, delivery setup and key store settings<\/strong> already in place.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 10 -->\n        <div class=\"faq-card\">\n            <div class=\"faq-header\">\n                <div class=\"faq-title\">Do you design the webshop as well?<\/div>\n                <div class=\"faq-toggle\">+<\/div>\n            <\/div>\n            <div class=\"faq-content\">\n                <p>Yes \u2014 we provide a <strong>complete solution<\/strong>, from design to development. Our focus is not just making your webshop look good, but making it <strong>perform and convert<\/strong>.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.querySelectorAll('.faq-card').forEach(card => {\n    card.addEventListener('click', () => {\n        card.classList.toggle('active');\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e22d43 e-flex e-con-boxed e-con e-parent\" data-id=\"7e22d43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9829d17 e-con-full e-flex e-con e-child\" data-id=\"9829d17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46dd062 elementor-widget elementor-widget-menu-anchor\" data-id=\"46dd062\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"quotewebshop\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e819491 elementor-widget elementor-widget-heading\" data-id=\"e819491\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Request a  <span style=\"color:#ff771e\"> Free Quote<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae7d2c elementor-widget elementor-widget-text-editor\" data-id=\"8ae7d2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Tell us a bit about your business and we\u2019ll get back to you with ideas and pricing. No obligations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ba7194 elementor-shape-circle e-grid-align-left elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"6ba7194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-41366e8\" href=\"https:\/\/www.instagram.com\/weblab.hr\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-9afb872\" href=\"https:\/\/www.facebook.com\/people\/WebLab-Studio\/61587157734057\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-1fd3803\" href=\"https:\/\/wa.me\/385976659002\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-94ca1c7\" href=\"https:\/\/www.linkedin.com\/showcase\/weblab-studio1\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-linkedin\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa8ad8e e-con-full e-flex e-con e-child\" data-id=\"aa8ad8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b4856c fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"5b4856c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <div class=\"fluentform-widget-wrapper fluentform-widget-align-default\">\n\n            \n            <div class='fluentform ff-default fluentform_wrapper_1 ffs_default_wrap'><form data-form_id=\"1\" id=\"fluentform_1\" class=\"frm-fluent-form fluent_form_1 ff-el-form-top ff_form_instance_1_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_1_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form Demo<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='27909' \/><input type=\"hidden\" id=\"_fluentform_1_fluentformnonce\" name=\"_fluentform_1_fluentformnonce\" value=\"b6906855de\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/hr\/wp-json\/wp\/v2\/pages\/27909\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_first_name_' id='label_ff_1_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_1_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_last_name_' id='label_ff_1_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_1_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_email' id='label_ff_1_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_1_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_input_text' id='label_ff_1_input_text' aria-label=\"Business \/ Brand Name\">Business \/ Brand Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Business \/ Brand Name\" data-name=\"input_text\" id=\"ff_1_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_dropdown' id='label_ff_1_dropdown' aria-label=\"Select a service you are interested in\">Select a service you are interested in<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown\" id=\"ff_1_dropdown\" class=\"ff-el-form-control\" data-name=\"dropdown\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_1_dropdown\"><option value=\"\">- Select -<\/option><option value=\"Website Development\"  >Website Development<\/option><option value=\"E-commerce Development (Web Shop)\"  >E-commerce Development (Web Shop)<\/option><option value=\"Website &amp; Booking System \"  >Website & Booking System<\/option><option value=\"Mobile App Development\"  >Mobile App Development<\/option><option value=\"Website Redesign\"  >Website Redesign<\/option><option value=\"Not sure yet\"  >Not sure yet<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_dropdown_1' id='label_ff_1_dropdown_1' aria-label=\"Project size\">Project size<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown_1\" id=\"ff_1_dropdown_1\" class=\"ff-el-form-control\" data-name=\"dropdown_1\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_1_dropdown_1\"><option value=\"\">- Select -<\/option><option value=\"Starter Website (up to 3 pages)\"  >Starter Website (up to 3 pages)<\/option><option value=\"Business Website (up to 6 pages)\"  >Business Website (up to 6 pages)<\/option><option value=\"Premium \/ Custom Website\"  >Premium \/ Custom Website<\/option><option value=\"I need help deciding\"  >I need help deciding<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_dropdown_2' id='label_ff_1_dropdown_2' aria-label=\"Estimated budget\">Estimated budget<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown_2\" id=\"ff_1_dropdown_2\" class=\"ff-el-form-control\" data-name=\"dropdown_2\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_1_dropdown_2\"><option value=\"\">- Select -<\/option><option value=\"\u20ac300\u2013500\"  >\u20ac300\u2013500<\/option><option value=\"\u20ac500\u2013900 \"  >\u20ac500\u2013900<\/option><option value=\"\u20ac900\u20131500 \"  >\u20ac900\u20131500<\/option><option value=\"\u20ac1500+\"  >\u20ac1500+<\/option><option value=\"Not sure yet\"  >Not sure yet<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_message' id='label_ff_1_message' aria-label=\"Tell us about your project\">Tell us about your project<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_1_message\" name=\"message\" id=\"ff_1_message\" class=\"ff-el-form-control\" placeholder=\"What does your business do? What pages or features do you need?\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='I consent to have this website store my submitted information so they can respond to my inquiry.' class='ff-el-form-check-label ff_tc_label' for=gdpr-agreement_956b0c52acee28744574350a7a010d6f><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"gdpr-agreement\" class=\"ff-el-form-check-input ff_gdpr_field\" data-name=\"gdpr-agreement\" id=\"gdpr-agreement_956b0c52acee28744574350a7a010d6f\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'>I consent to have this website store my submitted information so they can respond to my inquiry.<\/div><\/label><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\"  aria-label=\"Request a Quote\">Request a Quote<\/button><\/div><\/fieldset><\/form><div id='fluentform_1_errors' class='ff-errors-in-stack ff_form_instance_1_1 ff-form-loading_errors ff_form_instance_1_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_1_1 = {\"id\":\"1\",\"ajaxUrl\":\"https:\\\/\\\/weblab-studio.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_1_1\",\"form_id_selector\":\"fluentform_1\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"This field must contain a valid email\"}},\"input_text\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown_1\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown_2\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"gdpr-agreement\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n                        <\/div>\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Powerfull eCommerce websites built to sell We design and build high-converting online stores which help your business grow. GET FREE QUOTE FEATURES Powerful features built for online sales Online Payments Accept secure payments with all major methods and provide a smooth checkout experience. Shipping &#038; Delivery Set up flexible shipping options, delivery zones and pricing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27909","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/27909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/comments?post=27909"}],"version-history":[{"count":175,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/27909\/revisions"}],"predecessor-version":[{"id":29394,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/27909\/revisions\/29394"}],"wp:attachment":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/media?parent=27909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}