{"product_id":"robinet-4-en-1","title":"Robinet Penguin","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900\u0026amp;family=Tajawal:wght@400;500;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nimg { max-width: 100%; height: auto; display: block; }\nhtml { scroll-behavior: smooth; overflow-x: hidden; }\nbody {\n  font-family: 'Cairo', 'Tajawal', Arial, sans-serif;\n  background: #ffffff;\n  color: #0d1f1f;\n  direction: rtl;\n  overflow-x: hidden;\n  scrollbar-gutter: stable;\n}\n:root {\n  --teal:       #0f3d3e;\n  --teal-mid:   #1a5456;\n  --teal-light: #2a7a7c;\n  --teal-xl:    #e6f4f4;\n  --teal-xxl:   #f0f9f9;\n  --gold:       #C9A84C;\n  --gold-lt:    #F0D98C;\n  --gold-dk:    #a07a20;\n  --white:      #ffffff;\n  --beige:      #F5ECD7;\n  --beige-mid:  #EDD9A3;\n  --gray:       #5a6e6e;\n  --red:        #dc2626;\n  --r:          14px;\n  --rs:         10px;\n  --shadow:     0 2px 16px rgba(15,61,62,.10);\n  --shadow-lg:  0 8px 32px rgba(15,61,62,.14);\n  --font:       'Cairo','Tajawal',Arial,sans-serif;\n}\n\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n  from { opacity: 0; transform: scale(0.92); }\n  to   { opacity: 1; transform: scale(1); }\n}\n@keyframes bounceIn {\n  0%   { opacity: 0; transform: translateY(30px); }\n  60%  { transform: translateY(-6px); opacity: 1; }\n  80%  { transform: translateY(3px); }\n  100% { transform: translateY(0); opacity: 1; }\n}\n@keyframes shimmer {\n  0%   { transform: translateX(-195%) skewX(-20deg); }\n  60%, 100% { transform: translateX(200%) skewX(-20deg); }\n}\n@keyframes pulse-border {\n  0%, 100% { box-shadow: 0 0 0 0 rgba(15,61,62,.25); }\n  50%       { box-shadow: 0 0 0 8px rgba(15,61,62,.0); }\n}\n@keyframes pulse-gold {\n  0%, 100% { box-shadow: 0 0 0 0 rgba(201,168,76,.3); }\n  50%       { box-shadow: 0 0 0 8px rgba(201,168,76,.0); }\n}\n@keyframes gentle-bounce {\n  0%, 100% { transform: translateY(0); }\n  50%       { transform: translateY(-5px); }\n}\n@keyframes star-twinkle {\n  0%, 100% { opacity: 1; }\n  50%       { opacity: 0.5; }\n}\n@keyframes ticker-scroll {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n@keyframes heartbeat {\n  0%, 100% { transform: scale(1); }\n  15%       { transform: scale(1.08); }\n  30%       { transform: scale(1); }\n  45%       { transform: scale(1.05); }\n  60%       { transform: scale(1); }\n}\n@keyframes live-dot {\n  0%, 100% { opacity: 1; }\n  50%       { opacity: 0.3; }\n}\n@keyframes price-glow {\n  0%, 100% { text-shadow: none; }\n  50%       { text-shadow: 0 0 20px rgba(240,217,140,.6); }\n}\n@keyframes spin-slow {\n  to { transform: rotate(360deg); }\n}\n@keyframes img-float {\n  0%, 100% { transform: translateY(0) scale(1); }\n  50%       { transform: translateY(-8px) scale(1.01); }\n}\n@keyframes img-glow-pulse {\n  0%, 100% { box-shadow: 0 8px 32px rgba(15,61,62,.18), 0 0 0 0 rgba(15,61,62,.10); }\n  50%       { box-shadow: 0 16px 48px rgba(15,61,62,.28), 0 0 0 8px rgba(15,61,62,.04); }\n}\n@keyframes img-shine {\n  0%   { left: -80%; opacity: 0; }\n  30%  { opacity: 1; }\n  60%, 100% { left: 120%; opacity: 0; }\n}\n\n\/* ===================== TICKER ===================== *\/\n.ticker {\n  background: var(--teal);\n  padding: 11px 0;\n  position: sticky;\n  top: 0;\n  z-index: 999;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.ticker::before, .ticker::after {\n  content: '';\n  position: absolute;\n  top: 0; bottom: 0;\n  width: 60px;\n  z-index: 2;\n  pointer-events: none;\n}\n.ticker::before { left: 0;  background: linear-gradient(to right, var(--teal), transparent); }\n.ticker::after  { right: 0; background: linear-gradient(to left,  var(--teal), transparent); }\n.ticker-track {\n  display: inline-flex;\n  will-change: transform;\n  animation: ticker-scroll 28s linear infinite;\n}\n.ticker-track span {\n  color: #fff;\n  font-size: 13px;\n  font-weight: 700;\n  padding: 0 32px;\n  white-space: nowrap;\n}\n.ticker-track span em { color: var(--gold-lt); font-style: normal; }\n\n.container { max-width: 700px; margin: 0 auto; padding: 0 20px; }\n\n\/* ===================== HERO ===================== *\/\n.hero {\n  background: linear-gradient(195deg, #f0fafa 0%, #fff 55%, #fff9ee 100%);\n  padding: 48px 20px 44px;\n  position: relative;\n  overflow: hidden;\n}\n.hero-deco {\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n  will-change: transform;\n}\n.hero-deco-1 {\n  width: 500px; height: 500px;\n  top: -200px; right: -195px;\n  border: 1px solid rgba(15,61,62,.06);\n  animation: spin-slow 40s linear infinite;\n}\n.hero-deco-2 {\n  width: 300px; height: 300px;\n  bottom: -100px; left: -80px;\n  border: 1px solid rgba(201,168,76,.06);\n  animation: spin-slow 28s linear infinite reverse;\n}\n.hero-inner {\n  max-width: 700px;\n  margin: 0 auto;\n  text-align: center;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.hero-badge {\n  display: inline-block;\n  background: var(--teal);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 700;\n  padding: 7px 20px;\n  border-radius: 30px;\n  margin-bottom: 18px;\n  letter-spacing: .5px;\n  animation: bounceIn .8s cubic-bezier(.34,1.56,.64,1) .2s both;\n}\n.hero h1 {\n  font-size: clamp(28px, 7vw, 44px);\n  font-weight: 900;\n  color: var(--teal);\n  line-height: 1.25;\n  margin-bottom: 14px;\n  animation: bounceIn .9s cubic-bezier(.34,1.56,.64,1) .35s both;\n  text-align: center;\n}\n.hero h1 span {\n  color: var(--gold-dk);\n  display: inline-block;\n  animation: gentle-bounce 3s ease-in-out 1.5s infinite;\n  will-change: transform;\n}\n.hero-sub {\n  font-size: clamp(14px, 4vw, 18px);\n  color: var(--gray);\n  font-weight: 600;\n  line-height: 1.75;\n  margin-bottom: 24px;\n  animation: fadeUp .8s ease .55s both;\n  text-align: center;\n}\n.hero-sub strong { color: var(--teal); }\n\n\/* ===== IMAGE ZONES — style unifié avec coins arrondis + animation ===== *\/\n.img-zone {\n  position: relative;\n  width: 100%;\n  max-width: 420px;\n  margin: 0 auto 24px;\n  isolation: isolate;\n  animation: scaleIn .9s cubic-bezier(.34,1.56,.64,1) .45s both;\n  will-change: transform, opacity;\n}\n.img-zone-inner {\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow: var(--shadow-lg);\n  line-height: 0;\n  width: 100%;\n  animation: img-glow-pulse 4s ease-in-out infinite;\n  will-change: box-shadow;\n  position: relative;\n}\n.img-zone-inner::after {\n  content: '';\n  position: absolute;\n  top: 0; left: -80%;\n  width: 50%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);\n  animation: img-shine 5s ease-in-out 1.5s infinite;\n  pointer-events: none;\n  border-radius: 24px;\n}\n.img-zone img {\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 24px;\n  object-fit: cover;\n  object-position: center;\n  animation: img-float 5s ease-in-out infinite;\n  will-change: transform;\n}\n.discount-badge {\n  position: absolute;\n  top: 14px;\n  left: 14px;\n  background: var(--red);\n  color: #fff;\n  font-size: 17px;\n  font-weight: 900;\n  width: 68px;\n  height: 68px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  line-height: 1.2;\n  box-shadow: 0 4px 16px rgba(220,38,38,.4);\n  animation: gentle-bounce 2.2s ease-in-out infinite;\n  will-change: transform;\n  z-index: 2;\n}\n.img-stars {\n  position: absolute;\n  bottom: 14px;\n  right: 14px;\n  background: rgba(255,255,255,.95);\n  border-radius: 30px;\n  padding: 6px 14px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--teal);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  box-shadow: 0 2px 10px rgba(0,0,0,.12);\n  z-index: 2;\n}\n.st { color: #e6b422; font-size: 14px; }\n.live-dot {\n  display: inline-block;\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--red);\n  box-shadow: 0 0 6px rgba(220,38,38,.5);\n  animation: live-dot 1.2s ease-in-out infinite;\n  will-change: opacity;\n}\n\n\/* ===== SECTION IMAGES — style carte arrondie + animation ===== *\/\n.section-img-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 480px;\n  margin: 28px auto 0;\n  border-radius: 22px;\n  overflow: hidden;\n  box-shadow: 0 6px 28px rgba(15,61,62,.13);\n  animation: img-glow-pulse 4.5s ease-in-out infinite;\n  will-change: box-shadow;\n  line-height: 0;\n}\n.section-img-wrap::after {\n  content: '';\n  position: absolute;\n  top: 0; left: -80%;\n  width: 50%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);\n  animation: img-shine 6s ease-in-out 2s infinite;\n  pointer-events: none;\n}\n.section-img-wrap img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 22px;\n  object-fit: cover;\n  animation: img-float 5.5s ease-in-out infinite;\n  will-change: transform;\n}\n\n\/* ===== INLINE IMAGES dans sec-header \/ sec-tag \/ urgency ===== *\/\n.inline-img-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 380px;\n  margin: 18px auto 10px;\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: 0 4px 20px rgba(15,61,62,.12);\n  animation: img-glow-pulse 4s ease-in-out infinite;\n  will-change: box-shadow;\n  line-height: 0;\n}\n.inline-img-wrap::after {\n  content: '';\n  position: absolute;\n  top: 0; left: -80%;\n  width: 50%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);\n  animation: img-shine 5.5s ease-in-out 1s infinite;\n  pointer-events: none;\n}\n.inline-img-wrap img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 18px;\n  object-fit: cover;\n  animation: img-float 5s ease-in-out 0.5s infinite;\n  will-change: transform;\n}\n\n\/* ===== GUARANTEE IMAGE ===== *\/\n.guarantee-img-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 340px;\n  margin: 20px auto 0;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 4px 18px rgba(201,168,76,.18);\n  animation: img-glow-pulse 4s ease-in-out infinite;\n  will-change: box-shadow;\n  line-height: 0;\n}\n.guarantee-img-wrap::after {\n  content: '';\n  position: absolute;\n  top: 0; left: -80%;\n  width: 50%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);\n  animation: img-shine 5s ease-in-out 1.2s infinite;\n  pointer-events: none;\n}\n.guarantee-img-wrap img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 16px;\n  object-fit: cover;\n  animation: img-float 5s ease-in-out 1s infinite;\n  will-change: transform;\n}\n\n\/* ===== URGENCY IMAGE ===== *\/\n.urgency-img-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 320px;\n  margin: 14px auto 0;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 4px 16px rgba(146,64,14,.15);\n  animation: img-glow-pulse 4s ease-in-out infinite;\n  will-change: box-shadow;\n  line-height: 0;\n}\n.urgency-img-wrap::after {\n  content: '';\n  position: absolute;\n  top: 0; left: -80%;\n  width: 50%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);\n  animation: img-shine 5s ease-in-out 0.8s infinite;\n  pointer-events: none;\n}\n.urgency-img-wrap img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 16px;\n  object-fit: cover;\n  animation: img-float 5s ease-in-out 0.3s infinite;\n  will-change: transform;\n}\n\n\/* ===================== TRUST ROW ===================== *\/\n.trust-row {\n  display: flex;\n  justify-content: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 22px;\n  animation: fadeUp .7s ease .85s both;\n}\n.trust-item {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--teal);\n  background: var(--teal-xxl);\n  border: 1.5px solid rgba(15,61,62,.12);\n  padding: 6px 13px;\n  border-radius: 30px;\n  transition: background .25s, color .25s, transform .25s;\n}\n.trust-item:hover { background: var(--teal); color: #fff; transform: translateY(-2px); }\n\n\/* ===================== SECTIONS ===================== *\/\n.section        { padding: 52px 20px; }\n.section-alt    { background: var(--teal-xxl); }\n.section-dark   { background: var(--teal); color: #fff; }\n.section-beige  { background: linear-gradient(135deg,#fdf8f0,#f5ead5); }\n.sec-header { text-align: center; margin-bottom: 34px; }\n.sec-tag {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  padding: 6px 16px;\n  border-radius: 30px;\n  margin-bottom: 10px;\n}\n.sec-tag-teal  { background: var(--teal-xxl); color: var(--teal); border: 1.5px solid rgba(15,61,62,.14); }\n.sec-tag-white { background: rgba(255,255,255,.15); color: var(--gold-lt); }\n.sec-title { font-size: clamp(21px,5.5vw,32px); font-weight: 900; line-height: 1.35; color: var(--teal); }\n.sec-title.white { color: #fff; }\n.sec-subtitle { font-size: 15px; color: var(--gray); margin-top: 7px; font-weight: 600; }\n.sec-subtitle.white { color: #cce3e3; }\n\n\/* ===================== REVEAL ===================== *\/\n.js-ready .reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .65s ease, transform .65s cubic-bezier(.34,1.2,.64,1);\n  will-change: opacity, transform;\n}\n.js-ready .reveal.visible { opacity: 1; transform: translateY(0); }\n.js-ready .reveal-s {\n  opacity: 0;\n  transform: scale(.9);\n  transition: opacity .6s ease, transform .6s cubic-bezier(.34,1.4,.64,1);\n  will-change: opacity, transform;\n}\n.js-ready .reveal-s.visible { opacity: 1; transform: scale(1); }\n.d1 { transition-delay: .07s; }\n.d2 { transition-delay: .14s; }\n.d3 { transition-delay: .21s; }\n.d4 { transition-delay: .28s; }\n.d5 { transition-delay: .35s; }\n.d6 { transition-delay: .42s; }\n\n\/* ===================== PAIN ===================== *\/\n.pain-section {\n  background: linear-gradient(135deg, var(--teal) 0%, #0a2829 100%);\n  padding: 52px 20px;\n  color: #fff;\n  text-align: center;\n  position: relative;\n}\n.pain-section::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at 30% 50%,rgba(201,168,76,.05),transparent 60%);\n  pointer-events: none;\n}\n.pain-items {\n  display: grid;\n  gap: 10px;\n  max-width: 520px;\n  margin: 0 auto 24px;\n  text-align: right;\n  position: relative;\n  z-index: 1;\n}\n.pain-item {\n  background: rgba(255,255,255,.08);\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 13px;\n  padding: 14px 16px;\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  font-size: 14px;\n  font-weight: 600;\n  transition: background .25s, transform .25s;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  direction: rtl;\n  text-align: right;\n}\n.pain-item:hover { background: rgba(255,255,255,.14); transform: translateX(-4px); }\n.pain-emoji { font-size: 22px; flex-shrink: 0; }\n.solution-intro {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--gold-lt);\n  margin-top: 10px;\n  position: relative;\n  z-index: 1;\n}\n.solution-intro.anim {\n  animation: heartbeat 2.5s ease-in-out infinite;\n  will-change: transform;\n  display: inline-block;\n}\n\n\/* ===================== FEATURES ===================== *\/\n.features-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 13px;\n  max-width: 580px;\n  margin: 0 auto;\n}\n@media (min-width: 540px) { .features-grid { grid-template-columns: 1fr 1fr; } }\n.feature-card {\n  background: var(--white);\n  border: 1.5px solid rgba(15,61,62,.1);\n  border-radius: 18px;\n  padding: 20px 16px;\n  display: flex;\n  gap: 14px;\n  align-items: flex-start;\n  text-align: right;\n  direction: rtl;\n  transition: border-color .3s, box-shadow .3s, transform .3s;\n  position: relative;\n  overflow: hidden;\n}\n.feature-card::after {\n  content: '';\n  position: absolute;\n  right: 0; top: 0; bottom: 0;\n  width: 4px;\n  background: linear-gradient(to bottom, var(--teal), var(--teal-mid));\n  border-radius: 0 18px 18px 0;\n  transform: scaleY(0);\n  transition: transform .3s ease;\n}\n.feature-card:hover { border-color: var(--teal); box-shadow: var(--shadow); transform: translateY(-3px); }\n.feature-card:hover::after { transform: scaleY(1); }\n.feat-icon-wrap {\n  width: 50px; height: 50px;\n  border-radius: 13px;\n  background: var(--teal-xxl);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: 24px;\n  transition: background .25s;\n}\n.feature-card:hover .feat-icon-wrap { background: var(--teal-xl); }\n.feat-body h3 { font-size: 15px; font-weight: 800; color: var(--teal); margin-bottom: 4px; }\n.feat-body p  { font-size: 13px; color: var(--gray); line-height: 1.6; }\n\n\/* ===================== STEPS ===================== *\/\n.steps-wrap {\n  max-width: 560px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.steps-wrap::before {\n  content: '';\n  position: absolute;\n  right: 22px;\n  top: 44px;\n  bottom: 44px;\n  width: 3px;\n  background: linear-gradient(to bottom, var(--teal), var(--teal-mid));\n  border-radius: 3px;\n}\n.step-card {\n  background: var(--white);\n  border: 1.5px solid rgba(15,61,62,.1);\n  border-radius: 17px;\n  padding: 18px 16px;\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n  text-align: right;\n  direction: rtl;\n  margin-bottom: 12px;\n  position: relative;\n  z-index: 1;\n  transition: border-color .25s, box-shadow .25s, transform .25s;\n}\n.step-card:hover { border-color: var(--teal); box-shadow: var(--shadow); transform: translateX(-3px); }\n.step-num {\n  width: 44px; height: 44px;\n  background: var(--teal);\n  color: #fff;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 900;\n  flex-shrink: 0;\n  box-shadow: 0 4px 12px rgba(15,61,62,.25);\n  transition: transform .3s cubic-bezier(.34,1.5,.64,1);\n}\n.step-card:hover .step-num { transform: scale(1.1) rotate(4deg); }\n.step-body h3 { font-size: 15px; font-weight: 800; color: var(--teal); margin-bottom: 3px; }\n.step-body p  { font-size: 13px; color: var(--gray); line-height: 1.55; }\n\n\/* ===================== CONTENTS ===================== *\/\n.contents-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  max-width: 560px;\n  margin: 0 auto;\n}\n@media (max-width: 440px) { .contents-grid { grid-template-columns: repeat(2, 1fr); } }\n.content-chip {\n  background: var(--teal);\n  color: #fff;\n  border-radius: 13px;\n  padding: 15px 8px;\n  text-align: center;\n  font-size: 13px;\n  font-weight: 700;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  transition: background .25s, transform .25s;\n  will-change: transform;\n}\n.content-chip:hover { background: var(--teal-mid); transform: translateY(-4px) scale(1.03); }\n.chip-icon { font-size: 24px; }\n\n\/* ===================== TESTIMONIALS ===================== *\/\n.testi-grid { display: grid; gap: 14px; max-width: 560px; margin: 0 auto; }\n.testi-card {\n  background: rgba(255,255,255,.08);\n  border: 1px solid rgba(255,255,255,.14);\n  border-radius: 18px;\n  padding: 20px 16px;\n  text-align: right;\n  direction: rtl;\n  transition: background .3s, transform .3s;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n.testi-card:hover { background: rgba(255,255,255,.12); transform: translateY(-3px); }\n.testi-stars { margin-bottom: 10px; direction: ltr; text-align: right; }\n.testi-stars span {\n  color: var(--gold-lt);\n  font-size: 18px;\n  display: inline-block;\n  animation: star-twinkle 2s ease-in-out infinite;\n  will-change: opacity;\n}\n.testi-stars span:nth-child(1) { animation-delay: 0s; }\n.testi-stars span:nth-child(2) { animation-delay: .18s; }\n.testi-stars span:nth-child(3) { animation-delay: .36s; }\n.testi-stars span:nth-child(4) { animation-delay: .54s; }\n.testi-stars span:nth-child(5) { animation-delay: .72s; }\n.testi-text { font-size: 14px; line-height: 1.8; margin-bottom: 14px; color: #e0f0f0; font-style: italic; text-align: right; }\n.testi-author { display: flex; align-items: center; gap: 10px; justify-content: flex-start; direction: rtl; }\n.author-avatar {\n  width: 38px; height: 38px;\n  background: rgba(201,168,76,.3);\n  border: 2px solid rgba(201,168,76,.4);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  flex-shrink: 0;\n}\n.author-info strong { font-size: 14px; font-weight: 800; color: #fff; display: block; }\n.author-info span   { font-size: 12px; color: #9bbfbf; }\n.testi-badge {\n  display: inline-block;\n  background: rgba(201,168,76,.2);\n  color: var(--gold-lt);\n  padding: 2px 12px;\n  border-radius: 20px;\n  font-size: 11px;\n  font-weight: 700;\n  margin-top: 8px;\n}\n\n\/* ===================== FOR WHOM ===================== *\/\n.forwhom-grid { display: grid; gap: 10px; max-width: 560px; margin: 0 auto; }\n.forwhom-card {\n  background: var(--white);\n  border-radius: 15px;\n  padding: 15px 16px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  text-align: right;\n  direction: rtl;\n  border-right: 4px solid var(--teal);\n  box-shadow: 0 2px 8px rgba(0,0,0,.04);\n  transition: transform .25s, box-shadow .25s;\n}\n.forwhom-card:hover { transform: translateX(-3px); box-shadow: var(--shadow); }\n.fw-icon { font-size: 28px; flex-shrink: 0; }\n.forwhom-card h3 { font-size: 15px; font-weight: 800; color: var(--teal); margin-bottom: 2px; }\n.forwhom-card p  { font-size: 13px; color: var(--gray); }\n\n\/* ===================== GUARANTEE ===================== *\/\n.guarantee-box {\n  background: var(--white);\n  border: 2px solid var(--gold);\n  border-radius: 22px;\n  padding: 30px 20px;\n  max-width: 480px;\n  margin: 0 auto;\n  text-align: center;\n  box-shadow: 0 4px 24px rgba(201,168,76,.14), var(--shadow);\n}\n.g-icon-big {\n  font-size: 52px;\n  display: block;\n  margin-bottom: 12px;\n  animation: gentle-bounce 2.5s ease-in-out infinite;\n  will-change: transform;\n}\n.guarantee-box h2 { font-size: 20px; font-weight: 900; color: var(--teal); margin-bottom: 10px; }\n.guarantee-box \u003e p { font-size: 14px; color: var(--gray); line-height: 1.7; }\n.guarantee-items { display: grid; gap: 9px; margin-top: 20px; text-align: right; direction: rtl; }\n.guarantee-item { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: var(--teal); direction: rtl; }\n.g-check {\n  width: 24px; height: 24px;\n  background: var(--teal);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-size: 11px;\n  flex-shrink: 0;\n  font-weight: 900;\n}\n\n\/* ===================== FAQ ===================== *\/\n.faq-wrap { max-width: 560px; margin: 0 auto; }\n.faq-item {\n  background: var(--white);\n  border: 1.5px solid rgba(15,61,62,.1);\n  border-radius: 15px;\n  margin-bottom: 9px;\n  overflow: hidden;\n  transition: box-shadow .25s;\n}\n.faq-item[open] { box-shadow: var(--shadow); border-color: rgba(15,61,62,.2); }\n.faq-item summary {\n  padding: 16px 18px;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--teal);\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-align: right;\n  direction: rtl;\n  transition: background .2s;\n  gap: 8px;\n}\n.faq-item summary::-webkit-details-marker { display: none; }\n.faq-item summary:hover { background: var(--teal-xxl); }\n.faq-item summary::after {\n  content: '▼';\n  font-size: 10px;\n  color: var(--gray);\n  flex-shrink: 0;\n  transition: transform .35s cubic-bezier(.34,1.5,.64,1);\n  margin-right: 8px;\n}\n.faq-item[open] summary::after { transform: rotate(180deg); }\n.faq-item[open] summary { background: var(--teal-xxl); border-bottom: 1.5px solid rgba(15,61,62,.08); }\n.faq-item p {\n  padding: 14px 18px;\n  font-size: 14px;\n  color: var(--gray);\n  line-height: 1.75;\n  animation: fadeUp .3s ease both;\n  text-align: right;\n  direction: rtl;\n}\n\n\/* ===================== URGENCY ===================== *\/\n.urgency-box {\n  background: linear-gradient(135deg,#fff9ed,#fff3d0);\n  border: 1.5px solid var(--beige-mid);\n  border-radius: 15px;\n  padding: 15px 18px;\n  text-align: center;\n  margin: 18px 0;\n  position: relative;\n  overflow: hidden;\n}\n.urgency-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0;\n  width: 45%; height: 100%;\n  background: linear-gradient(90deg,transparent,rgba(201,168,76,.12),transparent);\n  will-change: transform;\n  animation: shimmer 2.8s ease-in-out infinite;\n}\n.urgency-txt {\n  font-size: 15px;\n  font-weight: 800;\n  color: #92400e;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  position: relative;\n  z-index: 1;\n  animation: heartbeat 2.2s ease-in-out infinite;\n  will-change: transform;\n}\n\n\/* ===================== TRUST BADGES ===================== *\/\n.trust-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 9px;\n  margin: 18px 0;\n}\n.trust-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 7px 16px;\n  background: var(--teal-xxl);\n  border: 1.5px solid rgba(15,61,62,.12);\n  border-radius: 40px;\n  font-size: 13px;\n  color: var(--teal);\n  font-weight: 700;\n  transition: background .25s, color .25s, transform .25s;\n}\n.trust-badge:hover { background: var(--teal); color: #fff; transform: translateY(-3px); }\n\n\/* ===================== FINAL CTA ===================== *\/\n.final-cta {\n  background: linear-gradient(135deg, var(--teal) 0%, #061e1f 100%);\n  padding: 52px 20px;\n  text-align: center;\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n}\n.final-cta::before {\n  content: '';\n  position: absolute;\n  top: -50%; left: -50%;\n  width: 200%; height: 200%;\n  background:\n    radial-gradient(circle at 30% 70%, rgba(201,168,76,.05), transparent 50%),\n    radial-gradient(circle at 70% 30%, rgba(100,220,220,.03), transparent 50%);\n  pointer-events: none;\n}\n.final-cta h2 {\n  font-size: clamp(22px,6.5vw,36px);\n  font-weight: 900;\n  margin-bottom: 10px;\n  line-height: 1.35;\n  position: relative; z-index: 1;\n}\n.final-cta h2 span { color: var(--gold-lt); }\n.final-cta \u003e p { font-size: 15px; color: #cce3e3; margin-bottom: 22px; line-height: 1.65; position: relative; z-index: 1; }\n.final-price {\n  display: flex;\n  align-items: baseline;\n  justify-content: center;\n  gap: 16px;\n  margin-bottom: 26px;\n  position: relative; z-index: 1;\n}\n.fp-main {\n  font-size: clamp(36px,8vw,52px);\n  font-weight: 900;\n  color: var(--gold-lt);\n  animation: price-glow 3s ease-in-out 1s infinite;\n  will-change: text-shadow;\n}\n.fp-old { font-size: 20px; text-decoration: line-through; color: rgba(255,255,255,.4); }\n.final-cta .btn-cta {\n  max-width: 420px;\n  margin: 0 auto 13px;\n  background: linear-gradient(135deg, var(--gold) 0%, #e8a020 50%, var(--gold-dk) 100%);\n  color: var(--teal);\n  animation: pulse-gold 2.5s ease-in-out infinite;\n  position: relative; z-index: 1;\n}\n.final-trust {\n  display: flex;\n  justify-content: center;\n  gap: 18px;\n  flex-wrap: wrap;\n  margin-top: 20px;\n  font-size: 13px;\n  color: rgba(255,255,255,.75);\n  position: relative; z-index: 1;\n}\n.final-trust-item { display: flex; align-items: center; gap: 5px; }\n\n\/* ===================== SHIP BAR ===================== *\/\n.ship-bar { background: #061e1f; padding: 13px; text-align: center; }\n.ship-bar p { color: var(--gold-lt); font-size: 13px; font-weight: 700; }\n\n\/* ===================== STICKY ===================== *\/\n.sticky-footer {\n  position: fixed;\n  bottom: 0; left: 0; right: 0;\n  background: var(--white);\n  padding: 11px 16px;\n  box-shadow: 0 -4px 20px rgba(0,0,0,.12);\n  z-index: 998;\n  display: none;\n  transform: translateZ(0);\n}\n.sf-inner {\n  max-width: 480px;\n  margin: 0 auto;\n  display: flex;\n  gap: 10px;\n  align-items: center;\n}\n.sf-price { font-size: 17px; font-weight: 900; color: var(--teal); white-space: nowrap; flex-shrink: 0; }\n.sf-price small { font-size: 12px; text-decoration: line-through; color: var(--gray); font-weight: 400; }\n.sticky-footer .btn-cta { margin: 0; padding: 13px 18px; font-size: 15px; flex: 1; border-radius: 11px; }\n\n\/* ===================== BUTTONS ===================== *\/\n.btn-cta {\n  display: block;\n  width: 100%;\n  background: linear-gradient(135deg, var(--teal) 0%, var(--teal-mid) 50%, #0a2829 100%);\n  color: #fff;\n  font-family: var(--font);\n  font-size: clamp(16px, 4.5vw, 20px);\n  font-weight: 900;\n  padding: 18px 22px;\n  border: none;\n  border-radius: var(--r);\n  cursor: pointer;\n  text-align: center;\n  text-decoration: none;\n  position: relative;\n  overflow: hidden;\n  animation: pulse-border 2.5s ease-in-out infinite;\n  will-change: box-shadow;\n  transition: transform .2s ease;\n}\n.btn-cta::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0;\n  width: 45%; height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);\n  will-change: transform;\n  animation: shimmer 3.5s ease-in-out infinite;\n}\n.btn-cta:hover { transform: translateY(-3px); }\n.btn-wa {\n  display: block;\n  width: 100%;\n  background: linear-gradient(135deg, #25D366, #128C7E);\n  color: #fff;\n  font-family: var(--font);\n  font-size: 15px;\n  font-weight: 800;\n  padding: 14px 22px;\n  border: none;\n  border-radius: var(--r);\n  cursor: pointer;\n  text-align: center;\n  text-decoration: none;\n  transition: transform .2s ease;\n}\n.btn-wa:hover { transform: translateY(-2px); }\n.btn-wrap { display: block; margin-bottom: 12px; }\n\n@media (max-width: 768px) {\n  .sticky-footer { display: block; }\n  body { padding-bottom: 75px; }\n}\n\u003c\/style\u003e\n\u003c!-- TICKER --\u003e\n\u003cdiv aria-label=\"عروض خاصة\" role=\"marquee\" class=\"ticker\"\u003e\n\u003cdiv class=\"ticker-track\"\u003e\n\u003cspan\u003e⚡ عرض خاص: \u003cem\u003eخصم 22%\u003c\/em\u003e + توصيل مجاني لباب الدار\u003c\/span\u003e \u003cspan\u003e🚿 \u003cem\u003e+500 زبون راضي\u003c\/em\u003e في تونس\u003c\/span\u003e \u003cspan\u003e📦 الدفع عند الاستلام متاح\u003c\/span\u003e \u003cspan\u003e🏆 الأكثر مبيعاً في الحمامات العصرية\u003c\/span\u003e \u003cspan\u003e🚚 توصيل من 24 إلى 48 ساعة\u003c\/span\u003e \u003cspan\u003e💡 صنبور LED ذكي — تصميم بنغوين فريد من نوعه\u003c\/span\u003e \u003cspan\u003e⚡ عرض خاص: \u003cem\u003eخصم 22%\u003c\/em\u003e + توصيل مجاني لباب الدار\u003c\/span\u003e \u003cspan\u003e🚿 \u003cem\u003e+500 زبون راضي\u003c\/em\u003e في تونس\u003c\/span\u003e \u003cspan\u003e📦 الدفع عند الاستلام متاح\u003c\/span\u003e \u003cspan\u003e🏆 الأكثر مبيعاً في الحمامات العصرية\u003c\/span\u003e \u003cspan\u003e🚚 توصيل من 24 إلى 48 ساعة\u003c\/span\u003e \u003cspan\u003e💡 صنبور LED ذكي — تصميم بنغوين فريد من نوعه\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-deco hero-deco-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-deco hero-deco-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"text-align: center;\" class=\"hero-badge\"\u003e🏆 الأكثر مبيعاً في الحمامات العصرية\u003c\/div\u003e\n\u003ch1\u003e\n\u003cspan style=\"color: rgb(17,64,65);\"\u003eRobinet 4 EN 1  \u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eبإضاءة LED ذكية 💡\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003e\u003cspan style=\"color: rgb(0,0,0);\"\u003eتصميم بنغوين فريد 🐧 + رأس سحب متحرك  + إضاءة LED فاخرة 💡\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"trust-row\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"img-zone\"\u003e\n\u003cdiv class=\"discount-badge\"\u003e-22%\u003c\/div\u003e\n\u003cdiv class=\"img-zone-inner\"\u003e\u003cimg alt=\"صنبور Penguin Pull-Out LED\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0946\/3188\/7134\/files\/Gemini_Generated_Image_ofgwm7ofgwm7ofgw.png?v=1776952278\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"img-stars\"\u003e\n\u003cspan class=\"st\"\u003e★★★★★\u003c\/span\u003e 4.9\/5 \u003cspan class=\"live-dot\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PAIN --\u003e\n\u003csection class=\"pain-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"sec-tag sec-tag-white reveal\"\u003eالمشكلة الحقيقية\u003c\/div\u003e\n\u003ch2 style=\"margin: 12px 0 22px; text-align: center;\" class=\"sec-title white reveal\"\u003eكل يوم تدخل الحمام...\u003cbr\u003e\u003cspan style=\"color: var(--gold-lt);\"\u003eالحنفية العادية وما فيهاش أي لمسة فاخرة\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"pain-items\"\u003e\n\u003cdiv class=\"pain-item reveal d1\"\u003e\n\u003cspan class=\"pain-emoji\"\u003e😤\u003c\/span\u003e\u003cspan\u003eالحنفية العادية ما توصلش لكل ركن في  الحوض عند الغسيل\u003c\/span\u003e\u003cspan class=\"pain-emoji\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pain-item reveal d3\"\u003e\n\u003cspan class=\"pain-emoji\"\u003e😩\u003c\/span\u003e\u003cspan\u003eتصميم الحمام ممل وعادي — ما فيهوش روح ولا ستايل\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pain-item reveal d4\"\u003e\n\u003cspan class=\"pain-emoji\"\u003e💸\u003c\/span\u003e\u003cspan\u003eالحنفيات الفاخرة بالإضاءة غالية جداً في السوق\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"solution-intro reveal\"\u003e\u003cspan class=\"anim\"\u003e✨الحنفية  Penguin Pull-Out LED — الحل اللي كنت تفركس عليه\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"sec-header\"\u003e\n\u003ch2 class=\"sec-title reveal\"\u003eكل ما تحتاجه في صنبور واحد\u003cbr\u003eأنيق وذكي 🐧💡\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card reveal d1\"\u003e\n\u003cdiv class=\"feat-icon-wrap\"\u003e🐧\u003c\/div\u003e\n\u003cdiv class=\"feat-body\"\u003e\n\u003ch3\u003eتصميم بنغوين فريد\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eشكل مميز ومبتكر يخلي حمامك يبان زي الفنادق الفاخرة\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card reveal d2\"\u003e\n\u003cdiv class=\"feat-icon-wrap\"\u003e🚿\u003c\/div\u003e\n\u003cdiv class=\"feat-body\"\u003e\n\u003ch3\u003eرأس سحب متحرك\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eيتمد بسهولة — يوصل لكل ركن في الحوض بدون مجهود\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card reveal d3\"\u003e\n\u003cdiv class=\"feat-icon-wrap\"\u003e💡\u003c\/div\u003e\n\u003cdiv class=\"feat-body\"\u003e\n\u003ch3\u003eإضاءة LED ذكية\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eنور ناعم يضيف لمسة فاخرة لحمامك ليلاً ونهاراً\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card reveal d4\"\u003e\n\u003cdiv class=\"feat-icon-wrap\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"feat-body\"\u003e\n\u003ch3\u003eتشطيب مات فاخر\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eلون أبيض ناعم يليق مع كل ديكور حمام عصري\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card reveal d5\"\u003e\n\u003cdiv class=\"feat-icon-wrap\"\u003e🔧\u003c\/div\u003e\n\u003cdiv class=\"feat-body\"\u003e\n\u003ch3\u003eتركيب سهل\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eيتركب على كل المغاسل العادية — ما تحتاجش لحرفي متخصص\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card reveal d6\"\u003e\n\u003cdiv class=\"feat-icon-wrap\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"feat-body\"\u003e\n\u003ch3\u003eمواد عالية الجودة\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eمصنوع من مواد متينة تدوم طويلاً وما تصدش\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003csection class=\"section section-alt\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"sec-header\"\u003e\n\u003c!-- IMAGE avec design arrondi + animation --\u003e\n\u003cdiv class=\"inline-img-wrap reveal\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0946\/3188\/7134\/files\/Gemini_Generated_Image_j36u5kj36u5kj36u_1.png?v=1779709895\"\u003e\u003c\/div\u003e\n\u003ch2 class=\"sec-title reveal\"\u003eسهل جداً... تنجم تركبه وتستعمله من اليوم الأول 😊\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"steps-wrap\"\u003e\n\u003cdiv class=\"step-card reveal d1\"\u003e\n\u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-body\"\u003e\n\u003ch3\u003eاختار المكان\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eركّب الحنفية على مغسلتك بسهولة — يتوافق مع كل الأحجام القياسية\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card reveal d2\"\u003e\n\u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-body\"\u003e\n\u003ch3\u003eوصّل المياه\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eربط بسيط بدون تعقيد ولا مصاريف إضافية\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card reveal d3\"\u003e\n\u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-body\"\u003e\n\u003ch3\u003eشوف إضاءة LED\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eحين ما تفتح الماء — الإضاءة LED تضيء تلقائياً وتضيف لمسة راقية\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONTENTS \/ SPECS --\u003e\n\u003csection class=\"section section-beige\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"sec-header\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- IMAGE avec design arrondi + animation --\u003e\n\u003cdiv style=\"text-align: center;\" class=\"section-img-wrap reveal\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0946\/3188\/7134\/files\/Gemini_Generated_Image_pqn6wopqn6wopqn6_85431796-33d7-4714-acda-9250b6930d06.png?v=1776953773\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA 2 --\u003e\n\u003csection style=\"padding: 26px 20px;\" class=\"section\"\u003e\n\u003cdiv style=\"text-align: center;\" class=\"container\"\u003e\n\u003cp style=\"font-size: 19px; font-weight: 900; color: var(--teal); margin-bottom: 18px;\" class=\"reveal\"\u003e🎁190DT فقط — التوصيل مجاني\u003c\/p\u003e\n\u003cdiv class=\"btn-wrap reveal\"\u003e\u003ca class=\"btn-cta\" href=\"https:\/\/wa.me\/923285279226?text=%D9%86%D9%87%D9%8A%D8%AA%20%D9%86%D8%B7%D9%84%D8%A8%20%D8%B5%D9%86%D8%A8%D9%88%D8%B1%20Penguin%20Pull-Out%20LED\" target=\"_blank\"\u003e \u003cspan style=\"color: rgb(255,255,255);\"\u003e🛒 اطلب الآن \u003c\/span\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cp style=\"font-size: 13px; color: var(--gray);\" class=\"reveal\"\u003e\u003cstrong\u003e🔒 دفع عند الاستلام — بلا مخاطرة\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TESTIMONIALS --\u003e\n\u003csection class=\"section section-dark\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"sec-header\"\u003e\n\u003cdiv class=\"sec-tag sec-tag-white reveal\"\u003e⭐ آراء الزبائن\u003c\/div\u003e\n\u003ch2 class=\"sec-title white reveal\"\u003eآراء زبائن راضيين بصنبور Penguin LED\u003c\/h2\u003e\n\u003cp class=\"sec-subtitle white reveal\"\u003e\u003cspan style=\"color: rgb(255,255,255);\"\u003eتقييمات حقيقية من زبائن حقيقيين\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testi-grid\"\u003e\n\u003cdiv class=\"testi-card reveal d1\"\u003e\n\u003cdiv class=\"testi-stars\"\u003e\n\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"testi-text\"\u003e\u003cstrong\u003eوالله ما توقعتش يجي هاكة شيشمة مزينة  برشا و اللمبة LED تعطي جو رائع للدوش  الرأس اللي يتجبد  يسهل الغسيل برشا ننصح بيه vraiment magnifique \u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"testi-author\"\u003e\n\u003cdiv class=\"author-avatar\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"author-info\"\u003e\n\u003cstrong\u003eأنيس\u003c\/strong\u003e\u003cspan\u003eمن تونس العاصمة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"testi-badge\"\u003e✅ مشتري مؤكد\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testi-card reveal d2\"\u003e\n\u003cdiv class=\"testi-stars\"\u003e\n\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"testi-text\"\u003e\u003cstrong\u003eكنت خايف نطلب من الانترنات أما صراحة ما ندمتش شيشمة  جاءت  في نهارين، التركيب كان سهل وما خذش وقت. \u003cbr\u003eL'éclairage LED est vraiment classe, ça change tout dans la salle de bain \u003c\/strong\u003e🚿\u003c\/p\u003e\n\u003cdiv class=\"testi-author\"\u003e\n\u003cdiv class=\"author-info\"\u003e\n\u003cstrong\u003eمريم\u003c\/strong\u003e\u003cspan\u003eمن صفاقس\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"testi-badge\"\u003e✅ مشترية مؤكدة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testi-card reveal d3\"\u003e\n\u003cdiv class=\"testi-stars\"\u003e\n\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"testi-text\"\u003e\u003cstrong\u003eركّبته وحدي في 20 دقيقة Le robinet tire-out est pratique au quotidien et la lumière LED est magnifique la nuit. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"testi-author\"\u003e\n\u003cdiv class=\"author-avatar\"\u003e🐧\u003c\/div\u003e\n\u003cdiv class=\"author-info\"\u003e\n\u003cstrong\u003eخالد\u003c\/strong\u003e\u003cspan\u003eمن سوسة\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"testi-badge\"\u003e✅ مشتري مؤكد\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FOR WHOM --\u003e\n\u003csection class=\"section section-beige\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"sec-header\"\u003e\n\u003c!-- IMAGE avec design arrondi + animation --\u003e\n\u003cdiv class=\"inline-img-wrap reveal\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0946\/3188\/7134\/files\/Gemini_Generated_Image_yvwt0gyvwt0gyvwt.png?v=1779710052\"\u003e\u003cbr\u003e\u003cspan class=\"fw-icon\"\u003e\u003c\/span\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- URGENCY --\u003e\n\u003csection style=\"padding: 18px 20px;\" class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"urgency-box reveal\"\u003e\n\u003cp class=\"urgency-txt\"\u003e\u003cspan class=\"live-dot\"\u003e\u003c\/span\u003e ⚡ الكمية محدودة — باقي آخر الوحدات\u003c\/p\u003e\n\u003cp style=\"font-size: 14px; color: #92400e; margin-top: 6px; font-weight: bold;\"\u003e+45 شخص يشوف في هذا المنتج الآن\u003c\/p\u003e\n\u003c!-- IMAGE avec design arrondi + animation --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"section section-alt\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"sec-header\"\u003e\n\u003cdiv class=\"sec-tag sec-tag-teal reveal\"\u003eأسئلة شائعة\u003c\/div\u003e\n\u003ch2 class=\"sec-title reveal\"\u003eكل اللي تحب تعرفه\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-wrap\"\u003e\n\u003cdetails class=\"faq-item reveal d1\"\u003e\n\u003csummary\u003eالحنفية تتوافق مع أي نوع من المغاسل؟\u003c\/summary\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eنعم  الحنفية Penguin  يتوافق مع كل المغاسل القياسية. التركيب بسيط ولا يحتاج أدوات خاصة.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item reveal d2\" open=\"\"\u003e\n\u003csummary\u003eإضاءة LED — كيفاش تشتغل وهل تحتاج بطارية؟\u003c\/summary\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eالإضاءة LED تشتغل تلقائياً بضغط الماء — ما تحتاجش بطارية  تضيء حين تفتح الماء وتطفي حين تسكره.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item reveal d3\"\u003e\n\u003csummary\u003eكيفاش يجي التوصيل وقداش يخذ وقت؟\u003c\/summary\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eالتوصيل سريع من 24 إلى 48 ساعة. نوصل لكل المناطق. الدفع عند الاستلام متاح — ما تدفعش حتى يوصلك المنتج.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item reveal d4\"\u003e\n\u003csummary\u003eهل الرأس المتحرك يرجع لبلاصتو بعد الاستعمال؟\u003c\/summary\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eنعم  الرأس مجهز بنظام رجوع تلقائي — يعود لمكانه بسهولة بعد كل استعمال. مريح وعملي جداً.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"reveal\"\u003eحمامك يستحق\u003cbr\u003e\u003cspan\u003eلمسة فاخرة وذكية 🐧\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"reveal\"\u003eاستثمار واحد  يغير شكل حمامك كلياً.\u003cbr\u003eالتوصيل مجاني.\u003c\/p\u003e\n\u003cdiv class=\"final-price reveal\"\u003e\n\u003cdiv class=\"fp-old\"\u003e350dt \u003c\/div\u003e\n\u003cdiv class=\"fp-main\"\u003e190DT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"max-width: 420px; margin: 0 auto 13px;\" class=\"btn-wrap reveal\"\u003e\u003ca class=\"btn-cta\" href=\"https:\/\/wa.me\/923285279226?text=%D9%86%D9%87%D9%8A%D8%AA%20%D9%86%D8%B7%D9%84%D8%A8%20%D8%B5%D9%86%D8%A8%D9%88%D8%B1%20Penguin%20Pull-Out%20LED\" target=\"_blank\"\u003e 🛒 اطلب الآن — قبل ما يفوت العرض \u003c\/a\u003e\u003c\/div\u003e\n\u003ca style=\"max-width: 420px; display: block; margin: 0 auto;\" class=\"btn-wa\" href=\"https:\/\/wa.me\/923285279226?text=%D9%86%D9%87%D9%8A%D8%AA%20%D9%86%D8%B7%D9%84%D8%A8%20%D8%B5%D9%86%D8%A8%D9%88%D8%B1%20Penguin%20Pull-Out%20LED\" target=\"_blank\"\u003e 💬 تواصل واتساب — 200 424 25\u003c\/a\u003e\n\u003cdiv class=\"final-trust reveal\"\u003e\n\u003cdiv class=\"final-trust-item\"\u003e✅ توصيل مجاني\u003c\/div\u003e\n\u003cdiv class=\"final-trust-item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SHIP BAR --\u003e\n\u003cdiv class=\"ship-bar\"\u003e\n\u003cp\u003e🚚 توصيل مجاني — لدفع عند الاستلام — من 24 إلى 48 ساعة\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- STICKY MOBILE --\u003e\n\u003cdiv class=\"sticky-footer\"\u003e\n\u003cdiv class=\"sf-inner\"\u003e\n\u003cdiv class=\"sf-price\"\u003e190DT  \u003csmall\u003e350DT\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn-cta\" href=\"https:\/\/wa.me\/923285279226?text=%D9%86%D9%87%D9%8A%D8%AA%20%D9%86%D8%B7%D9%84%D8%A8%20%D8%B5%D9%86%D8%A8%D9%88%D8%B1%20Penguin%20Pull-Out%20LED\" target=\"_blank\"\u003e \u003cspan style=\"color: rgb(255,255,255);\"\u003e🛒 اطلب الآن\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Capo Tunisie","offers":[{"title":"Default Title","offer_id":51776293142814,"sku":null,"price":190.0,"currency_code":"TND","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/3188\/7134\/files\/Gemini_Generated_Image_ivc7eqivc7eqivc7_16083a6d-9e91-40f2-b2d1-214fce3932c8.png?v=1778322742","url":"https:\/\/capo.tn\/products\/robinet-4-en-1","provider":"Capo Tunisie","version":"1.0","type":"link"}