{"id":293,"date":"2026-07-28T18:24:00","date_gmt":"2026-07-28T18:24:00","guid":{"rendered":"https:\/\/11pawsgroomingg.com\/?page_id=293"},"modified":"2026-10-07T17:21:23","modified_gmt":"2026-10-07T17:21:23","slug":"transformations","status":"publish","type":"page","link":"https:\/\/11pawsgroomingg.com\/es\/transformations\/","title":{"rendered":"Transformations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"293\" class=\"elementor elementor-293\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83bc092 e-con e-atomic-element e-flexbox-base e-1f196c6 \" data-id=\"83bc092\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"83bc092\" data-e-type=\"e-flexbox\" data-id=\"83bc092\">\n    \t\t<div class=\"elementor-element elementor-element-e53de1b elementor-widget elementor-widget-html\" data-id=\"e53de1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   11 PAWS \u2014 TRANSFORMATIONS \/ BEFORE & AFTER\r\n========================================================= *\/\r\n\r\n.paws-transformations-section,\r\n.paws-transformations-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.paws-transformations-section{\r\n  --paws-deep:#0D2B36;\r\n  --paws-navy:#01394D;\r\n  --paws-teal:#086778;\r\n  --paws-aqua:#3CB5AD;\r\n  --paws-gold:#D4AF37;\r\n  --paws-cream:#f2eee4;\r\n  --paws-white:#FFFFFF;\r\n\r\n  width:100%;\r\n  margin:0;\r\n  padding:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 7%,\r\n      rgba(212,175,55,.12),\r\n      transparent 24%\r\n    ),\r\n    radial-gradient(\r\n      circle at 91% 72%,\r\n      rgba(8,103,120,.08),\r\n      transparent 29%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #FBF4E7 0%,\r\n      var(--paws-cream) 55%,\r\n      #F0DFC1 100%\r\n    );\r\n\r\n  font-family:'Montserrat',Arial,sans-serif;\r\n  color:var(--paws-deep);\r\n}\r\n\r\n.paws-transformations-section .paws-transformations-inner{\r\n  position:relative;\r\n  width:min(1320px,calc(100% - 80px));\r\n  margin:0 auto;\r\n  padding:110px 0 90px;\r\n}\r\n\r\n.paws-transformations-section .paws-transformations-inner::before{\r\n  content:\"TRANSFORMATIONS\";\r\n\r\n  position:absolute;\r\n  z-index:0;\r\n\r\n  top:250px;\r\n  left:50%;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  color:rgba(13,43,54,.028);\r\n\r\n  font-family:'Cormorant Garamond',Georgia,serif;\r\n  font-size:clamp(86px,14vw,210px);\r\n  line-height:.8;\r\n  font-weight:700;\r\n\r\n  white-space:nowrap;\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.paws-transformations-section .paws-transformations-head{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:min(900px,100%);\r\n  margin:0 auto 58px;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.paws-transformations-section .paws-transformations-kicker{\r\n  margin:0 0 15px;\r\n\r\n  color:var(--paws-navy);\r\n\r\n  font-size:10px;\r\n  line-height:1.4;\r\n  font-weight:900;\r\n  letter-spacing:3.7px;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.paws-transformations-section .paws-transformations-title{\r\n  margin:0 auto 21px;\r\n\r\n  color:var(--paws-teal);\r\n\r\n  font-family:'Cormorant Garamond',Georgia,serif;\r\n  font-size:clamp(52px,5.6vw,82px);\r\n  line-height:.92;\r\n  font-weight:700;\r\n  letter-spacing:-.9px;\r\n}\r\n\r\n.paws-transformations-section .paws-transformations-title em{\r\n  display:block;\r\n\r\n  color:var(--paws-gold);\r\n  font-style:italic;\r\n}\r\n\r\n.paws-transformations-section .paws-transformations-description{\r\n  max-width:730px;\r\n  margin:0 auto;\r\n\r\n  color:var(--paws-navy);\r\n\r\n  font-size:15px;\r\n  line-height:1.8;\r\n  font-weight:500;\r\n}\r\n\r\n.paws-transformations-section .paws-transformations-count{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:14px;\r\n\r\n  margin:26px auto 0;\r\n\r\n  color:var(--paws-gold);\r\n\r\n  font-size:9px;\r\n  line-height:1.4;\r\n  font-weight:900;\r\n  letter-spacing:2.4px;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.paws-transformations-section .paws-transformations-count::before,\r\n.paws-transformations-section .paws-transformations-count::after{\r\n  content:\"\";\r\n\r\n  width:38px;\r\n  height:1px;\r\n\r\n  background:rgba(212,175,55,.55);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.paws-transformations-section .paws-transformations-grid{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  gap:28px;\r\n\r\n  width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.paws-transformations-section .paws-transformation-card{\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  min-width:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:var(--paws-navy);\r\n\r\n  border:3px solid var(--paws-navy);\r\n\r\n  box-shadow:\r\n    0 24px 58px rgba(13,43,54,.15);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-card:hover{\r\n  transform:translateY(-7px);\r\n\r\n  box-shadow:\r\n    0 34px 75px rgba(13,43,54,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.paws-transformations-section .paws-transformation-slider{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  height:420px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#0b303b;\r\n\r\n  cursor:ew-resize;\r\n\r\n  user-select:none;\r\n\r\n  touch-action:pan-y;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-slider img{\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  margin:0!important;\r\n  padding:10px;\r\n\r\n  object-fit:contain;\r\n  object-position:center;\r\n\r\n  pointer-events:none;\r\n  user-select:none;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-after{\r\n  clip-path:inset(0 0 0 50%);\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-line{\r\n  position:absolute;\r\n  z-index:5;\r\n\r\n  top:0;\r\n  bottom:0;\r\n  left:50%;\r\n\r\n  width:2px;\r\n\r\n  background:var(--paws-gold);\r\n\r\n  transform:translateX(-50%);\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(212,175,55,.65);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-handle{\r\n  position:absolute;\r\n  z-index:6;\r\n\r\n  top:50%;\r\n  left:50%;\r\n\r\n  width:50px;\r\n  height:50px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--paws-gold);\r\n\r\n  color:var(--paws-deep);\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(0,0,0,.3);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-handle::before{\r\n  content:\"\u2039\";\r\n  margin-right:3px;\r\n\r\n  font-size:24px;\r\n  line-height:1;\r\n  font-weight:900;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-handle::after{\r\n  content:\"\u203a\";\r\n  margin-left:3px;\r\n\r\n  font-size:24px;\r\n  line-height:1;\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABELS\r\n========================================================= *\/\r\n\r\n.paws-transformations-section .paws-transformation-label{\r\n  position:absolute;\r\n  z-index:8;\r\n\r\n  top:11px;\r\n\r\n  padding:7px 10px;\r\n\r\n  font-size:8px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  letter-spacing:1.5px;\r\n\r\n  text-transform:uppercase;\r\n  pointer-events:none;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-label.before{\r\n  left:11px;\r\n\r\n  background:var(--paws-navy);\r\n\r\n  border:1px solid rgba(255,255,255,.16);\r\n\r\n  color:#fff;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-label.after{\r\n  right:11px;\r\n\r\n  background:var(--paws-gold);\r\n\r\n  color:var(--paws-deep);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HINT\r\n========================================================= *\/\r\n\r\n.paws-transformations-section .paws-transformation-hint{\r\n  position:absolute;\r\n  z-index:10;\r\n\r\n  left:50%;\r\n  bottom:13px;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  padding:8px 13px;\r\n\r\n  border:1px solid rgba(212,175,55,.42);\r\n  border-radius:999px;\r\n\r\n  background:rgba(13,43,54,.90);\r\n\r\n  color:#fff;\r\n\r\n  font-size:8px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  letter-spacing:1.2px;\r\n\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n\r\n  pointer-events:none;\r\n\r\n  animation:\r\n    pawsTransformationHint\r\n    1.8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO\r\n========================================================= *\/\r\n\r\n.paws-transformations-section .paws-transformation-info{\r\n  min-height:118px;\r\n\r\n  padding:19px 20px 21px;\r\n\r\n  background:#0b303b;\r\n  color:#fff;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-info h3{\r\n  margin:0 0 8px;\r\n\r\n  color:#fff;\r\n\r\n  font-family:'Cormorant Garamond',Georgia,serif;\r\n  font-size:29px;\r\n  line-height:1;\r\n  font-weight:700;\r\n}\r\n\r\n.paws-transformations-section .paws-transformation-info p{\r\n  margin:0;\r\n\r\n  color:rgba(246,241,232,.76);\r\n\r\n  font-size:11px;\r\n  line-height:1.65;\r\n  font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes pawsTransformationHint{\r\n\r\n  0%,100%{\r\n    transform:translateX(-50%);\r\n  }\r\n\r\n  35%{\r\n    transform:translateX(calc(-50% - 11px));\r\n  }\r\n\r\n  70%{\r\n    transform:translateX(calc(-50% + 11px));\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1080px){\r\n\r\n  .paws-transformations-section .paws-transformations-inner{\r\n    width:calc(100% - 56px);\r\n    padding:90px 0 76px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformations-grid{\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n    gap:24px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformation-slider{\r\n    height:460px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:760px){\r\n\r\n  .paws-transformations-section .paws-transformations-inner{\r\n    width:calc(100% - 40px);\r\n    padding:70px 0 68px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformations-head{\r\n    margin-bottom:42px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformations-title{\r\n    font-size:43px;\r\n    line-height:.97;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformations-description{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformations-grid{\r\n    grid-template-columns:1fr;\r\n    gap:24px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformation-slider{\r\n    height:480px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:520px){\r\n\r\n  .paws-transformations-section .paws-transformations-inner{\r\n    width:calc(100% - 28px);\r\n    padding:60px 0 56px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformations-kicker{\r\n    font-size:9px;\r\n    letter-spacing:2.6px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformations-title{\r\n    font-size:39px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformations-description{\r\n    font-size:13px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformation-slider{\r\n    height:410px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformation-slider img{\r\n    padding:8px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformation-handle{\r\n    width:46px;\r\n    height:46px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformation-info{\r\n    padding:18px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformation-info h3{\r\n    font-size:27px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:390px){\r\n\r\n  .paws-transformations-section .paws-transformations-inner{\r\n    width:calc(100% - 24px);\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformations-title{\r\n    font-size:36px;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformation-slider{\r\n    height:365px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .paws-transformations-section .paws-transformation-hint{\r\n    animation:none;\r\n  }\r\n\r\n  .paws-transformations-section .paws-transformation-card{\r\n    transition:none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"paws-transformations-section\">\r\n\r\n  <div class=\"paws-transformations-inner\">\r\n\r\n    <header class=\"paws-transformations-head\">\r\n\r\n      <div class=\"paws-transformations-kicker\">\r\n        Before &amp; After Gallery\r\n      <\/div>\r\n\r\n      <h1 class=\"paws-transformations-title\">\r\n        Real Pets.\r\n        <em>Real Transformations.<\/em>\r\n      <\/h1>\r\n\r\n      <p class=\"paws-transformations-description\">\r\n        Explore real results from 11 Paws mobile grooming\r\n        appointments. Drag each image to compare the before\r\n        and after transformation.\r\n      <\/p>\r\n\r\n      <div class=\"paws-transformations-count\">\r\n        Ten Real Before &amp; After Results\r\n      <\/div>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"paws-transformations-grid\">\r\n\r\n\r\n      <!-- 01 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">\r\n            Before\r\n          <\/span>\r\n\r\n          <span class=\"paws-transformation-label after\">\r\n            After\r\n          <\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/2.webp\"\r\n            alt=\"Dog before grooming transformation\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/1.webp\"\r\n            alt=\"Dog after grooming transformation\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n          <h3>Fresh Coat Reveal<\/h3>\r\n\r\n          <p>\r\n            A cleaner, softer and happier look after a premium\r\n            grooming appointment.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 02 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">\r\n            Before\r\n          <\/span>\r\n\r\n          <span class=\"paws-transformation-label after\">\r\n            After\r\n          <\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/4.webp\"\r\n            alt=\"Dog before professional haircut\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/3.webp\"\r\n            alt=\"Dog after professional haircut\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n\r\n          <h3>Clean Cut Finish<\/h3>\r\n\r\n          <p>\r\n            From grown out to neat, refreshed and photo-ready.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 03 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">\r\n            Before\r\n          <\/span>\r\n\r\n          <span class=\"paws-transformation-label after\">\r\n            After\r\n          <\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/5.webp\"\r\n            alt=\"Pet before soft coat grooming treatment\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/6.webp\"\r\n            alt=\"Pet after soft coat grooming treatment\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n\r\n          <h3>Soft Coat Refresh<\/h3>\r\n\r\n          <p>\r\n            A visible transformation created with patience,\r\n            comfort and detailed care.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 04 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">\r\n            Before\r\n          <\/span>\r\n\r\n          <span class=\"paws-transformation-label after\">\r\n            After\r\n          <\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/7.webp\"\r\n            alt=\"Dog before luxury mobile grooming bath\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/8.webp\"\r\n            alt=\"Dog after luxury mobile grooming bath\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n\r\n          <h3>Luxury Bath Result<\/h3>\r\n\r\n          <p>\r\n            Clean, bright and cared for with a calmer mobile\r\n            spa experience.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 05 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">\r\n            Before\r\n          <\/span>\r\n\r\n          <span class=\"paws-transformation-label after\">\r\n            After\r\n          <\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/9.webp\"\r\n            alt=\"Pet before polished grooming service\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/10.webp\"\r\n            alt=\"Pet after polished grooming service\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n\r\n          <h3>Polished Groom<\/h3>\r\n\r\n          <p>\r\n            A neat finish that brings out your pet\u2019s natural charm.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 06 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">\r\n            Before\r\n          <\/span>\r\n\r\n          <span class=\"paws-transformation-label after\">\r\n            After\r\n          <\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/11.webp\"\r\n            alt=\"Pet before fresh and fluffy grooming service\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/12.webp\"\r\n            alt=\"Pet after fresh and fluffy grooming service\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n\r\n          <h3>Fresh &amp; Fluffy<\/h3>\r\n\r\n          <p>\r\n            A softer, cleaner coat completed with a beautiful\r\n            final touch.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 07 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">Before<\/span>\r\n          <span class=\"paws-transformation-label after\">After<\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/18.webp\"\r\n            alt=\"Pet before professional grooming transformation\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/19.webp\"\r\n            alt=\"Pet after professional grooming transformation\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n\r\n          <h3>Happy Transformation<\/h3>\r\n\r\n          <p>\r\n            Professional care that helps your pet feel clean,\r\n            comfortable and loved.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 08 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">Before<\/span>\r\n          <span class=\"paws-transformation-label after\">After<\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/21.webp\"\r\n            alt=\"Pet before detailed spa care service\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/20.webp\"\r\n            alt=\"Pet after detailed spa care service\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n\r\n          <h3>Soft Spa Finish<\/h3>\r\n\r\n          <p>\r\n            Detailed grooming with a clean, comfortable and\r\n            polished result.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 09 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">Before<\/span>\r\n          <span class=\"paws-transformation-label after\">After<\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/23.webp\"\r\n            alt=\"Pet before premium grooming transformation\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/07\/22.webp\"\r\n            alt=\"Pet after premium grooming transformation\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n\r\n          <h3>Premium Grooming Glow<\/h3>\r\n\r\n          <p>\r\n            A fresh transformation designed around comfort,\r\n            care and professional detail.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 10 -->\r\n      <article class=\"paws-transformation-card\">\r\n\r\n        <div class=\"paws-transformation-slider\">\r\n\r\n          <span class=\"paws-transformation-label before\">Before<\/span>\r\n          <span class=\"paws-transformation-label after\">After<\/span>\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-19-at-12.39.23-PM.jpeg\"\r\n            alt=\"Dog before 11 Paws grooming transformation\"\r\n          >\r\n\r\n          <img decoding=\"async\"\r\n            class=\"paws-transformation-after\"\r\n            src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-19-at-12.20.44-PM-1.jpeg\"\r\n            alt=\"Dog after 11 Paws grooming transformation\"\r\n          >\r\n\r\n          <div class=\"paws-transformation-line\"><\/div>\r\n          <div class=\"paws-transformation-handle\"><\/div>\r\n\r\n          <div class=\"paws-transformation-hint\">\r\n            Drag to reveal\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"paws-transformation-info\">\r\n\r\n          <h3>Fresh Groom Reveal<\/h3>\r\n\r\n          <p>\r\n            From the before to a cleaner, polished and beautifully\r\n            refreshed final result.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n  document\r\n    .querySelectorAll(\r\n      \".paws-transformations-section .paws-transformation-slider\"\r\n    )\r\n    .forEach(function(slider){\r\n\r\n      const afterImage =\r\n        slider.querySelector(\".paws-transformation-after\");\r\n\r\n      const line =\r\n        slider.querySelector(\".paws-transformation-line\");\r\n\r\n      const handle =\r\n        slider.querySelector(\".paws-transformation-handle\");\r\n\r\n      const hint =\r\n        slider.querySelector(\".paws-transformation-hint\");\r\n\r\n      let isDragging=false;\r\n      let currentValue=50;\r\n\r\n\r\n      function setSlider(percent){\r\n\r\n        currentValue=Math.max(\r\n          0,\r\n          Math.min(percent,100)\r\n        );\r\n\r\n        afterImage.style.clipPath=\r\n          \"inset(0 0 0 \"+currentValue+\"%)\";\r\n\r\n        line.style.left=currentValue+\"%\";\r\n        handle.style.left=currentValue+\"%\";\r\n\r\n        if(hint){\r\n          hint.style.opacity=\"0\";\r\n          hint.style.animation=\"none\";\r\n        }\r\n      }\r\n\r\n\r\n      function setFromPointer(clientX){\r\n\r\n        const rect=\r\n          slider.getBoundingClientRect();\r\n\r\n        const position=\r\n          Math.max(\r\n            0,\r\n            Math.min(\r\n              clientX-rect.left,\r\n              rect.width\r\n            )\r\n          );\r\n\r\n        setSlider(\r\n          (position\/rect.width)*100\r\n        );\r\n      }\r\n\r\n\r\n      slider.addEventListener(\r\n        \"pointerdown\",\r\n        function(event){\r\n\r\n          isDragging=true;\r\n\r\n          slider.setPointerCapture(\r\n            event.pointerId\r\n          );\r\n\r\n          setFromPointer(event.clientX);\r\n        }\r\n      );\r\n\r\n\r\n      slider.addEventListener(\r\n        \"pointermove\",\r\n        function(event){\r\n\r\n          if(!isDragging)return;\r\n\r\n          setFromPointer(event.clientX);\r\n        }\r\n      );\r\n\r\n\r\n      slider.addEventListener(\r\n        \"pointerup\",\r\n        function(event){\r\n\r\n          isDragging=false;\r\n\r\n          if(\r\n            slider.hasPointerCapture(\r\n              event.pointerId\r\n            )\r\n          ){\r\n            slider.releasePointerCapture(\r\n              event.pointerId\r\n            );\r\n          }\r\n        }\r\n      );\r\n\r\n\r\n      slider.addEventListener(\r\n        \"pointercancel\",\r\n        function(){\r\n          isDragging=false;\r\n        }\r\n      );\r\n\r\n\r\n      slider.addEventListener(\r\n        \"keydown\",\r\n        function(event){\r\n\r\n          if(event.key===\"ArrowLeft\"){\r\n            event.preventDefault();\r\n            setSlider(currentValue-5);\r\n          }\r\n\r\n          if(event.key===\"ArrowRight\"){\r\n            event.preventDefault();\r\n            setSlider(currentValue+5);\r\n          }\r\n\r\n          if(event.key===\"Home\"){\r\n            event.preventDefault();\r\n            setSlider(0);\r\n          }\r\n\r\n          if(event.key===\"End\"){\r\n            event.preventDefault();\r\n            setSlider(100);\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      slider.setAttribute(\"tabindex\",\"0\");\r\n      slider.setAttribute(\"role\",\"slider\");\r\n      slider.setAttribute(\r\n        \"aria-label\",\r\n        \"Compare the before and after grooming photographs\"\r\n      );\r\n      slider.setAttribute(\"aria-valuemin\",\"0\");\r\n      slider.setAttribute(\"aria-valuemax\",\"100\");\r\n      slider.setAttribute(\"aria-valuenow\",\"50\");\r\n\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ddece4e e-con e-atomic-element e-flexbox-base e-6ddece4e-69e5fab \" data-id=\"6ddece4e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6ddece4e\" data-e-type=\"e-flexbox\" data-id=\"6ddece4e\">\n    \t\t<div class=\"elementor-element elementor-element-77c5eaa0 elementor-widget elementor-widget-html\" data-id=\"77c5eaa0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gp-final\">\r\n\r\n<style>\r\n.gp-final,\r\n.gp-final *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.gp-final{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:100px 0 75px;\r\n  text-align:center;\r\n  background:#e3f6f7;\r\n  font-family:'Montserrat',Arial,sans-serif;\r\n}\r\n\r\n.gp-final:before{\r\n  content:\"\ud83d\udc3e\";\r\n  position:absolute;\r\n  left:7%;\r\n  top:35px;\r\n  font-size:200px;\r\n  opacity:.045;\r\n  transform:rotate(-20deg);\r\n}\r\n\r\n.gp-final:after{\r\n  content:\"\ud83d\udc3e\";\r\n  position:absolute;\r\n  right:6%;\r\n  bottom:40px;\r\n  font-size:290px;\r\n  opacity:.04;\r\n  transform:rotate(18deg);\r\n}\r\n\r\n.gp-final-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  width:min(780px,calc(100% - 28px));\r\n  margin:auto;\r\n}\r\n\r\n.gp-final-small{\r\n  margin-bottom:17px;\r\n  color:#1B464F;\r\n  font-size:10px;\r\n  font-weight:900;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.gp-final h2{\r\n  margin:0;\r\n  color:#1B464F;\r\n  font-family:'Cormorant Garamond',Georgia,serif;\r\n  font-size:clamp(48px,5.5vw,74px);\r\n  line-height:.98;\r\n  letter-spacing:-.025em;\r\n  font-weight:600;\r\n}\r\n\r\n.gp-final h2 span{\r\n  display:block;\r\n  color:#2E6870;\r\n  font-style:italic;\r\n}\r\n\r\n.gp-final p{\r\n  max-width:600px;\r\n  margin:21px auto 0;\r\n  color:#5E7477;\r\n  font-size:14px;\r\n  line-height:1.8;\r\n}\r\n\r\n.gp-final a{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-height:51px;\r\n  padding:0 28px;\r\n  margin-top:29px;\r\n  border-radius:30px;\r\n  background:#D4AF37;\r\n  color:#1B464F!important;\r\n  text-decoration:none!important;\r\n  font-size:18px;\r\n  font-weight:900;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n  transition:.25s ease;\r\n}\r\n\r\n.gp-final a:hover{\r\n  transform:translateY(-3px);\r\n  background:#E7CF7A;\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .gp-final{\r\n    padding:75px 0 55px;\r\n  }\r\n\r\n  .gp-final h2{\r\n    font-size:45px;\r\n  }\r\n\r\n  .gp-final a{\r\n    width:100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"gp-final-inner\">\r\n\r\n  <div class=\"gp-final-small\">\r\n    Your Pet Could Be Next\r\n  <\/div>\r\n\r\n  <h2>\r\n    Ready for a Beautiful\r\n        <em>Transformation?<\/em>\r\n  <\/h2>\r\n\r\n  <p>\r\n     Give your pet a calmer, cleaner and more comfortable\r\n        grooming experience without leaving home.\r\n  <\/p>\r\n\r\n  <a\r\n    href=\"tel:+13055427117\"\r\n    target=\"_blank\"\r\n    rel=\"noopener\"\r\n  >\r\n    305-542-7117\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-5d1f97c e-con e-atomic-element e-flexbox-base e-678de29 \" data-id=\"5d1f97c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5d1f97c\" data-e-type=\"e-flexbox\" data-id=\"5d1f97c\">\n    \t\t<div class=\"elementor-element elementor-element-38838ff elementor-widget elementor-widget-html\" data-id=\"38838ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"paws-auto-gallery\" data-paws-slider>\r\n\r\n<style>\r\n\/* =========================================================\r\n   11 PAWS \u2014 AUTO GALLERY\r\n========================================================= *\/\r\n\r\n.paws-auto-gallery,\r\n.paws-auto-gallery *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.paws-auto-gallery{\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n  padding:90px 0 80px;\r\n  background:#f2eee4;\r\n  font-family:'Montserrat',Arial,sans-serif;\r\n}\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.paws-auto-gallery-header{\r\n  width:min(820px,calc(100% - 40px));\r\n  margin:0 auto 45px;\r\n  text-align:center;\r\n}\r\n\r\n.paws-auto-gallery-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:16px;\r\n\r\n  color:#086778;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:2.5px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.paws-auto-gallery-eyebrow::before,\r\n.paws-auto-gallery-eyebrow::after{\r\n  content:\"\";\r\n  width:25px;\r\n  height:1px;\r\n  background:#3CB5AD;\r\n}\r\n\r\n.paws-auto-gallery-title{\r\n  margin:0;\r\n\r\n  color:#0D2B36;\r\n\r\n  font-family:'Cormorant Garamond',Georgia,serif;\r\n  font-size:clamp(44px,5vw,68px);\r\n  line-height:.95;\r\n  font-weight:600;\r\n  letter-spacing:-1px;\r\n}\r\n\r\n.paws-auto-gallery-description{\r\n  max-width:650px;\r\n  margin:20px auto 0;\r\n\r\n  color:#60767c;\r\n  font-size:15px;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n========================================================= *\/\r\n\r\n.paws-auto-gallery-viewport{\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n.paws-auto-gallery-track{\r\n  display:flex;\r\n  width:max-content;\r\n  gap:20px;\r\n\r\n  transform:translate3d(0,0,0);\r\n\r\n  will-change:transform;\r\n\r\n  cursor:grab;\r\n}\r\n\r\n.paws-auto-gallery-track:active{\r\n  cursor:grabbing;\r\n}\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.paws-auto-gallery-card{\r\n  position:relative;\r\n\r\n  width:260px;\r\n  height:330px;\r\n\r\n  flex:0 0 260px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:24px;\r\n\r\n  background:#dcebed;\r\n\r\n  box-shadow:\r\n    0 16px 40px rgba(13,43,54,.12);\r\n}\r\n\r\n.paws-auto-gallery-card img{\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  user-select:none;\r\n  -webkit-user-drag:none;\r\n\r\n  transition:transform .6s ease;\r\n}\r\n\r\n.paws-auto-gallery-card:hover img{\r\n  transform:scale(1.05);\r\n}\r\n\r\n\/* subtle bottom gradient *\/\r\n\r\n.paws-auto-gallery-card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  pointer-events:none;\r\n\r\n  background:linear-gradient(\r\n    to bottom,\r\n    transparent 55%,\r\n    rgba(13,43,54,.18)\r\n  );\r\n}\r\n\r\n\/* =========================================================\r\n   EDGE FADE\r\n========================================================= *\/\r\n\r\n.paws-auto-gallery-viewport::before,\r\n.paws-auto-gallery-viewport::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  bottom:0;\r\n\r\n  width:110px;\r\n\r\n  z-index:5;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.paws-auto-gallery-viewport::before{\r\n  left:0;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #f2eee4,\r\n    rgba(242,238,228,0)\r\n  );\r\n}\r\n\r\n.paws-auto-gallery-viewport::after{\r\n  right:0;\r\n\r\n  background:linear-gradient(\r\n    270deg,\r\n    #f2eee4,\r\n    rgba(242,238,228,0)\r\n  );\r\n}\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n========================================================= *\/\r\n\r\n.paws-auto-gallery-note{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:11px;\r\n\r\n  margin-top:40px;\r\n\r\n  color:#0D2B36;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:2px;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.paws-auto-gallery-note i{\r\n  display:block;\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#3CB5AD;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  .paws-auto-gallery{\r\n    padding:75px 0 65px;\r\n  }\r\n\r\n  .paws-auto-gallery-card{\r\n    width:220px;\r\n    height:285px;\r\n    flex-basis:220px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .paws-auto-gallery{\r\n    padding:65px 0 55px;\r\n  }\r\n\r\n  .paws-auto-gallery-header{\r\n    width:calc(100% - 34px);\r\n    margin-bottom:32px;\r\n  }\r\n\r\n  .paws-auto-gallery-title{\r\n    font-size:44px;\r\n  }\r\n\r\n  .paws-auto-gallery-description{\r\n    font-size:13px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .paws-auto-gallery-card{\r\n    width:190px;\r\n    height:245px;\r\n    flex-basis:190px;\r\n\r\n    border-radius:19px;\r\n  }\r\n\r\n  .paws-auto-gallery-track{\r\n    gap:14px;\r\n  }\r\n\r\n  .paws-auto-gallery-viewport::before,\r\n  .paws-auto-gallery-viewport::after{\r\n    width:45px;\r\n  }\r\n\r\n  .paws-auto-gallery-note{\r\n    font-size:8px;\r\n    letter-spacing:1.4px;\r\n    gap:8px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     HEADER\r\n===================================================== -->\r\n\r\n<div class=\"paws-auto-gallery-header\">\r\n\r\n  <div class=\"paws-auto-gallery-eyebrow\">\r\n    More Happy Pets\r\n  <\/div>\r\n\r\n  <h2 class=\"paws-auto-gallery-title\">\r\n    Fresh coats.<br>\r\n    Beautiful final results.\r\n  <\/h2>\r\n\r\n  <p class=\"paws-auto-gallery-description\">\r\n    Not every appointment has a before photo, but every one deserves\r\n    its moment. Explore more real grooming results from 11 Paws clients.\r\n  <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     GALLERY\r\n===================================================== -->\r\n\r\n<div class=\"paws-auto-gallery-viewport\">\r\n\r\n  <div class=\"paws-auto-gallery-track\">\r\n\r\n\r\n    <div class=\"paws-auto-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/0d79b085-8cc6-4647-b05e-febf7ee0dfb0-scaled.jpg\">\r\n    <\/div>\r\n\r\n    <div class=\"paws-auto-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/bernadoodle.jpg\">\r\n    <\/div>\r\n\r\n    <div class=\"paws-auto-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/cat-mainen-coon.jpg\">\r\n    <\/div>\r\n\r\n    <div class=\"paws-auto-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/cavapooh-scaled.jpg\">\r\n    <\/div>\r\n\r\n    <div class=\"paws-auto-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/doodle.png\">\r\n    <\/div>\r\n\r\n    <div class=\"paws-auto-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/french-bulldog.jpg\">\r\n    <\/div>\r\n\r\n    <div class=\"paws-auto-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/golden-doddle-scaled.jpg\">\r\n    <\/div>\r\n\r\n    <div class=\"paws-auto-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/11pawsgroomingg.com\/wp-content\/uploads\/2026\/08\/pomerania-.png\">\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     NOTE\r\n===================================================== -->\r\n\r\n<div class=\"paws-auto-gallery-note\">\r\n\r\n  <i><\/i>\r\n  Real pets\r\n\r\n  <i><\/i>\r\n  Real clients\r\n\r\n  <i><\/i>\r\n  Real 11 Paws results\r\n\r\n  <i><\/i>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initPawsGallery(){\r\n\r\n    const gallery = document.querySelector('[data-paws-slider]');\r\n\r\n    if(!gallery) return;\r\n\r\n    const viewport = gallery.querySelector(\r\n      '.paws-auto-gallery-viewport'\r\n    );\r\n\r\n    const track = gallery.querySelector(\r\n      '.paws-auto-gallery-track'\r\n    );\r\n\r\n    if(!viewport || !track) return;\r\n\r\n    \/* Prevent duplicate initialization *\/\r\n\r\n    if(track.dataset.initialized === 'true') return;\r\n\r\n    track.dataset.initialized = 'true';\r\n\r\n\r\n    \/* =====================================================\r\n       DUPLICATE ORIGINAL CARDS\r\n    ===================================================== *\/\r\n\r\n    const originalCards = Array.from(\r\n      track.children\r\n    );\r\n\r\n    originalCards.forEach(function(card){\r\n\r\n      const clone = card.cloneNode(true);\r\n\r\n      track.appendChild(clone);\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       ANIMATION\r\n    ===================================================== *\/\r\n\r\n    let position = 0;\r\n\r\n    let lastTime = performance.now();\r\n\r\n    const speed = 0.45;\r\n\r\n\r\n    function animate(currentTime){\r\n\r\n      const delta =\r\n        currentTime - lastTime;\r\n\r\n      lastTime = currentTime;\r\n\r\n\r\n      position -= speed * (delta \/ 16.67);\r\n\r\n\r\n      \/*\r\n        Once we've moved exactly half the track,\r\n        reset to the beginning.\r\n\r\n        Because the second half is an exact duplicate,\r\n        the reset is invisible.\r\n      *\/\r\n\r\n      const halfWidth =\r\n        track.scrollWidth \/ 2;\r\n\r\n\r\n      if(Math.abs(position) >= halfWidth){\r\n\r\n        position += halfWidth;\r\n\r\n      }\r\n\r\n\r\n      track.style.transform =\r\n        'translate3d(' +\r\n        position +\r\n        'px,0,0)';\r\n\r\n\r\n      requestAnimationFrame(animate);\r\n\r\n    }\r\n\r\n\r\n    requestAnimationFrame(animate);\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Normal page load\r\n  *\/\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initPawsGallery\r\n    );\r\n\r\n  }else{\r\n\r\n    initPawsGallery();\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Elementor sometimes renders widgets\r\n    after the initial DOM load.\r\n  *\/\r\n\r\n  setTimeout(\r\n    initPawsGallery,\r\n    500\r\n  );\r\n\r\n  setTimeout(\r\n    initPawsGallery,\r\n    1500\r\n  );\r\n\r\n  setTimeout(\r\n    initPawsGallery,\r\n    3000\r\n  );\r\n\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Before &amp; After Gallery Real Pets. Real Transformations. Explore real results from 11 Paws mobile grooming appointments. Drag each image to compare the before and after transformation. Ten Real Before &amp; After Results Before After Drag to reveal Fresh Coat Reveal A cleaner, softer and happier look after a premium grooming appointment. Before After Drag [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-293","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/11pawsgroomingg.com\/es\/wp-json\/wp\/v2\/pages\/293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/11pawsgroomingg.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/11pawsgroomingg.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/11pawsgroomingg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/11pawsgroomingg.com\/es\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":45,"href":"https:\/\/11pawsgroomingg.com\/es\/wp-json\/wp\/v2\/pages\/293\/revisions"}],"predecessor-version":[{"id":1358,"href":"https:\/\/11pawsgroomingg.com\/es\/wp-json\/wp\/v2\/pages\/293\/revisions\/1358"}],"wp:attachment":[{"href":"https:\/\/11pawsgroomingg.com\/es\/wp-json\/wp\/v2\/media?parent=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}