.elementor-15 .elementor-element.elementor-element-3de99e3{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.48;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-15 .elementor-element.elementor-element-3de99e3:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-3de99e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://plumapaws.com/wp-content/uploads/2026/10/ChatGPT_Image_Aug_28_2026_12_59_14_AM_2592x.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-3de99e3::before, .elementor-15 .elementor-element.elementor-element-3de99e3 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-3de99e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-3de99e3 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-3de99e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-3de99e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#111111B8;--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-3a0b691{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-f78c2ca{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-f78c2ca .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:700;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-60b567d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-6245060 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-15 .elementor-element.elementor-element-6245060 .elementor-button{font-weight:700;}.elementor-15 .elementor-element.elementor-element-83d2967{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-db9e483{--display:flex;}.elementor-15 .elementor-element.elementor-element-0281ddb{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-20aea02{--display:flex;}.elementor-15 .elementor-element.elementor-element-805d05e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-521bbea{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.48;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-521bbea::before, .elementor-15 .elementor-element.elementor-element-521bbea > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-521bbea > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-521bbea > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-521bbea > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-521bbea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-d3919ba{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-9c02ff9{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.48;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-9c02ff9::before, .elementor-15 .elementor-element.elementor-element-9c02ff9 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-9c02ff9 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-9c02ff9 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-9c02ff9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-9c02ff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-ea02d79{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-259df93{--display:flex;}.elementor-15 .elementor-element.elementor-element-bf781e3{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.48;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-bf781e3::before, .elementor-15 .elementor-element.elementor-element-bf781e3 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-bf781e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-bf781e3 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-bf781e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-bf781e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-83b71e9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-3de99e3{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-15 .elementor-element.elementor-element-521bbea{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-15 .elementor-element.elementor-element-9c02ff9{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-15 .elementor-element.elementor-element-bf781e3{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(max-width:768px){.elementor-15 .elementor-element.elementor-element-3de99e3{--min-height:60vh;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-f78c2ca .elementor-heading-title{font-size:35px;}.elementor-15 .elementor-element.elementor-element-60b567d{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;font-size:12px;}.elementor-15 .elementor-element.elementor-element-521bbea{--min-height:71vh;}.elementor-15 .elementor-element.elementor-element-9c02ff9{--min-height:71vh;}.elementor-15 .elementor-element.elementor-element-bf781e3{--min-height:71vh;}}/* Start custom CSS for button, class: .elementor-element-6245060 *//* ==========================================================
   OUTLINE / GHOST BUTTON  ("SHOP BEST SELLERS" style)
   
   Elementor setup:
   Button widget -> Advanced tab -> CSS Classes -> ghost-btn
   Paste this CSS in Site Settings > Custom CSS (Pro) or
   WordPress > Appearance > Customize > Additional CSS.
   
   Sizes are approximate (measured from the video) — tweak the
   padding / font-size / border width to taste.
   ========================================================== */

.ghost-btn .elementor-button {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;            /* sharp corners */
  padding: 14px 28px !important;
  font-size: 16px;
  font-weight: 700;                       /* bold */
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 1.2;
  box-shadow: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover: no background change — keeps the outline look, and stops
   Elementor / your theme from tinting the button on hover */
.ghost-btn .elementor-button:hover,
.ghost-btn .elementor-button:focus {
  background: transparent !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* ==========================================================
   ICON THAT APPEARS ON HOVER
   
   In the Button widget: Content tab -> Icon -> pick your icon
   (e.g. an arrow), Icon Position -> After.
   The CSS below hides that icon until the button is hovered,
   then it slides/fades in next to the text.
   ========================================================== */

.ghost-btn .elementor-button-content-wrapper {
  align-items: center;
}

.ghost-btn .elementor-button-icon {
  display: inline-flex;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0 !important;
  transform: translateX(-10px);
  transition: max-width 0.35s ease, opacity 0.3s ease,
              transform 0.35s ease, margin 0.35s ease;
}

.ghost-btn .elementor-button:hover .elementor-button-icon,
.ghost-btn .elementor-button:focus .elementor-button-icon {
  max-width: 30px;
  opacity: 1;
  transform: translateX(0);
  margin-inline-start: 10px !important;
}

/* Touch screens have no hover, so just show the icon there */
@media (hover: none) {
  .ghost-btn .elementor-button-icon {
    max-width: 30px;
    opacity: 1;
    transform: none;
    margin-inline-start: 10px !important;
  }
}

/* ==========================================================
   RESPONSIVE — tablet & phone
   Smaller text and padding so the button never overflows the
   screen; long labels wrap onto two lines instead of getting cut.
   ========================================================== */

@media (max-width: 1024px) {
  .ghost-btn .elementor-button {
    font-size: 15px;
    padding: 13px 24px !important;
  }
}

@media (max-width: 767px) {
  .ghost-btn .elementor-button {
    font-size: 12px;
    padding: 10px 20px !important;
    max-width: 100%;
    white-space: normal;      /* allow wrapping on narrow screens */
    text-align: center;
  }

  .ghost-btn .elementor-button-icon {
    font-size: 14px;
  }

  /* OPTIONAL: full-width button on phones — remove the comment
     markers around the next rule to use it.
  .ghost-btn,
  .ghost-btn .elementor-button {
    width: 100%;
  }
  */
}

@media (max-width: 480px) {
  .ghost-btn .elementor-button {
    font-size: 11px;
    padding: 10px 16px !important;
    border-width: 2px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71a6548 *//* ===== SCROLL-REVEAL ANIMATIONS (product block) ===== */
@keyframes ppIn{  from{ opacity: 0; transform: translateY(24px); } }
@keyframes ppZoom{from{ opacity: 0; transform: scale(.97); } }
@keyframes ppPop{ from{ opacity: 0; transform: scale(.7); } }

@supports (animation-timeline: view()){

  /* Using only the "from" keyframe + fill "backwards" means each element returns to its
     normal style afterwards, so your hover, active and opacity states keep working. */

  /* main photo */
  .pdp .stage{
    animation: ppZoom linear backwards;
    animation-timeline: view();
    animation-range: entry 0% entry 55%;
  }

  /* thumbnails appear one by one, left to right */
  .pdp .thumb{
    animation: ppIn linear backwards;
    animation-timeline: view();
    animation-range: entry 0% entry 40%;
  }
  .pdp .thumb:nth-child(2){ animation-range: entry 6%  entry 46%; }
  .pdp .thumb:nth-child(3){ animation-range: entry 12% entry 52%; }
  .pdp .thumb:nth-child(4){ animation-range: entry 18% entry 58%; }
  .pdp .thumb:nth-child(5){ animation-range: entry 24% entry 64%; }
  .pdp .thumb:nth-child(6){ animation-range: entry 30% entry 70%; }
  .pdp .thumb:nth-child(7){ animation-range: entry 36% entry 76%; }
  .pdp .thumb:nth-child(8){ animation-range: entry 42% entry 82%; }
  .pdp .thumb:nth-child(9){ animation-range: entry 48% entry 88%; }

  /* title, rating, price, labels */
  .pdp h1,
  .pdp .rating,
  .pdp .tag,
  .pdp .price,
  .pdp .label,
  .pdp .cta{
    animation: ppIn linear backwards;
    animation-timeline: view();
    animation-range: entry 0% entry 45%;
  }

  /* pack cards stagger */
  .pdp .packs > *{
    animation: ppIn linear backwards;
    animation-timeline: view();
    animation-range: entry 0% entry 45%;
  }
  .pdp .packs > :nth-child(2){ animation-range: entry 10% entry 55%; }
  .pdp .packs > :nth-child(3){ animation-range: entry 20% entry 65%; }

  /* BEST VALUE badge pops in */
  .pdp .badge{
    animation: ppPop linear backwards;
    animation-timeline: view();
    animation-range: entry 25% entry 75%;
  }

  /* perks list stagger */
  .pdp .perks li{
    animation: ppIn linear backwards;
    animation-timeline: view();
    animation-range: entry 0% entry 45%;
  }
  .pdp .perks li:nth-child(2){ animation-range: entry 8%  entry 53%; }
  .pdp .perks li:nth-child(3){ animation-range: entry 16% entry 61%; }
  .pdp .perks li:nth-child(4){ animation-range: entry 24% entry 69%; }
}

@media (prefers-reduced-motion: reduce){
  .pdp .stage, .pdp .thumb, .pdp h1, .pdp .rating, .pdp .tag, .pdp .price,
  .pdp .label, .pdp .cta, .pdp .packs > *, .pdp .badge, .pdp .perks li{
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d52ffc0 */.pp-rev__dots{
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 26px;
  }
  .pp-rev__dots button{
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #d6cfc6 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer;
    transition: width .3s ease, background-color .3s ease !important;
  }
  .pp-rev__dots button:hover,
  .pp-rev__dots button:focus{
    background: #b9b0a5 !important;
    outline: none;
  }
  .pp-rev__dots button.is-active{
    width: 26px !important;
    background: #465248 !important;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83b71e9 */.pp-cta__bg{
    position: static !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 1;
    object-fit: cover !important;
    object-position: left center !important;
  }/* End custom CSS */