{"id":9239,"date":"2025-11-13T12:29:52","date_gmt":"2025-11-13T12:29:52","guid":{"rendered":"https:\/\/shop.conmix.ro\/?page_id=9239"},"modified":"2026-02-18T13:16:42","modified_gmt":"2026-02-18T13:16:42","slug":"testing2","status":"publish","type":"page","link":"https:\/\/shop.conmix.ro\/en\/testing2\/","title":{"rendered":"TESTING2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9239\" class=\"elementor elementor-9239\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6abe289 e-flex e-con-boxed e-con e-parent\" data-id=\"6abe289\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/youtu.be\\\/gU-BfAeYiLA&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-3f9abed e-con-full e-flex e-con e-child\" data-id=\"3f9abed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e036456 elementor-widget elementor-widget-heading\" data-id=\"e036456\" 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\">Pentru ma\u0219ina ta de f\u0103cut p\u00e2ine \u2013 gata de utilizat!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddd96a0 elementor-widget elementor-widget-heading\" data-id=\"ddd96a0\" 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<h1 class=\"elementor-heading-title elementor-size-default\">P\u00e2ine proasp\u0103t\u0103, oric\u00e2nd, acas\u0103.\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b47b08 elementor-widget elementor-widget-text-editor\" data-id=\"7b47b08\" 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 style=\"text-align: center;\">Noile mixuri CONMIX pentru ma\u0219ina de f\u0103cut p\u00e2ine sunt create special pentru rezultate perfecte \u2013 simplu, rapid \u0219i cu gust autentic.<br \/><span style=\"color: #ffffff;\"><strong>Tot ce trebuie s\u0103 faci este s\u0103 adaugi ap\u0103 \u0219i s\u0103 ape\u0219i \u201eStart\u201d.<\/strong><\/span><\/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-5e9d26e e-con-full e-flex e-con e-child\" data-id=\"5e9d26e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-263deca elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"263deca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style id=\"cmx-parrot-css\">\n      html{scroll-behavior:smooth;}\n\n      \/* IMPORTANT: scroll offset pentru header sticky *\/\n      #conmix-products-widget{scroll-margin-top:120px;}\n\n      .button-parrot-container{\n        display:block;\n        position:relative;\n        text-align:center;\n        background:none;\n        padding:12px 0;\n      }\n      .button-parrot-btn{\n        margin:0 auto;\n        display:inline-block;\n\n        \/* DEFAULT \u2014 FARA GRADIENT (solid) *\/\n        background:#0B3D91;\n        color:#ffffff;\n        border:2px solid rgba(255,255,255,.22);\n        border-radius:999px;\n        padding:.5rem 1.4rem;\n        font:15px \"Margarine\", sans-serif;\n        cursor:pointer;\n        position:relative;\n        letter-spacing:1px;\n        line-height:1.2;\n        text-transform:uppercase;\n        transition:all .25s ease;\n        white-space:nowrap;\n        box-shadow:0 0 18px rgba(11,61,145,.35);\n      }\n\n      .button-parrot-btn:hover{\n        background:transparent;\n        color:#ffffff;\n        border-color:rgba(232,36,45,.85);\n        box-shadow:0 0 10px rgba(0,0,0,.25);\n        transform:translateY(-1px);\n      }\n\n      .parrot{\n        position:absolute;\n        width:60px;\n        text-align:center;\n        animation:blink .9s infinite;\n        color:transparent;\n        font-family:\"Margarine\", sans-serif;\n        font-size:10px;\n        pointer-events:none;\n      }\n\n      .parrot:nth-child(1):before{content:\"mixuri\";}\n      .parrot:nth-child(2):before{content:\"premium\";}\n      .parrot:nth-child(3):before{content:\"CONMIX\";}\n      .parrot:nth-child(4):before{content:\"selectate\";}\n      .parrot:nth-child(5):before{content:\"descopera\";}\n      .parrot:nth-child(6):before{content:\"rapid\";}\n\n      .parrot:nth-child(1){top:-28px;left:8%;transform:rotate(-8deg);animation-duration:.7s;}\n      .parrot:nth-child(2){top:-32px;left:60%;transform:rotate(6deg);animation-duration:.6s;}\n      .parrot:nth-child(3){top:-35px;left:28%;transform:rotate(3deg);animation-duration:1s;}\n      .parrot:nth-child(4){top:-50px;left:75%;transform:rotate(-3deg);animation-duration:.8s;}\n      .parrot:nth-child(5){top:55px;left:62%;transform:rotate(-6deg);animation-duration:.9s;}\n      .parrot:nth-child(6){top:42px;left:15%;transform:rotate(5deg);animation-duration:1.1s;}\n\n      .button-parrot-btn:hover .parrot:before{content:\"vezi mixurile\";}\n\n      @keyframes blink{\n        25%,75%{color:transparent;}\n        40%,60%{color:#ffffff;}\n      }\n\n      @media (prefers-reduced-motion: reduce){\n        .parrot{animation:none!important;}\n        html{scroll-behavior:auto;}\n      }\n    <\/style>\n\n    <script id=\"cmx-parrot-js\">\n    (function(){\n      function init(){\n        const btns=document.querySelectorAll('.button-parrot-btn[data-scroll-target]');\n        if(!btns.length) return false;\n\n        btns.forEach(btn=>{\n          if(btn._cmxBound) return;\n          btn._cmxBound=true;\n\n          btn.addEventListener('click',()=>{\n            const sel=btn.getAttribute('data-scroll-target');\n            if(!sel) return;\n            const t=document.querySelector(sel);\n            if(t) t.scrollIntoView({behavior:'smooth',block:'start'});\n          });\n        });\n\n        return true;\n      }\n\n      function boot(){\n        if(init()) return;\n        let tries=0;\n        const t=setInterval(()=>{\n          tries++;\n          if(init()||tries>60) clearInterval(t);\n        },50);\n      }\n\n      if(document.readyState==='loading'){\n        document.addEventListener('DOMContentLoaded',boot,{once:true});\n      } else boot();\n    })();\n    <\/script>\n    \n  <div class=\"button-parrot-container\">\n    <button class=\"button-parrot-btn\" type=\"button\" data-scroll-target=\"#conmix-products-widget\">\n      Vezi toate mixurile pentru acasa      <div class=\"parrot\"><\/div>\n      <div class=\"parrot\"><\/div>\n      <div class=\"parrot\"><\/div>\n      <div class=\"parrot\"><\/div>\n      <div class=\"parrot\"><\/div>\n      <div class=\"parrot\"><\/div>\n    <\/button>\n  <\/div>\n\n  <\/div>\n\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 class=\"elementor-element elementor-element-605cc7c elementor-widget elementor-widget-spacer\" data-id=\"605cc7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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-85b64a3 e-con-full e-flex e-con e-child\" data-id=\"85b64a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c087f8e elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"c087f8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ========== VARIABILE (din poze: #BDAC9A #774F2C #E5E5E3) ========== *\/\n#widget-produs-slider{\n  --img-width: 62%;\n  --img-max-w: 820px;\n\n  --font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  --title-fs: clamp(1.6rem, 1.4vw + 1.2rem, 2.2rem);\n  --title-ls: 0.22em;\n  --title-mb: 26px;\n\n  --sand: #BDAC9A;\n  --cocoa: #774F2C;\n  --mist: #E5E5E3;\n\n  --ink: rgba(255,255,255,.92);\n\n  --headline-fs: clamp(1.35rem, 1vw + 1.15rem, 1.9rem);\n  --subline-fs: clamp(0.86rem, 0.55vw + 0.78rem, 1.02rem);\n  --caption-mt: 20px;\n  --caption-gap: 10px;\n\n  --arrow-size: 42px;\n  --arrow-icon-size: 16px;\n\n  --shadow-soft: 0 12px 28px rgba(10,20,35,.18);\n  --radius: 18px;\n}\n\n\/* ===== GENERAL ===== *\/\n#widget-produs-slider,\n#widget-produs-slider *{ box-sizing: border-box; }\n\n#widget-produs-slider{\n  width: 100%;\n  margin: 0 auto;\n  padding: 20px 0 40px;\n  text-align: center;\n  font-family: var(--font);\n  color: var(--ink);\n  background: none !important;\n  position: relative;\n}\n\n\/* glow subtil in spate (luxury, cald) *\/\n#widget-produs-slider::before{\n  content:\"\";\n  position:absolute;\n  inset:-40px -10px -40px -10px;\n  background:\n    radial-gradient(circle at 22% 18%, rgba(119,79,44,.22), transparent 48%),\n    radial-gradient(circle at 78% 72%, rgba(189,172,154,.22), transparent 55%),\n    radial-gradient(circle at 52% 50%, rgba(229,229,227,.14), transparent 56%);\n  pointer-events:none;\n  filter: blur(2px);\n  opacity: .98;\n}\n\n\/* ===== TITLU ===== *\/\n#widget-produs-slider .section-title{\n  margin: 0 auto var(--title-mb);\n  font-family: \"Bebas Neue\", sans-serif;\n  font-size: var(--title-fs);\n  letter-spacing: var(--title-ls);\n  text-transform: uppercase;\n\n  color: #fff;\n  text-shadow: 0 14px 40px rgba(0,0,0,.65);\n  position: relative;\n  z-index: 1;\n}\n\n#widget-produs-slider .section-title::after{\n  content:\"\";\n  display:block;\n  width: 160px;\n  height: 2px;\n  margin: 12px auto 0;\n  background: linear-gradient(90deg, transparent, rgba(119,79,44,.95), rgba(189,172,154,.95), rgba(229,229,227,.85), transparent);\n  border-radius: 999px;\n  opacity: .95;\n}\n\n\/* ===== SLIDER ===== *\/\n#widget-produs-slider .annes-swiper{\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ===== SLIDE ===== *\/\n#widget-produs-slider .swiper-slide{\n  display:flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* ===== CARD ===== *\/\n#widget-produs-slider .slide-card{\n  width: 100%;\n  max-width: 640px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\/* ===== PRODUS ===== *\/\n#widget-produs-slider .product-visual{\n  display:grid;\n  place-items:center;\n  width:100%;\n  position: relative;\n  isolation: isolate;\n}\n\n#widget-produs-slider .splash-img{ display:none !important; }\n\n#widget-produs-slider .product-img{\n  width: var(--img-width);\n  max-width: var(--img-max-w);\n  margin: 0 auto;\n  filter:\n    drop-shadow(0 18px 44px rgba(0,0,0,.52))\n    drop-shadow(0 10px 26px rgba(119,79,44,.18));\n  transform: translateZ(0);\n}\n\n\/* ===== CAPTION ===== *\/\n#widget-produs-slider .slide-caption{\n  margin: var(--caption-mt) auto 0;\n  display: grid;\n  gap: 8px;\n  width: 100%;\n  max-width: 560px;\n  padding: 18px 26px;\n  text-align: center;\n\n  background: linear-gradient(180deg, rgba(229,229,227,.14), rgba(189,172,154,.08));\n  border-radius: var(--radius);\n  border: 1px solid rgba(229,229,227,.18);\n  box-shadow: var(--shadow-soft);\n  backdrop-filter: blur(8px);\n  position: relative;\n  overflow: hidden;\n}\n\n#widget-produs-slider .slide-caption::before{\n  content:\"\";\n  position:absolute;\n  left: 16px; right: 16px; top: 10px;\n  height: 2px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, rgba(119,79,44,.95), rgba(189,172,154,.95));\n  opacity: .92;\n}\n\n#widget-produs-slider .slide-caption::after{\n  content:\"\";\n  position:absolute;\n  inset:-40px -60px auto -60px;\n  height: 120px;\n  background:\n    radial-gradient(circle at 30% 50%, rgba(229,229,227,.22), transparent 60%),\n    radial-gradient(circle at 70% 50%, rgba(189,172,154,.20), transparent 62%);\n  filter: blur(10px);\n  opacity: .78;\n  pointer-events:none;\n}\n\n#widget-produs-slider .slide-caption .headline{\n  font-family: \"Bebas Neue\", sans-serif;\n  font-size: var(--headline-fs);\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: #fff;\n  text-decoration: none;\n  display:block;\n  line-height: 1.12;\n  text-shadow: 0 10px 26px rgba(0,0,0,.55);\n  position: relative;\n  z-index: 1;\n}\n\n\/* subtitlu *\/\n#widget-produs-slider .slide-caption .subline{\n  font-family: var(--font);\n  font-size: var(--subline-fs);\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: rgba(229,229,227,.88);\n  line-height: 1.25;\n  text-shadow: 0 8px 22px rgba(0,0,0,.42);\n  position: relative;\n  z-index: 1;\n}\n\n\/* ===== SAGETI ===== *\/\n#widget-produs-slider .swiper-button-prev,\n#widget-produs-slider .swiper-button-next{\n  width: var(--arrow-size) !important;\n  height: var(--arrow-size) !important;\n  border-radius: 50%;\n  background: rgba(229,229,227,.06) !important;\n  border: 1px solid rgba(229,229,227,.18);\n  box-shadow: 0 14px 30px rgba(0,0,0,.28);\n  backdrop-filter: blur(8px);\n  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n}\n\n#widget-produs-slider .swiper-button-prev:hover,\n#widget-produs-slider .swiper-button-next:hover{\n  transform: translateY(-2px);\n  box-shadow: 0 18px 44px rgba(0,0,0,.36);\n  border-color: rgba(229,229,227,.32);\n}\n\n#widget-produs-slider .swiper-button-prev:active,\n#widget-produs-slider .swiper-button-next:active{\n  transform: scale(.98);\n}\n\n#widget-produs-slider .swiper-button-prev:after,\n#widget-produs-slider .swiper-button-next:after{\n  font-size: var(--arrow-icon-size);\n  color: rgba(255,255,255,.92);\n}\n\n#widget-produs-slider .swiper-button-prev::before,\n#widget-produs-slider .swiper-button-next::before{\n  content:\"\";\n  position:absolute;\n  inset:-1px;\n  border-radius: inherit;\n  padding: 1px;\n  background: linear-gradient(135deg, rgba(119,79,44,.95), rgba(189,172,154,.95), rgba(229,229,227,.85));\n  -webkit-mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  opacity: .95;\n  pointer-events:none;\n}\n\n#widget-produs-slider .swiper-button-prev{ left: 14px; }\n#widget-produs-slider .swiper-button-next{ right: 14px; }\n\n#widget-produs-slider .swiper-pagination{ display:none !important; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 768px){\n  #widget-produs-slider{ --img-width: 78%; }\n  #widget-produs-slider .swiper-button-prev{ left: 8px; }\n  #widget-produs-slider .swiper-button-next{ right: 8px; }\n}\n\n@media (max-width: 480px){\n  #widget-produs-slider{ --img-width: 84%; }\n  #widget-produs-slider .slide-caption{ padding: 16px 18px; }\n}\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function(){\n  function init(){\n    var root = document.getElementById(\"widget-produs-slider\");\n    if(!root) return false;\n\n    var el = root.querySelector(\".annes-swiper\");\n    if(!el || typeof Swiper === \"undefined\") return false;\n    if(!el._cmxSwiper){\n      el._cmxSwiper = new Swiper(el,{\n        loop:true,\n        slidesPerView:1,\n        autoplay:{ delay:3500, disableOnInteraction:false },\n        navigation:{ nextEl:\"#widget-produs-slider .swiper-button-next\", prevEl:\"#widget-produs-slider .swiper-button-prev\" }\n      });\n    }\n\n    \/\/ CLICK pe orice produs\/caption -> scroll la sectiunea tinta\n    if(!root._cmxBound){\n      root._cmxBound = true;\n\n      root.addEventListener(\"click\", function(e){\n        var a = e.target.closest && e.target.closest('a.product-visual, a.headline');\n        if(!a) return;\n\n        \/\/ target fix (aceeasi ca butonul)\n        var sel = \"#conmix-products-widget\";\n        var t = document.querySelector(sel);\n\n        if(t){\n          e.preventDefault();\n          t.scrollIntoView({behavior:\"smooth\", block:\"start\"});\n        }\n      });\n    }\n\n    return true;\n  }\n\n  function boot(){\n    if(init()) return;\n    var tries=0;\n    var t=setInterval(function(){\n      tries++;\n      if(init() || tries>80) clearInterval(t);\n    },50);\n  }\n\n  if(document.readyState===\"loading\"){\n    document.addEventListener(\"DOMContentLoaded\", boot, {once:true});\n  } else {\n    boot();\n  }\n})();\n<\/script>\n    \n<div id=\"widget-produs-slider\">\n\n  <h2 class=\"section-title\">NOUA GAMA CONMIX<\/h2>\n\n  <div class=\"swiper annes-swiper\">\n    <div class=\"swiper-wrapper\">\n\n      <div class=\"swiper-slide\">\n        <figure class=\"slide-card\">\n          <a href=\"#conmix-products-widget\" class=\"product-visual\">\n            <img decoding=\"async\" class=\"splash-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2025\/11\/Splash-Design-Conmix-1.png\" alt=\"\" aria-hidden=\"true\"\/>\n            <img decoding=\"async\" class=\"product-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/SEMINTE_result.webp\" alt=\"MIX DE PAINE CU SEMINTE\">\n          <\/a>\n          <figcaption class=\"slide-caption\">\n            <a href=\"#conmix-products-widget\" class=\"headline\">MIX DE PAINE CU SEMINTE<\/a>\n            <span class=\"subline\">PENTRU MASINA DE FACUT PAINE<\/span>\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <figure class=\"slide-card\">\n          <a href=\"#conmix-products-widget\" class=\"product-visual\">\n            <img decoding=\"async\" class=\"splash-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2025\/11\/Splash-Design-Conmix-1.png\" alt=\"\" aria-hidden=\"true\"\/>\n            <img decoding=\"async\" class=\"product-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/SECARA_result.webp\" alt=\"MIX DE PAINE CU SECARA\">\n          <\/a>\n          <figcaption class=\"slide-caption\">\n            <a href=\"#conmix-products-widget\" class=\"headline\">MIX DE PAINE CU SECARA<\/a>\n            <span class=\"subline\">PENTRU MASINA DE FACUT PAINE<\/span>\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <figure class=\"slide-card\">\n          <a href=\"#conmix-products-widget\" class=\"product-visual\">\n            <img decoding=\"async\" class=\"splash-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2025\/11\/Splash-Design-Conmix-1.png\" alt=\"\" aria-hidden=\"true\"\/>\n            <img decoding=\"async\" class=\"product-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/RUSTICA_result.webp\" alt=\"MIX DE PAINE RUSTICA\">\n          <\/a>\n          <figcaption class=\"slide-caption\">\n            <a href=\"#conmix-products-widget\" class=\"headline\">MIX DE PAINE RUSTICA<\/a>\n            <span class=\"subline\">PENTRU MASINA DE FACUT PAINE<\/span>\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <figure class=\"slide-card\">\n          <a href=\"#conmix-products-widget\" class=\"product-visual\">\n            <img decoding=\"async\" class=\"splash-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2025\/11\/Splash-Design-Conmix-1.png\" alt=\"\" aria-hidden=\"true\"\/>\n            <img decoding=\"async\" class=\"product-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/CHIA_result.webp\" alt=\"MIX DE PAINE CU CHIA\">\n          <\/a>\n          <figcaption class=\"slide-caption\">\n            <a href=\"#conmix-products-widget\" class=\"headline\">MIX DE PAINE CU CHIA<\/a>\n            <span class=\"subline\">PENTRU MASINA DE FACUT PAINE<\/span>\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <figure class=\"slide-card\">\n          <a href=\"#conmix-products-widget\" class=\"product-visual\">\n            <img decoding=\"async\" class=\"splash-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2025\/11\/Splash-Design-Conmix-1.png\" alt=\"\" aria-hidden=\"true\"\/>\n            <img decoding=\"async\" class=\"product-img\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/CARTOFI_result.webp\" alt=\"MIX DE PAINE CU CARTOFI\">\n          <\/a>\n          <figcaption class=\"slide-caption\">\n            <a href=\"#conmix-products-widget\" class=\"headline\">MIX DE PAINE CU CARTOFI<\/a>\n            <span class=\"subline\">PENTRU MASINA DE FACUT PAINE<\/span>\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"swiper-button-prev\"><\/div>\n    <div class=\"swiper-button-next\"><\/div>\n  <\/div>\n<\/div>\n\n  \n<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-a94b6d3 e-con-full e-flex e-con e-parent\" data-id=\"a94b6d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e42e9b elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"1e42e9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style id=\"cmx-conmix-timeline-css\">\n      \/* ===== CONMIX TIMELINE \u2013 PREMIUM (dark background + red\/blue brand) ===== *\/\n\n      #timeline, #timeline *{ box-sizing:border-box; }\n\n      #timeline{\n        \/* brand palette (match products widget) *\/\n        --bg:#0b0d12;\n        --bg2:#07080c;\n        --blue:#0B3D91;\n        --red:#E8242D;\n\n        --ink: rgba(255,255,255,.92);\n        --muted: rgba(255,255,255,.70);\n\n        --card: rgba(255,255,255,.06);\n        --card2: rgba(255,255,255,.035);\n\n        --line: rgba(255,255,255,.10);\n        --lineSoft: rgba(255,255,255,.06);\n\n        --shadow: 0 26px 85px rgba(0,0,0,.62);\n        --shadow-soft: 0 16px 44px rgba(0,0,0,.44);\n\n        --radius: 22px;\n\n        padding: 105px 0;\n        position: relative;\n        overflow: hidden;\n        color: var(--ink);\n        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n\n        \/* keep black-ish background but add brand glows *\/\n        background:\n          radial-gradient(980px 520px at 50% 0%, rgba(11,61,145,.18), transparent 62%),\n          radial-gradient(820px 520px at 14% 48%, rgba(232,36,45,.12), transparent 62%),\n          radial-gradient(900px 520px at 88% 58%, rgba(11,61,145,.14), transparent 62%),\n          linear-gradient(180deg, #0f121a 0%, #090b10 55%, #06070a 100%);\n\n        border-top: 1px solid rgba(255,255,255,.08);\n        border-bottom: 1px solid rgba(255,255,255,.08);\n      }\n\n      \/* subtle top\/bottom glow lines *\/\n      #timeline::before,\n      #timeline::after{\n        content:\"\";\n        position:absolute;\n        left:0; right:0;\n        height:1px;\n        pointer-events:none;\n        opacity:.45;\n      }\n      #timeline::before{\n        top: 32px;\n        background: linear-gradient(90deg, transparent, rgba(11,61,145,.55), rgba(232,36,45,.35), transparent);\n      }\n      #timeline::after{\n        bottom: 32px;\n        background: linear-gradient(90deg, transparent, rgba(232,36,45,.45), rgba(11,61,145,.45), transparent);\n      }\n\n      \/* Title *\/\n      #timeline h1{\n        text-align:center;\n        margin: 0 0 12px 0;\n        font-family: Georgia, \"Times New Roman\", serif;\n        font-size: 2.75rem;\n        font-weight: 1000;\n        letter-spacing: .16em;\n        text-transform: uppercase;\n        color: #fff;\n        text-shadow: 0 16px 38px rgba(0,0,0,.55);\n      }\n      #timeline h1 span{ color: #fff !important; }\n      #timeline h1 span b{ color: #fff !important; }\n\n      \/* make the emphasis red\/blue instead of gold *\/\n      #timeline h1 span:first-child{ color: rgba(232,36,45,.98) !important; }\n      #timeline h1 span:last-child{ color: rgba(11,61,145,.98) !important; }\n\n      #timeline p.leader{\n        text-align:center;\n        max-width: 980px;\n        margin: 0 auto 10px auto;\n        font-size: 1.08rem;\n        letter-spacing: .02em;\n        color: rgba(255,255,255,.90);\n      }\n      #timeline p.leader b{ font-weight: 900; }\n\n      #timeline p.subtext{\n        text-align:center;\n        max-width: 860px;\n        margin: 0 auto 54px auto;\n        font-size: 1.0rem;\n        line-height: 1.65rem;\n        color: var(--muted);\n      }\n\n      \/* Wrapper *\/\n      #timeline .demo-card-wrapper{\n        position: relative;\n        margin: 0 auto;\n        max-width: 940px;\n        padding: 0 20px;\n      }\n\n      \/* Cards: premium glass *\/\n      #timeline .demo-card{\n        position: relative;\n        display:block;\n        margin: 28px auto;\n        max-width: 760px;\n        border-radius: var(--radius);\n        overflow:hidden;\n        z-index: 1;\n\n        background:\n          radial-gradient(900px 260px at 12% 0%, rgba(11,61,145,.14), transparent 55%),\n          radial-gradient(900px 260px at 88% 0%, rgba(232,36,45,.12), transparent 58%),\n          linear-gradient(180deg, var(--card), var(--card2));\n\n        border: 1px solid rgba(255,255,255,.10);\n        box-shadow: var(--shadow-soft);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n\n        transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;\n      }\n\n      \/* premium highlight line *\/\n      #timeline .demo-card::before{\n        content:\"\";\n        position:absolute;\n        left: 18px; right: 18px;\n        top: 14px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, rgba(11,61,145,.75), rgba(232,36,45,.55), transparent);\n        opacity:.55;\n        pointer-events:none;\n      }\n\n      \/* subtle sheen *\/\n      #timeline .demo-card::after{\n        content:\"\";\n        position:absolute;\n        inset:-60px -120px auto auto;\n        width: 320px;\n        height: 220px;\n        background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.10), transparent 60%);\n        transform: rotate(18deg);\n        opacity: .28;\n        pointer-events:none;\n      }\n\n      #timeline .demo-card:hover{\n        transform: translateY(-6px);\n        box-shadow: var(--shadow);\n        border-color: rgba(255,255,255,.18);\n      }\n\n      \/* Head row *\/\n      #timeline .demo-card .head{\n        position: relative;\n        display:flex;\n        align-items:center;\n        padding: 24px 28px;\n        gap: 18px;\n      }\n\n      \/* Number pill: red primary with soft red glow *\/\n      #timeline .demo-card .number-box{\n        margin-right: 2px;\n        padding: 10px 14px;\n        min-width: 72px;\n        text-align:center;\n        border-radius: 999px;\n\n        font-size: 1.35rem;\n        line-height: 1;\n        font-weight: 1000;\n        letter-spacing: .08em;\n\n        color: #fff !important;\n        background: linear-gradient(135deg, var(--red), #ff4b58);\n\n        box-shadow:\n          0 18px 36px rgba(0,0,0,.35),\n          0 0 24px rgba(232,36,45,.22);\n\n        border: 1px solid rgba(255,255,255,.18);\n      }\n\n      \/* Title *\/\n      #timeline .demo-card h2{\n        margin:0;\n        text-transform: uppercase;\n        font-size: 1.02rem !important;\n        letter-spacing: .22em;\n        line-height: 1.45rem;\n        color: rgba(255,255,255,.95) !important;\n        font-weight: 1000;\n      }\n\n      #timeline .demo-card h2 span.small{\n        display:block;\n        font-size: .72rem;\n        margin-bottom: 7px;\n        color: rgba(11,61,145,.95) !important;\n        letter-spacing: .26em;\n        font-weight: 1000;\n      }\n\n      \/* Step variants: slightly different glow balance (keeps it premium) *\/\n      #timeline .demo-card--step1{\n        background:\n          radial-gradient(900px 260px at 15% 0%, rgba(11,61,145,.18), transparent 55%),\n          linear-gradient(180deg, var(--card), var(--card2));\n      }\n      #timeline .demo-card--step2{\n        background:\n          radial-gradient(900px 260px at 85% 0%, rgba(232,36,45,.16), transparent 58%),\n          linear-gradient(180deg, var(--card), var(--card2));\n      }\n      #timeline .demo-card--step3{\n        background:\n          radial-gradient(900px 260px at 12% 0%, rgba(11,61,145,.16), transparent 55%),\n          radial-gradient(900px 260px at 88% 0%, rgba(232,36,45,.10), transparent 58%),\n          linear-gradient(180deg, var(--card), var(--card2));\n      }\n      #timeline .demo-card--step4{\n        background:\n          radial-gradient(900px 260px at 88% 0%, rgba(11,61,145,.16), transparent 55%),\n          linear-gradient(180deg, var(--card), var(--card2));\n      }\n\n      \/* Desktop layout + premium connector arrows *\/\n      @media (min-width: 900px){\n        #timeline .demo-card{ width: 72%; }\n\n        #timeline .demo-card--step1,\n        #timeline .demo-card--step3{\n          margin-left: 6%;\n          margin-right: auto;\n        }\n        #timeline .demo-card--step2,\n        #timeline .demo-card--step4{\n          margin-right: 6%;\n          margin-left: auto;\n        }\n\n        \/* connectors: thin, clean, with subtle blue\/red glow *\/\n        #timeline .demo-card--step1 .head::after,\n        #timeline .demo-card--step3 .head::after{\n          content:\"\";\n          position:absolute;\n          right:-26px;\n          bottom:-72px;\n          width: 96px;\n          height: 96px;\n          border-bottom: 2px solid rgba(255,255,255,.20);\n          border-right: 2px solid rgba(255,255,255,.20);\n          border-radius: 0 0 96px 0;\n          filter:\n            drop-shadow(0 0 10px rgba(11,61,145,.22))\n            drop-shadow(0 0 10px rgba(232,36,45,.14));\n          opacity:.95;\n          pointer-events:none;\n        }\n\n        #timeline .demo-card--step2 .head::after{\n          content:\"\";\n          position:absolute;\n          left:-26px;\n          bottom:-72px;\n          width: 96px;\n          height: 96px;\n          border-bottom: 2px solid rgba(255,255,255,.20);\n          border-left: 2px solid rgba(255,255,255,.20);\n          border-radius: 0 0 0 96px;\n          filter:\n            drop-shadow(0 0 10px rgba(232,36,45,.22))\n            drop-shadow(0 0 10px rgba(11,61,145,.14));\n          opacity:.95;\n          pointer-events:none;\n        }\n      }\n\n      \/* Watermark: classy + very subtle *\/\n      #timeline .timeline-watermark{\n        position:absolute;\n        left: -120px;\n        top: 50%;\n        transform: translateY(-50%) rotate(-90deg);\n        opacity: .10;\n        z-index: 0;\n        pointer-events:none;\n        filter: grayscale(1) contrast(1.2);\n      }\n      #timeline .timeline-watermark img{\n        max-height: 190px;\n        width:auto;\n      }\n\n      \/* Mobile tweaks *\/\n      @media (max-width: 480px){\n        #timeline{ padding: 78px 0; }\n        #timeline h1{\n          font-size: 1.95rem;\n          letter-spacing: .12em;\n        }\n        #timeline p.subtext{ max-width: 92%; }\n        #timeline .demo-card .head{\n          padding: 20px 18px;\n          gap: 14px;\n        }\n        #timeline .demo-card .number-box{\n          min-width: 62px;\n          padding: 9px 12px;\n          font-size: 1.18rem;\n        }\n      }\n\n      \/* ===== FIX CONTRAST ALBASTRU (dark UI premium) ===== *\/\n\n      \/* albastru brand luminat pentru dark *\/\n      #timeline{\n        --blue-ui: #4D7CFF; \/* albastru premium vizibil pe negru *\/\n      }\n\n      \/* PASUL X \u2013 eticheta mica *\/\n      #timeline .demo-card h2 span.small{\n        color: var(--blue-ui) !important;\n        text-shadow: 0 0 12px rgba(77,124,255,.35);\n      }\n\n      \/* glow albastru mai vizibil in highlight-uri *\/\n      #timeline .demo-card::before{\n        background: linear-gradient(\n          90deg,\n          transparent,\n          rgba(77,124,255,.85),\n          rgba(232,36,45,.55),\n          transparent\n        );\n      }\n\n      \/* glow din fundal \u2013 mai citibil *\/\n      #timeline{\n        background:\n          radial-gradient(980px 520px at 50% 0%, rgba(77,124,255,.22), transparent 62%),\n          radial-gradient(820px 520px at 14% 48%, rgba(232,36,45,.12), transparent 62%),\n          linear-gradient(180deg, #0f121a 0%, #090b10 55%, #06070a 100%);\n      }\n    <\/style>\n      <section id=\"timeline\">\n\n    <div class=\"timeline-watermark\">\n      <img decoding=\"async\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2025\/11\/CONMIX-LOGO_Orizontala_Alb-1536x517-1.png\" alt=\"Conmix\">\n    <\/div>\n\n    <h1>\n      <span style=\"color:#f4d28a;\"><b>CUM<\/b><\/span>\n      <span style=\"color:#f4d28a;\"> FUNCTIONEAZA?<\/span>\n    <\/h1>\n\n    <p class=\"leader\"><b>4 pasi simpli pentru paine calda si proaspata.<\/b><\/p>\n\n    <p class=\"subtext\">\n      Fiecare mix este formulat pentru rezultate constante, cu crusta crocanta si miez pufos, exact ca la brutarie.\n    <\/p>\n\n    <div class=\"demo-card-wrapper\">\n\n      <div class=\"demo-card demo-card--step1\">\n        <div class=\"head\">\n          <div class=\"number-box\"><span>01<\/span><\/div>\n          <h2><span class=\"small\">PASUL 1<\/span>PUNE MIXUL IN CUVA<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"demo-card demo-card--step2\">\n        <div class=\"head\">\n          <div class=\"number-box\"><span>02<\/span><\/div>\n          <h2><span class=\"small\">PASUL 2<\/span>ADAUGA APA<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"demo-card demo-card--step3\">\n        <div class=\"head\">\n          <div class=\"number-box\"><span>03<\/span><\/div>\n          <h2><span class=\"small\">PASUL 3<\/span>SELECTEAZA PROGRAMUL<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"demo-card demo-card--step4\">\n        <div class=\"head\">\n          <div class=\"number-box\"><span>04<\/span><\/div>\n          <h2><span class=\"small\">PASUL 4<\/span>BUCURA-TE DE PAINE<\/h2>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n  <\/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-aa0e604 e-con-full e-flex e-con e-parent\" data-id=\"aa0e604\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a516f9e elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"a516f9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style id=\"cmx-conmix-gallery-css\">\n      #conmix-gallery{\n        --bg:#CFCECE;\n        --blue:#0B3D91;\n        --red:#E8242D;\n\n        --ink: rgba(10,20,35,.92);\n        --muted: rgba(10,20,35,.68);\n\n        --shadow: 0 20px 55px rgba(10,20,35,.22);\n        --shadow-soft: 0 14px 34px rgba(10,20,35,.16);\n        --radius: 22px;\n\n        position:relative;\n        padding:60px 20px 70px;\n        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n        color: var(--ink);\n\n        background:\n          radial-gradient(circle at 50% 0%, rgba(11,61,145,.10) 0, transparent 56%),\n          radial-gradient(circle at 50% 100%, rgba(232,36,45,.08) 0, transparent 60%),\n          linear-gradient(180deg, rgba(207,206,206,.45), rgba(207,206,206,.10));\n      }\n\n      html{ scroll-behavior: smooth; }\n      #conmix-products-widget{ scroll-margin-top: 120px; }\n\n      #conmix-gallery .cmx-cat-intro{\n        max-width:900px;\n        margin:0 auto 40px;\n        padding:26px 34px 30px;\n        border-radius: var(--radius);\n        text-align:center;\n        background:#fff;\n        border:1px solid rgba(10,20,35,.12);\n        box-shadow: var(--shadow-soft);\n        position:relative;\n      }\n      #conmix-gallery .cmx-cat-intro::before,\n      #conmix-gallery .cmx-cat-intro::after{\n        content:\"\";\n        position:absolute;\n        left:26px; right:26px; height:1px;\n        background:linear-gradient(90deg, transparent, rgba(10,20,35,.16), transparent);\n        pointer-events:none;\n        opacity:.9;\n      }\n      #conmix-gallery .cmx-cat-intro::before{ top:14px; }\n      #conmix-gallery .cmx-cat-intro::after{ bottom:14px; opacity:.65; }\n\n      #conmix-gallery .cmx-cat-label{\n        display:inline-block;\n        margin-bottom:10px;\n        padding:6px 18px;\n        border-radius:999px;\n        font-size:.78rem;\n        letter-spacing:.18em;\n        text-transform:uppercase;\n        color: #F53A46!important;\n        background: rgba(11,61,145,.10);\n        border:1px solid rgba(11,61,145,.18);\n      }\n      #conmix-gallery .cmx-cat-title{\n        margin:4px 0 10px;\n        font-family: Georgia, \"Times New Roman\", serif;\n        font-size:1.9rem;\n        letter-spacing:.08em;\n        text-transform:uppercase;\n        color: rgba(11,61,145,.98);\n      }\n      #conmix-gallery .cmx-cat-subtitle{\n        font-size:.96rem;\n        color: var(--muted);\n        margin:0;\n      }\n\n      #conmix-gallery .gallery-container{\n        position:relative;\n        width:100%;\n        overflow:visible;\n        min-height:280px;\n      }\n\n      \/* marit *\/\n      #conmix-gallery .gallery{\n        position:relative;\n        margin:0 auto;\n        display:flex;\n        align-items:flex-end;\n        justify-content:center;\n        width:100%;\n        height:340px;              \/* MAI MARE *\/\n        perspective:900px;\n        perspective-origin:50% 50%;\n        transform-style:preserve-3d;\n      }\n\n      \/* marit *\/\n      #conmix-gallery .frame{\n        position:relative;\n        height:200px;              \/* MAI MARE *\/\n        width:200px;               \/* MAI MARE *\/\n        margin:0 16px;             \/* putin mai mult spatiu *\/\n        border-radius: var(--radius);\n        border: 1px solid rgba(10,20,35,.12);\n        background:#fff;\n        box-shadow: var(--shadow-soft);\n        overflow:hidden;\n        cursor:pointer;\n\n        transform-style:preserve-3d;\n        transform-origin:center center;\n\n        display:flex;\n        flex-direction:column;\n        align-items:center;\n        justify-content:center;\n        padding:18px 16px 52px;    \/* proportional *\/\n        transition: box-shadow .22s ease, transform .22s ease;\n        text-decoration:none;\n        color: inherit;\n      }\n\n      \/* IMPORTANT: nu ridicam pe hover (doar tilt din JS) *\/\n      #conmix-gallery .frame:hover{\n        box-shadow: var(--shadow);\n      }\n\n      #conmix-gallery .frame::after{\n        content:\"Vezi produsul\";\n        position:absolute;\n        left:14px; right:14px;\n        top:12px;\n        text-align:center;\n        font-size:11px;\n        font-weight:900;\n        letter-spacing:.18em;\n        text-transform:uppercase;\n        color: rgba(232,36,45,.92);\n        opacity: 0;\n        transform: translateY(-6px);\n        transition: .2s ease;\n        pointer-events:none;\n      }\n      #conmix-gallery .frame:hover::after{\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n#conmix-gallery .frame .image{\n  position:absolute;\n  left:50%;\n  top:50%;\n  transform: translate(-50%, -50%);\n  width: auto;        \/* \u2190 ASTA e cheia *\/\n  max-width: 150px;   \/* dimensiunea dorita *\/\n  height:auto;\n  display:block;\n  pointer-events:none;\n  filter: drop-shadow(0 18px 24px rgba(10,20,35,.25));\n}\n\n\n      #conmix-gallery .frame .info{\n        position:absolute;\n        left:14px;\n        right:14px;\n        bottom:14px;\n        text-align:center;\n        font-family: Georgia, \"Times New Roman\", serif;\n        font-weight: 1000;\n        font-size: .92em;\n        letter-spacing:.12em;\n        text-transform:uppercase;\n        color: rgba(11,61,145,.98);\n        line-height:1.2;\n      }\n\n      @media (max-width: 768px){\n        #conmix-gallery{ padding:40px 12px 46px; }\n        #conmix-gallery .gallery{\n          flex-direction:column;\n          height:auto;\n          perspective:none;\n        }\n        #conmix-gallery .frame{\n          width:100%;\n          max-width:380px;         \/* MAI MARE *\/\n          height:270px;            \/* MAI MARE *\/\n          margin:0 auto 18px;\n          transform:none !important;\n          box-shadow: var(--shadow-soft);\n          transition: box-shadow .22s ease, border-color .22s ease, filter .22s ease;\n          -webkit-tap-highlight-color: transparent;\n        }\n        #conmix-gallery .frame::after{ display:none; }\n        #conmix-gallery .frame .image{\n          width: 72%;\n          max-width: 220px;        \/* MAI MARE *\/\n          transform: translate(-50%, -60%);\n        }\n        #conmix-gallery .frame.cmx-mob-anim{\n          border-color: rgba(11,61,145,.28);\n          box-shadow:\n            0 22px 60px rgba(10,20,35,.24),\n            0 0 0 3px rgba(232,36,45,.08);\n          filter: saturate(1.02);\n        }\n        #conmix-gallery .frame.cmx-mob-anim .image{\n          filter: drop-shadow(0 18px 26px rgba(10,20,35,.28));\n        }\n        #conmix-gallery .frame.cmx-mob-anim .info{\n          color: rgba(232,36,45,.95);\n        }\n      }\n\n      @media (max-width: 520px){\n        #conmix-gallery{ padding:30px 10px 36px; }\n        #conmix-gallery .frame{ max-width:320px; height:250px; }\n      }\n    <\/style>\n\n    <script id=\"cmx-conmix-gallery-js\">\n      (function(){\n        function initCmxConmixGallery(){\n          const root = document.getElementById('conmix-gallery');\n          if(!root) return false;\n\n          const isMobile = window.innerWidth < 769;\n\n          function smoothScrollTo(sel){\n            const t = document.querySelector(sel);\n            if(!t) return;\n            t.scrollIntoView({ behavior: 'smooth', block: 'start' });\n          }\n\n          function openLinkedProduct(frame){\n            const sel = frame.getAttribute('data-scroll') || '#conmix-products-widget';\n            const pid = frame.getAttribute('data-product-id');\n\n            smoothScrollTo(sel);\n\n            setTimeout(() => {\n              if(window.cmxOpenProduct){\n                window.cmxOpenProduct(pid);\n              } else {\n                document.dispatchEvent(new CustomEvent('cmx:openProduct', { detail: { productId: pid } }));\n              }\n            }, 520);\n          }\n\n          root.addEventListener('click', (e) => {\n            const frame = e.target.closest && e.target.closest('.frame[data-product-id]');\n            if(!frame) return;\n            openLinkedProduct(frame);\n          });\n\n          \/\/ Mobile: pulse\n          if(isMobile){\n            const frames = Array.from(root.querySelectorAll('.frame'));\n            let last = null, timer = null;\n\n            function pulse(frame){\n              if(!frame) return;\n              if(last && last !== frame) last.classList.remove('cmx-mob-anim');\n              last = frame;\n\n              frame.classList.add('cmx-mob-anim');\n              clearTimeout(timer);\n              timer = setTimeout(() => frame.classList.remove('cmx-mob-anim'), 520);\n            }\n\n            frames.forEach(f => {\n              f.addEventListener('touchstart', () => pulse(f), {passive:true});\n            });\n\n            if('IntersectionObserver' in window){\n              const io = new IntersectionObserver((entries) => {\n                const best = entries\n                  .filter(en => en.isIntersecting)\n                  .sort((a,b) => b.intersectionRatio - a.intersectionRatio)[0];\n                if(best && best.intersectionRatio > 0.55) pulse(best.target);\n              }, { threshold: [0.55, 0.7, 0.85] });\n\n              frames.forEach(f => io.observe(f));\n            } else {\n              setTimeout(() => pulse(frames[0]), 200);\n            }\n\n            return true;\n          }\n\n          \/\/ ===== DESKTOP 3D (tilt) =====\n          const $ = selector => document.querySelector(selector);\n          const $$ = selector => document.querySelectorAll(selector);\n\n          function lerp(n1, n2, speed) { return (1 - speed) * n1 + speed * n2; }\n          Array.prototype.lerp = function(target, speed) { this.forEach((n, i) => this[i] = lerp(n, target[i], speed)); };\n          function angle(from, to) { return Math.atan2(to[1] - from[1], to[0] - from[0]); }\n          function distNorm(from, to, xMax, yMax) {\n            const dx = (to[0] - from[0]) \/ xMax;\n            const dy = (to[1] - from[1]) \/ yMax;\n            return Math.sqrt(dx*dx + dy*dy);\n          }\n\n          class Frame {\n            constructor(node, galleryRef){\n              this.node = node;\n              this.galleryRef = galleryRef;\n\n              this.rotation = [0, 0];\n              this.translation = [0, 0, 0];\n\n              this.center = [0, 0];\n              this.target = [0, 0];\n              this.distNorm = 0;\n\n              this.node.addEventListener('mouseenter', () => this.galleryRef.setFocus(this));\n              this.node.addEventListener('mouseleave', () => this.galleryRef.clearFocus());\n\n              this.setCenter();\n            }\n\n            setCenter(){\n              const rect = this.node.getBoundingClientRect();\n              this.center[0] = rect.left + rect.width \/ 2;\n              this.center[1] = rect.top + rect.height \/ 2;\n              return this;\n            }\n\n            setTarget(target){\n              this.target[0] = target[0];\n              this.target[1] = target[1];\n              return this;\n            }\n\n            setDistance(){\n              const size = this.galleryRef.size;\n              let d = distNorm(this.center, this.target, size[0], size[1] || 400);\n              this.distNorm = Math.min(1, d);\n              return this;\n            }\n\n            translate(isFocused){\n              const baseZ = 260;\n              const zOffset = - this.distNorm * 70;\n              const focusBoost = isFocused ? 28 : 0;\n              this.translation.lerp([0, 0, baseZ + zOffset + focusBoost], 0.12);\n              return this;\n            }\n\n            rotate(isFocused){\n              const theta = angle(this.center, this.target);\n              let rx = Math.sin(-theta) * 18 * this.distNorm;\n              let ry = Math.cos(theta)  * 26 * this.distNorm;\n              if(isFocused){ rx *= 1.25; ry *= 1.25; }\n              this.rotation.lerp([rx, ry], 0.12);\n              return this;\n            }\n\n            update(isFocused){\n              this.node.style.willChange = 'transform';\n              this.node.style.transform =\n                `translate3d(${this.translation[0]}px,${this.translation[1]}px,${this.translation[2]}px) ` +\n                `rotateX(${this.rotation[0]}deg) rotateY(${this.rotation[1]}deg)` +\n                (isFocused ? ` translateY(-3px)` : ``);\n            }\n          }\n\n          class Gallery {\n            constructor(){\n              this.container = $('#conmix-gallery .gallery');\n              if(!this.container) return;\n\n              this.frames = [];\n              this.center = [0,0];\n              this.size = [0,0];\n\n              this.mouse = [0,0];\n              this.target = [0,0];\n\n              this.mouseover = false;\n              this.focusFrame = null;\n\n              this.updateGeometry();\n\n              this.container.addEventListener('mousemove', this.hover.bind(this));\n              this.container.addEventListener('mouseleave', this.leave.bind(this));\n\n              window.addEventListener('resize', () => {\n                this.updateGeometry();\n                this.frames.forEach(f => f.setCenter());\n              });\n\n              $$('#conmix-gallery .frame').forEach(node => {\n                this.frames.push(new Frame(node, this));\n              });\n\n              this.mouse = this.center.slice(0);\n              this.target = this.center.slice(0);\n\n              this.update();\n            }\n\n            updateGeometry(){\n              const rect = this.container.getBoundingClientRect();\n              this.center = [ rect.left + rect.width \/ 2, rect.top + rect.height \/ 2 ];\n              this.size = [ rect.width, rect.height ];\n              this.container.style.perspectiveOrigin = '50% 50%';\n            }\n\n            setFocus(frame){\n              this.focusFrame = frame;\n              this.target[0] = frame.center[0];\n              this.target[1] = frame.center[1];\n              this.mouseover = true;\n            }\n\n            clearFocus(){ this.focusFrame = null; }\n\n            hover(e){\n              if(this.focusFrame) return;\n              this.mouseover = true;\n              this.target[0] = e.clientX;\n              this.target[1] = e.clientY;\n            }\n\n            leave(){\n              this.mouseover = false;\n              this.focusFrame = null;\n            }\n\n            update(){\n              const desired = this.mouseover ? this.target : this.center;\n              this.mouse.lerp(desired, 0.12);\n\n              this.frames.forEach(frame => {\n                const isFocused = (this.focusFrame === frame);\n                const localTarget = isFocused ? frame.center : this.mouse;\n\n                frame\n                  .setTarget(localTarget)\n                  .setDistance()\n                  .translate(isFocused)\n                  .rotate(isFocused)\n                  .update(isFocused);\n              });\n\n              requestAnimationFrame(this.update.bind(this));\n            }\n          }\n\n          new Gallery();\n          return true;\n        }\n\n        function boot(){\n          if(initCmxConmixGallery()) return;\n          let tries = 0;\n          const t = setInterval(() => {\n            tries++;\n            if(initCmxConmixGallery() || tries > 80) clearInterval(t);\n          }, 50);\n        }\n\n        if(document.readyState === 'loading'){\n          document.addEventListener('DOMContentLoaded', boot, {once:true});\n        } else {\n          boot();\n        }\n      })();\n    <\/script>\n      <div id=\"conmix-gallery\">\n    <div class=\"cmx-cat-intro\">\n      <div class=\"cmx-cat-label\">Categorii Conmix<\/div>\n      <h2 class=\"cmx-cat-title\">Alege tipul de paine<\/h2>\n      <p class=\"cmx-cat-subtitle\">\n        Gliseaza printre categoriile principale si vezi ce tip de paine ti se potriveste.\n      <\/p>\n    <\/div>\n\n    <div class=\"gallery-container\">\n      <div class=\"gallery\">\n\n        <div class=\"frame\" data-scroll=\"#conmix-products-widget\" data-product-id=\"9380\">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/Paine-cu-seminte_result.webp\" alt=\"Paine cu seminte\">\n          <div class=\"info\">Paine cu seminte<\/div>\n        <\/div>\n\n        <div class=\"frame\" data-scroll=\"#conmix-products-widget\" data-product-id=\"9377\">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/Paine-cu-secara_result.webp\" alt=\"Paine cu secara\">\n          <div class=\"info\">Paine cu secara<\/div>\n        <\/div>\n\n        <div class=\"frame\" data-scroll=\"#conmix-products-widget\" data-product-id=\"9438\">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/Paine-rustica_result.webp\" alt=\"Paine rustica\">\n          <div class=\"info\">Paine rustica<\/div>\n        <\/div>\n\n        <div class=\"frame\" data-scroll=\"#conmix-products-widget\" data-product-id=\"9374\">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/Paine-cu-cHia_result.webp\" alt=\"Paine cu chia\">\n          <div class=\"info\">Paine cu chia<\/div>\n        <\/div>\n\n        <div class=\"frame\" data-scroll=\"#conmix-products-widget\" data-product-id=\"9435\">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/Paine-cu-cartofi_result.webp\" alt=\"Paine cu cartofi\">\n          <div class=\"info\">Paine cu cartofi<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/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-6d5b8a8 e-con-full e-flex e-con e-parent\" data-id=\"6d5b8a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8eb3831 e-con-full e-flex e-con e-child\" data-id=\"8eb3831\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fa6aa6 elementor-widget elementor-widget-heading\" data-id=\"8fa6aa6\" 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\">De ce sa alegi mixurile noastre?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c29d44a elementor-widget elementor-widget-text-editor\" data-id=\"c29d44a\" 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>Pasi simpli pentru paine calda si proaspata, direct la tine acasa.<\/p>\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-b7d935f e-con-full e-flex e-con e-child\" data-id=\"b7d935f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8174452 e-con-full e-flex e-con e-child\" data-id=\"8174452\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da7798e elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"da7798e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Formulate special pentru masina de facut paine<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Fara masuratori complicate \u2013 totul este pregatit<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\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-e3b8405 e-con-full e-flex e-con e-child\" data-id=\"e3b8405\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca17339 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ca17339\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ingrediente de calitate profesionala<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Paine proaspata in fiecare zi, chiar la tine acasa<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\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-ae8dee0 e-con-full e-flex e-con e-parent\" data-id=\"ae8dee0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af40b0b elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"af40b0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div id=\"conmix-products-widget\" class=\"cmx-menu\"\n       data-nonce=\"579e5e5c30\"\n       data-ajax=\"https:\/\/shop.conmix.ro\/wp-admin\/admin-ajax.php\"\n       data-default=\"conmix-brand\">\n\n <style>\n  .cmx-menu{--primary:#0b2a6f;--accent:#ff2e2e;--uiFont:inherit;font-family:var(--uiFont);}\n  .cmx-menu *{box-sizing:border-box;font-family:inherit;}\n  .cmx-wrap{width:100%;max-width:1540px;margin:0 auto;padding:0 14px;}\n\n  .cmx-topbar{display:flex;justify-content:center;margin:0 0 14px 0;}\n  .cmx-search{width:100%;max-width:620px;}\n  .cmx-search input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(11,42,111,.14);background:#fff;color:#101114;outline:none;font-size:14px;font-weight:700;}\n  .cmx-search input::placeholder{color:rgba(16,17,20,.45);}\n\n  .cmx-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch;}\n  @media (min-width:1025px){.cmx-grid{grid-template-columns:repeat(5,minmax(0,1fr));}}\n  @media (max-width:980px){.cmx-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}\n  @media (max-width:720px){.cmx-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}\n  @media (max-width:560px){.cmx-grid{grid-template-columns:1fr;}.cmx-card2{width:100%;max-width:520px;margin:0 auto;}}\n\n  .cmx-card2{background:#fff;border:1px solid rgba(0,0,0,.10);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.08);transition:transform .18s ease,box-shadow .18s ease;position:relative;}\n  .cmx-card2:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,0,0,.12);}\n\n  .cmx-card2-media{padding:16px 16px 12px 16px;position:relative;}\n  .cmx-imgframe{background:#CFCECE;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;height:240px;border:1px solid rgba(0,0,0,.10);}\n  @media (max-width:980px){.cmx-imgframe{height:220px;}}\n  @media (max-width:720px){.cmx-imgframe{height:210px;}}\n  @media (max-width:560px){.cmx-imgframe{height:240px;}}\n  .cmx-imgframe img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transform:scale(1.02);}\n\n  .cmx-badge{position:absolute;top:10px;left:10px;background:var(--accent);color:#fff;font-weight:950;font-size:12px;padding:9px 14px;border-radius:999px;letter-spacing:.4px;box-shadow:0 12px 30px rgba(255,46,46,.25);z-index:2;}\n\n  .cmx-actions{position:absolute;left:16px;right:16px;bottom:16px;display:flex;gap:8px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:3;}\n  .cmx-card2:hover .cmx-actions{opacity:1;transform:translateY(0);pointer-events:auto;}\n  @media (max-width:820px){.cmx-actions{opacity:1;transform:none;pointer-events:auto;position:static;margin-top:10px;}}\n  @media (max-width:560px){.cmx-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;}}\n\n  .cmx-action{flex:1;border:0;border-radius:12px;padding:10px 10px;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:950;white-space:nowrap;line-height:1;}\n  @media (max-width:560px){.cmx-action{font-size:12px;padding:12px 12px;}}\n  .cmx-details{background:rgba(11,42,111,.45);color:#fff;}\n  .cmx-add{background:var(--accent);color:#fff;}\n  .cmx-action[disabled]{opacity:.55;cursor:not-allowed;}\n\n  .cmx-card2-body{padding:12px 16px 16px 16px;border-top:1px solid rgba(0,0,0,.06);}\n  .cmx-brand{color:rgba(11,42,111,.92);font-weight:900;font-size:10px;letter-spacing:2.2px;margin:2px 0 8px 0;}\n  .cmx-name{font-weight:500;color:#0a2a70;font-size:18px;line-height:1.2;margin:0 0 6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;}\n  @media (max-width:560px){.cmx-name{font-size:20px;min-height:auto;}}\n  .cmx-sub{color:rgba(16,17,20,.60);font-size:12px;font-weight:750;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px;}\n  @media (max-width:560px){.cmx-sub{font-size:13px;}}\n\n  .cmx-rating{display:flex;align-items:center;gap:8px;margin:8px 0 10px 0;}\n  .cmx-stars{color:#f6a300;font-size:15px;letter-spacing:3.2px;}\n  @media (max-width:560px){.cmx-stars{font-size:16px;letter-spacing:3.6px;}}\n  .cmx-score{color:rgba(16,17,20,.55);font-size:12px;font-weight:800;}\n\n  .cmx-price2{color:var(--accent);font-size:20px;font-weight:500;line-height:1;margin:6px 0 10px 0;}\n  @media (max-width:560px){.cmx-price2{font-size:18px;}}\n  .cmx-price2 del{opacity:.55;font-size:.6em;margin-right:6px;}\n  .cmx-price2 ins{text-decoration:none;}\n\n  .cmx-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;}\n  .cmx-stock{display:flex;align-items:center;gap:8px;font-weight:900;font-size:12px;color:rgba(11,42,111,.92);}\n  .cmx-dot{width:10px;height:10px;border-radius:999px;background:#2db36c;box-shadow:0 0 0 3px rgba(45,179,108,.18);}\n  .cmx-stock.is-out{color:rgba(16,17,20,.55);}\n  .cmx-stock.is-out .cmx-dot{background:#b9b9b9;box-shadow:0 0 0 3px rgba(185,185,185,.18);}\n  .cmx-weight{font-size:12px;font-weight:900;color:rgba(11,42,111,.75);white-space:nowrap;}\n\n  .cmx-empty{padding:12px;color:rgba(16,17,20,.65);}\n\n  \/* MODAL - FIX OVERLAP iOS: scroll area + footer static (no sticky) *\/\n  .cmx-menu .cmx-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;z-index:999999;padding:16px;overflow:auto;-webkit-overflow-scrolling:touch;}\n  @media (max-width:560px){.cmx-menu .cmx-modal-overlay{padding:10px;}}\n\n  .cmx-menu .cmx-modal{\n    width:980px;max-width:calc(100% - 32px);\n    height:600px;max-height:92vh;\n    background:#fff;border-radius:22px;overflow:hidden;\n    box-shadow:0 26px 70px rgba(0,0,0,.45);\n    border:1px solid rgba(0,0,0,.12);\n    display:grid;grid-template-columns:1.05fr 1fr;\n  }\n  @media (max-width:820px){\n    .cmx-menu .cmx-modal{\n      width:min(520px,100%);\n      height:92vh;max-height:92vh;\n      display:flex;flex-direction:column;\n      border-radius:18px;\n    }\n  }\n  @supports (height: 100svh){\n    @media (max-width:820px){\n      .cmx-menu .cmx-modal{height:92svh;max-height:92svh;}\n    }\n  }\n\n  .cmx-menu .cmx-m-img{background:#f2f2f2;position:relative;height:600px;}\n  @media (max-width:820px){.cmx-menu .cmx-m-img{height:240px;flex:0 0 auto;}}\n  .cmx-menu .cmx-m-img img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#CFCECE;}\n\n  .cmx-menu .cmx-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.12);z-index:2;}\n  .cmx-menu .cmx-close::before{content:\"\u00d7\";font-size:24px;font-weight:700;line-height:1;color:#101114;transform:translateY(-2px);}\n\n  .cmx-menu .cmx-m-body{\n    display:flex;\n    flex-direction:column;\n    height:100%;\n    min-height:0;\n    overflow:hidden;\n  }\n  @media (max-width:820px){\n    .cmx-menu .cmx-m-body{\n      flex:1 1 auto;\n      min-height:0;\n    }\n  }\n\n  \/* ====== AICI: REDUCEM PADDING-UL DIN SCROLL CA SA NU MAI FIE GOL ====== *\/\n  .cmx-menu .cmx-m-scroll{\n    flex:1 1 auto;\n    min-height:0;\n    overflow:auto;\n    -webkit-overflow-scrolling:touch;\n    padding:14px 14px 6px 14px; \/* era 12px jos *\/\n  }\n\n  .cmx-menu .cmx-m-title{margin:0;font-size:22px;line-height:1.1;font-weight:950;color:#0a2a70;}\n  .cmx-menu .cmx-m-price{font-weight:950;color:var(--accent);font-size:18px;margin-top:8px;}\n\n  \/* ====== AICI: DESCRIERE MAI MARE + FARA BOLD + MAI PUTIN SPATIU ====== *\/\n  .cmx-menu .cmx-m-desc{\n    color:rgba(16,17,20,.72);\n    font-size:16px;          \/* era 13px *\/\n    line-height:1.6;         \/* era 1.45 *\/\n    font-weight:400;         \/* era 650 *\/\n    margin-top:8px;\n    margin-bottom:0;         \/* elimina spatiu extra *\/\n  }\n  .cmx-menu .cmx-m-desc strong{font-weight:400;}\n\n  \/* ====== AICI: QTYBAR MAI STRANS, URCA TOTUL ====== *\/\n  .cmx-menu .cmx-qtybar{\n    flex:0 0 auto;\n    padding:10px 14px 12px 14px; \/* era 12\/14\/14 *\/\n    border-top:1px solid rgba(0,0,0,.10);\n    background:#fff;\n    position:static !important;\n    bottom:auto !important;\n    top:auto !important;\n    z-index:auto !important;\n    transform:none !important;\n  }\n\n  .cmx-menu .cmx-qtyrow{display:flex;align-items:center;justify-content:space-between;gap:12px;}\n  @media (max-width:520px){.cmx-menu .cmx-qtyrow{flex-direction:column;align-items:stretch;gap:10px;}}\n\n  .cmx-menu .cmx-qty{display:flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:8px 10px;background:rgba(255,255,255,.75);}\n  @media (max-width:520px){.cmx-menu .cmx-qty{justify-content:space-between;}}\n  .cmx-menu .cmx-qty button{width:36px;height:36px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;font-weight:950;color:#101114;display:flex;align-items:center;justify-content:center;line-height:1;}\n  .cmx-menu .cmx-qty input{width:46px;text-align:center;border:0;outline:none;font-weight:950;background:transparent;color:#101114;}\n\n  .cmx-menu .cmx-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;border:0;background:var(--accent);color:#fff;font-weight:950;cursor:pointer;letter-spacing:.35px;text-transform:uppercase;box-shadow:0 14px 34px rgba(0,0,0,.14);min-height:44px;}\n  .cmx-menu .cmx-btn[disabled]{opacity:.55;cursor:not-allowed;}\n\n  \/* ====== AICI: HELP MAI MARE + MAI PUTIN SPATIU + TEXT\/CONTACT MAI MARI ====== *\/\n  .cmx-menu .cmx-help{\n    margin-top:10px; \/* era 12 *\/\n    border:1px solid rgba(0,0,0,.10);\n    border-radius:14px;\n    padding:14px 14px; \/* putin mai generos, dar compact *\/\n    background:rgba(11,42,111,.03);\n    color:rgba(16,17,20,.78);\n    font-size:14px;    \/* era 12 *\/\n    font-weight:600;   \/* era 750 *\/\n    line-height:1.65;  \/* era 1.55 *\/\n  }\n  .cmx-menu .cmx-help .cmx-help-title{\n    display:block;\n    font-weight:800;   \/* era 950 *\/\n    font-size:15px;    \/* mai mare *\/\n    color:#0a2a70;\n    margin-bottom:8px; \/* era 10 *\/\n  }\n  .cmx-menu .cmx-help > div{margin-top:6px;} \/* era 7 *\/\n  .cmx-menu .cmx-help .cmx-help-ship{\n    color:#0b2a6f;\n    font-weight:800;   \/* era 900 *\/\n    font-size:14px;    \/* mai mare *\/\n  }\n  .cmx-menu .cmx-help a{\n    color:#0a2a70;\n    text-decoration:none;\n    font-weight:800;   \/* era 900 *\/\n    font-size:14px;    \/* mai mare *\/\n  }\n  .cmx-menu .cmx-help a:hover{text-decoration:underline;}\n\n  .cmx-menu .cmx-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(17,18,20,.92);color:#fff;padding:10px 12px;border-radius:14px;z-index:999999;display:none;max-width:min(560px,calc(100% - 24px));font-size:13px;border:1px solid rgba(255,255,255,.14);}\n<\/style>\n\n\n    <div class=\"cmx-wrap\">\n      <div class=\"cmx-topbar\">\n        <div class=\"cmx-search\">\n          <input type=\"text\" class=\"cmx-search-input\" placeholder=\"Cauta...\" \/>\n        <\/div>\n      <\/div>\n      <div class=\"cmx-grid\">      <div class=\"cmx-card2\"\n           data-product-id=\"9380\"\n           data-name=\"MIX DE PAINE CU SEMINTE PENTRU MASINA DE PAINE\"\n           data-desc=\"Mix de paine cu seminte. Mix pentru masina de paine. Usor de folosit.\r\nSe adauga contimutul in cuva;\r\nSe toarna apa;\r\nAlege programul preferat;\r\nBucura-te de paine calda la tine acasa.\"\n           data-price-html=\"&lt;span class=&quot;woocommerce-Price-amount amount&quot;&gt;25,00&nbsp;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;lei&lt;\/span&gt;&lt;\/span&gt; &lt;small class=&quot;woocommerce-price-suffix&quot;&gt;fara TVA&lt;\/small&gt;&lt;br&gt;&lt;small&gt;&lt;span class=&quot;woocommerce-Price-amount amount&quot;&gt;12,50&nbsp;&lt;span class=&quot;woocommerce-Price-currencySymbol&quot;&gt;lei&lt;\/span&gt;&lt;\/span&gt;\/kg&lt;\/small&gt;\"\n           data-in-stock=\"1\"\n           data-img-large=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/SEMINTE_result-726x1024.webp\">\n\n        <div class=\"cmx-card2-media\">\n          \n          <div class=\"cmx-imgframe\">\n            <img loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" src=\"https:\/\/shop.conmix.ro\/wp-content\/uploads\/2026\/02\/SEMINTE_result-768x1083.webp\" alt=\"MIX DE PAINE CU SEMINTE PENTRU MASINA DE PAINE\">\n          <\/div>\n\n          <div class=\"cmx-actions\">\n            <button type=\"button\" class=\"cmx-action cmx-details\">DETALII<\/button>\n            <button type=\"button\" class=\"cmx-action cmx-add\" >ADAUGA IN COS<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"cmx-card2-body\">\n          <div class=\"cmx-brand\">CONMIX<\/div>\n          <div class=\"cmx-name\">MIX DE PAINE CU SEMINTE PENTRU MASINA DE PAINE<\/div>\n          <div class=\"cmx-sub\">MIX DE PAINE CU SEMINTE. MIX PENTRU MASINA DE PAINE. USOR DE FOLOSIT.\r\nSE ADAUGA CONTIMUTUL IN CUVA;\r\nSE TOARNA APA;\r\nALEGE PROGRAMUL PREFERAT;\r\nBUCURA-TE DE PAINE CALDA LA TINE ACASA.<\/div>\n\n          <div class=\"cmx-rating\">\n            <span class=\"cmx-stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"cmx-score\">(4.5)<\/span>\n          <\/div>\n\n          <div class=\"cmx-price2\"><span class=\"woocommerce-Price-amount amount\">25,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">lei<\/span><\/span> <small class=\"woocommerce-price-suffix\">fara TVA<\/small><br><small><span class=\"woocommerce-Price-amount amount\">12,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">lei<\/span><\/span>\/kg<\/small><\/div>\n\n          <div class=\"cmx-meta\">\n            <div class=\"cmx-stock is-in\">\n              <span class=\"cmx-dot\"><\/span>in stoc            <\/div>\n            <div class=\"cmx-weight\">Greutate 2 kg<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cmx-modal-overlay\" aria-hidden=\"true\">\n      <div class=\"cmx-modal\" role=\"dialog\" aria-modal=\"true\">\n        <div class=\"cmx-m-img\">\n          <img decoding=\"async\" src=\"\" alt=\"\" class=\"cmx-m-image\">\n          <div class=\"cmx-close\" role=\"button\" aria-label=\"Inchide\"><\/div>\n        <\/div>\n\n        <div class=\"cmx-m-body\">\n          <div class=\"cmx-m-scroll\">\n            <h3 class=\"cmx-m-title\"><\/h3>\n            <div class=\"cmx-m-price\"><\/div>\n            <div class=\"cmx-m-desc\"><\/div>\n          <\/div>\n\n          <div class=\"cmx-qtybar\">\n            <div class=\"cmx-qtyrow\">\n              <div class=\"cmx-qty\">\n                <button type=\"button\" class=\"cmx-qty-minus\">-<\/button>\n                <input type=\"text\" class=\"cmx-qty-input\" value=\"1\" inputmode=\"numeric\" \/>\n                <button type=\"button\" class=\"cmx-qty-plus\">+<\/button>\n              <\/div>\n              <button type=\"button\" class=\"cmx-btn cmx-add-btn\">Adauga in cos<\/button>\n            <\/div>\n\n            <div class=\"cmx-help\">\n              <span class=\"cmx-help-title\">Ai nevoie de ajutor?<\/span>\n              <div class=\"cmx-help-ship\">Transport Gratuit de la 1000 Lei<\/div>\n              <div><a href=\"mailto:shop.conmix@falagrup.ro\">shop.conmix@falagrup.ro<\/a><\/div>\n              <div><a href=\"tel:+40359402005\">+ (40) 359 402 005<\/a><\/div>\n              <div><a href=\"tel:+40751135967\">+ (40) 751 135 967<\/a><\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cmx-toast\"><\/div>\n\n    <script>\n      (function(){\n        const root = document.currentScript.closest('.cmx-menu');\n        if(!root) return;\n\n        const ajaxUrl = root.getAttribute('data-ajax');\n        const nonce   = root.getAttribute('data-nonce');\n\n        const grid    = root.querySelector('.cmx-grid');\n        const search  = root.querySelector('.cmx-search-input');\n\n        const overlay = root.querySelector('.cmx-modal-overlay');\n        const closeBtn = root.querySelector('.cmx-close');\n\n        const imgEl = root.querySelector('.cmx-m-image');\n        const scrollArea = root.querySelector('.cmx-m-scroll');\n        const titleEl = root.querySelector('.cmx-m-title');\n        const priceEl = root.querySelector('.cmx-m-price');\n        const descEl = root.querySelector('.cmx-m-desc');\n\n        const qtyInput = root.querySelector('.cmx-qty-input');\n        const minusBtn = root.querySelector('.cmx-qty-minus');\n        const plusBtn  = root.querySelector('.cmx-qty-plus');\n        const addBtn   = root.querySelector('.cmx-add-btn');\n\n        const toast = root.querySelector('.cmx-toast');\n\n        const activeCat = (root.getAttribute('data-default') || 'conmix-brand');\n\n        const cardsCache = new Map();\n        const cardsPending = new Map();\n        let catAbort = null;\n        let currentProductId = null;\n\n        function showToast(msg){\n          toast.textContent = msg;\n          toast.style.display = 'block';\n          clearTimeout(showToast._t);\n          showToast._t = setTimeout(()=>{ toast.style.display='none'; }, 1600);\n        }\n\n        function postForm(action, fields, controller){\n          const fd = new FormData();\n          fd.append('action', action);\n          fd.append('nonce', nonce);\n          Object.keys(fields||{}).forEach(k => fd.append(k, fields[k]));\n          return fetch(ajaxUrl, { method:'POST', credentials:'same-origin', body:fd, signal: controller ? controller.signal : undefined })\n            .then(r=>r.json());\n        }\n\n        function refreshMiniCartAsync(){\n          if (!window.jQuery) return;\n          window.jQuery(document.body).trigger('wc_fragment_refresh');\n          window.jQuery(document.body).trigger('added_to_cart');\n        }\n\n        function updateElementorCartQty(count){\n          const qtyEl = document.querySelector('.elementor-menu-cart__toggle_button span.elementor-button-icon-qty');\n          if(qtyEl){\n            qtyEl.textContent = String(count);\n            qtyEl.setAttribute('data-counter', String(count));\n          }\n        }\n\n        function openModal(){\n          overlay.style.display = 'flex';\n          overlay.setAttribute('aria-hidden','false');\n          document.documentElement.style.overflow = 'hidden';\n          if(scrollArea) scrollArea.scrollTop = 0;\n        }\n\n        function closeModal(){\n          overlay.style.display = 'none';\n          overlay.setAttribute('aria-hidden','true');\n          document.documentElement.style.overflow = '';\n          currentProductId = null;\n          qtyInput.value = '1';\n          addBtn.disabled = true;\n          addBtn.textContent = 'Adauga in cos';\n          if(scrollArea) scrollArea.scrollTop = 0;\n        }\n\n        closeBtn.addEventListener('click', closeModal);\n        overlay.addEventListener('click', (e)=>{ if(e.target === overlay) closeModal(); });\n        document.addEventListener('keydown', (e)=>{ if(e.key === 'Escape' && overlay.style.display === 'flex') closeModal(); });\n\n        function fillModalFromCard(card){\n          const pid = card.getAttribute('data-product-id') || '';\n          currentProductId = pid;\n\n          const name = card.getAttribute('data-name') || '';\n          const desc = card.getAttribute('data-desc') || '';\n          const priceHtml = card.getAttribute('data-price-html') || '';\n          const inStock = (card.getAttribute('data-in-stock') || '1') === '1';\n\n          const largeHint = card.getAttribute('data-img-large') || '';\n          const previewImg = card.querySelector('.cmx-imgframe img');\n          const preview = previewImg ? (previewImg.currentSrc || previewImg.src) : '';\n\n          imgEl.src = preview || largeHint || '';\n          imgEl.alt = name;\n\n          titleEl.textContent = name;\n          priceEl.innerHTML = priceHtml;\n          descEl.textContent = desc;\n\n          addBtn.disabled = !inStock;\n\n          if(scrollArea) scrollArea.scrollTop = 0;\n\n          if(largeHint){\n            const swap = new Image();\n            swap.decoding = 'async';\n            swap.onload = () => { imgEl.src = largeHint; };\n            swap.src = largeHint;\n          }\n        }\n\n        \/* ---------- OPEN MODAL BY PRODUCT ID (for gallery\/slider\/button) ---------- *\/\n        async function openProductById(pid){\n          pid = String(pid || '').trim();\n          if(!pid) return;\n\n          openModal();\n          currentProductId = pid;\n\n          \/\/ loading UI\n          titleEl.textContent = 'Se incarca...';\n          priceEl.innerHTML = '';\n          descEl.textContent = '';\n          imgEl.src = '';\n          imgEl.alt = '';\n\n          addBtn.disabled = true;\n          addBtn.textContent = 'Se incarca...';\n          qtyInput.value = '1';\n          if(scrollArea) scrollArea.scrollTop = 0;\n\n          try{\n            const res = await postForm('cmx_get_product_modal', { product_id: pid }, null);\n            if(!res || !res.success || !res.data) throw new Error('bad');\n\n            const d = res.data;\n\n            titleEl.textContent = d.name || '';\n            priceEl.innerHTML = d.price_html || '';\n            descEl.textContent = d.desc || '';\n            imgEl.src = d.img_large || '';\n            imgEl.alt = d.name || '';\n\n            const inStock = (String(d.in_stock || '1') === '1');\n            addBtn.disabled = !inStock;\n            addBtn.textContent = 'Adauga in cos';\n            if(scrollArea) scrollArea.scrollTop = 0;\n          } catch(e){\n            titleEl.textContent = 'Eroare la incarcare produs.';\n            addBtn.disabled = true;\n            addBtn.textContent = 'Adauga in cos';\n          }\n        }\n\n        \/\/ global function used by gallery code (window.cmxOpenProduct(pid))\n        if(!window.cmxOpenProduct){\n          window.cmxOpenProduct = function(pid){\n            openProductById(pid);\n          };\n        }\n\n        \/\/ event fallback used by gallery code (cmx:openProduct)\n        if(!document._cmxOpenProductBound){\n          document._cmxOpenProductBound = true;\n          document.addEventListener('cmx:openProduct', function(ev){\n            const pid = ev && ev.detail ? ev.detail.productId : null;\n            if(pid) openProductById(pid);\n          });\n        }\n        \/* ---------- \/OPEN MODAL BY PRODUCT ID ---------- *\/\n\n        function bindCardActions(){\n          grid.querySelectorAll('.cmx-details').forEach(btn=>{\n            if(btn._cmxBound) return;\n            btn._cmxBound = true;\n            btn.addEventListener('click', (e)=>{\n              const card = e.target.closest('.cmx-card2');\n              if(!card) return;\n              openModal();\n              fillModalFromCard(card);\n            });\n          });\n\n          grid.querySelectorAll('.cmx-add').forEach(btn=>{\n            if(btn._cmxBound) return;\n            btn._cmxBound = true;\n            btn.addEventListener('click', async (e)=>{\n              const card = e.target.closest('.cmx-card2');\n              if(!card) return;\n\n              const pid = card.getAttribute('data-product-id') || '';\n              const inStock = (card.getAttribute('data-in-stock') || '1') === '1';\n              if(!pid || !inStock) return;\n\n              btn.disabled = true;\n              const old = btn.textContent;\n              btn.textContent = 'Se adauga...';\n\n              try{\n                const res = await postForm('cmx_add_to_cart', { product_id: String(pid), quantity: '1' }, null);\n                if(!res || !res.success) throw new Error();\n                if(res.data && typeof res.data.count !== 'undefined') updateElementorCartQty(res.data.count);\n                refreshMiniCartAsync();\n                showToast('Adaugat in cos.');\n              } catch(err){\n                showToast('Eroare la adaugare in cos.');\n              } finally {\n                btn.disabled = false;\n                btn.textContent = old;\n              }\n            });\n          });\n        }\n\n        function cacheKey(cat, q){ return `${cat}||${(q||'').trim().toLowerCase()}`; }\n\n        async function fetchIntoCache(cat, q, controller){\n          const key = cacheKey(cat, q);\n\n          if(cardsCache.has(key)) return cardsCache.get(key);\n          if(cardsPending.has(key)) return await cardsPending.get(key);\n\n          const p = (async () => {\n            const res = await postForm('cmx_get_category_cards', { category: cat, q: q || '' }, controller || null);\n            if(!res || !res.success) throw new Error('bad');\n            const html = res.data.html || '<div class=\"cmx-empty\">Nu exista produse.<\/div>';\n            cardsCache.set(key, html);\n            return html;\n          })();\n\n          cardsPending.set(key, p);\n          try{ return await p; }\n          finally{ cardsPending.delete(key); }\n        }\n\n        async function showCategory(cat, q){\n          const key = cacheKey(cat, q);\n\n          if(cardsCache.has(key)){\n            grid.innerHTML = cardsCache.get(key);\n            bindCardActions();\n            return;\n          }\n\n          if(cardsPending.has(key)){\n            grid.innerHTML = '<div class=\"cmx-empty\">Se incarca...<\/div>';\n            try{\n              const html = await cardsPending.get(key);\n              grid.innerHTML = html;\n              bindCardActions();\n            } catch(e){\n              grid.innerHTML = '<div class=\"cmx-empty\">Eroare la incarcare.<\/div>';\n            }\n            return;\n          }\n\n          if(catAbort) catAbort.abort();\n          catAbort = new AbortController();\n\n          grid.innerHTML = '<div class=\"cmx-empty\">Se incarca...<\/div>';\n\n          try{\n            const html = await fetchIntoCache(cat, q, catAbort);\n            grid.innerHTML = html;\n            bindCardActions();\n          } catch(e){\n            if(e.name === 'AbortError') return;\n            grid.innerHTML = '<div class=\"cmx-empty\">Eroare la incarcare.<\/div>';\n          }\n        }\n\n        async function addToCartFromModal(){\n          const qty = Math.max(1, parseInt(qtyInput.value || '1', 10));\n          if(!currentProductId) return;\n\n          addBtn.disabled = true;\n          addBtn.textContent = 'Se adauga...';\n\n          try{\n            const res = await postForm('cmx_add_to_cart', { product_id: String(currentProductId), quantity: String(qty) }, null);\n            if(!res || !res.success) throw new Error();\n            if(res.data && typeof res.data.count !== 'undefined') updateElementorCartQty(res.data.count);\n            refreshMiniCartAsync();\n            showToast('Adaugat in cos.');\n            closeModal();\n          } catch(e){\n            showToast('Eroare la adaugare in cos.');\n            addBtn.disabled = false;\n            addBtn.textContent = 'Adauga in cos';\n          }\n        }\n\n        minusBtn.addEventListener('click', ()=>{ qtyInput.value = String(Math.max(1, (parseInt(qtyInput.value||'1',10)-1))); });\n        plusBtn.addEventListener('click', ()=>{ qtyInput.value = String(Math.max(1, (parseInt(qtyInput.value||'1',10)+1))); });\n        qtyInput.addEventListener('input', ()=>{ const n = parseInt(qtyInput.value||'1',10); if(!n || n<1) qtyInput.value='1'; });\n        addBtn.addEventListener('click', addToCartFromModal);\n\n        bindCardActions();\n\n        let st = null;\n        search.addEventListener('input', ()=>{\n          clearTimeout(st);\n          st = setTimeout(()=> showCategory(activeCat, (search.value||'').trim()), 200);\n        });\n\n      })();\n    <\/script>\n  <\/div>\n  <\/div>\n\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","protected":false},"excerpt":{"rendered":"<p>Pentru ma\u0219ina ta de f\u0103cut p\u00e2ine \u2013 gata de utilizat! P\u00e2ine proasp\u0103t\u0103, oric\u00e2nd, acas\u0103. Noile mixuri CONMIX pentru ma\u0219ina de f\u0103cut p\u00e2ine sunt create special pentru rezultate perfecte \u2013 simplu, rapid \u0219i cu gust autentic.Tot ce trebuie s\u0103 faci este s\u0103 adaugi ap\u0103 \u0219i s\u0103 ape\u0219i \u201eStart\u201d. De ce sa alegi mixurile noastre? Pasi simpli [&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":"disabled","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-9239","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/shop.conmix.ro\/en\/wp-json\/wp\/v2\/pages\/9239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shop.conmix.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shop.conmix.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shop.conmix.ro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shop.conmix.ro\/en\/wp-json\/wp\/v2\/comments?post=9239"}],"version-history":[{"count":188,"href":"https:\/\/shop.conmix.ro\/en\/wp-json\/wp\/v2\/pages\/9239\/revisions"}],"predecessor-version":[{"id":9583,"href":"https:\/\/shop.conmix.ro\/en\/wp-json\/wp\/v2\/pages\/9239\/revisions\/9583"}],"wp:attachment":[{"href":"https:\/\/shop.conmix.ro\/en\/wp-json\/wp\/v2\/media?parent=9239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}